:root {
  color-scheme: dark;
  --direction: ltr;
  --disabled-opacity: 0.3;
  --base-height-multiplier: 8;
  --base-horizontal-spacing-multiplier: 3;
  --density: 0;
  --design-unit: 4;
  --control-corner-radius: 4;
  --layer-corner-radius: 8;
  --stroke-width: 1;
  --focus-stroke-width: 2;
  --body-font: "Segoe UI Variable", "Segoe UI", sans-serif;
  --font-weight: 400;
  --type-ramp-base-font-size: 14px;
  --type-ramp-base-line-height: 20px;
  --type-ramp-base-font-variations: "wght" 400, "opsz" 10.5;
  --type-ramp-minus-1-font-size: 12px;
  --type-ramp-minus-1-line-height: 16px;
  --type-ramp-minus-1-font-variations: "wght" 400, "opsz" 8;
  --type-ramp-minus-2-font-size: 10px;
  --type-ramp-minus-2-line-height: 14px;
  --type-ramp-minus-2-font-variations: "wght" 400, "opsz" 8;
  --type-ramp-plus-1-font-size: 16px;
  --type-ramp-plus-1-line-height: 22px;
  --type-ramp-plus-1-font-variations: "wght" 400, "opsz" 10.5;
  --type-ramp-plus-2-font-size: 20px;
  --type-ramp-plus-2-line-height: 26px;
  --type-ramp-plus-2-font-variations: "wght" 400, "opsz" 10.5;
  --type-ramp-plus-3-font-size: 24px;
  --type-ramp-plus-3-line-height: 32px;
  --type-ramp-plus-3-font-variations: "wght" 400, "opsz" 10.5;
  --type-ramp-plus-4-font-size: 28px;
  --type-ramp-plus-4-line-height: 36px;
  --type-ramp-plus-4-font-variations: "wght" 400, "opsz" 36;
  --type-ramp-plus-5-font-size: 32px;
  --type-ramp-plus-5-line-height: 40px;
  --type-ramp-plus-5-font-variations: "wght" 400, "opsz" 36;
  --type-ramp-plus-6-font-size: 40px;
  --type-ramp-plus-6-line-height: 52px;
  --type-ramp-plus-6-font-variations: "wght" 400, "opsz" 36;
  --base-layer-luminance: 0.15;
  --neutral-base-color: #808080;
  --accent-base-color: #d5864b;
  --neutral-layer-card-container: #1a1a1a;
  --neutral-layer-floating: #333333;
  --neutral-layer-1: #272727;
  --neutral-layer-2: #1a1a1a;
  --neutral-layer-3: #0b0b0b;
  --neutral-layer-4: #000000;
  --fill-color: #272727;
  --accent-fill-rest: #e0b87a;
  --accent-fill-hover: #dbac6d;
  --accent-fill-active: #d59a56;
  --accent-fill-focus: #e0b87a;
  --foreground-on-accent-rest: #000000;
  --foreground-on-accent-hover: #000000;
  --foreground-on-accent-active: #000000;
  --foreground-on-accent-focus: #000000;
  --accent-foreground-rest: #edce8f;
  --accent-foreground-hover: #f7de9e;
  --accent-foreground-active: #d79f5c;
  --accent-foreground-focus: #edce8f;
  --accent-stroke-control-rest: linear-gradient(#e6c593 90%, #b59563 100%);
  --accent-stroke-control-hover: linear-gradient(#e2bd8a 90%, #b48d59 100%);
  --accent-stroke-control-active: #ddac74;
  --accent-stroke-control-focus: linear-gradient(#e6c593 90%, #b59563 100%);
  --neutral-fill-rest: #333333;
  --neutral-fill-hover: #383838;
  --neutral-fill-active: #2d2d2d;
  --neutral-fill-focus: #333333;
  --neutral-fill-input-rest: #333333;
  --neutral-fill-input-hover: #383838;
  --neutral-fill-input-active: #2d2d2d;
  --neutral-fill-input-focus: #272727;
  --neutral-fill-input-alt-rest: #1a1a1a;
  --neutral-fill-input-alt-hover: #333333;
  --neutral-fill-input-alt-active: #3d3d3d;
  --neutral-fill-input-alt-focus: #1a1a1a;
  --neutral-fill-layer-rest: #333333;
  --neutral-fill-layer-hover: #383838;
  --neutral-fill-layer-active: #383838;
  --neutral-fill-layer-alt-rest: #212121;
  --neutral-fill-secondary-rest: #383838;
  --neutral-fill-secondary-hover: #333333;
  --neutral-fill-secondary-active: #2d2d2d;
  --neutral-fill-secondary-focus: #383838;
  --neutral-fill-stealth-rest: #272727;
  --neutral-fill-stealth-hover: #383838;
  --neutral-fill-stealth-active: #333333;
  --neutral-fill-stealth-focus: #272727;
  --neutral-fill-strong-rest: #8e8e8e;
  --neutral-fill-strong-hover: #b3b3b3;
  --neutral-fill-strong-active: #7a7a7a;
  --neutral-fill-strong-focus: #8e8e8e;
  --neutral-foreground-rest: #ffffff;
  --neutral-foreground-hover: #a8a8a8;
  --neutral-foreground-active: #7a7a7a;
  --neutral-foreground-focus: #ffffff;
  --neutral-foreground-hint: #8e8e8e;
  --neutral-stroke-rest: #505050;
  --neutral-stroke-hover: #636363;
  --neutral-stroke-active: #464646;
  --neutral-stroke-focus: #505050;
  --neutral-stroke-control-rest: linear-gradient(#505050 0%, #383838 10%);
  --neutral-stroke-control-hover: linear-gradient(#595959 0%, #414141 10%);
  --neutral-stroke-control-active: #414141;
  --neutral-stroke-control-focus: linear-gradient(#595959 0%, #414141 10%);
  --neutral-stroke-divider-rest: #3d3d3d;
  --neutral-stroke-input-rest: linear-gradient(#383838 calc(100% - 1px), #929292 calc(100% - 1px), #929292);
  --neutral-stroke-input-hover: linear-gradient(#414141 calc(100% - 1px), #9a9a9a calc(100% - 1px), #9a9a9a);
  --neutral-stroke-input-active: #414141;
  --neutral-stroke-input-focus: linear-gradient(#414141 calc(100% - 1px), #9a9a9a calc(100% - 1px), #9a9a9a);
  --neutral-stroke-layer-rest: #383838;
  --neutral-stroke-layer-hover: #383838;
  --neutral-stroke-layer-active: #383838;
  --neutral-stroke-strong-rest: #9e9e9e;
  --neutral-stroke-strong-hover: #9e9e9e;
  --neutral-stroke-strong-active: #9e9e9e;
  --neutral-stroke-strong-focus: #9e9e9e;
  --focus-stroke-outer: #ffffff;
  --focus-stroke-inner: #000000;
  --foreground-on-accent-rest-large: #000000;
  --foreground-on-accent-hover-large: #000000;
  --foreground-on-accent-active-large: #000000;
  --foreground-on-accent-focus-large: #000000;
  --neutral-fill-inverse-rest-delta: 0;
  --neutral-fill-inverse-hover-delta: -3;
  --neutral-fill-inverse-active-delta: 7;
  --neutral-fill-inverse-focus-delta: 0;
  --neutral-fill-inverse-rest: #ffffff;
  --neutral-fill-inverse-hover: #fbfbfb;
  --neutral-fill-inverse-active: #ffffff;
  --neutral-fill-inverse-focus: #ffffff;
  --neutral-fill-stealth-rest-on-neutral-fill-layer-rest: #333333;
  --neutral-fill-stealth-hover-on-neutral-fill-layer-rest: #414141;
  --neutral-fill-stealth-active-on-neutral-fill-layer-rest: #3d3d3d;
  --elevation-shadow-card-rest-size: 4;
  --elevation-shadow-card-hover-size: 8;
  --elevation-shadow-card-active-size: 0;
  --elevation-shadow-card-focus-size: 8;
  --elevation-shadow-card-rest: 0 0 2px rgba(0, 0, 0, 0.12), 0 calc(4 * 0.5px) calc((4 * 1px)) rgba(0, 0, 0, 0.14);
  --elevation-shadow-card-hover: 0 0 2px rgba(0, 0, 0, 0.12), 0 calc(8 * 0.5px) calc((8 * 1px)) rgba(0, 0, 0, 0.14);
  --elevation-shadow-card-active: 0 0 2px rgba(0, 0, 0, 0.12), 0 calc(0 * 0.5px) calc((0 * 1px)) rgba(0, 0, 0, 0.14);
  --elevation-shadow-card-focus: 0 0 2px rgba(0, 0, 0, 0.12), 0 calc(8 * 0.5px) calc((8 * 1px)) rgba(0, 0, 0, 0.14);
  --elevation-shadow-tooltip-size: 16;
  --elevation-shadow-tooltip: 0 0 2px rgba(0, 0, 0, 0.12), 0 calc(16 * 0.5px) calc((16 * 1px)) rgba(0, 0, 0, 0.14);
  --elevation-shadow-flyout-size: 32;
  --elevation-shadow-flyout: 0 0 2px rgba(0, 0, 0, 0.2), 0 calc(32 * 0.5px) calc((32 * 1px)) rgba(0, 0, 0, 0.24);
  --elevation-shadow-dialog-size: 128;
  --elevation-shadow-dialog: 0 0 2px rgba(0, 0, 0, 0.2), 0 calc(128 * 0.5px) calc((128 * 1px)) rgba(0, 0, 0, 0.24);
  --input-placeholder-rest: #9e9e9e;
  --input-placeholder-hover: #a2a2a2;
  --input-filled-placeholder-rest: #a2a2a2;
  --input-filled-placeholder-hover: #9e9e9e;
  --clear-button-hover: #383838;
  --clear-button-active: #333333;
  --tree-item-expand-collapse-hover: #464646;
  --tree-item-expand-collapse-selected-hover: #464646;
}