.hotspots{--transform-x: 0%;--transform-y: 0%;position:relative;min-height:40.2vw;margin-bottom:2.6rem}.hotspots__bg{position:absolute;z-index:-1;left:0;top:0;width:100%;height:100%}.hotspots__bg>img{height:100%}.hotspot{position:absolute;z-index:1;left:var(--left);top:var(--top);transform:translate(var(--transform-x),var(--transform-y))}.hotspot__btn{width:4.4rem;height:4.4rem;background:var(--hotspot-color);border-radius:50%;transition-property:color,background-color;transition-duration:var(--duration-default);transition-timing-function:var(--timing-default)}.hotspot__btn .ico{width:1.8rem;height:1.8rem}.hotspot__btn .ico svg path{fill:var(--icon-color);transition:fill var(--duration-default) var(--easing-default)}@media (hover: hover) and (pointer: fine){.hotspot__btn:hover{background:var(--hotspot-active-color)}.hotspot__btn:hover .ico svg path{fill:var(--icon-active-color)}}.hotspot__tooltip{position:absolute;z-index:2;left:-2rem;top:calc(100% + 2.5rem);min-width:34.6rem;background:var(--tooltip-bg-color);color:var(--tooltip-text-color);padding:4rem 4rem 3.4rem;border-radius:2.4rem;opacity:0;visibility:hidden;pointer-events:none;transition-property:opacity,visibility;transition-duration:var(--duration-default);transition-timing-function:var(--easing-default)}.hotspot__tooltip__title{font-size:2.3rem;font-weight:900;line-height:1;font-family:var(--font-heading-family);margin-bottom:1.6rem}.hotspot__tooltip__content{font-size:2rem;line-height:1.3}.hotspot__tooltip__close-btn{position:absolute;right:1.7rem;top:1.4rem;width:2.8rem;height:2.8rem;border-radius:50%;background:var(--hotspot-color)}.hotspot__tooltip__close-btn .ico{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1.2rem;height:1.2rem}.hotspot[open]{z-index:2}.hotspot[open] .hotspot__tooltip{opacity:1;visibility:visible;pointer-events:auto}.hotspot[open] .hotspot__btn{background:var(--hotspot-active-color)}.hotspot[open] .hotspot__btn .ico svg path{fill:var(--icon-active-color)}@media only screen and (max-width: 749px){.hotspot{width:100%;height:100%;position:static;margin-bottom:1rem}.hotspot__btn{position:absolute;z-index:1;left:var(--left);top:var(--top);width:2.8rem;height:auto;aspect-ratio:1}.hotspot__btn .ico{width:1.4rem;height:1.4rem}.hotspot__tooltip{position:absolute;left:var(--page-gutter);top:var(--header-height);width:82%;padding:3.8rem;min-width:initial;left:50%!important;top:20px!important;transform:translate(-50%)!important}.hotspot__tooltip__title{font-size:1.7rem;margin-bottom:1.2rem}.hotspot__tooltip__content{font-size:1.6rem}.hotspot__tooltip__close-btn{right:1rem}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-hotspots.css.map */