.dc-brand { display: contents; }

html[data-msface-active] body {
 --green: var(--face-readable);
 --green-dark: color-mix(in srgb, var(--face-readable) 85%, #000);
 --green-deep: var(--face-readable);
 --accent: var(--face-accent);
 --hover-soft: color-mix(in srgb, var(--face-accent) 12%, transparent);
 --on-accent: var(--face-button-ink);
 --dc-button-radius: 999px;
}
html[data-msface-active][data-theme="dark"] body {
 --green: var(--face-dark-readable);
 --green-dark: color-mix(in srgb, var(--face-dark-readable) 85%, #fff);
 --green-deep: var(--face-dark-readable);
}
html[data-msface-active][data-btn="2"] body { --dc-button-radius: 2px; }
html[data-msface-active]:not([data-msface-font="0"]) {
 --font: var(--face-font);
 --font-display: var(--face-font-display, var(--face-font));
}
html[data-msface-active]:not([data-msface-font="0"]) :is(h1, h2, h3, .section__title, .dc-side-title, .logo) { font-family: var(--font-display, var(--font)); }
html[data-msface-active]:not([data-msface-rad="0"]) {
 --radius: var(--face-radius);
 --radius-sm: var(--face-radius-sm);
 --panel-radius: var(--face-radius);
}
html[data-msface-active]:not([data-msface-rad="0"]) :is(.panel, .dc-favorites, .dc-seo, .dc-side-note, .dc-side-section, .nav-genres__panel, .dc-header .search, .dc-catalog-card, .dc-featured-card, .dc-catalog-filters, .dc-catalog-filters .xsort-selected) { border-radius: var(--radius); }
html[data-msface-active]:not([data-msface-rad="0"]) :is(.dc-catalog-card__poster, .dc-featured-card .card__poster, .dc-story .card__poster) { border-radius: var(--radius-sm); }


html[data-msface-active]:not([data-theme="dark"]) body { background-color: var(--bg); color: var(--text); }
html[data-msface-active][data-theme="dark"][data-msface-page="2"] { --bg: color-mix(in srgb, var(--face-accent) 7%, #18161a); }
html[data-msface-active][data-theme="dark"][data-msface-page="3"] { --bg: color-mix(in srgb, var(--face-accent) 12%, #18161a); }
html[data-msface-active][data-theme="dark"][data-msface-surfaces="accent"] {
 --surface-2: color-mix(in srgb, var(--face-accent) 14%, #27232a);
 --surface-3: color-mix(in srgb, var(--face-accent) 14%, #29252a);
}
html[data-msface-active] .dc-header { box-shadow: none; border-bottom: 1px solid var(--border-header); }
html[data-msface-active]:not([data-theme="dark"]) .dc-header { background: var(--face-header-bg, var(--surface)); }
html[data-msface-active][data-theme="dark"][data-msface-head="2"] .dc-header { background: color-mix(in srgb, var(--face-accent) 10%, var(--surface)); }
html[data-msface-active][data-msface-head="3"]:not([data-msface-head-line="none"]) .dc-header { box-shadow: inset 0 -4px 0 var(--green); }
html[data-msface-active][data-msface-head-line="none"] .dc-header { box-shadow: none; border-bottom: 0; }
html[data-msface-active] .dc-header :is(a, button):hover { color: var(--green-deep); }
html[data-msface-active][data-msface-footer="inherit"] .dc-footer { background: var(--surface-2); }
html[data-msface-active][data-msface-footer="accent"] .dc-footer { background: color-mix(in srgb, var(--face-accent) 14%, var(--surface)); }


html[data-msface-active][data-msface-card="1"] :is(.dc-catalog-card, .dc-featured-card, .dc-story) { box-shadow: var(--panel-shadow); }
html[data-msface-active][data-msface-card="2"] :is(.dc-catalog-card, .dc-featured-card, .dc-story) { border: 1px solid var(--green); box-shadow: none; }
html[data-msface-active][data-msface-card="3"] :is(.dc-catalog-card, .dc-featured-card, .dc-story) { border: 0; background: color-mix(in srgb, var(--face-accent) 14%, var(--surface)); box-shadow: none; }


html[data-msface-active] :is(.title-watch, .dc-missing__home, .comments-form__submit, .comments-form .ac-form__btn, .dc-search-results input[type="submit"], .dc-search-results input[type="button"]) {
 border-radius: var(--dc-button-radius);
 background: var(--face-accent);
 color: var(--face-button-ink);
 border-color: transparent;
}
html[data-msface-active] :is(.title-watch, .dc-missing__home, .comments-form__submit, .comments-form .ac-form__btn, .dc-search-results input[type="submit"], .dc-search-results input[type="button"]):is(:hover, :focus-visible) { background: color-mix(in srgb, var(--face-accent) 85%, #000); color: var(--face-button-ink); }
html[data-msface-active][data-btn="3"] :is(.title-watch, .dc-missing__home, .comments-form__submit, .comments-form .ac-form__btn, .dc-search-results input[type="submit"], .dc-search-results input[type="button"]) { background: transparent; color: var(--green-deep); box-shadow: inset 0 0 0 2px var(--green-deep); }
html[data-msface-active][data-btn="3"] :is(.title-watch, .dc-missing__home, .comments-form__submit, .comments-form .ac-form__btn, .dc-search-results input[type="submit"], .dc-search-results input[type="button"]):is(:hover, :focus-visible) { background: var(--hover-soft); }