.scrolling-hotspots-section .background-image-container,.scrolling-hotspots-section .background-video-container{position:sticky;height:100%}.scrolling-hotspots-section .background-image-container picture,.scrolling-hotspots-section .background-image-container deferred-media,.scrolling-hotspots-section .background-video-container picture,.scrolling-hotspots-section .background-video-container deferred-media{height:100%}.scrolling-hotspots{position:relative}.scrolling-hotspots__section-header .section-header{display:contents}.scrolling-hotspot__item{--hotspot-width: 4.7rem;--hotspot-color-rgb: 255 255 255;--color-foreground: #2A2A2A;position:absolute;inset-block-start:var(--hotspot-y);inset-inline-start:var(--hotspot-x);margin-block-start:calc(var(--hotspot-width) / -2);margin-inline-start:calc(var(--hotspot-width) / -2);width:var(--hotspot-width);height:var(--hotspot-width);z-index:2;transition:transform .3s ease;will-change:transform}.scrolling-hotspot__item:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--rounded-full);background-color:rgb(var(--hotspot-color-rgb)/30%);border:1px solid rgb(var(--hotspot-color-rgb)/70%);animation:hotspot 2s ease infinite;transition:box-shadow .3s cubic-bezier(.3,1,.3,1)}.scrolling-hotspot__item:after{content:"";position:absolute;width:2.7rem;height:2.7rem;border-radius:var(--rounded-full);background-color:rgb(var(--hotspot-color-rgb));box-shadow:0 0 15px #0000004d}.scrolling-hotspot__item.active{transform:scale(1.3)}@media(min-width:768px){.scrolling-hotspots-section .background-image-container,.scrolling-hotspots-section .background-video-container{position:sticky;height:100vh}.scrolling-hotspots{--feature-padding-block: 25vh;--feature-overlap: 25vh;grid-template-columns:var(--image-width) 1fr;grid-template-rows:auto 1fr;align-items:start;display:grid;padding-block-start:calc(var(--header-sticky-height, 0px))}.scrolling-hotspots__section-header{grid-column:2;grid-row:1;display:flex;justify-content:var(--content-position, center)}.scrolling-hotspots__section-header .header-block{max-width:var(--content-max-width, 100%);width:100%}.scrolling-hotspots__media{grid-column:1;grid-row:1/span 2;position:sticky;top:calc(var(--header-sticky-height, 0px));height:calc(100svh - var(--header-sticky-height, 0px));align-self:start;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);display:grid}.scrolling-hotspots__image{place-self:center;display:flex;flex-direction:column;max-height:100%;padding-block:1.6rem}.scrolling-hotspots__content{grid-column:2;grid-row:1/span 2;align-items:var(--content-position, center)}.scrolling-hotspots:has(.scrolling-hotspots__section-header) .scrolling-hotspots__content{grid-row:2;margin-block-start:calc(-1 * var(--feature-overlap))}.swipe-mobile__inner{max-width:var(--content-max-width, 100%)}.scrolling-hotspot{min-height:calc(100svh - var(--header-sticky-height, 0px));padding-block:max(var(--feature-padding-block),20rem);display:flex;align-items:center}.scrolling-hotspot__content{align-items:var(--content-alignment, inherit);text-align:var(--content-alignment, inherit)}.scrolling-hotspot:not(:first-child){margin-block-start:calc(-1 * var(--feature-overlap))}.scrolling-hotspots.reverse-image-order{grid-template-columns:1fr var(--image-width)}.scrolling-hotspots.reverse-image-order .scrolling-hotspots__section-header{grid-column:1}.scrolling-hotspots.reverse-image-order .scrolling-hotspots__media{grid-column:2;grid-row:1/span 2}.scrolling-hotspots.reverse-image-order .scrolling-hotspots__content{grid-column:1;grid-row:1/span 2;overflow:visible;height:auto}.scrolling-hotspots.reverse-image-order:has(.scrolling-hotspots__section-header) .scrolling-hotspots__content{grid-row:2}}@media(max-width:767px){.scrolling-hotspots-section{padding-block:var(--padding-top-mobile) var(--padding-bottom-mobile)}}@media(hover:hover)and (pointer:fine){.scrolling-hotspot__item:hover:before{box-shadow:inset 0 0 0 .125rem rgb(var(--hotspot-color-rgb))}}
/*# sourceMappingURL=/cdn/shop/t/9/assets/scrolling-hotspots.css.map */