.sbk-hs{--sbk-ease: cubic-bezier(.2,.8,.2,1)}.sbk-hs__layout{display:grid;gap:var(--sbk-s24);grid-template-columns:minmax(0,1fr)}.sbk-hs__stage{position:relative}.sbk-hs__frame{position:relative;overflow:hidden;aspect-ratio:4 / 3;border-radius:calc(var(--sbk-card-radius) * 1.5);background:rgb(var(--color-background))}.sbk-hs__img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .8s var(--sbk-ease),filter .5s ease}.sbk-hs__stage.has-active .sbk-hs__img{filter:saturate(.85) brightness(.92)}.sbk-hs__spot{position:absolute;left:var(--x);top:var(--y);z-index:2;width:0;height:0}.sbk-hs__spot.is-active{z-index:4}.sbk-hs__dot{position:absolute;left:0;top:0;transform:translate(-50%,-50%);width:4rem;height:4rem;padding:0;border:0;border-radius:50%;cursor:pointer;display:grid;place-items:center;background:rgb(var(--color-button));color:rgb(var(--color-button-text));transition:transform .35s var(--sbk-ease),background-color .2s ease}.sbk-hs__dot:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:6px}.sbk-hs__num{position:relative;z-index:1;font:var(--font-heading-weight) 1.6rem/1 var(--font-heading-family)}.sbk-hs__ring{position:absolute;top:-.5rem;right:-.5rem;bottom:-.5rem;left:-.5rem;border-radius:50%;background:rgba(var(--color-foreground),.3);-webkit-mask:radial-gradient(closest-side,transparent calc(100% - .5rem),#000 calc(100% - .45rem));mask:radial-gradient(closest-side,transparent calc(100% - .5rem),#000 calc(100% - .45rem))}.sbk-anim .sbk-hs__ring{animation:sbk-hs-spin 14s linear infinite}@keyframes sbk-hs-pulse{0%{transform:scale(1);opacity:.9}to{transform:scale(2);opacity:0}}@keyframes sbk-hs-spin{to{transform:rotate(360deg)}}.sbk-hs__spot.is-active .sbk-hs__dot,.sbk-hs__dot:hover{transform:translate(-50%,-50%) scale(1.14)}.sbk-hs__spot.is-active .sbk-hs__dot{background:rgb(var(--sbk-fill, var(--color-foreground)));color:rgb(var(--color-background))}.sbk-hs__card{position:absolute;z-index:5;width:min(32rem,calc(100vw - 4.8rem));border-radius:var(--sbk-card-radius);overflow:hidden;background:rgb(var(--color-background));color:rgb(var(--color-foreground));opacity:0;visibility:hidden;pointer-events:none;transform:translateY(.8rem) scale(.97);transition:opacity .3s ease,transform .4s var(--sbk-ease),visibility 0s linear .4s}.sbk-hs__spot.is-open .sbk-hs__card{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition-delay:0s}.sbk-hs__close{position:absolute;top:1.2rem;right:1rem;z-index:1;width:3.2rem;height:3.2rem;padding:0;border:0;border-radius:50%;display:none;place-items:center;cursor:pointer;background:rgba(var(--color-foreground),.08);color:rgb(var(--color-foreground))}.sbk-hs__close:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:2px}@media(hover:none),screen and (max-width:749px){.sbk-hs__close{display:grid}.sbk-hs__card-text{padding-right:var(--sbk-s28)}}.sbk-hs__card-inner{display:flex;gap:var(--sbk-s14);padding:var(--sbk-s16) var(--sbk-s18) var(--sbk-s18)}.sbk-hs__card-img{flex:0 0 8rem;aspect-ratio:1;border-radius:calc(var(--sbk-card-radius) * .75);overflow:hidden;background:rgba(var(--color-foreground),.05)}.sbk-hs__card-img img{display:block;width:100%;height:100%;object-fit:cover}.sbk-hs__card-text{min-width:0}.sbk-hs__card-kicker{margin:0 0 var(--sbk-s4);font:var(--font-button-weight) 1.3rem/1.2 var(--font-button-family);text-transform:uppercase;letter-spacing:.12em;color:rgb(var(--color-button))}.sbk-hs__card-title{margin:0 0 var(--sbk-s6);font:var(--font-heading-weight) 2rem/1.1 var(--font-heading-family);text-transform:uppercase}.sbk-hs__card-body{font-size:1.55rem;line-height:1.5;color:rgba(var(--color-foreground),.8)}.sbk-hs__card-body p{margin:0}.sbk-hs__card-link{display:inline-flex;align-items:center;gap:var(--sbk-s6);margin-top:var(--sbk-s10);color:rgb(var(--color-button));text-decoration:none;font:var(--font-button-weight) 1.4rem/1.2 var(--font-button-family);text-transform:uppercase;letter-spacing:.08em}.sbk-hs__card-link svg{transition:transform .3s var(--sbk-ease)}.sbk-hs__card-link:hover svg{transform:translate(4px)}@media screen and (max-width:749px){.sbk-hs__spot{position:static}.sbk-hs__dot{left:var(--x);top:var(--y);width:3.6rem;height:3.6rem}.sbk-hs__spot .sbk-hs__dot{position:absolute}.sbk-hs__card{left:1rem;right:1rem;bottom:1rem;width:auto}.sbk-hs__card-inner{padding:var(--sbk-s14) var(--sbk-s14) var(--sbk-s16)}.sbk-hs__card-img{flex-basis:6.4rem}}@media screen and (min-width:750px){.sbk-hs__card{top:0;transform-origin:left center}.sbk-hs__spot--r .sbk-hs__card{left:3.2rem}.sbk-hs__spot--l .sbk-hs__card{right:3.2rem;transform-origin:right center}.sbk-hs__spot--b .sbk-hs__card{top:-2.4rem}.sbk-hs__spot--t .sbk-hs__card{top:auto;bottom:-2.4rem}}.sbk-hs__hint{position:absolute;left:1.2rem;top:1.2rem;z-index:1;margin:0;display:inline-flex;align-items:center;gap:var(--sbk-s8);padding:var(--sbk-s6) var(--sbk-s12);border-radius:999px;background:rgba(var(--color-background),.85);color:rgb(var(--color-foreground));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);font:var(--font-button-weight) 1.3rem/1.2 var(--font-button-family);text-transform:uppercase;letter-spacing:.1em;transition:opacity .4s ease}.sbk-hs__hint-dot{width:.8rem;height:.8rem;border-radius:50%;background:rgb(var(--color-button))}.sbk-hs__stage.was-used .sbk-hs__hint{opacity:0}.sbk-hs__panel{display:flex;flex-direction:column;gap:var(--sbk-s24);min-width:0}.sbk-hs__steps{list-style:none;margin:0;padding:0;display:grid;gap:var(--sbk-s8);counter-reset:none}.sbk-hs__step{position:relative;border-radius:var(--sbk-card-radius);background:rgb(var(--color-background));transition:box-shadow .3s ease,transform .4s var(--sbk-ease)}.sbk-hs__step:before{content:"";position:absolute;left:0;top:0;bottom:0;width:.5rem;border-radius:var(--sbk-card-radius) 0 0 var(--sbk-card-radius);background:rgb(var(--color-button));transform:scaleY(0);transform-origin:top;transition:transform .45s var(--sbk-ease)}.sbk-hs__step.is-active:before{transform:none}.sbk-hs__step-btn{display:flex;align-items:center;gap:var(--sbk-s14);width:100%;padding:var(--sbk-s14) var(--sbk-s16) var(--sbk-s14) var(--sbk-s18);border:0;background:none;color:inherit;cursor:pointer;text-align:left;font:inherit}.sbk-hs__step-btn:focus-visible{outline:2px solid rgb(var(--color-button));outline-offset:-2px;border-radius:var(--sbk-card-radius)}.sbk-hs__step-num{flex:0 0 3.2rem;height:3.2rem;border-radius:50%;display:grid;place-items:center;font:var(--font-heading-weight) 1.65rem/1 var(--font-heading-family);transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}.sbk-hs__step.is-active .sbk-hs__step-num{background:rgb(var(--color-button));color:rgb(var(--color-button-text))}.sbk-hs__step-title{flex:1;font:var(--font-heading-weight) 1.8rem/1.15 var(--font-heading-family);text-transform:uppercase}.sbk-hs__step-icon{flex-shrink:0;opacity:.6;transition:transform .35s var(--sbk-ease)}.sbk-hs__step.is-active .sbk-hs__step-icon{transform:rotate(180deg)}.sbk-hs__step-detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--sbk-ease)}.sbk-hs__step.is-active .sbk-hs__step-detail{grid-template-rows:1fr}.sbk-hs__step-detail-inner{overflow:hidden;min-height:0;padding:0 var(--sbk-s18) 0 var(--sbk-s64);font-size:1.55rem;line-height:1.55;color:rgba(var(--color-foreground),.8)}.sbk-hs__step.is-active .sbk-hs__step-detail-inner{padding-bottom:var(--sbk-s16)}.sbk-hs__step-detail-inner p{margin:0}.sbk-hs__step-detail-inner .sbk-hs__card-link{margin-top:var(--sbk-s8)}.sbk-hs__cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--sbk-s16) var(--sbk-s24)}.sbk-hs__cta .sbk-btn{flex:1 1 auto}body .sbk-hs__cta a.sbk-btn.sbk-btn--primary{display:inline-flex;align-items:center;gap:var(--sbk-s12);background-color:#002d6f!important;color:#fff!important;border:0;opacity:1!important}.sbk-hs__cta-p{padding-left:var(--sbk-s12);border-left:1px solid rgba(255,255,255,.35);font-weight:500;opacity:.9}.sbk-hs__cta>:last-child:not(.sbk-btn){margin-left:auto;text-align:right}@media screen and (min-width:750px){.sbk-hs__cta .sbk-btn{flex:0 0 auto}}@media screen and (min-width:990px){.sbk-hs__layout{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:var(--sbk-s40);align-items:center}.sbk-hs__layout--left .sbk-hs__panel{order:-1}.sbk-hs__step:hover:not(.is-active){transform:translate(4px)}}@media(prefers-reduced-motion:reduce){.sbk-anim .sbk-hs__ring,.sbk-anim .sbk-hs__dot:after{animation:none}.sbk-hs__card,.sbk-hs__step-detail,.sbk-hs__step,.sbk-hs__dot{transition:none}}.sbk-hs__step:before{background:rgb(var(--sbk-fill, var(--color-foreground)))!important;width:2px}.sbk-hs__step.is-active .sbk-hs__step-num{background:rgb(var(--sbk-fill, var(--color-foreground)));color:rgb(var(--color-background))}.sbk-hs__dot{background:rgb(var(--color-background));color:rgb(var(--color-foreground));border:1px solid rgba(var(--color-foreground),.25)}.sbk-hs__hint-dot{background:rgb(var(--sbk-fill, var(--color-foreground)))}@media screen and (min-width:990px){.sbk-hs__layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:var(--sbk-s32)}}.sbk-hs__frame{aspect-ratio:5 / 4;border-radius:var(--sbk-card-radius);background:var(--sbk-surface)}.sbk-hs__img{mix-blend-mode:multiply;padding:var(--sbk-s24)}.sbk-hs__hint,.sbk-hs__card-kicker,.sbk-hs__card-link{text-transform:none;letter-spacing:0;font-family:var(--font-body-family);font-weight:500}.sbk-hs__hint{font-size:1.4rem;background:rgb(var(--color-background));color:var(--sbk-muted);backdrop-filter:none;-webkit-backdrop-filter:none}.sbk-hs__hint-dot{background:rgb(var(--sbk-blue));width:.6rem;height:.6rem}.sbk-hs__card{background:rgb(var(--color-background));border:0}.sbk-hs__card-kicker{color:var(--sbk-muted);font-size:1.35rem}.sbk-hs__card-title{font-size:2.2rem}.sbk-hs__card-link{color:rgb(var(--color-foreground));font-size:1.45rem;text-decoration:underline;text-underline-offset:.35em;text-decoration-thickness:1px}.sbk-hs__dot{border:0;width:3.6rem;height:3.6rem;background:rgb(var(--sbk-fill, var(--color-foreground)));color:rgb(var(--color-background))}.sbk-hs__num{font:600 1.35rem/1 var(--font-body-family)}.sbk-hs__ring{top:-.6rem;right:-.6rem;bottom:-.6rem;left:-.6rem;background:rgba(var(--color-foreground),.18)}.sbk-hs__spot.is-active .sbk-hs__dot{background:rgb(var(--sbk-blue));color:#fff}.sbk-hs__steps{gap:0;border-top:1px solid var(--sbk-border)}.sbk-hs__step{border-radius:0;background:none;border-bottom:1px solid var(--sbk-border)}.sbk-hs__step:before{display:none}.sbk-hs__step-btn{padding:var(--sbk-s16) 0;gap:var(--sbk-s12)}.sbk-hs__step-num{flex:0 0 auto;height:auto;width:2.6rem;border-radius:0;background:none!important;color:var(--sbk-muted)!important;font:500 1.4rem/1 var(--font-body-family);font-variant-numeric:tabular-nums;justify-content:start}.sbk-hs__step.is-active .sbk-hs__step-num{color:rgb(var(--sbk-blue))!important}.sbk-hs__step-title{font-size:2.2rem}.sbk-hs__step-detail-inner{padding:0 0 0 var(--sbk-s38);color:var(--sbk-muted)}.sbk-hs__step.is-active .sbk-hs__step-detail-inner{padding-bottom:var(--sbk-s18)}@media screen and (min-width:990px){.sbk-hs__step:hover:not(.is-active){transform:none}.sbk-hs__step:hover .sbk-hs__step-title{opacity:.7}}@media screen and (max-width:749px){.sbk-hs__img{padding:var(--sbk-s12)}.sbk-hs__frame{aspect-ratio:1}.sbk-hs__step-title{font-size:1.9rem}}.sbk-hs__frame{aspect-ratio:1}.sbk-hs__img{mix-blend-mode:normal;padding:0;object-fit:cover}@media screen and (min-width:990px){.sbk-hs__layout{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:var(--sbk-s56)}}@media screen and (max-width:749px){.sbk-hs__img{padding:0}}span.sbk-hs__ring,.sbk-hs__ring{display:none}@media screen and (min-width:990px){.sbk-hs__layout{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:stretch}.sbk-hs__stage{align-self:start}.sbk-hs__steps{flex:1;display:flex;flex-direction:column}.sbk-hs__step{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center}}@media screen and (min-width:990px)and (max-width:1199px){.sbk-hs__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--sbk-s32)}.sbk-hs__panel{gap:var(--sbk-s16)}.sbk-hs__step-btn{padding:var(--sbk-s11) 0}.sbk-hs__step-title{font-size:1.9rem}.sbk-hs__step-detail-inner{font-size:1.45rem}.sbk-hs__step.is-active .sbk-hs__step-detail-inner{padding-bottom:var(--sbk-s12)}.sbk-hs__cta{gap:var(--sbk-s8) var(--sbk-s16)}}@media screen and (max-width:989px){.sbk-hs__card{display:none}}@media screen and (max-width:749px){.sbk-hs__cta{justify-content:center}.sbk-hs__cta>:last-child:not(.sbk-btn){margin:0 auto;text-align:left}body .sbk-hs__cta a.sbk-btn.sbk-btn--primary{justify-content:center}}@media screen and (max-width:989px){sbk-hotspots[style*=--hs-dh] .sbk-hs__step-detail{display:block;height:0;overflow:hidden;transition:height .45s var(--sbk-ease)}sbk-hotspots[style*=--hs-dh] .sbk-hs__step.is-active .sbk-hs__step-detail{height:var(--hs-dh)}sbk-hotspots[style*=--hs-dh] .sbk-hs__step-detail-inner{padding-bottom:var(--sbk-s18);transition:none}}body .sbk-hs__cta a.sbk-btn.sbk-btn--primary,.sbk-hs__cta-p{white-space:nowrap}@media screen and (max-width:749px){body .sbk-hs__cta a.sbk-btn.sbk-btn--primary{width:100%;font-size:1.45rem;padding-left:var(--sbk-s16);padding-right:var(--sbk-s16)}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/sbk-hotspots.css.map */