.cp-stories{padding:calc(var(--gutter, 16px) * 1.5) var(--outer);background:var(--bg);color:var(--text)}.cp-stories__row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--gutter, 16px);max-width:var(--page-width, 1400px);margin:0 auto;padding:0;list-style:none}.cp-stories__item{margin:0;padding:0;list-style:none}.cp-stories__item:before{display:none}.cp-stories__tile{position:relative;display:block;width:100%;aspect-ratio:9 / 16;padding:0;border:0;border-radius:14px;overflow:hidden;background:#7f7f7f33;cursor:pointer}.cp-stories__tile:focus-visible{outline:2px solid var(--text);outline-offset:3px}.cp-stories__poster{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.cp-stories__tile:hover .cp-stories__poster{transform:scale(1.03)}.cp-stories__play{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:54px;height:54px;margin:-27px 0 0 -27px;border-radius:50%;background:#0000006b;border:1.5px solid rgba(255,255,255,.85)}.cp-stories__play svg{width:22px;height:22px;margin-left:3px}.cp-stories__play svg path{fill:#fff;stroke:#fff}@media only screen and (max-width:749px){.cp-stories{padding-left:0;padding-right:0}.cp-stories__row{display:flex;gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--outer);padding:0 var(--outer);scrollbar-width:none;-webkit-overflow-scrolling:touch}.cp-stories__row::-webkit-scrollbar{display:none}.cp-stories__item{flex:0 0 40%;scroll-snap-align:start}.cp-stories__play{width:44px;height:44px;margin:-22px 0 0 -22px}.cp-stories__play svg{width:18px;height:18px}}.cp-story-viewer{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:transparent;color:#fff;overflow:hidden;overscroll-behavior:contain}.cp-story-viewer::backdrop{background:#000000e0}.cp-story-viewer__stage{display:flex;align-items:center;justify-content:center;gap:24px;width:100%;height:100%}.cp-story-viewer__frame{position:relative;height:min(92vh,940px);aspect-ratio:9 / 16;border-radius:14px;overflow:hidden;background:#000;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.cp-story-viewer__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#000}.cp-story-viewer__bars{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;gap:4px;padding:10px 10px 0;pointer-events:none}.cp-story-viewer__bar{flex:1;height:3px;border-radius:2px;background:#ffffff61;overflow:hidden}.cp-story-viewer__fill{display:block;width:100%;height:100%;background:#fff;transform:scaleX(0);transform-origin:left center}.cp-story-viewer__frame:before{content:"";position:absolute;top:0;left:0;right:0;z-index:2;height:110px;background:linear-gradient(to bottom,#00000073,#0000);pointer-events:none}.cp-story-viewer__controls{position:absolute;top:20px;right:8px;z-index:4;display:flex;gap:4px}.cp-story-viewer__sound,.cp-story-viewer__close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:transparent;color:#fff;cursor:pointer}.cp-story-viewer__sound svg,.cp-story-viewer__close svg{width:24px;height:24px;filter:drop-shadow(0 0 2px rgba(0,0,0,.5))}.cp-story-viewer__close svg path{stroke:#fff}.cp-story-viewer__sound:focus-visible,.cp-story-viewer__close:focus-visible,.cp-story-viewer__arrow:focus-visible{outline:2px solid #fff;outline-offset:-2px}.cp-story-viewer__icon-sound{display:none}.cp-story-viewer__sound[aria-pressed=true] .cp-story-viewer__icon-sound{display:block}.cp-story-viewer__sound[aria-pressed=true] .cp-story-viewer__icon-muted{display:none}.cp-story-viewer__tap{position:absolute;top:0;bottom:0;z-index:1;padding:0;border:0;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}.cp-story-viewer__tap--prev{left:0;width:35%}.cp-story-viewer__tap--next{right:0;width:65%}.cp-story-viewer__arrow{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:48px;height:48px;padding:0;border:0;border-radius:50%;background:#ffffff29;color:#fff;cursor:pointer}.cp-story-viewer__arrow:hover{background:#ffffff47}.cp-story-viewer__arrow svg{width:20px;height:20px}.cp-story-viewer__arrow svg path{stroke:#fff}@media only screen and (max-width:749px){.cp-story-viewer{background:#000}.cp-story-viewer__stage{gap:0}.cp-story-viewer__frame{width:100%;height:100%;aspect-ratio:auto;border-radius:0}.cp-story-viewer__bars{padding-top:max(10px,env(safe-area-inset-top))}.cp-story-viewer__controls{top:calc(max(10px,env(safe-area-inset-top)) + 10px)}.cp-story-viewer__arrow{display:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/cp-stories.css.map */