.video-showcase{font-family:system-ui,-apple-system,sans-serif;max-width:1200px;margin:32px auto;padding:0 24px}.video-showcase__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.video-showcase__title{font-family:system-ui,-apple-system,sans-serif;font-size:20px;font-weight:700;color:#300f50;margin:0}.video-showcase__nav{display:flex;gap:8px}.video-showcase__arrow{width:36px;height:36px;border-radius:50%;border:1px solid #300f50;background:#fff;color:#300f50;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.video-showcase__arrow:hover{background:#300f50;color:#fff}.video-showcase__track{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity;-ms-overflow-style:none;scrollbar-width:none}.video-showcase__track::-webkit-scrollbar{display:none}.video-showcase__item{flex:0 0 auto;width:18%;min-width:120px;scroll-snap-align:start;cursor:pointer}.video-showcase__thumb{position:relative;width:100%;aspect-ratio:9 / 16;border-radius:10px;overflow:hidden;background:#e8e6e2}.video-showcase__thumb img,.video-showcase__thumb-placeholder{width:100%;height:100%;object-fit:cover;display:block}.video-showcase__play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%;border:none;background:#300f50bf;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.video-showcase__play svg{margin-left:2px}.video-showcase__modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center}.video-showcase__modal[hidden]{display:none}.video-showcase__modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9}.video-showcase__modal-inner{position:relative;z-index:1;width:min(90vw,420px);max-height:90vh}.video-showcase__modal-media{position:relative;width:100%;aspect-ratio:9 / 16;background:#000;border-radius:12px;overflow:hidden}.video-showcase__modal-media video,.video-showcase__modal-media iframe{width:100%;height:100%;border:0;object-fit:cover}.video-showcase__modal-close{position:absolute;top:10px;right:10px;z-index:2;width:36px;height:36px;border-radius:50%;background:#0009;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}@media(max-width:749px){.video-showcase__item{width:32%;min-width:100px}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/video-showcase.css.map */