/* Generated Cosmos 2.4.0. CSS px map to dp in native adapters. */
:root {
  --void-edge: #1F1126;
  --ember-soft: #FFB27C;
  --petrol: #102C2D;
  --water: #123D42;
  --dim: #90839A;
  --space-4: 4px;
  --space-8: 8px;
  --space-12: 12px;
  --space-16: 16px;
  --space-20: 20px;
  --space-24: 24px;
  --space-32: 32px;
  --space-40: 40px;
  --space-48: 48px;
  --space-64: 64px;
  --space-80: 80px;
  --space-96: 96px;
  --space-128: 128px;
  --radius-control: 8px;
  --radius-record: 16px;
  --radius-overlay: 24px;
  --motion-feedback: 150ms;
  --motion-state: 300ms;
  --motion-context: 500ms;
  --ease-standard: cubic-bezier(0.2, 0, 0.2, 1);
  --ease-emphasis: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-entrance: cubic-bezier(0.16, 0.84, 0.44, 1);
  --ease-exit: cubic-bezier(0.4, 0, 0.7, 0.2);
  --layer-field: 0;
  --layer-chrome: 10;
  --layer-context: 20;
  --layer-scrim: 30;
  --layer-modal: 40;
  --layer-feedback: 50;
  --layer-skip: 100;
}

