:root {
    --ui-primary: #C8102E;

    --ui-text-dimmed: var(--ui-color-neutral-500);
    --ui-text-muted: var(--ui-color-neutral-400);
    --ui-text-toned: var(--ui-color-neutral-300);
    --ui-text: var(--ui-color-neutral-200);
    --ui-text-highlighted: #fff;
    --ui-text-inverted: var(--ui-color-neutral-900);
    --ui-bg: #0E1014;
    --ui-bg-muted: var(--ui-color-neutral-800);
    --ui-bg-elevated: var(--ui-color-neutral-800);
    --ui-bg-accented: var(--ui-color-neutral-700);
    --ui-bg-inverted: #fff;
    --ui-border: var(--ui-color-neutral-800);
    --ui-border-muted: var(--ui-color-neutral-700);
    --ui-border-accented: var(--ui-color-neutral-700);
    --ui-border-inverted: #fff;

    --ui-header-height: 8rem;
}

[data-block="header"] {

    [data-slot="left"],
    [data-slot="title"],
    [data-slot="title"]>div {
        height: 95%;
    }
}

[data-block="navigation"] {
    [data-slot="link"] {
        color: var(--ui-text);
        font-size: 1rem;
    }
} @layer base, base, base;
/* layer: properties, alias: base */
@layer base{
@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*, ::before, ::after, ::backdrop{--un-text-opacity:100%;}}
}
/* layer: theme, alias: base */
@layer base{
:root, :host { --spacing: 0.25rem; --text-base-fontSize: 1rem; --text-base-lineHeight: 1.5rem; --colors-white: #fff; }
}
/* layer: default, alias: base */
@layer base{
.border-none{--un-border-style:none;border-style:none;}
}