.stories{--ring-color: #EE9441;--ring-thickness: 3px}.stories__list{display:flex;gap:20px;list-style:none;padding:0;margin:0;overflow-x:auto;-webkit-overflow-scrolling:touch}.stories__list::-webkit-scrollbar{height:6px}.stories__list::-webkit-scrollbar-thumb{background:#00000026;border-radius:999px}.story-card{-webkit-appearance:none;appearance:none;background:transparent;border:0;padding:0;cursor:pointer;text-align:center;display:grid;justify-items:center}.story-card:focus-visible{outline:none;outline-offset:none}.story-card__thumb{position:relative;width:70px;height:70px;border-radius:999px;border:var(--ring-thickness) solid var(--ring-color);overflow:hidden;display:grid;place-items:center;align-content:center;padding:0}.story-card__poster{width:100%;height:100%;object-fit:cover;border-radius:999px;display:block;border:3px solid white}.story-card__play{position:absolute;width:24px;height:24px;border-radius:999px;display:grid;place-items:center;padding:1px}.story-card__play svg path{fill:#fff}.story-card__play svg{width:100%;height:100%;transform:scale(.9);transform-origin:50% 50%;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45))}.story-card__title{margin-top:8px;max-width:120px;font-weight:600;line-height:1.2;font-size:12px;color:rgba(var(--color-foreground),1);font-family:Harmonia Sans Pro Cyr}.stories-modal{background:#000000b3!important}.stories-modal .product-popup-modal__content{max-width:none;display:grid;place-items:center;padding:8px;background:transparent!important;box-shadow:none!important;border:0!important;height:auto!important}.stories-frame{position:relative;display:grid;align-items:center;grid-template-columns:auto minmax(0,1fr) auto;gap:12px}.stories-player{width:min(66vw,350px,calc((100vh - 120px)*.5625));aspect-ratio:9 / 16;background:#000;border-radius:14px;overflow:hidden;display:grid;grid-template-columns:minmax(56px,30%) 1fr minmax(56px,30%);grid-template-rows:8px auto 1fr 8px;transform-origin:50% 50%;transition:transform .32s cubic-bezier(.2,.8,.2,1),opacity .32s cubic-bezier(.2,.8,.2,1);will-change:transform,opacity;box-shadow:0 .4em 1.7em #00000040}.stories-modal .product-popup-modal__content:focus-visible{outline:none}@media screen and (max-width: 749px){.stories-player{width:min(86vw,calc((100vh - 120px)*.5625))}}.stories-header{grid-column:1 / -1;grid-row:2;z-index:6;padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right));padding-top:0}.stories-progress{display:flex;gap:6px;margin-bottom:20px;pointer-events:none}.stories-progress__bar{flex:1;height:2px;background:#ffffff59;overflow:hidden;border-radius:999px}.stories-progress__bar>span{display:block;width:0%;height:100%;background:#fff}.stories-title-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px}.stories-avatar{width:38px;height:38px;border-radius:999px;object-fit:cover;display:block;box-shadow:0 .4em 1.7em #00000040}.stories-btn--close{width:36px;height:36px}.stories-title{color:#fff;font-weight:500;font-size:14px}.stories-controls{grid-column:3;grid-row:2;justify-self:end;align-self:start;margin-top:56px;display:grid;gap:10px;z-index:6;margin-right:12px}.stories-btn{width:35px;height:35px;border-radius:999px;background:#0000004d;display:grid;place-items:center;border:none;cursor:pointer}.stories-btn svg{width:18px;height:18px;display:block}.stories-media{grid-column:1 / -1;grid-row:1 / -1;z-index:1}.stories-media iframe,.stories-media video{width:100%;height:100%;object-fit:contain;background:#000;display:block}.stories-frame.stories-anim-in .stories-player{transform:scale(.86);opacity:0}.stories-frame.stories-anim-in.is-active .stories-player{transform:scale(1);opacity:1}.stories-frame.stories-anim-out .stories-player{transform:scale(.85);opacity:0}.stories-nav__btn{width:48px;height:48px}.stories-nav__btn--prev{grid-column:1}.stories-nav__btn--next{grid-column:3;justify-self:end}.stories-nav__btn{background:#fff;color:#000}.stories-nav__btn svg{width:18px;height:18px}.stories-nav__btn svg path,.stories-nav__btn svg line,.stories-nav__btn svg polyline,.stories-nav__btn svg rect,.stories-nav__btn svg circle{stroke:#000}.stories-nav__btn--next svg{transform:rotate(180deg)}.stories-modal .product-popup-modal__toggle{display:none!important}.stories__list li:focus-visible{outline:none;outline-offset:none;box-shadow:none}.story-card__thumb:hover{border-color:#005b46}@media (max-width: 768px){.stories-modal{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100dvw!important;height:100dvh!important;margin:0!important;padding:0!important;transform:none!important;z-index:9999!important;background:#000000b3}.stories-modal .product-popup-modal__content{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100dvw!important;height:100dvh!important;max-width:none!important;max-height:none!important;transform:none!important;margin:0!important;border-radius:0!important;padding:0!important;display:flex!important;flex-direction:column!important}.stories-modal .stories-frame{flex:1 1 auto;min-height:0;height:100svh;display:flex;flex-direction:column;justify-content:center}.stories-modal .stories-media{flex:1 1 auto;min-height:0;width:100%;height:100%}.stories-modal .stories-media video,.stories-modal .stories-media iframe,.stories-modal .stories-media img{width:100%!important;height:100%!important;object-fit:cover!important}.stories-modal .stories-nav__btn{display:none!important}.stories-modal .stories-header{padding:8px 8px 4px}.stories-modal .stories-progress{height:2px}.stories-modal .stories-player{width:100%;border-radius:0}.stories-modal .stories-controls{margin-top:40px;margin-right:20px}.stories-modal .stories-title{font-size:18px}.stories-modal .stories-btn{width:45px;height:45px;background:none;border-radius:none}.stories-modal .stories-btn svg{width:45px;height:45px;border-radius:999px;background:#0000004d;padding:10px}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/story-videos.css.map */