:root{--sp-modal-w: 369px;--sp-modal-h: 656px;--sp-modal-bottom: 27px;--sp-modal-right: 25px;--sp-radius: 10px;--sp-bar-h: 3px;--sp-bar-bg: rgba(255, 255, 255, .35);--sp-bar-fill: #ffffff;--sp-control-bg: rgba(0, 0, 0, .45);--sp-control-fg: #ffffff;--sp-focus: #4d7039;--sp-dur: .25s;--sp-ease: cubic-bezier(.4, 0, .2, 1)}stories-player{--sp-tile-w: 110px;--sp-tile-h: 170px;--sp-gap: 12px;display:block;position:relative;width:100%;isolation:isolate}@media screen and (min-width:750px){stories-player{--sp-tile-w: 120px;--sp-tile-h: 184px;--sp-gap: 16px}}.sp__heading{margin:0 0 var(--sp-gap);font-size:16px;font-weight:700;color:inherit}.sp__rail{display:flex;gap:var(--sp-gap);overflow-x:auto;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.sp__rail::-webkit-scrollbar{display:none}.sp__tile{position:relative;flex:0 0 var(--sp-tile-w);width:var(--sp-tile-w);height:var(--sp-tile-h);margin:0;padding:0;border:0;border-radius:var(--sp-radius);overflow:hidden;background:#000;cursor:pointer;scroll-snap-align:start;display:block}.sp__tile:focus-visible{outline:3px solid var(--sp-focus);outline-offset:2px}.sp__tile-poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block}.sp__tile-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;background:#000;pointer-events:none}.sp__tile-caption{position:absolute;inset-block-end:0;inset-inline:0;margin:0;padding:24px 10px 8px;font-size:11px;line-height:1.3;font-weight:600;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.75),transparent);overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;display:none}.sp__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2147483646;display:none;background:#000000d9;opacity:0;transition:opacity var(--sp-dur) var(--sp-ease)}@media screen and (min-width:750px){.sp__overlay{background:transparent;pointer-events:none}}.sp__overlay.is-open{display:block;opacity:1;pointer-events:auto}.sp__viewer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;background:#000;overflow:hidden;transform:translateY(100%);transition:transform var(--sp-dur) var(--sp-ease)}@media screen and (min-width:750px){.sp__viewer{inset:auto;inset-block-end:var(--sp-modal-bottom);inset-inline-end:var(--sp-modal-right);width:var(--sp-modal-w);height:var(--sp-modal-h);border-radius:var(--sp-radius);transform:translateY(20px);opacity:0;border:1px solid #000}.sp__overlay.is-open .sp__viewer{transform:translateY(0);opacity:1}}.sp__overlay.is-open .sp__viewer{transform:translateY(0)}.sp__progress{display:none;position:absolute;inset-block-start:10px;inset-inline:12px;z-index:4;height:var(--sp-bar-h);border-radius:2px;background:var(--sp-bar-bg);overflow:hidden}.sp__progress-fill{width:0;height:100%;background:var(--sp-bar-fill);border-radius:2px;transition:width .1s linear}.sp__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.sp__tap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;padding:0;border:0;background:transparent;cursor:pointer}.sp__play{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:grid;place-items:center;padding:0;border:0;background:transparent;color:var(--sp-control-fg);cursor:pointer;opacity:0;pointer-events:none;transition:opacity .2s ease}.sp__play svg{width:72px;height:72px;filter:drop-shadow(0 2px 10px rgba(0,0,0,.55))}.sp__play svg path{fill:#fff}.sp__viewer.sp--paused .sp__play{opacity:1}.sp__viewer.sp--paused .sp__play{pointer-events:auto}.sp__caption{display:none;position:absolute;inset-block-end:0;inset-inline:0;z-index:3;margin:0;padding:40px 14px 16px;font-size:13px;line-height:1.4;font-weight:600;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.7),transparent);pointer-events:none}.sp__close{position:absolute;inset-block-start:20px;inset-inline-start:8px;z-index:5;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:var(--sp-control-bg);color:var(--sp-control-fg);cursor:pointer}.sp__close svg{width:18px;height:18px}.sp__close svg{color:#fff}.sp__close:focus-visible{outline:3px solid var(--sp-focus);outline-offset:2px}.sp__mute{position:absolute;inset-block-end:16px;inset-inline-end:12px;z-index:5;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:var(--sp-control-bg);color:var(--sp-control-fg);cursor:pointer}.sp__mute svg{width:20px;height:20px}.sp__mute:focus-visible{outline:3px solid var(--sp-focus);outline-offset:2px}.sp__mute-on{display:none}.sp__mute[aria-pressed=true] .sp__mute-on{display:block}.sp__mute[aria-pressed=true] .sp__mute-off{display:none}.sp__mute svg path{fill:#fff}.sp__arrow{position:absolute;inset-block-start:50%;z-index:5;display:grid;place-items:center;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:var(--sp-control-bg);color:var(--sp-control-fg);cursor:pointer;transform:translateY(-50%);transition:opacity .2s ease,background .2s ease;opacity:.85}.sp__arrow:hover{opacity:1;background:#000000a6}.sp__arrow:focus-visible{outline:3px solid var(--sp-focus);outline-offset:2px}.sp__arrow svg{width:18px;height:18px}.sp__arrow svg path{fill:#fff}.sp__arrow--prev{inset-inline-end:8px;inset-block-start:calc(50% - 44px)}.sp__arrow--prev svg{transform:rotate(90deg)}.sp__arrow--next{inset-inline-end:8px;inset-block-end:calc(50% - 44px)}.sp__arrow--next svg{transform:rotate(90deg)}@media screen and (min-width:750px){.sp__arrow--prev,.sp__arrow--next{inset-inline-end:8px}}.sp__progress,.sp__close,.sp__mute,.sp__arrow{pointer-events:auto}.sp__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}body.sp-lock{overflow:hidden}@media(prefers-reduced-motion:reduce){.sp__overlay,.sp__viewer,.sp__progress-fill{transition-duration:.01ms}}
/*# sourceMappingURL=/cdn/shop/t/88/assets/stories-player.css.map */