.snkr-vs{padding-top:var(--snkr-vs-pt);padding-bottom:var(--snkr-vs-pb);background-color:var(--snkr-vs-bg);overflow:hidden}.snkr-vs__container{--snkr-vs-page-pad: 16px;display:block;max-width:var(--snkr-vs-max);margin:0 auto;padding:0 var(--snkr-vs-page-pad)}.snkr-vs__head{display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;margin-bottom:24px;gap:6px}.snkr-vs__title{margin:0;color:var(--snkr-vs-heading-color);font-size:var(--snkr-vs-heading-size);font-weight:var(--snkr-vs-heading-weight);line-height:1.2}.snkr-vs__subtitle{margin:0;color:var(--snkr-vs-subtext-color);font-size:var(--snkr-vs-sub-size);line-height:1.4}.snkr-vs__head-actions{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:10px;width:100%}.snkr-vs__follow-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background-color:var(--snkr-vs-follow-bg);color:var(--snkr-vs-follow-text);text-decoration:none;border-radius:99px;font-size:14px;font-weight:600;transition:opacity .2s}.snkr-vs__follow-btn:hover{opacity:.8}snkr-video-carousel{position:relative}@property --snkr-vs-fade-l{syntax: "<length>"; inherits: true; initial-value: 0px;}@property --snkr-vs-fade-r{syntax: "<length>"; inherits: true; initial-value: 0px;}.snkr-vs__carousel-wrap{position:relative;margin:0 calc(-1 * var(--snkr-vs-page-pad));--snkr-vs-fade-l: 0px;--snkr-vs-fade-r: 0px;transition:--snkr-vs-fade-l .35s ease,--snkr-vs-fade-r .35s ease}.snkr-vs__carousel-wrap--fade-always,.snkr-vs__carousel-wrap--fade-dynamic{--snkr-vs-fade-l: var(--snkr-vs-fade);--snkr-vs-fade-r: var(--snkr-vs-fade);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 var(--snkr-vs-fade-l),#000 calc(100% - var(--snkr-vs-fade-r)),transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 var(--snkr-vs-fade-l),#000 calc(100% - var(--snkr-vs-fade-r)),transparent 100%)}.snkr-vs__carousel-wrap--fade-dynamic.is-start{--snkr-vs-fade-l: 0px}.snkr-vs__carousel-wrap--fade-dynamic.is-end{--snkr-vs-fade-r: 0px}.snkr-vs__carousel{display:flex;gap:var(--snkr-vs-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 var(--snkr-vs-page-pad) 16px;scroll-padding-inline:var(--snkr-vs-page-pad)}.snkr-vs__carousel::-webkit-scrollbar{display:none}.snkr-vs__card{flex:0 0 var(--snkr-vs-card-width-mobile);max-width:calc(100vw - 48px);scroll-snap-align:start;position:relative;border-radius:var(--snkr-vs-radius);overflow:hidden;background-color:var(--snkr-vs-card-bg);aspect-ratio:var(--snkr-vs-aspect);display:flex;flex-direction:column;justify-content:flex-end;transform:translateZ(0)}@media(min-width:768px){.snkr-vs__card{flex:0 0 calc((100% - (var(--snkr-vs-desktop-cards) - 1) * var(--snkr-vs-gap)) / var(--snkr-vs-desktop-cards))}}.snkr-vs__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}.snkr-vs__poster,.snkr-vs__video{width:100%;height:100%;object-fit:var(--snkr-vs-video-fit);position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .3s}.snkr-vs__video{opacity:0}.snkr-vs__card.is-playing .snkr-vs__video{opacity:1}.snkr-vs__placeholder-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--snkr-vs-card-bg);display:flex;align-items:center;justify-content:center}.snkr-vs__placeholder-svg{width:50%;height:50%;fill:#fff3}.snkr-vs__tap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:2;background:transparent;border:none;border-radius:0;padding:0;margin:0;cursor:pointer;display:block}.snkr-vs__tap:focus-visible{outline:2px solid var(--snkr-vs-control-text);outline-offset:-4px}.snkr-vs__play-indicator{flex:0 0 auto;width:30px;height:30px;margin-inline-end:auto;background:var(--snkr-vs-control-bg);color:var(--snkr-vs-control-text);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.25);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;padding-inline-start:2px;transition:opacity .3s,transform .3s;pointer-events:none}.snkr-vs__card.is-playing .snkr-vs__play-indicator{opacity:0;transform:scale(.8)}.snkr-vs__sound{display:flex;align-items:flex-end;justify-content:flex-end;gap:8px;padding:0 10px 8px;pointer-events:none}.snkr-vs__sound-btn{pointer-events:none;display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 12px 0 10px;border:1px solid rgba(255,255,255,.25);border-radius:99px;background:var(--snkr-vs-control-bg);color:var(--snkr-vs-control-text);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font-size:12px;font-weight:700;line-height:1;letter-spacing:0;text-transform:none;white-space:nowrap;cursor:pointer;opacity:0;transform:translateY(6px);transition:opacity .25s ease,transform .25s ease,background .2s}.snkr-vs__sound-btn:hover{background:#000000a6}.snkr-vs__sound-btn:focus-visible{outline:2px solid var(--snkr-vs-control-text);outline-offset:2px}.snkr-vs__card.is-revealed .snkr-vs__sound-btn,.snkr-vs__card.is-unmuted .snkr-vs__sound-btn,.snkr-vs__card:focus-within .snkr-vs__sound-btn{opacity:1;transform:none;pointer-events:auto}@media(hover:hover){.snkr-vs__card:hover .snkr-vs__sound-btn{opacity:1;transform:none;pointer-events:auto}}.snkr-vs__sound-icon{flex:0 0 18px;width:18px;height:18px}.snkr-vs__sound-icon--on,.snkr-vs__card.is-unmuted .snkr-vs__sound-icon--off{display:none}.snkr-vs__card.is-unmuted .snkr-vs__sound-icon--on{display:block}.snkr-vs__sound-text{display:inline-block}.snkr-vs__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#000c,#0000 40%);z-index:3;pointer-events:none}.snkr-vs__error{position:absolute;top:0;right:0;bottom:0;left:0;z-index:15;background:#000c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;text-align:center;padding:16px;opacity:0;pointer-events:none}.snkr-vs__card.has-error .snkr-vs__error{opacity:1}.snkr-vs__content{position:relative;z-index:4;display:flex;flex-direction:column;justify-content:flex-end;height:100%;pointer-events:none}.snkr-vs__product-card{pointer-events:auto;margin:0 10px 10px;background:var(--snkr-vs-product-bg);border-radius:calc(var(--snkr-vs-radius) * .75);display:flex;align-items:center;padding:8px;gap:10px;text-decoration:none;color:var(--snkr-vs-product-text);box-shadow:0 4px 12px #0000001a;transition:transform .2s}.snkr-vs__product-card:hover{transform:translateY(-2px)}.snkr-vs__product-card:focus-visible{outline:2px solid var(--snkr-vs-heading-color);outline-offset:2px}.snkr-vs__product-img{width:36px;height:36px;flex-shrink:0;border-radius:calc(var(--snkr-vs-radius) * .5);overflow:hidden;background:#f4f4f4;display:flex;align-items:center;justify-content:center}.snkr-vs__product-img img{width:100%;height:100%;object-fit:cover}.snkr-vs__placeholder-svg-prod{width:100%;height:100%;fill:#ccc;background:#eee;object-fit:cover}.snkr-vs__product-info{flex-grow:1;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.snkr-vs__product-title{font-size:12px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.snkr-vs__product-price{font-size:13px;font-weight:500;color:var(--snkr-vs-price-color)}.snkr-vs__product-arrow{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--snkr-vs-product-text);opacity:.5}.snkr-vs__meta{display:flex;align-items:center;gap:12px;padding:0 10px 10px;color:var(--snkr-vs-meta-color);font-size:11px;font-weight:500;pointer-events:none}.snkr-vs__views{display:flex;align-items:center;gap:4px}.snkr-vs__nav{display:none}.snkr-vs__nav:has(.snkr-vs__nav-btn--prev:disabled):has(.snkr-vs__nav-btn--next:disabled){display:none!important}@media(min-width:768px){.snkr-vs__nav{display:flex;gap:8px;position:absolute;right:0;bottom:0}.snkr-vs__nav-btn{width:44px;height:44px;border-radius:50%;border:1px solid var(--snkr-vs-heading-color);background:transparent;color:var(--snkr-vs-heading-color);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s}.snkr-vs__nav-btn:hover{opacity:.7}.snkr-vs__nav-btn:disabled{opacity:.2;cursor:not-allowed}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/snkr-video-shopping.css.map */