.video-stories{padding-top:2rem;padding-bottom:2rem;overflow:hidden}.video-stories__heading{text-align:center;margin-bottom:2rem}.video-stories__container{display:flex;gap:1.5rem;overflow-x:auto;padding:1rem 0;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.video-stories__container::-webkit-scrollbar{display:none}.video-stories__item{flex:0 0 auto;width:100px;scroll-snap-align:center}.video-stories__button{display:flex;flex-direction:column;align-items:center;gap:.8rem;background:none;border:none;padding:0;cursor:pointer;width:100%}.video-stories__thumbnail{position:relative;width:100px;height:100px;border-radius:50%;overflow:hidden;border:2px solid rgb(var(--color-button));padding:2px;background-clip:content-box}.video-stories__item{width:calc((100% - (1.5rem * (var(--columns-desktop) - 1))) / var(--columns-desktop))}@media screen and (max-width: 749px){.video-stories__item{width:60vw;scroll-snap-align:center}}.video-stories__thumbnail{width:100%;height:auto;aspect-ratio:9 / 16;border-radius:12px;border:none;padding:0;box-shadow:0 4px 10px #0000001a;background:#f0f0f0}.video-stories__image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.video-stories__button:hover .video-stories__image{transform:scale(1.05)}.video-stories__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0000001a;display:flex;align-items:center;justify-content:center}.video-stories__icon{color:#fff!important;background:#ffffff40!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border-radius:50%;width:48px;height:48px;display:flex;align-items:center;justify-content:center;border:1.5px solid rgba(255,255,255,.45)!important;box-shadow:0 4px 15px #0003;transition:all .3s cubic-bezier(.19,1,.22,1)}.video-stories__icon svg{margin-left:2px;width:20px;height:20px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.2))}.video-stories__button:hover .video-stories__icon{background:#fff6!important;transform:scale(1.1)}.video-stories__title{font-size:1.2rem;font-weight:600;text-align:center;color:rgb(var(--color-foreground));display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.video-stories-modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:200000;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s ease;background-color:#000c}.video-stories-modal[aria-hidden=false]{opacity:1;pointer-events:auto}.video-stories-modal__backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1}.video-stories-modal__content{position:relative;z-index:2;width:auto;height:85vh;aspect-ratio:9/16;background:#000;border-radius:12px;overflow:hidden;box-shadow:0 10px 40px #00000080;display:flex;align-items:center;justify-content:center}@media (max-width: 750px){.video-stories-modal__content{width:90%;height:auto;max-width:400px;max-height:80vh;border-radius:12px;aspect-ratio:9/16;box-shadow:0 20px 50px #00000080}}.video-stories-modal__video-container{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.video-stories-modal__video-container video,.video-stories-modal__video-container iframe{width:100%;height:100%;object-fit:cover}.video-stories-modal__close{position:fixed;top:2rem;right:2rem;z-index:200001;background:#00000080;color:#fff;border:none;border-radius:50%;width:4.4rem;height:4.4rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.video-stories-modal__close:hover{background:#000c}.video-stories-modal__mute{position:fixed;top:2rem;right:7.4rem;background:#00000080;border:none;cursor:pointer;z-index:200001;color:#fff;width:4.4rem;height:4.4rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s}.video-stories-modal__mute:hover{background:#000000b3}.video-stories-modal__mute.hidden,.video-stories__icon.hidden,.icon-muted.hidden,.icon-unmuted.hidden{display:none}@media screen and (max-width: 749px){.video-stories-modal__mute{top:2rem;right:7.4rem;width:32px;height:32px}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/section-video-stories.css.map */