.vfaq{width:100%}.vfaq__heading{font-family:var(--font-display);font-size:1rem;font-weight:700;color:var(--color-text,hsl(0 0% 15%));margin:0 0 .75rem}:is([data-theme=dark],.dark) .vfaq__heading{color:hsl(0 0% 88%)}.vfaq__scroll{display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:.5rem;cursor:grab}.vfaq__scroll:active{cursor:grabbing}.vfaq__scroll::-webkit-scrollbar{display:none}.vfaq__card{flex-shrink:0;scroll-snap-align:start;width:160px;border-radius:1rem;overflow:hidden;cursor:pointer;background:rgba(255,255,255,.04);border:1.5px solid rgba(255,255,255,.08);transition:border-color .2s,transform .15s}:is(:not([data-theme=dark]):not(.dark)) .vfaq__card{background:rgba(0,0,0,.02);border-color:rgba(0,0,0,.06)}.vfaq__card:hover{border-color:rgba(255,255,255,.15)}:is(:not([data-theme=dark]):not(.dark)) .vfaq__card:hover{border-color:rgba(0,0,0,.12)}.vfaq__card:active{transform:scale(.97)}.vfaq__card--breakout{width:200px}.vfaq__media{position:relative;width:100%;aspect-ratio:9/14;overflow:hidden}.vfaq__play-overlay,.vfaq__thumbnail{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}.vfaq__play-overlay{background:rgba(0,0,0,.25);transition:background .2s}.vfaq__card:hover .vfaq__play-overlay{background:rgba(0,0,0,.35)}.vfaq__play-btn{width:40px;height:40px;border-radius:50%;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding-left:3px;border:1.5px solid rgba(255,255,255,.2);transition:transform .15s,background .15s}.vfaq__card:hover .vfaq__play-btn{transform:scale(1.1);background:rgba(0,0,0,.7)}.vfaq__duration{position:absolute;bottom:6px;right:6px;padding:.2rem .5rem;border-radius:.375rem;background:rgba(0,0,0,.7);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:white;font-family:var(--font-body);font-size:.75rem;font-weight:600;line-height:1}.vfaq__info{padding:.625rem .625rem .75rem}.vfaq__title{font-family:var(--font-body);font-size:.8125rem;font-weight:600;color:var(--color-text,hsl(0 0% 15%));line-height:1.3;margin:0;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:is([data-theme=dark],.dark) .vfaq__title{color:hsl(0 0% 88%)}