.product-stories{margin-top:16px}.product-stories__row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(140px,1fr);gap:12px;overflow-x:auto;padding-bottom:6px;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory}.product-stories__tile{position:relative;border-radius:14px;overflow:hidden;height:190px;cursor:pointer;scroll-snap-align:start;background:#eee;-webkit-user-select:none;user-select:none}.product-stories__tile-media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.product-stories__tile-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:space-between;padding:12px;background:linear-gradient(to top,#0000008c,#0000 70%)}.product-stories__tile-title{color:#fff;font-size:14px;line-height:1.2;font-weight:600;max-width:80%}.product-stories__tile-play{width:34px;height:34px;border-radius:999px;background:#ffffffe0;display:inline-flex;align-items:center;justify-content:center}.product-stories__tile-play svg{width:14px;height:14px}.product-stories-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:none}.product-stories-modal[aria-hidden=false]{display:block}.product-stories-modal__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000bf}.product-stories-modal__panel{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:18px}.product-stories-modal__frame{width:min(420px,100%);height:min(760px,100%);background:#111;border-radius:18px;position:relative}.product-stories-modal__top{position:absolute;left:0;right:0;top:0;padding:12px;display:grid;gap:10px;z-index:4}.product-stories-modal__bars{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px}.product-stories-modal__bar{height:2.5px;background:#ffffff40;border-radius:999px;overflow:hidden}.product-stories-modal__bar>i{display:block;height:100%;width:0%;background:#fffffff2}.product-stories-modal__header{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#fff}.product-stories-modal__title{font-size:14px;font-weight:600;line-height:1.2;opacity:.95}.product-stories-modal__close{border:0;background:#ffffff1f;color:#fff;width:36px;height:36px;border-radius:999px;cursor:pointer;display:flex;align-items:center;justify-content:center}.product-stories-modal__close svg{width:18px;height:18px}.product-stories-modal__stage{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center}.product-stories-modal__media{width:100%;height:100%;object-fit:contain;background:#111}.product-stories-modal__caption{position:absolute;left:0;right:0;bottom:0;padding:14px 14px 16px;color:#fff;font-size:14px;line-height:1.35;background:linear-gradient(to top,#000000a6,#0000);z-index:2}.product-stories-modal__nav{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:1fr 1fr;z-index:3}.product-stories-modal__nav button{border:0;background:transparent;cursor:pointer}@media(max-width:480px){.product-stories__tile{height:170px}.product-stories-modal__frame{border-radius:14px}}.product-stories-modal__nav{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ps-nav{position:absolute;top:50%;transform:translateY(-50%);border-radius:50%;border:none;background:#fff;color:#fff;cursor:pointer;pointer-events:auto;display:flex;align-items:center;justify-content:center}.ps-nav--slide{background:#fff!important;height:30px;width:30px}.ps-nav--slide svg{height:18px;width:18px}.ps-nav--story svg{height:20px;width:20px;margin:-5px -5px 0 0}.ps-nav--slide.ps-nav--prev{left:-50px}.ps-nav--slide.ps-nav--next{right:-50px}.ps-nav--story.ps-nav--prev{left:-100px}.ps-nav--story.ps-nav--next{right:-100px}.ps-nav:disabled{opacity:.3;cursor:not-allowed}@media(max-width:1480px){.product-stories__row{padding-bottom:16px}}@media(max-width:650px){.ps-nav--slide.ps-nav--prev{left:-30px}.ps-nav--slide.ps-nav--next{right:-30px}.ps-nav--story.ps-nav--prev{left:-60px}.ps-nav--story.ps-nav--next{right:-60px}}@media(max-width:575px){.ps-nav--slide.ps-nav--prev{left:30px}.ps-nav--slide.ps-nav--next{right:30px}.ps-nav--story.ps-nav--prev{left:6px}.ps-nav--story.ps-nav--next{right:14px}.ps-nav--slide{background:#fff!important;height:25px;width:25px}.ps-nav--slide svg{height:14px;width:14px}.ps-nav--story svg{height:20px;width:20px;margin:-5px -5px 0 0}}
/*# sourceMappingURL=/cdn/shop/t/18/assets/product-stories.css.map */