.hotspot-scene{position:relative;height:calc(100vh - var(--nav-h));margin:var(--gap);border-radius:var(--radius-card);z-index:1}.hotspot-scene__bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;display:block;border-radius:var(--radius-card)}.hotspot-scene__title{position:absolute;top:52px;left:50%;transform:translate(-50%);color:var(--blue);font-size:clamp(18px,2.2vw,28px);font-weight:400;line-height:1;text-align:center;letter-spacing:.02em;z-index:5;white-space:nowrap}.hotspot-scene__sub{position:absolute;top:calc(80px + clamp(18px,2.2vw,28px));left:50%;transform:translate(-50%);color:#00033073;font-size:var(--fs-tiny);letter-spacing:.14em;text-align:center;z-index:5;white-space:nowrap}.hotspot-scene__hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);color:#00033059;font-size:var(--fs-tiny);letter-spacing:.14em;z-index:5;pointer-events:none;white-space:nowrap}.hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);z-index:10}.hotspot__dot{width:14px;height:14px;padding:0;border-radius:50%;border:1.5px solid rgba(0,3,48,.7);background:#00033024;cursor:pointer;position:relative;transition:background .22s,transform .22s}.hotspot__dot:before{content:"";position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;border-radius:50%;border:1px solid rgba(0,3,48,.2);animation:hotpulse 2.4s ease-in-out infinite}@keyframes hotpulse{0%,to{transform:scale(1);opacity:.5}55%{transform:scale(1.8);opacity:0}}.hotspot:hover .hotspot__dot,.hotspot:focus-within .hotspot__dot{background:#000330bf;transform:scale(1.25)}.hotspot__popup{position:absolute;bottom:calc(100% + 18px);left:50%;transform:translate(-50%) translateY(10px);background:var(--white);border-radius:var(--radius-card);padding:18px 22px;width:236px;box-shadow:0 8px 36px #0003302e;opacity:0;pointer-events:none;transition:opacity .26s var(--ease),transform .26s var(--ease);z-index:20}.hotspot:hover .hotspot__popup,.hotspot:focus-within .hotspot__popup{opacity:1;transform:translate(-50%) translateY(0);pointer-events:auto}.hotspot--below .hotspot__popup{bottom:auto;top:calc(100% + 18px);transform:translate(-50%) translateY(-10px)}.hotspot--below:hover .hotspot__popup,.hotspot--below:focus-within .hotspot__popup{transform:translate(-50%) translateY(0)}.hotspot__popup-name{display:block;font-size:var(--fs-base);font-weight:500;letter-spacing:.06em;margin-bottom:8px}.hotspot__popup p{font-size:var(--fs-tiny);font-weight:300;line-height:1.82;opacity:.6;margin:0}@media(prefers-reduced-motion:reduce){.hotspot__dot:before{animation:none}}@media(max-width:767px){.hotspot-scene{height:auto;min-height:80vw}.hotspot-scene__title{font-size:18px;top:32px}.hotspot__popup{width:180px;padding:14px 16px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/section-hotspot-scene.css.map */