.hotspots{display:block;padding:var(--hs-pad-top, 96px) 16px var(--hs-pad-bottom, 96px);background:var(--hs-background, #06070b);color:var(--hs-text, #f2f2ee)}.hotspots__inner{max-width:1200px;margin:0 auto;display:grid;gap:32px}.hotspots__title{max-width:1200px;margin:0 auto 48px;font-family:var(--font-body-family);font-weight:700;font-size:clamp(28px,3.4vw,44px);line-height:1.12;letter-spacing:-.01em;color:var(--hs-text, #f2f2ee);text-wrap:balance}.hotspots__title em{font-style:normal;color:var(--hs-accent, #ff5a00)}.hotspots__media{position:relative;overflow:clip;border:var(--hs-border, 0px) solid var(--hs-accent, #ff5a00)}.hotspots__img{display:block;width:100%;height:auto}.hotspots__stage{position:relative}.hotspots.is-detail .hotspots__media{background:var(--hs-detail-background, #000)}.hotspots.is-detail .hotspots__point{opacity:0;pointer-events:none}.hotspots__detail{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--hs-detail-background, #000);clip-path:polygon(-30% -2px,0% -2px,-30% calc(100% + 2px),-60% calc(100% + 2px));visibility:hidden;transition:clip-path .8s cubic-bezier(.7,0,.2,1),visibility 0s linear .8s}.hotspots__detail.is-shown{clip-path:polygon(-30% -2px,130% -2px,100% calc(100% + 2px),-60% calc(100% + 2px));visibility:visible;transition:clip-path .8s cubic-bezier(.7,0,.2,1),visibility 0s}.hotspots__detail.is-under{visibility:visible;transition:none}.hotspots__detail-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:scale(.94);transition:transform 1.1s cubic-bezier(.2,.8,.2,1)}.hotspots__detail.is-shown .hotspots__detail-img{transform:none}.hotspots__close{position:absolute;top:14px;right:14px;z-index:20;display:grid;place-items:center;width:36px;height:36px;padding:0;border:1px solid rgb(255 255 255 / .5);border-radius:50%;background:#06070b8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--hs-text, #f2f2ee);cursor:pointer;opacity:0;transition:opacity .3s .4s,background-color .2s}.hotspots__close:not([hidden]){opacity:1}.hotspots__close:hover,.hotspots__close:focus-visible{border-color:var(--hs-accent, #ff5a00)}.hotspots .hotspots__close:is(:hover,:focus,:active){color:var(--hs-text, #f2f2ee)}.hotspots__close svg{width:14px;height:14px}.hotspots__placeholder{aspect-ratio:3 / 2;background:#111318;fill:#2c2f38}.hotspots__point{position:absolute;left:var(--x, 50%);top:var(--y, 50%);display:grid;place-items:center;width:28px;height:28px;padding:0;transform:translate(-50%,-50%);border:1px solid rgb(255 255 255 / .5);border-radius:50%;background:#06070b8c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--hs-text, #f2f2ee);cursor:pointer;transition:background-color .3s,border-color .3s,color .3s,transform .3s cubic-bezier(.2,.8,.2,1),opacity .3s}.hotspots__point:hover,.hotspots__point:focus-visible{border-color:var(--hs-accent, #ff5a00)}.hotspots .hotspots__point:is(:hover,:focus,:active){color:var(--hs-text, #f2f2ee)}.hotspots .hotspots__point.is-active:is(:hover,:focus,:active){color:#06070b}.hotspots__point.is-active{background:var(--hs-accent, #ff5a00);border-color:var(--hs-accent, #ff5a00);color:#06070b;transform:translate(-50%,-50%) scale(1.12)}.hotspots__point-num{font-family:var(--font-body-family);font-size:10px;font-weight:700;letter-spacing:.02em;font-variant-numeric:tabular-nums;line-height:1}@media(prefers-reduced-motion:no-preference){.hotspots__point:not(.is-active):after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid rgb(255 255 255 / .5);border-radius:50%;animation:hotspots-ring 2.8s ease-out infinite;pointer-events:none}}@media(prefers-reduced-motion:reduce){.hotspots__detail,.hotspots__detail.is-shown,.hotspots__detail-img{transition-duration:.01s}}@keyframes hotspots-ring{0%{transform:scale(1);opacity:.8}70%,to{transform:scale(1.8);opacity:0}}.hotspots__heading{margin:0 0 24px;font-family:var(--font-body-family);font-size:12px;font-weight:700;letter-spacing:.18em;line-height:1.4;text-transform:uppercase;color:#f2f2eeb3}.hotspots__list{margin:0;padding:0;list-style:none}.hotspots__item{border-top:1px solid rgb(255 255 255 / .14)}.hotspots__item:last-child{border-bottom:1px solid rgb(255 255 255 / .14)}.hotspots__item-head{position:relative;display:flex;align-items:baseline;gap:16px;width:100%;padding:20px 0;border:0;background:none;color:#f2f2ee8c;font-family:var(--font-body-family);text-align:left;cursor:pointer;transition:color .3s,padding-bottom .45s cubic-bezier(.2,.8,.2,1)}.hotspots__item.is-active .hotspots__item-head{padding-bottom:8px}.hotspots__item-head:before{content:"";position:absolute;top:-1px;left:0;width:100%;height:1px;background:var(--hs-accent, #ff5a00);transform:scaleX(0);transform-origin:left;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.hotspots__item-head:hover,.hotspots__item-head:focus-visible,.hotspots__item.is-active .hotspots__item-head{color:var(--hs-text, #f2f2ee)}.hotspots__item.is-active .hotspots__item-head:before{transform:scaleX(1)}.hotspots__item-num{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;color:var(--hs-accent, #ff5a00)}.hotspots__item-title{font-size:14px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.hotspots__cta{display:inline-block;margin-top:28px;padding-bottom:4px;font-family:var(--font-body-family);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--hs-text, #f2f2ee);text-decoration:none;border-bottom:1px solid var(--hs-accent, #ff5a00);transition:color .2s}.hotspots .hotspots__cta:is(:hover,:focus-visible){color:var(--hs-accent, #ff5a00)}.hotspots__item-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.2,.8,.2,1)}.hotspots__item.is-active .hotspots__item-body{grid-template-rows:1fr}.hotspots__item-text{overflow:hidden;padding-left:32px;font-family:var(--font-body-family);font-size:15px;line-height:1.6;color:#f2f2eeb3}.hotspots__item-text p{margin:0 0 1em}.hotspots__item-text>:last-child{margin-bottom:0;padding-bottom:22px}@media(min-width:48em){.hotspots__inner{grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:start}.hotspots__media{grid-column:1 / span 7}.hotspots__panel{grid-column:8 / span 5;padding-left:16px}.hotspots__point{width:32px;height:32px}.hotspots__title{margin-bottom:64px}}
/*# sourceMappingURL=/cdn/shop/t/75/assets/custom-feature-hotspots.css.map */