mw-hotspots{display:block}.hotspots{--hs-image-w: 60%;--hs-shadow: none;--hs-stage: calc(100svh - var(--header-offset, 0px));--hs-slot-pad: max(25svh, 200px);--hs-overlap: 25svh;--hs-figure-pad: 16px;--hs-card-gap: 12px;--hs-card-peek: 1.2;--hs-pin: 47px;--hs-dot: 27px;--hs-pin-active: 1.3;--hs-pin-pulse: .9;--hs-pin-pulse-dur: 2s;--hs-pin-pulse-count: 2}.hotspots--image-small{--hs-image-w: 50%}.hotspots--image-large{--hs-image-w: 70%}.hotspots--shadow-soft{--hs-shadow: drop-shadow(0 18px 26px rgb(var(--color-shadow-rgb) / .2))}.hotspots--shadow-strong{--hs-shadow: drop-shadow(0 28px 44px rgb(var(--color-shadow-rgb) / .34))}@media(min-width:768px){.section.hotspots{padding-block:0}}.hotspots>.section-bg{overflow:clip}.hotspots__scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;overflow:clip;pointer-events:none}.hotspots__scrim-layer{display:block;position:sticky;top:0;height:100svh}.hotspots--scrim-gradient.hotspots--image-left .hotspots__scrim-layer{background:linear-gradient(to left,var(--hs-scrim) 0%,transparent 62%)}.hotspots--scrim-gradient.hotspots--image-right .hotspots__scrim-layer{background:linear-gradient(to right,var(--hs-scrim) 0%,transparent 62%)}.hotspots--scrim-solid .hotspots__scrim-layer{background:var(--hs-scrim)}@media(max-width:767px){.hotspots__scrim-layer{position:absolute;top:0;right:0;bottom:0;left:0;height:100%}.hotspots--scrim-gradient .hotspots__scrim-layer{background:linear-gradient(to bottom,transparent 0%,var(--hs-scrim) 42%)}}.hotspots__media{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);min-width:0}.hotspots__figure{position:relative;place-self:center;width:min(100%,calc(var(--hs-fig-h, 100vh) * var(--hs-ratio, 1)));aspect-ratio:var(--hs-ratio, 1)}.hotspots__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.hotspots--float .hotspots__image{border-radius:var(--radius-media);filter:var(--hs-shadow, none)}.hotspots--box .hotspots__figure{width:min(100%,var(--hs-fig-h, 100vh));aspect-ratio:1}.hotspots--box .hotspots__image{object-fit:cover;border-radius:var(--radius-media);background:var(--color-surface)}.hotspots__placeholder{border-radius:var(--radius-media);background:var(--color-surface);fill:rgb(var(--color-text-rgb) / .3)}.hotspots__pin{position:absolute;top:var(--y);left:var(--x);z-index:1;display:grid;place-items:center;width:var(--hs-pin);height:var(--hs-pin);margin:calc(var(--hs-pin) / -2) 0 0 calc(var(--hs-pin) / -2);border-radius:var(--radius-full);color:var(--color-bg);text-decoration:none;-webkit-tap-highlight-color:transparent}.hotspots__pin:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:1px solid rgb(var(--color-heading-rgb) / .7);border-radius:inherit;background:rgb(var(--color-heading-rgb) / .3)}.hotspots__pin.is-active{z-index:2}.hotspots__pin:focus-visible{outline:none}.hotspots__pin:focus-visible:before{outline:2px solid var(--color-heading);outline-offset:3px}.hotspots__dot{position:relative;display:grid;place-items:center;width:var(--hs-dot);height:var(--hs-dot);border-radius:var(--radius-full);background:var(--color-heading);box-shadow:var(--shadow-md);font-family:var(--font-accent-family);font-size:var(--fs-md);font-style:var(--font-accent-style);font-weight:var(--font-accent-weight);font-variant-numeric:tabular-nums;line-height:1}.hotspots__pin.is-active{scale:var(--hs-pin-active)}.hotspots__header,.hotspots__panels{position:relative;z-index:1;min-width:0}.hotspots__header{display:flex;flex-direction:column;align-items:var(--hs-justify, flex-end)}.hotspots__header:empty{display:none}.hotspots__header>*{width:min(100%,var(--hs-content-w))}.hotspots__header>.shopify-block:not(.shopify-app-block):has(>.blk){display:contents}.hotspots__header>.shopify-block>.blk{width:min(100%,var(--hs-content-w))}.hotspot{display:flex;flex-direction:column;justify-content:center;min-width:0;scroll-margin-top:calc(var(--header-offset, 0px) + 24px)}.hotspot:focus{outline:none}.hotspot:focus-visible{outline:2px solid var(--color-heading);outline-offset:4px}.hotspot-panel{width:100%}@media(min-width:768px){.hotspots__grid{--hs-fig-h: calc(var(--hs-stage) - 2 * var(--hs-figure-pad));display:grid;grid-template-columns:var(--hs-image-w) minmax(0,1fr);grid-template-rows:auto 1fr;align-items:start;column-gap:var(--gap, 0px)}.hotspots--image-right .hotspots__grid{grid-template-columns:minmax(0,1fr) var(--hs-image-w)}.hotspots__media{grid-column:1;grid-row:1 / span 2;height:var(--hs-stage);padding:var(--hs-figure-pad)}.hotspots--image-right .hotspots__media,.hotspots__header,.hotspots__panels{grid-column:2}.hotspots--image-right :is(.hotspots__header,.hotspots__panels){grid-column:1}.hotspots__header{grid-row:1;justify-content:center;min-height:var(--hs-stage);padding-block:var(--hs-slot-pad)}.hotspots__panels{grid-row:2;display:flex;flex-direction:column;align-items:var(--hs-justify, flex-end)}.hotspots__header:not(:empty)+.hotspots__media+.hotspots__panels{margin-block-start:calc(-1 * var(--hs-overlap))}.hotspot{width:min(100%,var(--hs-content-w));min-height:var(--hs-stage);padding-block:var(--hs-slot-pad)}.hotspot+.hotspot{margin-block-start:calc(-1 * var(--hs-overlap))}}@media(max-width:767px){.hotspots__grid{--hs-fig-h: 100vw;display:flex;flex-direction:column;gap:var(--gap-m, var(--gap, 0px))}.hotspots__header{align-items:stretch}.hotspots__header>*,.hotspots__header>.shopify-block>.blk{width:100%}.hotspots__figure{width:100%}.hotspots__panels{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - var(--hs-card-gap)) / var(--hs-card-peek));gap:var(--hs-card-gap);margin-inline:calc(-1 * var(--gutter));padding-inline:var(--gutter);scroll-padding-inline:var(--gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.hotspots__panels::-webkit-scrollbar{display:none}.hotspots__panels>:only-child{grid-column:1 / -1}.hotspot{justify-content:flex-start;scroll-snap-align:start}}@media(prefers-reduced-motion:no-preference){@media(min-width:768px){.hotspots>.section-bg>.section-bg__media{position:sticky;top:0;height:100svh}.hotspots__media{position:sticky;top:var(--header-offset, 0px)}html.js .hotspot{opacity:var(--hs-o, 1)}}.hotspots__pin{transition:scale var(--dur) var(--ease)}.hotspots.is-inview .hotspots__pin:before{animation:hotspots-pulse var(--hs-pin-pulse-dur) var(--ease) var(--hs-pin-pulse-count)}.hotspots.is-inview .hotspots__pin.is-active:before{animation-name:hotspots-pulse-active}@media(hover:hover)and (pointer:fine){.hotspots__pin:hover:before{box-shadow:inset 0 0 0 2px var(--color-heading)}}}@keyframes hotspots-pulse{50%{scale:var(--hs-pin-pulse)}}@keyframes hotspots-pulse-active{50%{scale:var(--hs-pin-pulse)}}@media(prefers-reduced-motion:reduce)and (min-width:768px){.hotspots{--hs-stage: auto;--hs-overlap: 0px;--hs-slot-pad: calc(var(--gap, 32px) / 2)}.hotspots__grid{--hs-fig-h: calc(100svh - var(--header-offset, 0px) - 2 * var(--hs-figure-pad))}.section.hotspots{padding-block:var(--gap, 32px)}.hotspots__header,.hotspot{min-height:0}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/section-hotspots.css.map */