.yt-hero{--yt-hero-primary:var(--yt-color-brand);--yt-hero-soft:var(--yt-color-brand-soft);--yt-hero-field:var(--yt-color-surface-subtle);--yt-hero-line:color-mix(in srgb, var(--yt-color-brand) 38%, transparent);--yt-hero-accent:var(--yt-color-coral);--yt-hero-ground:var(--yt-color-surface)}.yt-hero[data-tone=green]{--yt-hero-accent:var(--yt-color-brand)}.yt-hero[data-tone=black]{--yt-hero-primary:#000;--yt-hero-soft:#fff;--yt-hero-field:transparent;--yt-hero-line:#000;--yt-hero-accent:#000;--yt-hero-ground:#fff}.yt-hero[data-tone=greyscale]{--yt-hero-primary:color-mix(in srgb, var(--yt-color-text) 80%, white);--yt-hero-soft:color-mix(in srgb, var(--yt-color-text) 18%, white);--yt-hero-field:color-mix(in srgb, var(--yt-color-text) 8%, white);--yt-hero-line:color-mix(in srgb, var(--yt-color-text) 35%, white);--yt-hero-accent:color-mix(in srgb, var(--yt-color-text) 50%, white);--yt-hero-ground:#fff}.yt-hero[data-tone=reversed]{--yt-hero-primary:var(--yt-color-surface);--yt-hero-soft:color-mix(in srgb, var(--yt-color-surface) 28%, var(--yt-color-text));--yt-hero-field:color-mix(in srgb, var(--yt-color-surface) 10%, var(--yt-color-text));--yt-hero-line:color-mix(in srgb, var(--yt-color-surface) 45%, var(--yt-color-text));--yt-hero-accent:var(--yt-color-coral);--yt-hero-ground:var(--yt-color-text)}@media (forced-colors:active){.yt-hero{--yt-hero-primary:CanvasText;--yt-hero-soft:Canvas;--yt-hero-field:transparent;--yt-hero-line:CanvasText;--yt-hero-accent:CanvasText;--yt-hero-ground:Canvas}}.yt-hero-header{container-type:inline-size}.yt-hero-header__body{display:flow-root}.yt-hero-header__art{float:right;margin:0 0 .5rem 1rem;display:none}.yt-hero-header__art .yt-hero{width:120px;height:80px}@container (width>=20rem){.yt-hero-header__art{display:block}}@container (width>=40rem){.yt-hero-header__art .yt-hero{width:192px;height:128px}}@media (width<=47.99rem) and (height<=32.5rem){.yt-hero-header__art{display:none}}.yt-hero-header[data-art=hidden] .yt-hero-header__art{display:none}.yt-hero-row{container-type:inline-size}.yt-hero-row__grid{grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.yt-hero-row__art{margin-left:1rem;display:none}.yt-hero-row__art .yt-hero{width:120px;height:80px}@media (width>=48rem){@container (width>=20rem){.yt-hero-row__art{display:block}}}@container (width>=40rem){.yt-hero-row__art .yt-hero{width:192px;height:128px}}