.vf-band-video{--bv-line: rgba(255,255,255,.14);--bv-dim: rgba(255,255,255,.62);padding:44px 0 40px}.vf-band-video__head{display:grid;grid-template-columns:1fr auto;grid-template-areas:"kicker subs" "title title";align-items:center;column-gap:12px;row-gap:10px;margin-bottom:22px}.vf-band-video__kicker{grid-area:kicker}.vf-band-video__title{grid-area:title}.vf-band-video__subs{grid-area:subs;justify-self:end}.vf-band-video__title{text-wrap:balance}.vf-band-video__title em{color:#fff;border-bottom:2px solid var(--vf-red)}.vf-band-video__subs{display:inline-flex;align-items:center;gap:7px;padding:5px 9px 5px 7px;border:1px solid var(--bv-line);color:#fff;font-size:11px;line-height:14px;font-weight:600;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.vf-band-video__subs .vf-yt-ic{width:18px;height:13px}.vf-band-video__grid{display:grid;gap:26px}.vf-band-video__main{min-width:0}.vf-band-video .vf-yt{border:0;background:#1a1a1a}.vf-band-video .vf-yt__img{opacity:1;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.vf-band-video__doc{object-position:50% 22%}.vf-band-video .vf-yt:hover .vf-yt__img{transform:scale(1.02)}.vf-band-video__disc{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--vf-ink);color:#fff;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #ffffff8c;transition:transform .25s ease,box-shadow .25s ease}.vf-band-video__disc svg{width:24px;height:24px;margin-left:4px}.vf-band-video .vf-yt:hover .vf-band-video__disc{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 0 0 9px #ffffffb3}.vf-band-video__len{position:absolute;left:10px;bottom:10px;display:inline-flex;align-items:center;gap:6px;padding:5px 8px;background:var(--vf-ink);color:#fff;font:600 10px/14px var(--vf-font);letter-spacing:1px;text-transform:uppercase}.vf-band-video__len .vf-yt-ic{width:16px;height:11px}.vf-band-video iframe.vf-yt{width:100%;aspect-ratio:16 / 9;height:auto;border:0}.vf-band-video__cap{margin-top:10px;font-size:13px;line-height:19px;color:var(--bv-dim)}.vf-band-video__side{min-width:0}.vf-band-video__label{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:10px;font-size:11px;line-height:16px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:#fff}.vf-band-video__disc-note{font-size:10px;letter-spacing:.6px;font-weight:500;color:var(--bv-dim);text-transform:none;text-align:right}.vf-band-video__rail{display:grid;grid-auto-flow:column;grid-auto-columns:42%;gap:8px;margin:0 calc(-1 * var(--vf-gutter));padding:0 var(--vf-gutter);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--vf-gutter);scrollbar-width:none}.vf-band-video__rail::-webkit-scrollbar{display:none}.vf-band-video__card{min-width:0;scroll-snap-align:start}.vf-band-video__clip{position:relative;display:block;width:100%;aspect-ratio:9 / 16;padding:0;border:0;border-radius:0;overflow:hidden;background:#1a1a1a;cursor:pointer;color:#fff}.vf-band-video__vid{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.vf-band-video__clip:hover .vf-band-video__vid{transform:scale(1.03)}.vf-band-video__ad{position:absolute;left:6px;top:6px;padding:2px 5px;background:#0d0d0dc7;color:#fff;font:600 10px/13px var(--vf-font);letter-spacing:.4px}.vf-band-video__snd{position:absolute;right:6px;bottom:6px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;color:var(--vf-ink);transition:transform .2s ease}.vf-band-video__snd svg{width:12px;height:12px;margin-left:2px}.vf-band-video__clip:hover .vf-band-video__snd{transform:scale(1.1)}.vf-band-video__clip.is-sound .vf-band-video__snd{opacity:0}.vf-band-video__clip.is-sound.is-paused .vf-band-video__snd{opacity:1}.vf-band-video__name{margin-top:8px;font-size:11px;line-height:15px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:#fff}.vf-band-video__q{margin-top:3px;font-size:12px;line-height:17px;color:var(--bv-dim)}.vf-band-video__howto{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 24px;margin-top:24px;padding-top:16px;border-top:1px solid var(--bv-line)}.vf-band-video__howto-text{font-size:14px;line-height:21px;color:#fffc}.vf-band-video__howto-text strong{color:#fff;font-weight:600}.vf-band-video__howto-btn{background:none;border:0;cursor:pointer;font-family:var(--vf-font)}.vf-band-video__howto-btn .vf-i{width:12px;height:12px}.vf-band-video__modal{width:min(880px,calc(100vw - 32px));max-width:none;max-height:none;padding:0;border:0;border-radius:0;background:#000;color:#fff;overflow:visible}.vf-band-video__modal::backdrop{background:#0d0d0ddb}.vf-band-video__modal-in{position:relative}.vf-band-video__howto-vid{display:block;width:100%;aspect-ratio:16 / 9;background:#000}.vf-band-video__modal-cap{padding:12px 16px 14px;font-size:13px;line-height:19px;color:#fffc;background:var(--vf-ink)}.vf-band-video__modal-cap strong{color:#fff;font-weight:600}.vf-band-video__close{position:absolute;right:0;top:-44px;display:grid;place-items:center;width:40px;height:40px;padding:0;border:0;background:transparent;color:#fff;cursor:pointer}.vf-band-video__close .vf-i{width:22px;height:22px}.vf-band-video__close:focus-visible,.vf-band-video__clip:focus-visible{outline:2px solid #fff;outline-offset:2px}@media(max-width:374px){.vf-band-video__rail{grid-auto-columns:46%}}@media(min-width:750px){.vf-band-video{padding:56px 0 48px}.vf-band-video__head{grid-template-areas:"kicker kicker" "title subs";align-items:end;column-gap:24px;row-gap:14px;margin-bottom:28px}.vf-band-video__subs{margin-bottom:6px;padding:6px 10px 6px 8px}.vf-band-video__disc{width:84px;height:84px}.vf-band-video__disc svg{width:30px;height:30px}.vf-band-video__len{left:14px;bottom:14px}.vf-band-video__rail{grid-auto-columns:30%}}@media(min-width:1024px){.vf-band-video__title{white-space:nowrap}.vf-band-video__grid{grid-template-columns:minmax(0,58fr) minmax(0,42fr);gap:40px;align-items:start}.vf-band-video__rail{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-columns:auto;margin:0;padding:0;overflow:visible}.vf-band-video__q{font-size:13px;line-height:18px}.vf-band-video__howto{margin-top:28px;padding-top:18px}.vf-band-video__label{margin-bottom:12px}}@media(prefers-reduced-motion:reduce){.vf-band-video .vf-yt__img,.vf-band-video__vid,.vf-band-video__disc,.vf-band-video__snd{transition:none}.vf-band-video .vf-yt:hover .vf-yt__img,.vf-band-video__clip:hover .vf-band-video__vid{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/60/assets/vf-band-video.css.map */