.video-tool-links{text-align:left;min-width:0}.video-tool-links-heading{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.video-tool-links-heading h2{color:var(--muted-foreground);font-size:16px;font-weight:500;line-height:24px}.video-tool-links-scroll{overscroll-behavior-x:contain;scrollbar-width:none;grid-auto-columns:320px;grid-auto-flow:column;gap:18px;padding:3px 2px 8px;display:grid;overflow-x:auto}.video-tool-links-scroll::-webkit-scrollbar{display:none}.video-tool-links:not(.video-tool-links-compact) .video-tool-links-scroll{cursor:grab;-webkit-user-select:none;user-select:none}.video-tool-links:not(.video-tool-links-compact) .video-tool-links-scroll[data-dragging=true]{cursor:grabbing}.video-tool-links:not(.video-tool-links-compact) .video-tool-link{cursor:inherit}.video-tool-link{border:1px solid var(--border);background:var(--muted);scroll-snap-align:start;border-radius:16px;flex-direction:column;min-width:0;transition:border-color .2s,background-color .2s,color .2s;display:flex;overflow:hidden}.video-tool-link:hover,.video-tool-link[aria-current=page]{border-color:var(--highlight);color:var(--highlight)}.video-tool-link:focus-visible{outline:2px solid var(--highlight);outline-offset:2px}.video-tool-link-picture{aspect-ratio:16/9;background:var(--card);position:relative;overflow:hidden}.video-tool-link-picture img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.video-tool-link:hover img{transform:scale(1.05)}.video-tool-link-comparison{color:#fff;text-align:center;white-space:nowrap;pointer-events:none;background:#000000a6;border:1px solid #ffffff2e;border-radius:5px;max-width:calc(50% - 16px);padding:2px 7px;font-size:10px;font-weight:600;line-height:12px;position:absolute;bottom:4px;transform:translate(-50%)}.video-tool-link-before{left:25%}.video-tool-link-after{left:75%}.video-tool-link-icon,.video-tool-link-open{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0000008c;border:1px solid #ffffff1f;border-radius:8px;place-items:center;width:34px;height:34px;display:grid;position:absolute}.video-tool-link-icon{top:8px;left:8px}.video-tool-link-open{opacity:0;transition:opacity .2s;bottom:8px;right:8px}.video-tool-link:hover .video-tool-link-open,.video-tool-link:focus-visible .video-tool-link-open{opacity:1}.video-tool-link-label{align-items:center;gap:8px;min-height:56px;padding:14px 16px;font-size:15px;font-weight:600;line-height:22px;display:flex}.video-tool-links-compact .video-tool-links-scroll{scroll-snap-type:x mandatory;gap:8px;display:flex}.video-tool-links-compact .video-tool-link{background:0 0;border-radius:12px;flex:none}.video-tool-links-compact .video-tool-link-label{white-space:nowrap;min-height:42px;padding:10px 14px;font-size:12px;font-weight:500;line-height:16px}.video-tool-links-compact .video-tool-link[aria-current=page]{background:color-mix(in oklch, var(--brand) 10%, transparent)}@media (width<=639px){.video-tool-links-scroll{grid-auto-columns:min(82vw,300px);gap:14px}}@media (prefers-reduced-motion:reduce){.video-tool-link,.video-tool-link-picture img,.video-tool-link-open{transition:none}.video-tool-link:hover img{transform:none}}