:root{--bricks-color-grey-100:#f5f5f5;--bricks-color-grey-300:#e0e0e0;--bricks-color-grey-500:#9e9e9e;--bricks-color-grey-700:#616161;--bricks-color-grey-800:#424242;--bricks-color-grey-900:#212121;--bricks-color-yellow:#ffeb3b;--bricks-color-amber:#ffc107;--bricks-color-orange:#ff9800;--bricks-color-deep-orange:#ff5722;--bricks-color-red:#f44336;--bricks-color-purple:#9c27b0;--bricks-color-blue:#2196f3;--bricks-color-light-blue:#03a9f4;--bricks-color-sky-blue:#81D4FA;--bricks-color-green:#4caf50;--bricks-color-light-green:#8bc34a;--bricks-color-lime:#cddc39;--bb-bg:#131518;--bb-surface:#1B1E22;--bb-border:#2A2E34;--bb-text:#ECE2D7;--bb-text-muted:#A39B92;--bb-inverse:#ECE2D7;--bb-inverse-hover:#DDD1C3;--bb-inverse-muted:#5C564F;--bb-on-inverse:var(--bb-bg);--bb-accent:#FFD468;--bb-accent-hover:#F5C23E;--bb-on-accent:var(--bb-bg);--bb-accent-tint:color-mix(in srgb, var(--bb-accent) 20%, transparent);--bb-danger:#F2998C;--bb-media:#E9EFF1;--bb-hover-tint:color-mix(in srgb, var(--bb-text) 10%, transparent);--bb-border-strong:color-mix(in srgb, var(--bb-text) 20%, transparent);--bb-scrim:color-mix(in srgb, var(--bb-bg) 60%, transparent);--bb-inverse-border:color-mix(in srgb, var(--bb-on-inverse) 20%, transparent);--bb-inverse-border-soft:color-mix(in srgb, var(--bb-on-inverse) 12%, transparent)}