.r20-explainer-card{aspect-ratio:16/9;background:var(--r20-navy);border-radius:16px;width:100%;position:relative;overflow:hidden}.r20-explainer-selector{min-width:0}.r20-explainer-segments{border:1px solid var(--r20-ghost-border);background:var(--r20-navy);border-radius:12px;gap:4px;margin-top:12px;padding:4px;display:flex}.r20-explainer-segments>button{height:auto;min-height:44px;color:var(--r20-foreground);white-space:normal;flex-wrap:wrap;flex:1;gap:4px 8px;padding:8px;font-size:13px;display:flex}.r20-explainer-segments>button[aria-pressed=true]{background:var(--r20-foreground);color:var(--r20-navy)}.r20-explainer-segments>button:hover{color:var(--r20-eyebrow)}.r20-explainer-segments>button span{font-size:12px}.r20-explainer-card video{object-fit:contain;width:100%;height:100%;display:block}.r20-explainer-card .r20-explainer-play{background:var(--r20-orange);width:76px;height:76px;color:var(--primary-foreground);border-radius:50%;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.r20-explainer-card .r20-explainer-play:hover{background:var(--r20-orange);color:var(--primary-foreground)}.r20-explainer-caption{background:var(--r20-navy);max-width:calc(100% - 80px);color:var(--primary-foreground);border-radius:8px;padding:7px 12px;font-size:13px;font-weight:700;position:absolute;bottom:16px;left:16px}.r20-explainer-cc{background:var(--primary-foreground);color:var(--r20-navy);border-radius:4px;padding:4px 7px;font-size:12px;font-weight:800;position:absolute;bottom:16px;right:16px}.r20-hero-video{min-width:0}.r20-hero-video .r20-squad-link{white-space:normal;height:auto;color:var(--primary-foreground);text-align:left;padding:12px 0 0;font-size:14px}.r20-squad-link:hover{color:var(--r20-eyebrow);background:0 0}.r20-explainer-stage{margin-top:24px}.r20-home-banner-right{gap:12px;min-width:0;display:grid;position:relative}.r20-home-banner-right .r20-banner-watch{z-index:2;white-space:normal;background:var(--primary-foreground);max-width:100%;height:auto;min-height:44px;color:var(--r20-navy);box-shadow:none;border-radius:999px;justify-self:center;padding:8px 14px;font-size:13px;font-weight:700;position:relative}.r20-banner-watch:hover{background:var(--primary-foreground);color:var(--r20-orange)}.r20-banner-watch>span{background:var(--r20-orange);width:28px;height:28px;color:var(--primary-foreground);border-radius:50%;flex:none;place-items:center;display:grid}.r20-explainer-overlay{z-index:100;background:var(--r20-video-overlay);position:fixed;inset:0}.r20-explainer-dialog.public-theme{z-index:101;background:var(--card);width:min(900px,100% - 32px);min-height:0;max-height:calc(100dvh - 32px);color:var(--foreground);border-radius:16px;padding:16px;position:fixed;top:50%;left:50%;overflow:auto;transform:translate(-50%,-50%)}.r20-explainer-dialog-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;font-weight:700;display:flex}.r20-explainer-dialog-stage{position:relative}.r20-explainer-end{background:var(--r20-video-overlay);border-radius:16px;flex-wrap:wrap;place-content:center;align-items:center;gap:12px;padding:16px;display:flex;position:absolute;inset:0}.r20-explainer-dialog :focus-visible,.r20-explainer-card :focus-visible{outline:3px solid var(--r20-eyebrow);outline-offset:3px}@media (prefers-reduced-motion:reduce){.r20-explainer-card *,.r20-banner-watch{transition:none}}
