@keyframes pulse{0%{transform:scale(.8);opacity:1}to{transform:scale(1.8);opacity:0}}.image-with-hotspots{display:block;padding-block:64px;color:#fff}.image-with-hotspots__wrapper{background-color:#579e9d;background-position:top left;background-repeat:no-repeat;background-size:cover;padding:64px 32px;border-radius:24px;display:grid;grid-template-columns:repeat(2,1fr);align-items:start;gap:80px}.image-with-hotpsots__media{position:relative;aspect-ratio:1}.image-with-hotpsots__image{width:100%;height:100%;object-fit:contain}.image-with-hotspots__content{display:grid;gap:32px}.image-with-hotspots__title{font-size:32px;font-weight:700;line-height:1.2;text-wrap:balance;margin:0 0 0 32px}.image-with-hotspots__title--mobile{display:none}.image-with-hotspots__accordions{display:grid;gap:8px}.hotspot{display:flex;justify-content:center;align-items:center;width:32px;height:32px;border-radius:32px;font-size:20px;font-weight:700;line-height:1;position:relative;z-index:1}.hotspot:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border-radius:100%;background-color:#11545f;z-index:-1}.hotspot--media{position:absolute;top:var(--hotspot-y);left:var(--hotspot-x);transform:translate(-50%,-50%)}.hotspot--active:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border-radius:100%;background-color:#fff;z-index:-1;transform-origin:center center;transform:scale(.8);opacity:1;animation:pulse 1.6s linear infinite forwards}.hotspot--active:after{border:solid 2px #6aba95}.accordion{border-radius:24px;border:solid 2px transparent}.accordion[open]{border:solid 2px #fff}.accordion__header{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:24px 32px;cursor:pointer}.accordion__header::marker{display:none}.accordion__title{font-size:20px;font-weight:700;line-height:1}.accordion[open] .accordion__icon{transform:rotate(180deg)}.accordion__content{padding:0 32px 24px}@media screen and (max-width: 1200px){.image-with-hotspots__wrapper{gap:40px}}@media screen and (max-width: 1000px){.image-with-hotspots__container{padding-inline:0}.image-with-hotspots__wrapper{grid-template-columns:1fr;padding:48px var(--container-gutter);border-radius:0}.image-with-hotspots__content{gap:24px}.image-with-hotspots__title{font-size:24px;text-wrap:wrap;margin-left:0;display:none}.image-with-hotspots__title--mobile{display:block}.hotspot--accordion{width:24px;height:24px;border-radius:24px;font-size:14px}.accordion__header{gap:12px;padding:24px 16px}.accordion__title{font-size:16px}.accordion__content{padding:0 16px 24px}}
/*# sourceMappingURL=/cdn/shop/t/272/assets/image-with-hotspots.css.map */