:root, [data-cosmos-theme="deepSpace"], .light-sample, .ambient-face {
  color-scheme: dark;
  --void: #120A14;
  --hull: #1D1220;
  --hull-raised: #2A1830;
  --hull-highest: #352040;
  --ink: #FFF8F2;
  --muted: #BBAEBB;
  --faint: #9A8B9A;
  --boundary: #9A8B9A;
  --ember: #FF8C42;
  --rose: #FF7E8A;
  --violet: #C9A0FF;
  --gold: #FFC766;
  --cyan: #00E5FF;
  --moss: #83B692;
  --danger: #FF6978;
  --success: #71D5A4;
  --accent-text: #FFB27C;
  --on-action: #120A14;
  --line: rgb(255 236 226 / 0.12);
  --cosmos-background: #120A14;
  --cosmos-surface: #1D1220;
  --cosmos-raised: #2A1830;
  --cosmos-highest: #352040;
  --cosmos-text: #FFF8F2;
  --cosmos-muted: #BBAEBB;
  --cosmos-faint: #9A8B9A;
  --cosmos-line: rgb(255 236 226 / 0.12);
  --cosmos-action: #FF8C42;
  --cosmos-accent-text: #FFB27C;
  --cosmos-on-action: #120A14;
  --cosmos-social: #FF7E8A;
  --cosmos-identity: #C9A0FF;
  --cosmos-precision: #FFC766;
  --cosmos-live: #00E5FF;
  --cosmos-outdoors: #83B692;
  --cosmos-danger: #FF6978;
  --cosmos-success: #71D5A4;
  --cosmos-focus: #FFC766;
  --cosmos-boundary: #9A8B9A;
  --cosmos-bearing: initial;
  --gradient-field: radial-gradient(120% 90% at 50% 0%, #1F1126 0%, #120A14 72%);
  --gradient-nebula: radial-gradient(50% 50% at 50% 50%, rgba(201, 160, 255, 0.26) 0%, rgba(255, 126, 138, 0.13) 36%, rgba(255, 140, 66, 0.06) 64%, rgba(255, 140, 66, 0) 100%);
  --gradient-corona: radial-gradient(50% 50% at 50% 50%, rgba(255, 199, 102, 0.9) 0%, rgba(255, 140, 66, 0.45) 14%, rgba(255, 126, 138, 0.12) 42%, rgba(255, 126, 138, 0) 100%);
  --gradient-accretion: conic-gradient(from 0deg at 50% 50%, #FF8C42 0%, #FFC766 25%, #FF7E8A 50%, #C9A0FF 75%, #FF8C42 100%);
  --gradient-horizon: linear-gradient(90deg, rgba(255, 140, 66, 0) 0%, #FF8C42 20%, #FFC766 50%, #C9A0FF 80%, rgba(201, 160, 255, 0) 100%);
  --gradient-rim: linear-gradient(135deg, rgba(255, 140, 66, 0.55) 0%, rgba(255, 248, 242, 0.1) 45%, rgba(201, 160, 255, 0.5) 100%);
  --gradient-action: linear-gradient(180deg, #FFB27C 0%, #FF8C42 55%);
  --gradient-spectrum: linear-gradient(90deg, #FF8C42 0%, #FF7E8A 20%, #C9A0FF 40%, #FFC766 60%, #00E5FF 80%, #83B692 100%);
  --shadow-float: 0px 16px 40px -16px rgba(18, 10, 20, 0.8);
  --shadow-action: 0px 10px 28px -12px rgba(255, 140, 66, 0.5);
  --atmosphere-sky: block;
}

@media (prefers-color-scheme: light) {
  :root:not([data-cosmos-theme]) {
    color-scheme: light;
    --void: #FFF6EC;
    --hull: #FFF9F2;
    --hull-raised: #F6E7DC;
    --hull-highest: #F3E0F7;
    --ink: #241A14;
    --muted: #52443C;
    --faint: #6B5F58;
    --boundary: #52443C;
    --ember: #D84E00;
    --rose: #B83266;
    --violet: #7C4DBD;
    --gold: #8B5E00;
    --cyan: #006974;
    --moss: #356447;
    --danger: #9B2432;
    --success: #276442;
    --accent-text: #B04300;
    --on-action: #120A14;
    --line: rgb(36 26 20 / 0.14);
    --cosmos-background: #FFF6EC;
    --cosmos-surface: #FFF9F2;
    --cosmos-raised: #F6E7DC;
    --cosmos-highest: #F3E0F7;
    --cosmos-text: #241A14;
    --cosmos-muted: #52443C;
    --cosmos-faint: #6B5F58;
    --cosmos-line: rgb(36 26 20 / 0.14);
    --cosmos-action: #D84E00;
    --cosmos-accent-text: #B04300;
    --cosmos-on-action: #120A14;
    --cosmos-social: #B83266;
    --cosmos-identity: #7C4DBD;
    --cosmos-precision: #8B5E00;
    --cosmos-live: #006974;
    --cosmos-outdoors: #356447;
    --cosmos-danger: #9B2432;
    --cosmos-success: #276442;
    --cosmos-focus: #8B5E00;
    --cosmos-boundary: #52443C;
    --cosmos-bearing: initial;
    --gradient-field: none;
    --gradient-nebula: none;
    --gradient-corona: none;
    --gradient-accretion: none;
    --gradient-horizon: linear-gradient(90deg, rgba(216, 78, 0, 0) 0%, #D84E00 20%, #8B5E00 50%, #7C4DBD 80%, rgba(124, 77, 189, 0) 100%);
    --gradient-rim: none;
    --gradient-action: none;
    --gradient-spectrum: linear-gradient(90deg, #D84E00 0%, #B83266 20%, #7C4DBD 40%, #8B5E00 60%, #006974 80%, #356447 100%);
    --shadow-float: 0px 12px 32px -14px rgba(36, 26, 20, 0.16);
    --shadow-action: 0px 10px 28px -12px rgba(216, 78, 0, 0.24);
    --atmosphere-sky: none;
  }
}

[data-cosmos-theme="daylight"] {
  color-scheme: light;
  --void: #FFF6EC;
  --hull: #FFF9F2;
  --hull-raised: #F6E7DC;
  --hull-highest: #F3E0F7;
  --ink: #241A14;
  --muted: #52443C;
  --faint: #6B5F58;
  --boundary: #52443C;
  --ember: #D84E00;
  --rose: #B83266;
  --violet: #7C4DBD;
  --gold: #8B5E00;
  --cyan: #006974;
  --moss: #356447;
  --danger: #9B2432;
  --success: #276442;
  --accent-text: #B04300;
  --on-action: #120A14;
  --line: rgb(36 26 20 / 0.14);
  --cosmos-background: #FFF6EC;
  --cosmos-surface: #FFF9F2;
  --cosmos-raised: #F6E7DC;
  --cosmos-highest: #F3E0F7;
  --cosmos-text: #241A14;
  --cosmos-muted: #52443C;
  --cosmos-faint: #6B5F58;
  --cosmos-line: rgb(36 26 20 / 0.14);
  --cosmos-action: #D84E00;
  --cosmos-accent-text: #B04300;
  --cosmos-on-action: #120A14;
  --cosmos-social: #B83266;
  --cosmos-identity: #7C4DBD;
  --cosmos-precision: #8B5E00;
  --cosmos-live: #006974;
  --cosmos-outdoors: #356447;
  --cosmos-danger: #9B2432;
  --cosmos-success: #276442;
  --cosmos-focus: #8B5E00;
  --cosmos-boundary: #52443C;
  --cosmos-bearing: initial;
  --gradient-field: none;
  --gradient-nebula: none;
  --gradient-corona: none;
  --gradient-accretion: none;
  --gradient-horizon: linear-gradient(90deg, rgba(216, 78, 0, 0) 0%, #D84E00 20%, #8B5E00 50%, #7C4DBD 80%, rgba(124, 77, 189, 0) 100%);
  --gradient-rim: none;
  --gradient-action: none;
  --gradient-spectrum: linear-gradient(90deg, #D84E00 0%, #B83266 20%, #7C4DBD 40%, #8B5E00 60%, #006974 80%, #356447 100%);
  --shadow-float: 0px 12px 32px -14px rgba(36, 26, 20, 0.16);
  --shadow-action: 0px 10px 28px -12px rgba(216, 78, 0, 0.24);
  --atmosphere-sky: none;
}

[data-cosmos-theme="astronomy"] {
  color-scheme: dark;
  --void: #0A0000;
  --hull: #1A0000;
  --hull-raised: #2A0000;
  --hull-highest: #330000;
  --ink: #E88989;
  --muted: #D47575;
  --faint: #C06A6A;
  --boundary: #D47575;
  --ember: #8B0000;
  --rose: #E88989;
  --violet: #E88989;
  --gold: #E88989;
  --cyan: #E88989;
  --moss: #E88989;
  --danger: #FFB3B3;
  --success: #E88989;
  --accent-text: #E88989;
  --on-action: #FFB3B3;
  --line: rgb(232 137 137 / 0.16);
  --cosmos-background: #0A0000;
  --cosmos-surface: #1A0000;
  --cosmos-raised: #2A0000;
  --cosmos-highest: #330000;
  --cosmos-text: #E88989;
  --cosmos-muted: #D47575;
  --cosmos-faint: #C06A6A;
  --cosmos-line: rgb(232 137 137 / 0.16);
  --cosmos-action: #8B0000;
  --cosmos-accent-text: #E88989;
  --cosmos-on-action: #FFB3B3;
  --cosmos-social: #E88989;
  --cosmos-identity: #E88989;
  --cosmos-precision: #E88989;
  --cosmos-live: #E88989;
  --cosmos-outdoors: #E88989;
  --cosmos-danger: #FFB3B3;
  --cosmos-success: #E88989;
  --cosmos-focus: #E88989;
  --cosmos-boundary: #D47575;
  --cosmos-bearing: initial;
  --gradient-field: none;
  --gradient-nebula: none;
  --gradient-corona: none;
  --gradient-accretion: none;
  --gradient-horizon: none;
  --gradient-rim: none;
  --gradient-action: none;
  --gradient-spectrum: none;
  --shadow-float: 0px 16px 40px -16px rgba(18, 10, 20, 0.8);
  --shadow-action: none;
  --atmosphere-sky: none;
}

[data-cosmos-theme="watchAmbient"] {
  color-scheme: dark;
  --void: #000000;
  --hull: #000000;
  --hull-raised: initial;
  --hull-highest: initial;
  --ink: #BBAEBB;
  --muted: initial;
  --faint: #9A8B9A;
  --boundary: initial;
  --ember: initial;
  --rose: initial;
  --violet: initial;
  --gold: initial;
  --cyan: initial;
  --moss: initial;
  --danger: initial;
  --success: initial;
  --accent-text: initial;
  --on-action: initial;
  --line: rgb(187 174 187 / 0.16);
  --cosmos-background: #000000;
  --cosmos-surface: #000000;
  --cosmos-raised: initial;
  --cosmos-highest: initial;
  --cosmos-text: #BBAEBB;
  --cosmos-muted: initial;
  --cosmos-faint: #9A8B9A;
  --cosmos-line: rgb(187 174 187 / 0.16);
  --cosmos-action: initial;
  --cosmos-accent-text: initial;
  --cosmos-on-action: initial;
  --cosmos-social: initial;
  --cosmos-identity: initial;
  --cosmos-precision: initial;
  --cosmos-live: initial;
  --cosmos-outdoors: initial;
  --cosmos-danger: initial;
  --cosmos-success: initial;
  --cosmos-focus: initial;
  --cosmos-boundary: initial;
  --cosmos-bearing: #FFC766;
  --gradient-field: none;
  --gradient-nebula: none;
  --gradient-corona: none;
  --gradient-accretion: none;
  --gradient-horizon: none;
  --gradient-rim: none;
  --gradient-action: none;
  --gradient-spectrum: none;
  --shadow-float: 0px 16px 40px -16px rgba(18, 10, 20, 0.8);
  --shadow-action: none;
  --atmosphere-sky: none;
}