.sq-video-slider{background:var(--sq-color-bg)}.sq-video-slider .vs-section{padding:var(--sq-section-pad) 0;max-width:1100px;margin:0 auto;position:relative}.sq-video-slider .vs-header{padding:0 var(--sq-space-5) var(--sq-space-6)}.sq-video-slider .vs-eyebrow{font-family:var(--sq-font-sans);font-size:var(--sq-fs-2xs);font-weight:var(--sq-fw-medium);letter-spacing:var(--sq-tracking-eyebrow);text-transform:uppercase;color:var(--sq-color-bronze-deep);margin-bottom:var(--sq-space-2)}.sq-video-slider .vs-headline{font-family:var(--sq-font-serif);font-size:var(--sq-fs-h2);font-weight:var(--sq-fw-light);font-style:italic;line-height:var(--sq-lh-tight);letter-spacing:var(--sq-tracking-h2);color:var(--sq-color-text);margin:0}.sq-video-slider .vs-headline em{font-style:italic;color:inherit;background:none;-webkit-text-fill-color:inherit}.sq-video-slider .vs-slider-wrap{position:relative;overflow:hidden;padding:var(--sq-space-4) 0}.sq-video-slider .vs-track{display:flex;gap:var(--sq-space-4);overflow:visible;padding:0;justify-content:flex-start;align-items:stretch;cursor:grab;touch-action:pan-y}.sq-video-slider .vs-tile{--_tile-w: 150px;min-width:var(--_tile-w);max-width:var(--_tile-w);flex-shrink:0;position:relative;aspect-ratio:9 / 16;border-radius:var(--sq-radius);overflow:hidden;background:#1a1a1a;cursor:pointer;transform:scale(.88);opacity:.5;transition:transform .5s cubic-bezier(.4,0,.2,1),opacity .5s cubic-bezier(.4,0,.2,1)}.sq-video-slider .vs-tile.is-current{transform:scale(1.06);opacity:1}@media(prefers-reduced-motion:reduce){.sq-video-slider .vs-tile{transition:none}}.sq-video-slider .vs-tile video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.sq-video-slider .vs-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;border-radius:50%;background:#fdf8f4eb;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .2s ease;pointer-events:none;z-index:2}.sq-video-slider .vs-tile:hover .vs-play{opacity:1}.sq-video-slider .vs-play:before{content:"";width:0;height:0;border-left:12px solid var(--sq-color-text);border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:3px}.sq-video-slider .vs-product-overlay{position:absolute;bottom:var(--sq-space-3);left:var(--sq-space-3);right:var(--sq-space-3);z-index:3}.sq-video-slider .vs-product-chip{display:flex;align-items:center;gap:var(--sq-space-2);background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:calc(var(--sq-radius) - 2px);padding:8px 10px;text-decoration:none;color:#fff;transition:background .2s ease}.sq-video-slider .vs-product-chip:hover{background:#000000b8}.sq-video-slider .vs-product-thumb{width:36px;height:36px;border-radius:6px;object-fit:cover;flex-shrink:0;background:#ffffff1a}.sq-video-slider .vs-product-info{min-width:0;flex:1}.sq-video-slider .vs-product-name{font-family:var(--sq-font-sans);font-size:var(--sq-fs-xs);font-weight:var(--sq-fw-medium);line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sq-video-slider .vs-product-price{font-family:var(--sq-font-sans);font-size:var(--sq-fs-2xs);font-weight:var(--sq-fw-regular);opacity:.8;line-height:1.3}.sq-video-slider .vs-scrim{position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,rgba(0,0,0,.5) 0%,transparent 100%);pointer-events:none;z-index:1}.sq-video-slider .vs-arrow{display:none}@media(min-width:768px){.sq-video-slider .vs-tile{--_tile-w: 200px;transform:scale(.85)}.sq-video-slider .vs-tile.is-current{transform:scale(1.08)}.sq-video-slider .vs-track{gap:var(--sq-space-5)}.sq-video-slider .vs-header{max-width:960px;margin-left:auto;margin-right:auto}.sq-video-slider .vs-slider-wrap{max-width:calc(3 * 200px + 2 * var(--sq-space-5));margin-left:auto;margin-right:auto}.sq-video-slider .vs-arrow{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;background:var(--sq-color-bg);border:1px solid var(--sq-color-border-light);box-shadow:0 2px 8px #0000000f;color:var(--sq-color-text-muted);cursor:pointer;z-index:3;padding:0;transition:background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease,opacity .2s ease}.sq-video-slider .vs-arrow:hover:not(:disabled){border-color:var(--sq-color-border-dark);color:var(--sq-color-text);box-shadow:0 2px 12px #0000001a}.sq-video-slider .vs-arrow:focus-visible{outline:none;box-shadow:0 0 0 2px var(--sq-color-bg),0 0 0 4px var(--sq-color-text-muted)}.sq-video-slider .vs-arrow svg{width:18px;height:18px}.sq-video-slider .vs-arrow--prev{left:max(4px,calc(50% - (3 * 200px + 2 * var(--sq-space-5)) / 2 - var(--sq-space-3) - 44px))}.sq-video-slider .vs-arrow--next{right:max(4px,calc(50% - (3 * 200px + 2 * var(--sq-space-5)) / 2 - var(--sq-space-3) - 44px))}}@media(min-width:1024px){.sq-video-slider .vs-tile{--_tile-w: 240px}.sq-video-slider .vs-slider-wrap{max-width:calc(3 * 240px + 2 * var(--sq-space-5))}.sq-video-slider .vs-arrow--prev{left:max(4px,calc(50% - (3 * 240px + 2 * var(--sq-space-5)) / 2 - var(--sq-space-3) - 44px))}.sq-video-slider .vs-arrow--next{right:max(4px,calc(50% - (3 * 240px + 2 * var(--sq-space-5)) / 2 - var(--sq-space-3) - 44px))}}.sq-video-slider .vs-modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;align-items:center;justify-content:center}.sq-video-slider .vs-modal.open{display:flex}.sq-video-slider .vs-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000d9}.sq-video-slider .vs-modal-content{position:relative;width:100%;max-width:400px;max-height:90vh;aspect-ratio:9 / 16;margin:0 var(--sq-space-4);z-index:1}.sq-video-slider .vs-modal-video{width:100%;height:100%;object-fit:cover;border-radius:var(--sq-radius);background:transparent}.sq-video-slider .vs-modal-close{position:absolute;top:var(--sq-space-3);right:var(--sq-space-3);width:44px;height:44px;border:none;background:#00000080;color:#fff;font-size:1.5rem;line-height:1;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:4}.sq-video-slider .vs-modal-close:hover,.sq-video-slider .vs-modal-close:focus-visible{background:#000000bf}.sq-video-slider .vs-modal-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;border:none;border-radius:50%;background:#00000073;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;z-index:4;transition:background .2s ease}.sq-video-slider .vs-modal-nav:hover{background:#000000b3}.sq-video-slider .vs-modal-nav svg{width:16px;height:16px}.sq-video-slider .vs-modal-nav--prev{left:var(--sq-space-2)}.sq-video-slider .vs-modal-nav--next{right:var(--sq-space-2)}.sq-video-slider .vs-modal-product{position:absolute;bottom:var(--sq-space-4);left:var(--sq-space-4);right:var(--sq-space-4);z-index:3;display:flex;flex-direction:column;gap:var(--sq-space-2)}.sq-video-slider .vs-modal-chip{display:flex;align-items:center;gap:var(--sq-space-2);background:#0000008c;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:calc(var(--sq-radius) - 2px);padding:8px 10px;text-decoration:none;color:#fff}.sq-video-slider .vs-modal-chip img{width:36px;height:36px;border-radius:6px;object-fit:cover;flex-shrink:0}.sq-video-slider .vs-modal-chip-info{min-width:0;flex:1}.sq-video-slider .vs-modal-chip-name{font-family:var(--sq-font-sans);font-size:var(--sq-fs-xs);font-weight:var(--sq-fw-medium);line-height:1.3}.sq-video-slider .vs-modal-chip-price{font-family:var(--sq-font-sans);font-size:var(--sq-fs-2xs);font-weight:var(--sq-fw-regular);opacity:.8;line-height:1.3}.sq-video-slider .vs-modal-form{margin:0;padding:0}.sq-video-slider .vs-modal-atc{display:block;width:100%;padding:12px 0;border:none;border-radius:var(--sq-radius);background:#fff;color:var(--sq-color-text);font-family:var(--sq-font-sans);font-size:var(--sq-fs-base);font-weight:var(--sq-fw-medium);letter-spacing:var(--sq-tracking-caps);text-align:center;cursor:pointer;transition:background .2s ease}.sq-video-slider .vs-modal-atc:hover{background:#ffffffe0}.sq-video-slider .vs-modal-progress{position:absolute;top:12px;left:12px;right:12px;height:3px;background:#ffffff40;border-radius:var(--sq-radius-pill);z-index:3;overflow:hidden;pointer-events:none}.sq-video-slider .vs-modal-progress-fill{height:100%;width:0;background:#fff;border-radius:var(--sq-radius-pill)}
/*# sourceMappingURL=/cdn/shop/t/105/assets/sq-video-slider.css.map */