annotated-slideshow{--annotated-slideshow-gutter: 1.5rem;--annotated-slideshow-controls-bottom: 1.5rem;--annotated-slideshow-controls-height: 1.5rem;--annotated-slideshow-controls-gap: 1rem;--annotated-slideshow-segment-gap: .3rem;--annotated-slideshow-pause-space: 0px;--annotated-slideshow-bar-height: 4px;--annotated-slideshow-foreground: #fff;display:block;width:100%}annotated-slideshow.annotated-slideshow--dark{--annotated-slideshow-foreground: #000}annotated-slideshow:has(.annotated-slideshow__pause){--annotated-slideshow-pause-space: calc( var(--annotated-slideshow-controls-height) + var(--annotated-slideshow-controls-gap) )}@media screen and (min-width:750px){annotated-slideshow{--annotated-slideshow-gutter: 3rem;--annotated-slideshow-controls-bottom: 2rem;--annotated-slideshow-segment-gap: .5rem}}.annotated-slideshow__stage{position:relative;aspect-ratio:var(--ratio-mobile);overflow:hidden;background:#000}@media screen and (min-width:750px){.annotated-slideshow__stage{aspect-ratio:var(--ratio-desktop)}}.annotated-slideshow__track{display:flex;height:100%;margin:0;padding:0;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}.annotated-slideshow__track::-webkit-scrollbar{display:none}.annotated-slideshow__slide{display:block;position:relative;flex:0 0 100%;height:100%;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always}.annotated-slideshow__picture{display:block;height:100%}.annotated-slideshow__image,.annotated-slideshow__video{display:block;width:100%;height:100%;object-fit:cover}@media screen and (max-width:749px){.annotated-slideshow__media--desktop{display:none}}@media screen and (min-width:750px){.annotated-slideshow__media--mobile{display:none}}.annotated-slideshow__marker{--marker-dot-size: 22px;--marker-pulse-duration: 2s;--marker-pulse-scale: 3;--marker-pulse-opacity-start: .9;display:block;position:absolute;left:var(--x-desktop, 50%);top:var(--y-desktop, 50%);width:var(--marker-dot-size);height:var(--marker-dot-size);box-sizing:border-box;border:1px solid #fff;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:1}@media screen and (max-width:749px){.annotated-slideshow__marker{--marker-dot-size: 16px;left:var(--x-mobile, 50%);top:var(--y-mobile, 50%)}}.annotated-slideshow__marker:after{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;box-sizing:border-box;border:1px solid #fff;border-radius:50%;animation:annotated-slideshow-marker-pulse var(--marker-pulse-duration) ease-out infinite}@keyframes annotated-slideshow-marker-pulse{0%{transform:scale(1);opacity:var(--marker-pulse-opacity-start)}to{transform:scale(var(--marker-pulse-scale));opacity:0}}.annotated-slideshow__content{display:flex;flex-direction:column;gap:.5rem;position:absolute;left:0;bottom:calc(var(--annotated-slideshow-controls-bottom) + var(--annotated-slideshow-controls-height) + 1rem);max-width:44rem;padding-inline:var(--annotated-slideshow-gutter);color:var(--annotated-slideshow-foreground);z-index:1}@media screen and (min-width:750px){.annotated-slideshow__content{left:var(--annotated-slideshow-gutter);width:calc((100% - 2 * var(--annotated-slideshow-gutter) - var(--annotated-slideshow-pause-space) - (var(--slide-count) - 1) * var(--annotated-slideshow-segment-gap)) / var(--slide-count));max-width:none;padding-inline:0}}.annotated-slideshow__title,.annotated-slideshow__description{margin:0}.annotated-slideshow__title{color:inherit;letter-spacing:0}.annotated-slideshow__controls{display:flex;align-items:center;gap:var(--annotated-slideshow-controls-gap);position:absolute;left:var(--annotated-slideshow-gutter);right:var(--annotated-slideshow-gutter);bottom:var(--annotated-slideshow-controls-bottom);height:var(--annotated-slideshow-controls-height);z-index:2}.annotated-slideshow__segments{display:flex;flex:1;gap:var(--annotated-slideshow-segment-gap);height:100%}.annotated-slideshow__segment{position:relative;flex:1;height:100%;padding:0;background:none;border:0;cursor:pointer}.annotated-slideshow__segment:before,.annotated-slideshow__segment:after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;height:var(--annotated-slideshow-bar-height);margin-block:auto;box-sizing:border-box}.annotated-slideshow__segment:before{border:1px solid var(--annotated-slideshow-foreground)}.annotated-slideshow__segment:after{right:auto;width:0;background:var(--annotated-slideshow-foreground)}.annotated-slideshow__segment.is-active:after{animation:annotated-slideshow-fill var(--segment-duration, 7s) linear forwards}annotated-slideshow[data-paused] .annotated-slideshow__segment.is-active:after{animation-play-state:paused}@keyframes annotated-slideshow-fill{0%{width:0%}to{width:100%}}.annotated-slideshow__pause{display:flex;flex:none;align-items:center;justify-content:center;width:var(--annotated-slideshow-controls-height);height:var(--annotated-slideshow-controls-height);padding:0;background:none;border:0;color:var(--annotated-slideshow-foreground);cursor:pointer}.annotated-slideshow__icon{display:flex;width:100%;height:100%}.annotated-slideshow__icon svg{width:100%;height:100%}.annotated-slideshow__icon path{fill:currentColor}.annotated-slideshow__pause[data-user-paused] .annotated-slideshow__icon--pause,.annotated-slideshow__pause:not([data-user-paused]) .annotated-slideshow__icon--play{display:none}.annotated-slideshow__segment:focus-visible,.annotated-slideshow__pause:focus-visible{outline:2px solid var(--annotated-slideshow-foreground);outline-offset:2px}@media(prefers-reduced-motion:reduce){.annotated-slideshow__marker:after{animation:none;opacity:.4}}
/*# sourceMappingURL=/cdn/shop/t/48/assets/annotated-slideshow.css.map */