.twd-vs{margin:2.4rem 0 0;--twd-vs-size: 8.4rem}.twd-vs__row{display:flex;gap:1.4rem;overflow-x:auto;padding:.4rem .2rem 1rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none}.twd-vs__row::-webkit-scrollbar{display:none}.twd-vs__item{flex:0 0 auto;width:var(--twd-vs-size);height:var(--twd-vs-size);padding:0;border:0;background:none;cursor:pointer;scroll-snap-align:start;border-radius:50%;-webkit-tap-highlight-color:transparent}.twd-vs__frame{display:block;width:100%;height:100%;border-radius:50%;overflow:hidden;padding:.2rem;background:#fff;border:.15rem solid var(--twd-rose, #c4846e);box-sizing:border-box;transition:transform .2s ease}.twd-vs__item:hover .twd-vs__frame,.twd-vs__item:focus-visible .twd-vs__frame{transform:scale(1.05)}.twd-vs__item:focus-visible{outline:.2rem solid var(--twd-slate, #3a5262);outline-offset:.3rem}.twd-vs__frame video{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;pointer-events:none;background:#e9e5df}@media(min-width:750px){.twd-vs{--twd-vs-size: 9.6rem}}.twd-vs-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;align-items:center;justify-content:center;background:#141c21eb}.twd-vs-modal[hidden]{display:none}.twd-vs-modal__video{height:100%;width:100%;max-width:44rem;object-fit:contain;background:#000}@media(min-width:750px){.twd-vs-modal__video{height:min(92vh,80rem);width:auto;aspect-ratio:9 / 16;border-radius:1.2rem}}.twd-vs-modal__bars{position:absolute;top:1.2rem;left:50%;transform:translate(-50%);z-index:2;display:flex;gap:.4rem;width:min(42rem,calc(100% - 2.4rem))}.twd-vs-modal__bar{flex:1;height:.3rem;border-radius:.2rem;background:#ffffff59;overflow:hidden}.twd-vs-modal__fill{display:block;height:100%;width:0;background:#fff}.twd-vs-modal__btn,.twd-vs-modal__nav{position:absolute;z-index:3;border:0;color:#fff;background:#3a5262bf;cursor:pointer;font-family:inherit}.twd-vs-modal__close{top:2.4rem;right:1.4rem;width:4rem;height:4rem;border-radius:50%;font-size:2.8rem;line-height:1}.twd-vs-modal__mute{top:2.8rem;left:1.4rem;padding:.7rem 1.4rem;border-radius:2rem;font-size:1.4rem}.twd-vs-modal__nav{top:50%;transform:translateY(-50%);width:4.4rem;height:4.4rem;border-radius:50%;font-size:3rem;line-height:1;display:none}.twd-vs-modal__nav--prev{left:1.4rem}.twd-vs-modal__nav--next{right:1.4rem}@media(min-width:750px){.twd-vs-modal__nav{display:block}.twd-vs-modal__nav--prev{left:calc(50% - 30rem)}.twd-vs-modal__nav--next{right:calc(50% - 30rem)}}.twd-vs-modal__btn:hover,.twd-vs-modal__nav:hover{background:var(--twd-rose, #c4846e)}@media(prefers-reduced-motion:reduce){.twd-vs__frame{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/twd-video-stories.css.map */