.sl-moments{--sl-mo-w: max(260px, 20.8333vw);--sl-mo-gap: max(16px, 1.5625vw);--sl-mo-radius: var(--sl-radius-24, 24px);--sl-mo-edge: clamp(12px, 1.5625vw, 30px);display:block;position:relative;font-family:var(--sl-font);overflow:clip}@media(max-width:749px){.sl-moments{--sl-mo-w: 62vw;--sl-mo-gap: 14px;--sl-mo-radius: 16px;--sl-mo-edge: 8px}}.sl-moments__head{text-align:center}.sl-moments__heading{margin:0;font-family:var(--sl-font);color:var(--sl-black)}.sl-moments__head+.sl-moments__carousel{margin-block-start:clamp(24px,2.5vw,48px)}.sl-moments__stage{position:relative;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;touch-action:pan-y;-webkit-user-select:none;user-select:none}.sl-moments__stage::-webkit-scrollbar{display:none}.sl-moments[data-ready] .sl-moments__stage{overflow:clip}.sl-moments__track{display:flex;align-items:flex-start;gap:var(--sl-mo-gap);width:max-content;will-change:transform}.sl-moments:not([data-ready]) .sl-moments__track{padding-inline:var(--sl-gutter, 16px)}.sl-moments__card{position:relative;display:block;flex:none;box-sizing:border-box;width:var(--sl-mo-w);aspect-ratio:4 / 7;overflow:hidden;border-radius:var(--sl-mo-radius);background:var(--sl-surface, #f7f8f9);color:inherit;text-decoration:none;isolation:isolate;transform:translateZ(0);cursor:default;-webkit-tap-highlight-color:transparent}a.sl-moments__card{cursor:pointer}.sl-moments__card:focus{outline:none;box-shadow:none}.sl-moments__card:focus-visible:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;border-radius:inherit;outline:2px solid var(--sl-focus, #084799);outline-offset:-4px;box-shadow:inset 0 0 0 5px #fff;pointer-events:none}.sl-moments__img,.sl-moments__video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;object-fit:cover;-webkit-user-drag:none;-webkit-user-select:none;user-select:none;pointer-events:none}.sl-moments__img--empty{background:var(--sl-surface, #f7f8f9)}.sl-moments__video{z-index:1;opacity:0;transition:opacity var(--sl-dur-fast, .15s) linear}.sl-moments__card.is-playing .sl-moments__video{opacity:1}.sl-moments__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border-radius:inherit;background:#0000004d;opacity:0;pointer-events:none;transition:opacity var(--sl-dur-fast, .15s) linear}.sl-moments__play{position:absolute;z-index:3;inset:50% auto auto 50%;width:calc(var(--sl-mo-w) * .2);height:calc(var(--sl-mo-w) * .2);transform:translate(-50%,-50%);pointer-events:none;transition:opacity var(--sl-dur-fast, .15s) linear}.sl-moments__play svg{display:block;width:100%;height:100%;overflow:visible}.sl-moments__play-tri{fill:#fff;fill-opacity:.8}.sl-moments__play-ring{fill:none;stroke:#fff;stroke-opacity:.8;stroke-width:6}.sl-moments__card.is-playing .sl-moments__play{opacity:0}@media(hover:hover)and (pointer:fine){.sl-moments__play{opacity:0}.sl-moments__card:hover:before,.sl-moments__card:focus-visible:before,.sl-moments__card:hover .sl-moments__play,.sl-moments__card:focus-visible .sl-moments__play{opacity:1}.sl-moments__card.is-playing:before,.sl-moments__card.is-playing .sl-moments__play{opacity:0}}.sl-moments__nav{position:absolute;top:50%;z-index:3;width:clamp(40px,3.125vw,60px);height:clamp(40px,3.125vw,60px);margin:0;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;transform:translateY(-50%);-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}.sl-moments__nav--prev{left:var(--sl-mo-edge)}.sl-moments__nav--next{right:var(--sl-mo-edge)}.sl-moments__nav svg{display:block;width:100%;height:100%;overflow:visible}.sl-moments__nav--prev svg{transform:rotate(180deg)}.sl-moments__nav-bg{fill:#fff;opacity:.81;transition:opacity var(--sl-dur-fast, .15s) var(--sl-ease-standard, ease)}.sl-moments__nav-arrow{fill:none;stroke:#000;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;opacity:.45;transition:opacity var(--sl-dur-fast, .15s) var(--sl-ease-standard, ease)}@media(hover:hover)and (pointer:fine){.sl-moments__nav:hover .sl-moments__nav-bg{opacity:1}.sl-moments__nav:hover .sl-moments__nav-arrow{opacity:.8}}.sl-moments__nav:focus{outline:none;box-shadow:none}.sl-moments__nav:focus-visible{outline:2px solid var(--sl-focus, #084799);outline-offset:3px;box-shadow:0 0 0 5px #fff}.sl-moments__controls{position:relative;display:flex;align-items:center;justify-content:center;width:fit-content;max-width:100%;margin-inline:auto;margin-block-end:-5px;margin-block-start:23px}.sl-moments__dots{display:flex;align-items:center;justify-content:center}.sl-moments__dot{position:relative;box-sizing:border-box;width:18px;height:18px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;-webkit-appearance:none;appearance:none}.sl-moments__dot:before{content:"";position:absolute;inset:50% auto auto 50%;width:8px;height:8px;border-radius:50%;background:#d9d9d9;transform:translate(-50%,-50%)}.sl-moments__dot[aria-current=true]:before{background:#5c5c5c}.sl-moments__dot:focus{outline:none;box-shadow:none}.sl-moments__dot:focus-visible{outline:2px solid var(--sl-focus, #084799);outline-offset:1px;box-shadow:none}@media(pointer:coarse){.sl-moments__dot{width:24px;height:24px}}.sl-moments__pause{position:absolute;inset-inline-start:calc(100% + 10px);top:50%;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin:0;padding:0;border:0;border-radius:50%;background:transparent;color:#5c5c5c;cursor:pointer;transform:translateY(-50%);-webkit-appearance:none;appearance:none;-webkit-tap-highlight-color:transparent}@media(pointer:coarse){.sl-moments__pause{width:32px;height:32px}}.sl-moments__pause svg{display:block;width:100%;height:100%;fill:currentColor}.sl-moments__pause .sl-moments__play-icon,.sl-moments__pause[aria-pressed=true] .sl-moments__pause-icon{display:none}.sl-moments__pause[aria-pressed=true] .sl-moments__play-icon{display:block}@media(hover:hover)and (pointer:fine){.sl-moments__pause:hover{color:#000}}.sl-moments__pause:focus{outline:none;box-shadow:none}.sl-moments__pause:focus-visible{outline:2px solid var(--sl-focus, #084799);outline-offset:2px;box-shadow:none}.sl-moments:not([data-ready]) .sl-moments__nav,.sl-moments:not([data-ready]) .sl-moments__controls{display:none}@media(prefers-reduced-motion:reduce){.sl-moments__pause{display:none}.sl-moments__video,.sl-moments__card:before,.sl-moments__play,.sl-moments__nav-bg,.sl-moments__nav-arrow{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/sl-moments.css.map */