.reels-stories{background-color:var(--color-background)}.reels-stories__title{font-family:var(--font-heading);font-size:1.25rem;font-weight:700;color:var(--color-primary);margin:0 0 1.25rem}.reels-stories__list{display:flex;gap:1.25rem;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:.5rem 0}.reels-stories__list::-webkit-scrollbar{display:none}.reels-stories__item{display:flex;flex-direction:column;align-items:center;gap:.375rem;cursor:pointer;background:none;border:none;padding:0;flex-shrink:0;transition:transform .2s ease}.reels-stories__item:hover{transform:scale(1.05)}.reels-stories__item:focus-visible{outline:3px solid var(--color-accent);outline-offset:4px;border-radius:50%}.reels-stories__ring{width:68px;height:68px;border-radius:50%;padding:3px;background:linear-gradient(135deg,var(--color-accent),var(--color-secondary),var(--color-primary));display:flex;align-items:center;justify-content:center}.reels-stories__thumb{width:60px;height:60px;border-radius:50%;object-fit:cover;border:2px solid #fff}.reels-stories__label{font-size:.6875rem;font-weight:500;color:var(--color-text);max-width:70px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.reels-stories__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center}.reels-stories__modal[hidden]{display:none}.reels-stories__modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e6;cursor:pointer}.reels-stories__modal-content{position:relative;z-index:1;width:100%;max-width:380px;aspect-ratio:9 / 16;max-height:90vh;border-radius:16px;overflow:hidden;background:#000}.reels-stories__modal-video{width:100%;height:100%}.reels-stories__modal-video iframe{width:100%;height:100%;border:none}.reels-stories__modal-close{position:absolute;top:12px;right:12px;z-index:10;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#00000080;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background-color .2s ease;padding:0}.reels-stories__modal-close:hover{background:#000c}.reels-stories__modal-close:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(max-width:575px){.reels-stories__ring{width:60px;height:60px}.reels-stories__thumb{width:52px;height:52px}.reels-stories__list{gap:1rem}.reels-stories__modal-content{max-width:100%;max-height:100vh;border-radius:0}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/section-reels-stories.css.map */