@charset "UTF-8";
/*!
 * rules.dev (https://github.com/jonesiscoding/rules)
 * (c) 2022 - AMJones <am@jonesiscoding.com>
 *
 * Noted Portions: normalize.css | MIT License | https://github.com/necolas/normalize.css
 * Noted Portions: pico.css | MIT License | Copyright 2019-2022 | https://github.com/picocss/pico
 * Color Generation: libmonet.scss | Apache License 2.0 | Copyright 2021 Google LLC | https://gist.github.com/jpohhhh/6ade636f207bf97742d101650798a088
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */
/** CSS Custom Variables **/
:root {
  --a1-0: rgb(0, 0, 0);
  --a1-10: rgb(0, 28, 41);
  --a1-20: rgb(0, 50, 70);
  --a1-25: rgb(0, 62, 86);
  --a1-30: rgb(0, 74, 101);
  --a1-40: rgb(0, 99, 134);
  --a1-50: rgb(0, 125, 168);
  --a1-60: rgb(0, 153, 205);
  --a1-70: rgb(47, 180, 234);
  --a1-80: rgb(105, 207, 255);
  --a1-90: rgb(186, 230, 255);
  --a1-95: rgb(218, 241, 255);
  --a1-98: rgb(238, 248, 255);
  --a1-99: rgb(243, 250, 255);
  --a1-100: rgb(255, 255, 255);
  --a2-0: rgb(0, 0, 0);
  --a2-10: rgb(0, 30, 26);
  --a2-20: rgb(43, 47, 46);
  --a2-25: rgb(0, 65, 58);
  --a2-30: rgb(0, 78, 69);
  --a2-40: rgb(0, 104, 93);
  --a2-50: rgb(0, 131, 118);
  --a2-60: rgb(28, 159, 145);
  --a2-70: rgb(68, 186, 171);
  --a2-80: rgb(100, 214, 198);
  --a2-90: rgb(130, 243, 226);
  --a2-95: rgb(157, 255, 241);
  --a2-98: rgb(212, 255, 247);
  --a2-99: rgb(227, 255, 250);
  --a2-100: rgb(255, 255, 255);
  --a3-0: rgb(0, 0, 0);
  --a3-10: rgb(24, 26, 28);
  --a3-20: rgb(0, 49, 76);
  --a3-25: rgb(37, 59, 76);
  --a3-30: rgb(20, 73, 104);
  --a3-40: rgb(0, 97, 144);
  --a3-50: rgb(0, 123, 181);
  --a3-60: rgb(0, 150, 219);
  --a3-70: rgb(36, 178, 254);
  --a3-80: rgb(130, 203, 255);
  --a3-90: rgb(195, 228, 255);
  --a3-95: rgb(223, 240, 255);
  --a3-98: rgb(239, 247, 255);
  --a3-99: rgb(246, 250, 255);
  --a3-100: rgb(255, 255, 255);
  --n1-0: rgb(0, 0, 0);
  --n1-10: rgb(25, 28, 30);
  --n1-20: rgb(46, 49, 51);
  --n1-25: rgb(57, 60, 62);
  --n1-30: rgb(68, 71, 73);
  --n1-40: rgb(92, 95, 97);
  --n1-50: rgb(117, 119, 121);
  --n1-60: rgb(143, 145, 147);
  --n1-70: rgb(169, 171, 173);
  --n1-80: rgb(197, 199, 201);
  --n1-90: rgb(225, 227, 229);
  --n1-92: rgb(230, 232, 234);
  --n1-94: rgb(236, 238, 240);
  --n1-95: rgb(239, 241, 243);
  --n1-96: rgb(242, 244, 246);
  --n1-98: rgb(247, 249, 251);
  --n1-99: rgb(250, 252, 254);
  --n1-100: rgb(255, 255, 255);
  --n2-0: rgb(0, 0, 0);
  --n2-10: rgb(23, 28, 32);
  --n2-20: rgb(43, 49, 53);
  --n2-25: rgb(54, 60, 64);
  --n2-30: rgb(66, 71, 76);
  --n2-40: rgb(89, 95, 100);
  --n2-50: rgb(114, 120, 125);
  --n2-60: rgb(139, 145, 150);
  --n2-70: rgb(166, 172, 177);
  --n2-80: rgb(193, 199, 205);
  --n2-90: rgb(222, 227, 233);
  --n2-92: rgb(227, 233, 239);
  --n2-94: rgb(232, 238, 244);
  --n2-95: rgb(236, 241, 247);
  --n2-96: rgb(239, 244, 250);
  --n2-98: rgb(245, 250, 255);
  --n2-99: rgb(249, 252, 255);
  --n2-100: rgb(255, 255, 255);
  --app-a1-rgb: 0 99 134;
  --app-on-a1-rgb: 255 255 255;
  --app-link-on-a1-rgb: 105 207 255;
  --app-a1: rgb(var(--app-a1-rgb) / 1);
  --app-on-a1: rgb(var(--app-on-a1-rgb) / 1);
  --app-link-on-a1: rgb(var(--app-link-on-a1-rgb) / 1);
  --app-a2-rgb: 0 104 93;
  --app-on-a2-rgb: 255 255 255;
  --app-link-on-a2-rgb: 100 214 198;
  --app-a2: rgb(var(--app-a2-rgb) / 1);
  --app-on-a2: rgb(var(--app-on-a2-rgb) / 1);
  --app-link-on-a2: rgb(var(--app-link-on-a2-rgb) / 1);
  --app-a3-rgb: 0 97 144;
  --app-on-a3-rgb: 255 255 255;
  --app-link-on-a3-rgb: 130 203 255;
  --app-a3: rgb(var(--app-a3-rgb) / 1);
  --app-on-a3: rgb(var(--app-on-a3-rgb) / 1);
  --app-link-on-a3: rgb(var(--app-link-on-a3-rgb) / 1);
  --app-c1-rgb: 186 230 255;
  --app-on-c1-rgb: 0 28 41;
  --app-link-on-c1-rgb: 0 74 101;
  --app-c1: rgb(var(--app-c1-rgb) / 1);
  --app-on-c1: rgb(var(--app-on-c1-rgb) / 1);
  --app-link-on-c1: rgb(var(--app-link-on-c1-rgb) / 1);
  --app-c2-rgb: 130 243 226;
  --app-on-c2-rgb: 0 30 26;
  --app-link-on-c2-rgb: 0 78 69;
  --app-c2: rgb(var(--app-c2-rgb) / 1);
  --app-on-c2: rgb(var(--app-on-c2-rgb) / 1);
  --app-link-on-c2: rgb(var(--app-link-on-c2-rgb) / 1);
  --app-c3-rgb: 195 228 255;
  --app-on-c3-rgb: 24 26 28;
  --app-link-on-c3-rgb: 20 73 104;
  --app-c3: rgb(var(--app-c3-rgb) / 1);
  --app-on-c3: rgb(var(--app-on-c3-rgb) / 1);
  --app-link-on-c3: rgb(var(--app-link-on-c3-rgb) / 1);
  --app-n1-rgb: 247 249 251;
  --app-e2-rgb: 234.65 241.5 245.15;
  --app-e3-rgb: 227.24 237 241.64;
  --app-e4-rgb: 219.83 232.5 238.13;
  --app-e5-rgb: 207.48 225 232.28;
  --app-on-n1-rgb: 25 28 30;
  --app-link-on-n1-rgb: 0 99 134;
  --app-n1: rgb(var(--app-n1-rgb) / 1);
  --app-on-n1: rgb(var(--app-on-n1-rgb) / 1);
  --app-link-on-n1: rgb(var(--app-link-on-n1-rgb) / 1);
  --app-n2-rgb: 222 227 233;
  --app-on-n2-rgb: 66 71 76;
  --app-link-on-n2-rgb: 0 99 134;
  --app-n2: rgb(var(--app-n2-rgb) / 1);
  --app-on-n2: rgb(var(--app-on-n2-rgb) / 1);
  --app-link-on-n2: rgb(var(--app-link-on-n2-rgb) / 1);
  --app-outline-rgb: 114 120 125;
  --app-outline: rgb(var(--app-outline-rgb) / 1);
  --app-divider: rgb(193, 199, 205);
  --app-shadow: rgb(0, 0, 0);
  --app-inverse-rgb: 46 49 51;
  --app-on-inverse-rgb: 239 241 243;
  --app-link-on-inverse-rgb: 197 199 201;
  --app-inverse: rgb(var(--app-inverse-rgb) / 1);
  --app-on-inverse: rgb(var(--app-on-inverse-rgb) / 1);
  --app-link-on-inverse: rgb(var(--app-link-on-inverse-rgb) / 1);
  --body-bg: rgb(250, 252, 254);
  --app-bg:rgb(247, 249, 251);
  --app-success: rgb(20, 107, 32);
  --app-on-success: rgb(255, 255, 255);
  --app-warning: rgb(119, 87, 0);
  --app-on-warning: rgb(255, 255, 255);
  --app-danger: rgb(182, 22, 19);
  --app-on-danger: rgb(255, 255, 255);
  --theme-bg-rgb: var(--app-n1-rgb);
  --theme-e2-rgb: var(--app-e2-rgb);
  --theme-e3-rgb: var(--app-e3-rgb);
  --theme-e4-rgb: var(--app-e4-rgb);
  --theme-e5-rgb: var(--app-e5-rgb);
  --theme-on-bg-rgb: var(--app-on-n1-rgb);
  --theme-link-on-bg-rgb: var(--app-link-on-n1-rgb);
  --theme-n2-rgb: var(--app-n2-rgb);
  --theme-on-n2-rgb: var(--app-on-n2-rgb);
  --theme-link-on-n2-rgb: var(--app-link-on-n2-rgb);
  --theme-inverse-rgb: var(--app-inverse-rgb);
  --theme-link-on-inverse-rgb: var(--app-link-on-inverse-rgb);
  --theme-color-rgb: var(--app-a1-rgb);
  --theme-on-color-rgb: var(--app-on-a1-rgb);
  --theme-link-on-color-rgb: var(--app-link-on-a1-rgb);
  --theme-c1-rgb: var(--app-c1-rgb);
  --theme-link-on-c1-rgb: var(--app-link-on-c1-rgb);
  --theme-c2-rgb: var(--app-c2-rgb);
  --theme-link-on-c2-rgb: var(--app-link-on-c2-rgb);
  --theme-outline-rgb: var(--app-outline-rgb);
  --theme-bg: var(--app-n1);
  --theme-on-bg: var(--app-on-n1);
  --theme-link-on-bg: var(--app-link-on-n1);
  --theme-n2: var(--app-n2);
  --theme-on-n2: var(--app-on-n2);
  --theme-link-on-n2: var(--app-link-on-n2);
  --theme-outline: var(--app-outline);
  --theme-divider: var(--app-divider);
  --theme-shadow: var(--app-shadow);
  --theme-inverse: var(--app-inverse);
  --theme-on-inverse: var(--app-on-inverse);
  --theme-link-on-inverse: var(--app-link-on-inverse);
  --theme-color: var(--app-a1);
  --theme-on-color: var(--app-on-a1);
  --theme-link-on-color: var(--app-link-on-a1);
  --theme-c1: var(--app-c1);
  --theme-on-c1: var(--app-on-c1);
  --theme-link-on-c1: var(--app-link-on-c1);
  --theme-c2: var(--app-c2);
  --theme-on-c2: var(--app-on-c2);
  --theme-link-on-c2: var(--app-link-on-c2);
  --color-bg-rgb: var(--theme-bg-rgb);
  --color-e2-rgb: var(--theme-e2-rgb);
  --color-e3-rgb: var(--theme-e3-rgb);
  --color-e4-rgb: var(--theme-e4-rgb);
  --color-e5-rgb: var(--theme-e5-rgb);
  --color-link-on-bg-rgb: var(--theme-link-on-bg-rgb);
  --color-n2-rgb: var(--theme-n2-rgb);
  --color-link-on-n2-rgb: var(--theme-link-on-n2-rgb);
  --color-inverse-rgb: var(--theme-inverse-rgb);
  --color-link-on-inverse-rgb: var(--theme-link-on-inverse-rgb);
  --color-color-rgb: var(--theme-color-rgb);
  --color-link-on-color-rgb: var(--theme-link-on-color-rgb);
  --color-c1-rgb: var(--theme-c1-rgb);
  --color-link-on-c1-rgb: var(--theme-link-on-c1-rgb);
  --color-bg: rgb(var(--color-bg-rgb) / 1);
  --color-e2: rgb(var(--color-e2-rgb) / 1);
  --color-e3: rgb(var(--color-e3-rgb) / 1);
  --color-e4: rgb(var(--color-e4-rgb) / 1);
  --color-e5: rgb(var(--color-e5-rgb) / 1);
  --color-text: var(--theme-on-bg);
  --color-icon: var(--theme-on-bg);
  --color-link: rgb(var(--color-link-on-bg-rgb) / 1);
  --color-neutral: rgb(var(--color-n2-rgb));
  --color-on-neutral: var(--theme-on-n2);
  --color-on-neutral-link: rgb(var(--color-link-on-n2-rgb) / 1);
  --color-outline: var(--theme-outline);
  --color-divider: var(--theme-divider);
  --color-inverse-bg: var(--theme-inverse);
  --color-inverse-text: var(--theme-on-inverse);
  --color-inverse-link: rgb(var(--color-link-on-inverse-rgb) / 1);
  --font-monospace: SFMono-Regular, Consolas, Liberation Mono, Menlo, Courier, monospace;
  --font-table: ;
  --font-normal: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  --font-size-sm: 0.85rem;
  --font-size-root: 16px;
  --font-size: 1rem;
  --font-size-lg: 1.25rem;
  --font-weight-normal: 400;
  --font-weight-bold: 700;
  --font-weight-medium: 500;
  --font-weight-light: 300;
  --line-height-normal: 1.25;
  --input-line-height: 1.25;
  --line-height-lg: 1.5625;
  --input-font-size: 1rem;
  --label-font-size: var(--input-font-size);
  --icon-size: 16px;
  --spacer: 1rem;
  --spacer-half: 0.5rem;
  --padding-x: 1rem;
  --padding-y: calc(var(--padding-x) / 2);
  --offset-x: calc(var(--padding-x) * -1);
  --offset-y: calc(var(--padding-y) * -1);
  --padding-half-x: calc(var(--padding-x) / 2);
  --padding-half-y: calc(var(--padding-y) / 2);
  --input-padding-x: calc(var(--spacer) * .75);
  --input-padding-y: calc(var(--spacer) * .5);
  --input-padding-half-x: calc(var(--input-padding-x) / 2);
  --input-padding-half-y: calc(var(--input-padding-y) / 2);
  --input-height: calc(var(--input-font-size) + (var(--input-padding-y) * 2));
  --label-height: calc((var(--label-font-size) * var(--input-line-height)) + var(--input-padding-y) + (var(--input-padding-y) / 2));
  --label-width: 10%;
  --btn-padding-x: var(--input-padding-x);
  --btn-padding-y: var(--input-padding-y);
  --grid-columns: 12;
  --table-columns: 12;
  --gap-column: 1rem;
  --gap-row: 0.5rem;
  --width-sidebar: 20rem;
  --height-header: 4rem;
  --height-footer: 4rem;
  --row-main: 1;
  --row-header: 1;
  --row-footer: 2;
  --column-main: 1;
  --column-sidebar: 1;
  --width-device: 320px;
  --width-desktop: 768px;
  --overflow-body: hidden;
  --cursor-strong: pointer;
  --cursor-disabled: not-allowed;
  --transition-fade: opacity 0.15s linear;
  --link-decoration: underline;
  --link-decoration-hover: underline;
  --border-width: 1px;
  --outline-width: calc(var(--border-width) * 2);
  --border-radius: 4px;
  --modal-filter: blur(0.25rem);
  --modal-bg: rgba(255, 255, 255, 0.7);
  --scrollbar-inline-width: 4px;
  --scrollbar-inline-color: rgba(var(--theme-outline-red), var(--theme-outline-green), var(--theme-outline-blue), 0.2);
  --scrollbar-inline-thumb: rgba(var(--theme-outline-red), var(--theme-outline-green), var(--theme-outline-blue), 0.5);
  --opacity-hover: 0.08;
  --opacity-focus: 0.12;
  --opacity-grid: 0.16;
  --opacity-pressed: 0.12;
  --opacity-control: 0.5;
  --opacity-busy: 0.5;
  --opacity-disabled: 0.38;
  --opacity-disabled-bg: 0.12;
  --opacity-readonly: 0.76;
  --opacity-readonly-bg: 0.48;
  --opacity-elevation-1: 0.05;
  --opacity-elevation-2: 0.08;
  --opacity-elevation-3: 0.11;
  --opacity-elevation-4: 0.12;
  --opacity-elevation-5: 0.14;
  --opacity-elevation: 0;
  --ui-transform: none;
}

/** Simple Modification Classes **/
.-warning {
  --theme-bg-rgb: 255 248 236;
  --theme-e2-rgb: 248.2 239.95 224.2;
  --theme-e3-rgb: 244.12 235.12 217.12;
  --theme-e4-rgb: 240.04 230.29 210.04;
  --theme-e5-rgb: 233.24 222.24 198.24;
  --theme-on-bg-rgb: 30 27 20;
  --theme-link-on-bg-rgb: 119 87 0;
  --theme-n2-rgb: 240 225 202;
  --theme-link-on-n2-rgb: 119 87 0;
  --theme-inverse-rgb: 52 48 41;
  --theme-link-on-inverse-rgb: 205 198 187;
  --theme-color-rgb: 119 87 0;
  --theme-on-color-rgb: 255 255 255;
  --theme-link-on-color-rgb: 247 186 0;
  --theme-c1-rgb: 255 219 139;
  --theme-link-on-c1-rgb: 89 65 0;
  --theme-outline-rgb: 128 118 98;
  --theme-bg: rgb(var(--theme-bg-rgb) / 1);
  --theme-on-bg: rgb(var(--theme-on-bg-rgb) / 1);
  --theme-link-on-bg: rgb(var(--theme-link-on-bg) / 1);
  --theme-n2: rgb(var(--theme-n2-rgb) / 1);
  --theme-on-n2: rgb(79, 70, 53);
  --theme-link-on-n2: rgb(var(--theme-link-on-n2-rgb) / 1);
  --theme-outline: rgb(var(--theme-outline-rgb) /1);
  --theme-divider: rgb(211, 197, 175);
  --theme-shadow: rgb(0, 0, 0);
  --theme-inverse: rgb(var(--theme-inverse-rgb) / 1);
  --theme-on-inverse: rgb(248, 240, 228);
  --theme-link-on-inverse: rgb(var(--theme-link-on-inverse-rgb) / 1);
  --theme-color: rgb(var(--theme-color-rgb) / 1);
  --theme-on-color: rgb(var(--theme-on-color-rgb) / 1);
  --theme-link-on-color: rgb(var(--theme-link-on-color-rgb) / 1);
  --theme-c1: rgb(var(--theme-c1-rgb) / 1);
  --theme-on-c1: rgb(32, 25, 9);
  --theme-link-on-c1: rgb(var(--theme-link-on-c1-rgb) / 1);
}

.-danger {
  --theme-bg-rgb: 255 248 246;
  --theme-e2-rgb: 251.35 236.7 234.65;
  --theme-e3-rgb: 249.16 229.92 227.84;
  --theme-e4-rgb: 246.97 223.14 221.03;
  --theme-e5-rgb: 243.32 211.84 209.68;
  --theme-on-bg-rgb: 35 25 23;
  --theme-link-on-bg-rgb: 182 22 19;
  --theme-n2-rgb: 255 218 212;
  --theme-link-on-n2-rgb: 182 22 19;
  --theme-inverse-rgb: 58 45 44;
  --theme-link-on-inverse-rgb: 215 194 191;
  --theme-color-rgb: 182 22 19;
  --theme-on-color-rgb: 255 255 255;
  --theme-link-on-color-rgb: 255 176 163;
  --theme-c1-rgb: 255 214 207;
  --theme-link-on-c1-rgb: 142 5 7;
  --theme-outline-rgb: 143 111 107;
  --theme-bg: rgb(var(--theme-bg-rgb) / 1);
  --theme-on-bg: rgb(var(--theme-on-bg-rgb) / 1);
  --theme-link-on-bg: rgb(var(--theme-link-on-bg) / 1);
  --theme-n2: rgb(var(--theme-n2-rgb) / 1);
  --theme-on-n2: rgb(91, 64, 60);
  --theme-link-on-n2: rgb(var(--theme-link-on-n2-rgb) / 1);
  --theme-outline: rgb(var(--theme-outline-rgb) /1);
  --theme-divider: rgb(228, 190, 184);
  --theme-shadow: rgb(0, 0, 0);
  --theme-inverse: rgb(var(--theme-inverse-rgb) / 1);
  --theme-on-inverse: rgb(255, 237, 234);
  --theme-link-on-inverse: rgb(var(--theme-link-on-inverse-rgb) / 1);
  --theme-color: rgb(var(--theme-color-rgb) / 1);
  --theme-on-color: rgb(var(--theme-on-color-rgb) / 1);
  --theme-link-on-color: rgb(var(--theme-link-on-color-rgb) / 1);
  --theme-c1: rgb(var(--theme-c1-rgb) / 1);
  --theme-on-c1: rgb(61, 0, 0);
  --theme-link-on-c1: rgb(var(--theme-link-on-c1-rgb) / 1);
}

.-success {
  --theme-bg-rgb: 247 250 241;
  --theme-e2-rgb: 235.65 242.85 230.55;
  --theme-e3-rgb: 228.84 238.56 224.28;
  --theme-e4-rgb: 222.03 234.27 218.01;
  --theme-e5-rgb: 210.68 227.12 207.56;
  --theme-on-bg-rgb: 25 29 23;
  --theme-link-on-bg-rgb: 20 107 32;
  --theme-n2-rgb: 220 230 214;
  --theme-link-on-n2-rgb: 20 107 32;
  --theme-inverse-rgb: 46 49 44;
  --theme-link-on-inverse-rgb: 196 200 191;
  --theme-color-rgb: 20 107 32;
  --theme-on-color-rgb: 255 255 255;
  --theme-link-on-color-rgb: 114 218 112;
  --theme-c1-rgb: 142 247 137;
  --theme-link-on-c1-rgb: 0 81 12;
  --theme-outline-rgb: 111 122 108;
  --theme-bg: rgb(var(--theme-bg-rgb) / 1);
  --theme-on-bg: rgb(var(--theme-on-bg-rgb) / 1);
  --theme-link-on-bg: rgb(var(--theme-link-on-bg) / 1);
  --theme-n2: rgb(var(--theme-n2-rgb) / 1);
  --theme-on-n2: rgb(64, 73, 62);
  --theme-link-on-n2: rgb(var(--theme-link-on-n2-rgb) / 1);
  --theme-outline: rgb(var(--theme-outline-rgb) /1);
  --theme-divider: rgb(192, 202, 186);
  --theme-shadow: rgb(0, 0, 0);
  --theme-inverse: rgb(var(--theme-inverse-rgb) / 1);
  --theme-on-inverse: rgb(239, 242, 233);
  --theme-link-on-inverse: rgb(var(--theme-link-on-inverse-rgb) / 1);
  --theme-color: rgb(var(--theme-color-rgb) / 1);
  --theme-on-color: rgb(var(--theme-on-color-rgb) / 1);
  --theme-link-on-color: rgb(var(--theme-link-on-color-rgb) / 1);
  --theme-c1: rgb(var(--theme-c1-rgb) / 1);
  --theme-on-c1: rgb(7, 30, 8);
  --theme-link-on-c1: rgb(var(--theme-link-on-c1-rgb) / 1);
}

.-feature {
  --theme-bg-rgb: 247 249 252;
  --theme-e2-rgb: 234.65 241.4 246.6;
  --theme-e3-rgb: 227.24 236.84 243.36;
  --theme-e4-rgb: 219.83 232.28 240.12;
  --theme-e5-rgb: 207.48 224.68 234.72;
  --theme-on-bg-rgb: 25 28 31;
  --theme-link-on-bg-rgb: 0 97 144;
  --theme-n2-rgb: 220 227 236;
  --theme-link-on-n2-rgb: 0 97 144;
  --theme-inverse-rgb: 46 49 52;
  --theme-link-on-inverse-rgb: 197 199 203;
  --theme-color-rgb: 0 97 144;
  --theme-on-color-rgb: 255 255 255;
  --theme-link-on-color-rgb: 130 203 255;
  --theme-c1-rgb: 195 228 255;
  --theme-link-on-c1-rgb: 20 73 104;
  --theme-outline-rgb: 113 120 128;
  --theme-bg: rgb(var(--theme-bg-rgb) / 1);
  --theme-on-bg: rgb(var(--theme-on-bg-rgb) / 1);
  --theme-link-on-bg: rgb(var(--theme-link-on-bg) / 1);
  --theme-n2: rgb(var(--theme-n2-rgb) / 1);
  --theme-on-n2: rgb(64, 71, 79);
  --theme-link-on-n2: rgb(var(--theme-link-on-n2-rgb) / 1);
  --theme-outline: rgb(var(--theme-outline-rgb) /1);
  --theme-divider: rgb(192, 199, 208);
  --theme-shadow: rgb(0, 0, 0);
  --theme-inverse: rgb(var(--theme-inverse-rgb) / 1);
  --theme-on-inverse: rgb(239, 241, 245);
  --theme-link-on-inverse: rgb(var(--theme-link-on-inverse-rgb) / 1);
  --theme-color: rgb(var(--theme-color-rgb) / 1);
  --theme-on-color: rgb(var(--theme-on-color-rgb) / 1);
  --theme-link-on-color: rgb(var(--theme-link-on-color-rgb) / 1);
  --theme-c1: rgb(var(--theme-c1-rgb) / 1);
  --theme-on-c1: rgb(24, 26, 28);
  --theme-link-on-c1: rgb(var(--theme-link-on-c1-rgb) / 1);
}

.-warning, .-danger, .-success, .-feature {
  --color-bg-rgb: var(--theme-bg-rgb);
  --color-e2-rgb: var(--theme-e2-rgb);
  --color-e3-rgb: var(--theme-e3-rgb);
  --color-e4-rgb: var(--theme-e4-rgb);
  --color-e5-rgb: var(--theme-e5-rgb);
  --color-link-on-bg-rgb: var(--theme-link-on-bg-rgb);
  --color-n2-rgb: var(--theme-n2-rgb);
  --color-link-on-n2-rgb: var(--theme-link-on-n2-rgb);
  --color-inverse-rgb: var(--theme-inverse-rgb);
  --color-link-on-inverse-rgb: var(--theme-link-on-inverse-rgb);
  --color-color-rgb: var(--theme-color-rgb);
  --color-link-on-color-rgb: var(--theme-link-on-color-rgb);
  --color-c1-rgb: var(--theme-c1-rgb);
  --color-link-on-c1-rgb: var(--theme-link-on-c1-rgb);
  --color-bg: rgb(var(--color-bg-rgb) / 1);
  --color-e2: rgb(var(--color-e2-rgb) / 1);
  --color-e3: rgb(var(--color-e3-rgb) / 1);
  --color-e4: rgb(var(--color-e4-rgb) / 1);
  --color-e5: rgb(var(--color-e5-rgb) / 1);
  --color-text: var(--theme-on-bg);
  --color-icon: var(--theme-on-bg);
  --color-link: rgb(var(--color-link-on-bg-rgb) / 1);
  --color-neutral: rgb(var(--color-n2-rgb));
  --color-on-neutral: var(--theme-on-n2);
  --color-on-neutral-link: rgb(var(--color-link-on-n2-rgb) / 1);
  --color-outline: var(--theme-outline);
  --color-divider: var(--theme-divider);
  --color-inverse-bg: var(--theme-inverse);
  --color-inverse-text: var(--theme-on-inverse);
  --color-inverse-link: rgb(var(--color-link-on-inverse-rgb) / 1);
}

/** Reset Styles (Portions from Normalize.css) **/
*, *::before, *::after {
  box-sizing: border-box;
}

html {
  font-size: var(--font-size-root);
  text-rendering: optimizeLegibility;
}

@media only screen and (-webkit-max-device-pixel-ratio: 1), only screen and (max-device-pixel-ratio: 1), only screen and (max-resolution: 1dppx) {
  html {
    /* noinspection CssNonIntegerLengthInPixels */
    -webkit-text-stroke-width: 0.2px;
  }
}
body {
  background-color: var(--body-bg);
  color: var(--color-text);
  font-family: var(--font-normal);
  font-size: 1rem;
  font-weight: var(--font-weight-normal);
  line-height: var(--line-height-normal);
  margin: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-text-size-adjust: 100%;
}

b, strong {
  font-weight: var(--font-weight-bold);
}

h1, h2, h3, h4, h5, h6, p, ol, ul, dl, pre {
  margin-top: 0;
}

pre, code, kbd, samp {
  font-family: var(--font-monospace);
  font-size: 1rem;
}

small {
  font-size: var(--font-size-sm);
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
  display: block;
}

output {
  display: inline-block;
}

progress {
  vertical-align: baseline;
}

img, svg {
  vertical-align: middle;
}

svg {
  overflow: hidden;
}

summary {
  display: list-item;
  cursor: pointer;
}

template {
  display: none;
}

a {
  color: var(--color-link);
  text-decoration: var(--link-decoration);
}
a:hover {
  color: var(--color-link-hover);
  text-decoration: var(--link-hover-decoration);
}

article article, article section, section article, section section {
  --color-bg: var(--color-e2);
}
article article > table, article article > figure > table, article section > table, article section > figure > table, section article > table, section article > figure > table, section section > table, section section > figure > table {
  --color-bg: var(--color-e2);
}
article article article, article article section, article section article, article section section, section article article, section article section, section section article, section section section {
  --color-bg: var(--color-e3);
}
article article article > table, article article article > figure > table, article article section > table, article article section > figure > table, article section article > table, article section article > figure > table, article section section > table, article section section > figure > table, section article article > table, section article article > figure > table, section article section > table, section article section > figure > table, section section article > table, section section article > figure > table, section section section > table, section section section > figure > table {
  --color-bg: var(--color-e3);
}
article article article article, article article article section, article article section article, article article section section, article section article article, article section article section, article section section article, article section section section, section article article article, section article article section, section article section article, section article section section, section section article article, section section article section, section section section article, section section section section {
  --color-bg: var(--color-e4);
}
article article article article > table, article article article article > figure > table, article article article section > table, article article article section > figure > table, article article section article > table, article article section article > figure > table, article article section section > table, article article section section > figure > table, article section article article > table, article section article article > figure > table, article section article section > table, article section article section > figure > table, article section section article > table, article section section article > figure > table, article section section section > table, article section section section > figure > table, section article article article > table, section article article article > figure > table, section article article section > table, section article article section > figure > table, section article section article > table, section article section article > figure > table, section article section section > table, section article section section > figure > table, section section article article > table, section section article article > figure > table, section section article section > table, section section article section > figure > table, section section section article > table, section section section article > figure > table, section section section section > table, section section section section > figure > table {
  --color-bg: var(--color-e4);
}
article article article article article, article article article article section, article article article section article, article article article section section, article article section article article, article article section article section, article article section section article, article article section section section, article section article article article, article section article article section, article section article section article, article section article section section, article section section article article, article section section article section, article section section section article, article section section section section, section article article article article, section article article article section, section article article section article, section article article section section, section article section article article, section article section article section, section article section section article, section article section section section, section section article article article, section section article article section, section section article section article, section section article section section, section section section article article, section section section article section, section section section section article, section section section section section {
  --color-bg: var(--color-e5);
}
article article article article article > table, article article article article article > figure > table, article article article article section > table, article article article article section > figure > table, article article article section article > table, article article article section article > figure > table, article article article section section > table, article article article section section > figure > table, article article section article article > table, article article section article article > figure > table, article article section article section > table, article article section article section > figure > table, article article section section article > table, article article section section article > figure > table, article article section section section > table, article article section section section > figure > table, article section article article article > table, article section article article article > figure > table, article section article article section > table, article section article article section > figure > table, article section article section article > table, article section article section article > figure > table, article section article section section > table, article section article section section > figure > table, article section section article article > table, article section section article article > figure > table, article section section article section > table, article section section article section > figure > table, article section section section article > table, article section section section article > figure > table, article section section section section > table, article section section section section > figure > table, section article article article article > table, section article article article article > figure > table, section article article article section > table, section article article article section > figure > table, section article article section article > table, section article article section article > figure > table, section article article section section > table, section article article section section > figure > table, section article section article article > table, section article section article article > figure > table, section article section article section > table, section article section article section > figure > table, section article section section article > table, section article section section article > figure > table, section article section section section > table, section article section section section > figure > table, section section article article article > table, section section article article article > figure > table, section section article article section > table, section section article article section > figure > table, section section article section article > table, section section article section article > figure > table, section section article section section > table, section section article section section > figure > table, section section section article article > table, section section section article article > figure > table, section section section article section > table, section section section article section > figure > table, section section section section article > table, section section section section article > figure > table, section section section section section > table, section section section section section > figure > table {
  --color-bg: var(--color-e5);
}

article, section, table, details {
  background-color: var(--color-bg);
}

label {
  display: inline-block;
  color: var(--color-label);
  font-size: var(--label-font-size);
}

input, textarea, select, form .wrapper {
  --input-width: auto;
  --color-text: var(--theme-on-c1);
  --color-bg: var(--color-e4);
  --color-outline: var(--theme-outline);
  --color-icon: var(--theme-on-n2);
  --color-value: var(--theme-on-bg);
  --color-placeholder: var(--theme-on-n2);
  --color-autofill: var(--theme-n2);
  --color-error: var(--app-danger);
  --color-help: var(--theme-on-n2);
  --color-caret: var(--theme-color);
  --color-bg-disabled: rgb(var(--theme-bg-rgb) / var(--opacity-disabled-bg));
  --color-autofill-disabled: rgb(var(--theme-bg-rgb) / var(--opacity-disabled-bg));
  --color-text-disabled: rgb(var(--theme-on-n2-rgb) / var(--opacity-disabled));
  --color-placeholder-disabled: rgb(var(--theme-on-n2-rgb) / var(--opacity-disabled));
  --color-outline-disabled: rgb(var(--theme-outline-rgb) / var(--opacity-disabled-bg));
}

input:focus, textarea:focus, select:focus, form .wrapper:focus-within {
  --color-outline: var(--theme-color);
}

label {
  --color-label: var(--theme-on-n2);
  --color-label-disabled: rgb(var(--theme-on-n2-rgb) / var(--opacity-disabled));
}

input, textarea, button, select, optgroup {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}

input, textarea, select, form .wrapper {
  color: var(--color-value);
  background-color: var(--color-bg);
  font-size: var(--input-font-size);
  line-height: var(--input-line-height);
  padding: var(--input-padding-y) var(--input-padding-x);
  font-weight: var(--font-weight-normal);
  border-radius: var(--border-radius);
  border: var(--border-width) solid var(--color-outline);
  box-shadow: none;
  width: var(--input-width);
}

input, textarea {
  caret-color: var(--color-caret);
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: var(--color-placeholder);
  font-weight: var(--font-weight-light);
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: var(--color-placeholder);
  font-weight: var(--font-weight-light);
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: var(--color-placeholder);
  font-weight: 300;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: var(--color-placeholder);
  font-weight: var(--font-weight-light);
}
input::placeholder, textarea::placeholder {
  color: var(--color-placeholder);
  font-weight: var(--font-weight-light);
}

textarea {
  overflow: auto;
  resize: vertical;
}

label, fieldset:has(input[type=checkbox]) > legend, fieldset:has(input[type=radio]) > legend {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  text-transform: uppercase;
  padding: 0 var(--input-padding-x);
}

input[type=checkbox] + label, input[type=radio] + label {
  font-size: var(--font-size);
  font-weight: var(--font-weight-normal);
  text-transform: initial;
}

input:-webkit-autofill {
  /* noinspection CssRedundantUnit */
  -webkit-box-shadow: 0 0 0px 1000px var(--color-autofill) inset;
}

:root {
  --label-column: 1;
  --label-row: 1;
  --input-column: 1;
  --input-row: 1;
  --extra-row: auto;
  --extra-column: 1;
  --label-font-size: .7rem;
}

.-vertical, .-horizontal, .-float {
  --label-font-size: var(--input-font-size);
}

.-horizontal {
  --input-column: 2;
  --input-row: auto;
  --label-row: auto;
  --extra-column: 2;
}

.-float {
  --label-font-size: var(--input-font-size);
}

.-vertical {
  --input-row: 2;
}

form {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(auto-fill, minmax(var(--input-line-height), max-content));
  row-gap: var(--padding-y);
  column-gap: var(--padding-x);
}

form > section, form > fieldset {
  border: var(--border-width) solid var(--color-outline);
  border-bottom-width: 0;
  border-radius: var(--border-radius);
  background-color: rgba(0, 0, 0, 0.04);
  padding: calc(var(--input-padding-y) * 2) var(--input-padding-x);
  margin-bottom: var(--input-padding-y);
}
form > section:last-of-type, form > fieldset:last-of-type {
  border-bottom-width: var(--border-width);
}

form .field > input:focus ~ label, form .field > select:focus ~ label, form .field > textarea:focus ~ label, form .field > .wrapper:focus-within ~ label {
  --color-label: var(--theme-color);
}

form .field {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: repeat(auto-fit, minmax(1rem, auto));
  column-gap: var(--padding-x);
  row-gap: calc(var(--padding-y) / 4);
  margin-bottom: 0;
  border-radius: var(--border-radius);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  min-height: calc(var(--input-height) + var(--label-height));
}
form .field > label, form .field > legend {
  grid-row: var(--label-row);
  grid-column: var(--label-column);
  color: var(--color-label);
  align-self: start;
  z-index: 1;
}
form .field > input, form .field > textarea, form .field > select, form .field > .wrapper {
  height: calc(var(--input-height) + var(--label-height));
  padding-top: var(--label-height);
  align-self: end;
  border: var(--border-width) solid var(--color-outline);
  border-width: 0 0 var(--border-width) 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  grid-row: var(--input-row);
  grid-column: var(--input-column);
  padding-bottom: var(--input-padding-y);
}
form .field > input:focus:not(:focus-visible), form .field > textarea:focus:not(:focus-visible), form .field > select:focus:not(:focus-visible), form .field > .wrapper:focus:not(:focus-visible) {
  outline: none;
}
form .field > input:focus-visible, form .field > textarea:focus-visible, form .field > select:focus-visible, form .field > .wrapper:focus-visible {
  outline-color: var(--color-outline);
}
form .field > textarea {
  height: auto;
}
form .field > .error, form .field > .help, form .field > .text {
  grid-row: var(--extra-row);
  grid-column: var(--extra-column);
  padding: 0 var(--input-padding-x);
  font-size: var(--font-size-sm);
}
form .field > .error {
  color: var(--color-error);
}
form .field > .help:not(a) {
  color: var(--color-help);
}

form .field {
  position: relative;
}
form .field > label {
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  font-size: var(--label-font-size);
  white-space: nowrap;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
  padding: var(--input-padding-y) var(--input-padding-x);
  margin: 0;
}

form.-outline .field, .field.-outline,
form.-vertical .field, .field.-vertical,
form.-horizontal .field, .field.-horizontal {
  background-color: transparent;
}
form.-outline .field > input, form.-outline .field > textarea, form.-outline .field > select, form.-outline .field > .wrapper, .field.-outline > input, .field.-outline > textarea, .field.-outline > select, .field.-outline > .wrapper,
form.-vertical .field > input,
form.-vertical .field > textarea,
form.-vertical .field > select,
form.-vertical .field > .wrapper, .field.-vertical > input, .field.-vertical > textarea, .field.-vertical > select, .field.-vertical > .wrapper,
form.-horizontal .field > input,
form.-horizontal .field > textarea,
form.-horizontal .field > select,
form.-horizontal .field > .wrapper, .field.-horizontal > input, .field.-horizontal > textarea, .field.-horizontal > select, .field.-horizontal > .wrapper {
  background-color: var(--color-bg);
  border-width: var(--border-width);
  border-radius: var(--border-radius);
}

form.-vertical .field, .field.-vertical,
form.-horizontal .field, .field.-horizontal {
  height: auto;
}
form.-vertical .field > input, form.-vertical .field > textarea, form.-vertical .field > select, form.-vertical .field > .wrapper, .field.-vertical > input, .field.-vertical > textarea, .field.-vertical > select, .field.-vertical > .wrapper,
form.-horizontal .field > input,
form.-horizontal .field > textarea,
form.-horizontal .field > select,
form.-horizontal .field > .wrapper, .field.-horizontal > input, .field.-horizontal > textarea, .field.-horizontal > select, .field.-horizontal > .wrapper {
  padding: var(--input-padding-y) var(--input-padding-x);
  height: var(--input-height);
}

form.-float .field, form .field.-float {
  height: auto;
}
form.-float .field > label, form .field.-float > label {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 var(--input-padding-x);
  height: 100%;
  align-items: center;
  display: inline-flex;
}
form.-float .field > input, form.-float .field > textarea, form.-float .field > select, form.-float .field > .wrapper, form .field.-float > input, form .field.-float > textarea, form .field.-float > select, form .field.-float > .wrapper {
  height: var(--input-height);
  padding: var(--input-padding-y) var(--input-padding-x);
}
form.-float .field > input, form.-float .field > textarea, form .field.-float > input, form .field.-float > textarea {
  direction: rtl;
}
form.-float .field > input:focus, form.-float .field > input:not(:placeholder-shown), form.-float .field > textarea:focus, form.-float .field > textarea:not(:placeholder-shown), form .field.-float > input:focus, form .field.-float > input:not(:placeholder-shown), form .field.-float > textarea:focus, form .field.-float > textarea:not(:placeholder-shown) {
  direction: ltr;
}

form.-float .field > input:focus ~ label,
form.-float .field > textarea:focus ~ label,
form.-float .field > .wrapper:focus-within ~ label,
form.-float .field > input:not(:placeholder-shown) ~ label,
form.-float .field > textarea:not(:placeholder-shown) ~ label,
form.-float .field > select ~ label, form .field.-float > input:focus ~ label,
form .field.-float > textarea:focus ~ label,
form .field.-float > .wrapper:focus-within ~ label,
form .field.-float > input:not(:placeholder-shown) ~ label,
form .field.-float > textarea:not(:placeholder-shown) ~ label,
form .field.-float > select ~ label {
  padding: 2px var(--input-padding-x);
  opacity: 1;
  height: auto;
  transform: scale(0.6) translateY(-1rem) translateX(0.75rem);
  background-color: var(--color-bg);
}

form.-vertical > .field {
  grid-template-columns: 1fr;
}
form.-vertical > .field label {
  padding-top: 0;
  padding-bottom: 0;
}

form.-horizontal {
  grid-template-columns: minmax(var(--label-width), min-content) 1fr;
  grid-template-rows: repeat(auto-fill, minmax(1rem, min-content));
  grid-auto-flow: dense;
}
form.-horizontal > .field {
  display: contents;
}
form.-horizontal > .field > label {
  border: var(--color-outline) solid transparent;
  text-align: right;
  padding: 0;
  align-self: center;
  font-size: var(--input-font-size);
  white-space: nowrap;
  order: -1;
}
form.-horizontal > .field > input, form.-horizontal > .field > textarea, form.-horizontal > .field > .wrapper, form.-horizontal > .field select {
  order: 1;
}

form.-split-2 {
  --field-grid: 2;
}

form.-split-4 {
  --field-grid: 4;
}

form.-split-6 {
  --field-grid: 6;
}

form.-split-10 {
  --field-grid: 10;
}

form.-implicit-10 {
  --field-grid: 10;
}

.field {
  --field-columns: 12;
}

.field.-col-2 {
  --field-columns: 2;
}

.field.-col-4 {
  --field-columns: 4;
}

form[class*=-split] {
  grid-template-columns: repeat(var(--field-grid), 1fr);
}

form[class*=-implicit] {
  display: flex;
  flex-flow: row wrap;
}
form[class*=-implicit] > .field {
  margin-top: 0 !important;
  flex: 1 1 100%;
  min-width: fit-content;
}
form[class*=-implicit] > .field.-col-6 {
  --field-columns: 6;
}
form[class*=-implicit] > .field.-col-4 {
  --field-columns: 4;
}
form[class*=-implicit] > .field[class*=-col] {
  flex: 1 0 calc(var(--field-columns) / var(--field-grid) * 100% - var(--padding-x) * (var(--field-grid) - 1));
}

form > fieldset.field:has(input[type=checkbox]), form > fieldset.field:has(input[type=radio]) {
  border: none;
  padding: 0;
  background-color: transparent;
  border-radius: inherit;
  margin-bottom: 0;
}

form .field:has(input[type=checkbox]), form .field:has(input[type=radio]) {
  min-height: auto;
  grid-template-columns: min-content 1fr;
  grid-template-rows: repeat(auto-fill, minmax(1.5rem, min-content));
  column-gap: calc(var(--padding-x) / 2);
  align-content: center;
  align-items: center;
}
form .field > input[type=checkbox], form .field > input[type=radio] {
  grid-column: 1;
  grid-row: auto;
  margin-left: var(--input-padding-x);
  align-self: center;
  height: auto;
}
form .field > input[type=checkbox] + label, form .field > input[type=radio] + label {
  grid-column: 2;
  grid-row: auto;
  color: black;
  font-size: var(--font-size);
  padding: 0;
  display: inline-flex;
  align-items: center;
}

input[list], input[type=datetime-local], input[type=time], input[type=date], input[type=number], select {
  appearance: none;
  background: var(--color-bg) var(--input-symbol) no-repeat right var(--input-padding-x) center;
}
input[list]::-ms-expand, input[type=datetime-local]::-ms-expand, input[type=time]::-ms-expand, input[type=date]::-ms-expand, input[type=number]::-ms-expand, select::-ms-expand {
  opacity: 0;
}
input[list]:-moz-focusring, input[type=datetime-local]:-moz-focusring, input[type=time]:-moz-focusring, input[type=date]:-moz-focusring, input[type=number]:-moz-focusring, select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

select {
  --input-symbol: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%3E%3Cpath%20fill%3D%22rgba%2873%2C%2080%2C%2087%2C%200.5%29%22%20d%3D%22M0%200l4%204%204-4h-8z%22%20transform%3D%22translate%280%202%29%22%20%2F%3E%3C%2Fsvg%3E");
  word-wrap: normal;
}

select:focus::-ms-value {
  color: var(--color-icon);
  background-color: var(--color-bg);
}

/* noinspection CssInvalidHtmlTagReference */
x:-o-prefocus, select {
  background-image: none;
}

input[type=number] {
  --input-symbol: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='rgba(0, 0, 0, 0.5)' d='M1,4.5l3,3l3-3H1z'/%3e%3cpath fill='rgba(0, 0, 0, 0.5)' d='M7,3.5l-3-3l-3,3H7z'/%3e%3c/svg%3e");
  background-position: calc(100% - 8px);
  padding-right: calc(var(--padding-x) - 16px);
  min-width: calc(var(--padding-x) / 2 + 2rem + 16px);
  width: auto;
  -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0;
}

input[type=datetime-local]::-webkit-inner-spin-button, input[type=time]::-webkit-inner-spin-button {
  margin-left: calc(var(--input-padding-x) / 2);
  color: var(--color-icon);
}

input[type=datetime-local],
input[type=date],
input[type=time] {
  padding-right: 0;
}
input[type=datetime-local]::-webkit-calendar-picker-indicator,
input[type=date]::-webkit-calendar-picker-indicator,
input[type=time]::-webkit-calendar-picker-indicator {
  position: relative;
  right: var(--padding-x);
  margin-right: calc(var(--icon-size) / 2 * -1 - 1px);
  font-size: var(--icon-size);
  opacity: 0.5;
}

input[type=time]::-webkit-inner-spin-button {
  margin-right: calc(var(--input-padding-x) / 2 * -1);
}

/* noinspection CssInvalidPseudoSelector */
input::-webkit-datetime-edit {
  overflow: visible;
  line-height: 0;
}

input[type=time], input[type=datetime-local], input[type=date] {
  background-size: var(--icon-size);
}
input[type=time]::-webkit-calendar-picker-indicator, input[type=datetime-local]::-webkit-calendar-picker-indicator, input[type=date]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

input[type=datetime-local], input[type=date] {
  --input-symbol: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='rgba(0, 0, 0, 0.5)' d='M0 0v2h7v-2h-7zm0 3v4.91c0 .05.04.09.09.09h6.81c.05 0 .09-.04.09-.09v-4.91h-7zm1 1h1v1h-1v-1zm2 0h1v1h-1v-1zm2 0h1v1h-1v-1zm-4 2h1v1h-1v-1zm2 0h1v1h-1v-1z' /%3E%3C/svg%3E");
}

input[type=time] {
  --input-symbol: url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3E%3Cpath fill='rgba(0, 0, 0, 0.5)' d='M4 0c-2.2 0-4 1.8-4 4s1.8 4 4 4 4-1.8 4-4-1.8-4-4-4zm0 1c1.66 0 3 1.34 3 3s-1.34 3-3 3-3-1.34-3-3 1.34-3 3-3zm-.5 1v2.22l.16.13.5.5.34.38.72-.72-.38-.34-.34-.34v-1.81h-1z' /%3E%3C/svg%3E");
}

input[type=time] ~ dialog {
  position: absolute;
  width: auto;
  height: auto;
  backdrop-filter: none;
  left: auto;
  right: auto;
  bottom: auto;
  top: 100%;
  min-width: unset;
  background-color: transparent;
}
input[type=time] ~ dialog > article {
  min-width: unset;
  display: grid;
  padding: calc(var(--padding-x) / 2);
  grid-template-rows: 1fr 1fr;
  grid-template-columns: min-content min-content min-content;
  column-gap: calc(var(--padding-x) / 2);
  row-gap: 0;
}
input[type=time] ~ dialog > article > input {
  grid-row: span 2;
}
input[type=time] ~ dialog > article > button {
  padding: 2px;
  font-size: var(--font-size-sm);
}
input[type=time] ~ dialog > article > button:first-of-type {
  border-bottom-width: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
input[type=time] ~ dialog > article > button:first-of-type + button {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.wrapper > input[type=file] {
  --color-outline: transparent;
  --color-bg: transparent;
}

input[type=file] {
  position: relative;
  appearance: none;
  display: block;
  cursor: pointer;
  box-shadow: none;
  width: 100%;
}

input[type=file]::file-selector-button, input[type=file]::-webkit-file-upload-button {
  appearance: none;
  margin: calc(var(--input-padding-y) * -1) calc(var(--input-padding-x) * -1);
  margin-inline-end: var(--input-padding-x);
  padding: var(--input-padding-y) var(--input-padding-x);
  font-size: 1em;
  font-weight: var(--font-weight-medium);
  line-height: var(--input-line-height);
  text-transform: uppercase;
  cursor: pointer;
  color: var(--theme-color);
  border: none;
  border-inline-end: var(--border-width) solid var(--color-outline);
  border-radius: 0;
  background-color: var(--color-bg);
}

.wrapper:has(input[type=file]), .wrapper.custom-file-upload {
  position: relative;
  display: grid;
  grid-template-columns: 1fr min-content;
  border: none;
}
.wrapper:has(input[type=file]) > input[type=file], .wrapper.custom-file-upload > input[type=file] {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-color: transparent;
  background-color: transparent;
}
.wrapper:has(input[type=file]) > input[type=file]::file-selector-button, .wrapper:has(input[type=file]) input[type=file]::-webkit-file-upload-button, .wrapper.custom-file-upload > input[type=file]::file-selector-button, .wrapper.custom-file-upload input[type=file]::-webkit-file-upload-button {
  z-index: 3;
}
.wrapper:has(input[type=file]) > input[type=file]:hover, .wrapper.custom-file-upload > input[type=file]:hover {
  cursor: pointer;
}
.wrapper:has(input[type=file]) > button, .wrapper.custom-file-upload > button {
  font-size: 1em;
}
.wrapper:has(input[type=file]) > input[type=text][disabled], .wrapper.custom-file-upload > input[type=text][disabled] {
  position: absolute;
  right: 0;
  bottom: 1px;
  left: 8.5rem;
  grid-row: 2;
  grid-column: 1;
  width: calc(100% - 11rem);
  padding-right: 3rem;
  color: var(--color-value) !important;
  border: none;
  background-color: var(--color-bg) !important;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wrapper:has(input[type=file]) > input[type=text][disabled][readonly], .wrapper.custom-file-upload > input[type=text][disabled][readonly] {
  color: transparent !important;
}
.wrapper:has(input[type=file]) > input[type=text][disabled] + input[type=file], .wrapper.custom-file-upload > input[type=text][disabled] + input[type=file] {
  color: transparent;
}
.wrapper:has(input[type=file]) > input[type=text][disabled][readonly] + input[type=file], .wrapper.custom-file-upload > input[type=text][disabled][readonly] + input[type=file] {
  color: inherit;
}
.wrapper:has(input[type=file]) > button, .wrapper.custom-file-upload > button {
  z-index: 5;
  margin-left: -2px;
  padding-right: var(--input-padding-x);
  padding-left: var(--input-padding-x);
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.wrapper:has(input[type=file]) > button input[type=checkbox], .wrapper.custom-file-upload > button input[type=checkbox] {
  display: none;
}
.wrapper:has(input[type=file]) > button:hover, .wrapper.custom-file-upload > button:hover {
  cursor: pointer;
}
.wrapper:has(input[type=file]) + legend, .wrapper:has(input[type=file]) + label, .wrapper.custom-file-upload + legend, .wrapper.custom-file-upload + label {
  z-index: 1;
}

input[list]::-webkit-calendar-picker-indicator {
  margin-right: calc(var(--input-padding-x) / 2 * -1);
  opacity: 0;
}

input[readonly], textarea[readonly],
fieldset[readonly] input, fieldset[readonly] textarea,
form .wrapper[aria-readonly] {
  --color-bg: rgb(var(--theme-bg-rgb) / var(--opacity-readonly-bg));
  --color-autofill: rgb(var(--theme-bg-rgb) / var(--opacity-readonly-bg));
  --color-text: rgb(var(--theme-on-n2-rgb) / var(--opacity-readonly));
  --color-value: rgb(var(--theme-on-bg-rgb) / var(--opacity-readonly));
  --color-placeholder: rgb(var(--theme-on-n2-rgb) / var(--opacity-readonly));
  --color-outline: rgb(var(--theme-outline-rgb) / var(--opacity-readonly-bg));
}

input[readonly] + label, textarea[readonly] + label,
fieldset[readonly] + label, fieldset[readonly] textarea + label,
form .wrapper[aria-readonly] > label {
  --color-label: rgb(var(--theme-on-n2-rgb) / var(--opacity-readonly));
}

input[readonly], input fieldset[readonly], input form .wrapper[aria-readonly], textarea[readonly], textarea fieldset[readonly], textarea form .wrapper[aria-readonly] {
  cursor: not-allowed;
}

form[aria-invalid=true] > input,
form[aria-invalid=true] > select,
form[aria-invalid=true] > textarea,
form[aria-invalid=true] > .wrapper,
input[aria-invalid=true],
select[aria-invalid=true],
textarea[aria-invalid=true] {
  --border-color: var(--app-danger);
  --color-caret: var(--app-danger);
  --color-icon: var(--app-danger);
}
form[aria-invalid=true] > input:active, form[aria-invalid=true] > input:focus,
form[aria-invalid=true] > select:active,
form[aria-invalid=true] > select:focus,
form[aria-invalid=true] > textarea:active,
form[aria-invalid=true] > textarea:focus,
form[aria-invalid=true] > .wrapper:active,
form[aria-invalid=true] > .wrapper:focus,
input[aria-invalid=true]:active,
input[aria-invalid=true]:focus,
select[aria-invalid=true]:active,
select[aria-invalid=true]:focus,
textarea[aria-invalid=true]:active,
textarea[aria-invalid=true]:focus {
  box-shadow: 0 0 0 var(--outline-width) var(--app-danger);
}

.wrapper:has([aria-invalid=true]) {
  --color-outline: var(--app-danger);
  --outline-color: var(--app-danger);
}
.wrapper:has([aria-invalid=true]):focus-within {
  box-shadow: 0 0 0 var(--outline-width) var(--outline-color);
}

input:disabled, textarea:disabled,
fieldset[disabled] input, fieldset[disabled] textarea,
form .wrapper[aria-disabled] {
  --color-bg: rgb(var(--theme-bg-rgb) / var(--opacity-disabled-bg));
  --color-autofill: rgb(var(--theme-bg-rgb) / var(--opacity-disabled-bg));
  --color-text: rgb(var(--theme-on-n2-rgb) / var(--opacity-disabled));
  --color-value: rgb(var(--theme-on-bg-rgb) / var(--opacity-disabled));
  --color-placeholder: rgb(var(--theme-on-n2-rgb) / var(--opacity-disabled));
  --color-outline: rgb(var(--theme-outline-rgb) / var(--opacity-disabled-bg));
}

input:disabled + label, textarea:disabled + label,
fieldset[disabled] + label, fieldset[disabled] textarea + label,
form .wrapper[aria-disabled] > label {
  --color-label: rgb(var(--theme-on-n2-rgb) / var(--opacity-disabled));
}

input:disabled, fieldset[disabled] input, textarea:disabled, fieldset[disabled] textarea {
  opacity: 1;
}
input:disabled, input fieldset[disabled], input form .wrapper[aria-disabled], textarea:disabled, textarea fieldset[disabled], textarea form .wrapper[aria-disabled] {
  cursor: not-allowed;
}

/** Buttons **/
button, *[role=button], .btn {
  --color-bg: var(--theme-c2);
  --color-outline: transparent;
  --color-link: var(--theme-link-on-c2);
  --color-icon: var(--theme-link-on-c2);
}
button:hover:after, *[role=button]:hover:after, .btn:hover:after {
  --color-tint-rgb: var(--theme-link-on-c2-rgb);
  --color-tint: rgb(var(--color-tint-rgb) / var(--opacity-hover));
}
button:focus:after, *[role=button]:focus:after, .btn:focus:after {
  --color-tint-rgb: var(--theme-link-on-c2-rgb);
  --color-tint: rgb(var(--color-tint-rgb) / var(--opacity-focus));
}
button[disabled]:not([disabled=false]), *[role=button][disabled]:not([disabled=false]), .btn[disabled]:not([disabled=false]) {
  --color-bg: rgba(var(--theme-on-color-rgb) / var(--opacity-disabled-bg));
  --color-link: rgba(var(--theme-color-rgb) / var(--opacity-disabled));
  --color-icon: rgba(var(--theme-color-rgb) / var(--opacity-disabled));
}
button[aria-pressed]:not([aria-pressed=false]):after, *[role=button][aria-pressed]:not([aria-pressed=false]):after, .btn[aria-pressed]:not([aria-pressed=false]):after {
  --color-tint-rgb: var(--theme-link-on-c2-rgb);
  --color-tint: rgb(var(--color-tint-rgb) / var(--opacity-pressed));
}
button.-filled, button.-fab, *[role=button].-filled, *[role=button].-fab, .btn.-filled, .btn.-fab {
  --color-bg: var(--theme-color);
  --color-shadow: transparent;
  --color-outline: transparent;
  --color-text: var(--theme-on-color);
  --color-link: var(--theme-on-color);
  --color-icon: var(--theme-on-color);
}
button.-filled:focus, button.-fab:focus, *[role=button].-filled:focus, *[role=button].-fab:focus, .btn.-filled:focus, .btn.-fab:focus {
  --color-outline: var(--theme-outline);
}
button.-filled:hover:after, button.-fab:hover:after, *[role=button].-filled:hover:after, *[role=button].-fab:hover:after, .btn.-filled:hover:after, .btn.-fab:hover:after {
  --color-tint-rgb: var(--theme-on-color-rgb);
  --color-tint: rgb(var(--color-tint-rgb) / var(--opacity-hover));
}
button.-filled:focus:after, button.-fab:focus:after, *[role=button].-filled:focus:after, *[role=button].-fab:focus:after, .btn.-filled:focus:after, .btn.-fab:focus:after {
  --color-tint-rgb: var(--theme-on-color-rgb);
  --color-tint: rgb(var(--color-tint-rgb) / var(--opacity-focus));
}
button.-filled[aria-pressed]:not([aria-pressed=false]), button.-fab[aria-pressed]:not([aria-pressed=false]), *[role=button].-filled[aria-pressed]:not([aria-pressed=false]), *[role=button].-fab[aria-pressed]:not([aria-pressed=false]), .btn.-filled[aria-pressed]:not([aria-pressed=false]), .btn.-fab[aria-pressed]:not([aria-pressed=false]) {
  --color-shadow: transparent;
}
button.-filled[aria-pressed]:not([aria-pressed=false]):after, button.-fab[aria-pressed]:not([aria-pressed=false]):after, *[role=button].-filled[aria-pressed]:not([aria-pressed=false]):after, *[role=button].-fab[aria-pressed]:not([aria-pressed=false]):after, .btn.-filled[aria-pressed]:not([aria-pressed=false]):after, .btn.-fab[aria-pressed]:not([aria-pressed=false]):after {
  --color-tint-rgb: var(--theme-on-color-rgb);
  --color-tint: rgb(var(--color-tint-rgb) / var(--opacity-pressed));
}
button.-outline, *[role=button].-outline, .btn.-outline {
  --color-bg: transparent;
  --color-shadow: transparent;
  --color-outline: var(--theme-outline);
  --color-text: var(--theme-color);
  --color-link: var(--theme-color);
  --color-icon: var(--theme-color);
}
button.-outline[disabled]:not([disabled=false]), *[role=button].-outline[disabled]:not([disabled=false]), .btn.-outline[disabled]:not([disabled=false]) {
  --color-outline: rgb(var(--theme-on-bg-rgb) / var(--opacity-disabled-bg));
}
button.-outline:hover, *[role=button].-outline:hover, .btn.-outline:hover {
  --color-shadow: transparent;
  --color-tint-rgb: var(--theme-color-rgb);
  --color-tint: rgb(var(--theme-color) / var(--opacity-hover));
  --color-outline: var(--theme-color);
}
button.-outline:focus, *[role=button].-outline:focus, .btn.-outline:focus {
  --color-shadow: transparent;
  --color-outline: var(--theme-color);
  --color-tint-rgb: var(--theme-color-rgb);
  --color-tint: rgb(var(--theme-color) / var(--opacity-focus));
}
button.-outline[aria-pressed]:not([aria-pressed=false]), *[role=button].-outline[aria-pressed]:not([aria-pressed=false]), .btn.-outline[aria-pressed]:not([aria-pressed=false]) {
  --color-shadow: transparent;
  --color-tint-rgb: var(--theme-color-rgb);
  --color-tint: rgb(var(--theme-color) / var(--opacity-pressed));
}
button.-flat, *[role=button].-flat, .btn.-flat {
  --color-shadow: transparent;
  --color-outline: transparent;
  --color-link: var(--theme-color);
  --color-text: var(--theme-color);
  --color-icon: var(--theme-color);
  --color-bg: transparent;
}
button.-flat:hover, button.-flat:focus, *[role=button].-flat:hover, *[role=button].-flat:focus, .btn.-flat:hover, .btn.-flat:focus {
  --color-tint-rgb: var(--theme-color-rgb);
  --color-tint: rgb(var(--theme-color) / var(--opacity-hover));
}
button.-flat[aria-pressed]:not([aria-pressed=false]), *[role=button].-flat[aria-pressed]:not([aria-pressed=false]), .btn.-flat[aria-pressed]:not([aria-pressed=false]) {
  --color-tint-rgb: var(--theme-color-rgb);
  --color-tint: rgb(var(--theme-color) / var(--opacity-hover));
}

button {
  border-radius: 0;
}
button:focus {
  /* noinspection CssOverwrittenProperties */
  outline: 1px dotted;
  /* noinspection CssOverwrittenProperties */
  outline: 5px auto -webkit-focus-ring-color;
}

button,
input:is([type=button], [type=submit], [type=reset]),
a:is([role=button], [role=menuitem], [role=tab], .btn),
label:is([role=button]),
dialog[role=navigation] a {
  border: var(--border-width) solid var(--color-outline);
  background-color: var(--color-bg);
  border-radius: var(--border-radius);
  color: var(--color-link);
  display: inline-flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  font-weight: var(--font-weight-medium);
  font-size: var(--font-size-input);
  line-height: var(--input-line-height);
  white-space: nowrap;
  align-content: center;
  user-select: none;
  appearance: none;
  overflow: hidden;
  font-family: var(--font-normal);
  cursor: default;
  transition: box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 280ms cubic-bezier(0.4, 0, 0.2, 1);
  padding: var(--input-padding-y) var(--input-padding-x);
  letter-spacing: 0.04em;
  position: relative;
}
button > svg,
input:is([type=button], [type=submit], [type=reset]) > svg,
a:is([role=button], [role=menuitem], [role=tab], .btn) > svg,
label:is([role=button]) > svg,
dialog[role=navigation] a > svg {
  color: var(--color-icon);
}
button:hover,
input:hover:is([type=button], [type=submit], [type=reset]),
a:hover:is([role=button], [role=menuitem], [role=tab], .btn),
label:hover:is([role=button]),
dialog[role=navigation] a:hover {
  cursor: pointer;
}
button:after,
input:is([type=button], [type=submit], [type=reset]):after,
a:is([role=button], [role=menuitem], [role=tab], .btn):after,
label:is([role=button]):after,
dialog[role=navigation] a:after {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: " ";
  pointer-events: none;
}
button:hover:after,
input:hover:is([type=button], [type=submit], [type=reset]):after,
a:hover:is([role=button], [role=menuitem], [role=tab], .btn):after,
label:hover:is([role=button]):after,
dialog[role=navigation] a:hover:after {
  background-color: var(--color-tint);
}
button[disabled]:not([disabled=false]),
input[disabled]:not([disabled=false]):is([type=button], [type=submit], [type=reset]),
a[disabled]:not([disabled=false]):is([role=button], [role=menuitem], [role=tab], .btn),
label[disabled]:not([disabled=false]):is([role=button]),
dialog[role=navigation] a[disabled]:not([disabled=false]) {
  cursor: not-allowed;
}
button:not(.-icon),
input:not(.-icon):is([type=button], [type=submit], [type=reset]),
a:not(.-icon):is([role=button], [role=menuitem], [role=tab], .btn),
label:not(.-icon):is([role=button]),
dialog[role=navigation] a:not(.-icon) {
  display: inline-grid;
  column-gap: var(--input-padding-x);
}
button:not(.-icon) > *:only-child,
input:not(.-icon):is([type=button], [type=submit], [type=reset]) > *:only-child,
a:not(.-icon):is([role=button], [role=menuitem], [role=tab], .btn) > *:only-child,
label:not(.-icon):is([role=button]) > *:only-child,
dialog[role=navigation] a:not(.-icon) > *:only-child {
  grid-column: span 2;
}
button:not(.-icon) > svg:first-child,
input:not(.-icon):is([type=button], [type=submit], [type=reset]) > svg:first-child,
a:not(.-icon):is([role=button], [role=menuitem], [role=tab], .btn) > svg:first-child,
label:not(.-icon):is([role=button]) > svg:first-child,
dialog[role=navigation] a:not(.-icon) > svg:first-child {
  grid-column: 1;
}
button:not(.-icon) > svg:first-child + span,
input:not(.-icon):is([type=button], [type=submit], [type=reset]) > svg:first-child + span,
a:not(.-icon):is([role=button], [role=menuitem], [role=tab], .btn) > svg:first-child + span,
label:not(.-icon):is([role=button]) > svg:first-child + span,
dialog[role=navigation] a:not(.-icon) > svg:first-child + span {
  grid-column: 2;
}
button:has(> svg:first-child):not(.-icon),
input:has(> svg:first-child):not(.-icon):is([type=button], [type=submit], [type=reset]),
a:has(> svg:first-child):not(.-icon):is([role=button], [role=menuitem], [role=tab], .btn),
label:has(> svg:first-child):not(.-icon):is([role=button]),
dialog[role=navigation] a:has(> svg:first-child):not(.-icon) {
  grid-template-columns: min-content 1fr;
}
button.-icon > span:not(:focus):not(:active),
input.-icon:is([type=button], [type=submit], [type=reset]) > span:not(:focus):not(:active),
a.-icon:is([role=button], [role=menuitem], [role=tab], .btn) > span:not(:focus):not(:active),
label.-icon:is([role=button]) > span:not(:focus):not(:active),
dialog[role=navigation] a.-icon > span:not(:focus):not(:active), button.-fab > span:not(:focus):not(:active),
input.-fab:is([type=button], [type=submit], [type=reset]) > span:not(:focus):not(:active),
a.-fab:is([role=button], [role=menuitem], [role=tab], .btn) > span:not(:focus):not(:active),
label.-fab:is([role=button]) > span:not(:focus):not(:active),
dialog[role=navigation] a.-fab > span:not(:focus):not(:active) {
  clip: rect(0 0 0 0);
  clip-path: inset(100%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
button .-block,
input:is([type=button], [type=submit], [type=reset]) .-block,
a:is([role=button], [role=menuitem], [role=tab], .btn) .-block,
label:is([role=button]) .-block,
dialog[role=navigation] a .-block {
  flex-grow: 1;
  width: 100%;
}
button .-block + button .-block.-block,
input:is([type=button], [type=submit], [type=reset]) .-block + button .-block.-block,
a:is([role=button], [role=menuitem], [role=tab], .btn) .-block + button .-block.-block,
label:is([role=button]) .-block + button .-block.-block,
dialog[role=navigation] a .-block + button .-block.-block,
button .-block + input:is([type=button], [type=submit], [type=reset]) .-block.-block,
input:is([type=button], [type=submit], [type=reset]) .-block + input:is([type=button], [type=submit], [type=reset]) .-block.-block,
a:is([role=button], [role=menuitem], [role=tab], .btn) .-block + input:is([type=button], [type=submit], [type=reset]) .-block.-block,
label:is([role=button]) .-block + input:is([type=button], [type=submit], [type=reset]) .-block.-block,
dialog[role=navigation] a .-block + input:is([type=button], [type=submit], [type=reset]) .-block.-block,
button .-block + a:is([role=button], [role=menuitem], [role=tab], .btn) .-block.-block,
input:is([type=button], [type=submit], [type=reset]) .-block + a:is([role=button], [role=menuitem], [role=tab], .btn) .-block.-block,
a:is([role=button], [role=menuitem], [role=tab], .btn) .-block + a:is([role=button], [role=menuitem], [role=tab], .btn) .-block.-block,
label:is([role=button]) .-block + a:is([role=button], [role=menuitem], [role=tab], .btn) .-block.-block,
button .-block + label:is([role=button]) .-block.-block,
input:is([type=button], [type=submit], [type=reset]) .-block + label:is([role=button]) .-block.-block,
a:is([role=button], [role=menuitem], [role=tab], .btn) .-block + label:is([role=button]) .-block.-block,
label:is([role=button]) .-block + label:is([role=button]) .-block.-block,
dialog[role=navigation] a .-block + label:is([role=button]) .-block.-block,
button dialog[role=navigation] .-block + a .-block.-block,
dialog[role=navigation] button .-block + a .-block.-block,
input:is([type=button], [type=submit], [type=reset]) dialog[role=navigation] .-block + a .-block.-block,
dialog[role=navigation] input:is([type=button], [type=submit], [type=reset]) .-block + a .-block.-block,
a:is([role=button], [role=menuitem], [role=tab], .btn) dialog[role=navigation] .-block + a .-block.-block,
label:is([role=button]) dialog[role=navigation] .-block + a .-block.-block,
dialog[role=navigation] label:is([role=button]) .-block + a .-block.-block,
dialog[role=navigation] a .-block + a .-block.-block {
  margin-top: var(--input-padding-y);
}
button.-compact,
input.-compact:is([type=button], [type=submit], [type=reset]),
a.-compact:is([role=button], [role=menuitem], [role=tab], .btn),
label.-compact:is([role=button]),
dialog[role=navigation] a.-compact {
  --input-padding-x: calc(var(--input-padding-x) / 2);
}
button.-dense,
input.-dense:is([type=button], [type=submit], [type=reset]),
a.-dense:is([role=button], [role=menuitem], [role=tab], .btn),
label.-dense:is([role=button]),
dialog[role=navigation] a.-dense {
  letter-spacing: 0;
}
button.-lg,
input.-lg:is([type=button], [type=submit], [type=reset]),
a.-lg:is([role=button], [role=menuitem], [role=tab], .btn),
label.-lg:is([role=button]),
dialog[role=navigation] a.-lg {
  --font-size-input: 1.25rem;
}
button.-sm,
input.-sm:is([type=button], [type=submit], [type=reset]),
a.-sm:is([role=button], [role=menuitem], [role=tab], .btn),
label.-sm:is([role=button]),
dialog[role=navigation] a.-sm {
  --font-size-input: 0.85rem;
  --input-padding-x: 0.5rem;
}
button.-xs,
input.-xs:is([type=button], [type=submit], [type=reset]),
a.-xs:is([role=button], [role=menuitem], [role=tab], .btn),
label.-xs:is([role=button]),
dialog[role=navigation] a.-xs {
  --font-size-input: 0.85rem;
  --input-padding-x: 0.25rem;
  letter-spacing: 0;
}
button.-flat,
input.-flat:is([type=button], [type=submit], [type=reset]),
a.-flat:is([role=button], [role=menuitem], [role=tab], .btn),
label.-flat:is([role=button]),
dialog[role=navigation] a.-flat, button.-outline,
input.-outline:is([type=button], [type=submit], [type=reset]),
a.-outline:is([role=button], [role=menuitem], [role=tab], .btn),
label.-outline:is([role=button]),
dialog[role=navigation] a.-outline {
  transition: background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
}

a:is([role=button], [role=menuitem][disabled], [role=tab], .btn)[disabled],
a:is([role=button], [role=menuitem], [role=tab], .btn).disabled,
fieldset[disabled] a:is([role=button], .btn),
dialog[role=navigation] a[disabled], dialog[role=navigation] a.disabled {
  pointer-events: none;
}

a:is([role=button], [role=menuitem], [role=tab], .btn), dialog[role=navigation] a {
  text-decoration: none;
}

button:not([role=menuitem]):not([role=tab]), a:is([role=button]), label:is([role=button]) {
  --border-radius: calc(var(--font-size) + var(--input-padding-x));
}

/** Display Utilities **/
[aria-hidden=true], [hidden] {
  display: none !important;
}

/** Body Layout **/
body:has(dialog[role=navigation]) {
  --column-main: 2;
  --column-header: span 2;
  --column-footer: span 2;
}

body.-drawer {
  --column-main: 2;
  --column-header: span 2;
  --column-footer: span 2;
}

body main + footer {
  --row-footer: 2;
}
body > header ~ main {
  --row-main: 2;
}
body > header ~ main + footer {
  --row-footer: 3;
}
body > header + dialog[role=navigation] {
  --row-sidebar: 2;
}

body > main {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

body {
  grid-template-rows: var(--height-header) 1fr var(--height-footer);
  grid-template-columns: min-content minmax(0, 1fr);
  overflow-x: var(--overflow-body);
  transition: all 0.2s ease-in-out;
  min-height: 100vh;
  display: grid;
}
body > header {
  grid-row: var(--row-header);
  grid-column: var(--column-header);
}
body > footer {
  grid-row: var(--row-footer);
  grid-column: var(--column-footer);
}
body main {
  position: relative;
  grid-column: var(--column-main);
  grid-row: var(--row-main);
  padding: var(--spacer);
}
body dialog[role=navigation] {
  grid-column: var(--column-sidebar);
  grid-row: var(--row-sidebar);
}
body dialog[role=navigation] > nav {
  grid-column: var(--column-sidebar);
  min-width: var(--width-sidebar);
}

/** Card Pattern **/
article, article > section, article > form > section {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding: var(--padding-y) var(--padding-x);
  color: var(--color-text);
  border: var(--border-width) solid var(--color-outline);
  border-radius: var(--border-radius);
  background-color: var(--color-bg);
  box-shadow: none;
  row-gap: var(--padding-y);
}
article.-action, article > section.-action, article > form > section.-action {
  cursor: pointer;
}
article > header, article > footer, article > div, article > section > header, article > section > footer, article > section > div, article > form > section > header, article > form > section > footer, article > form > section > div {
  padding-left: var(--padding-x);
  padding-right: var(--padding-x);
  margin: 0 calc(var(--padding-x) * -1);
  min-height: 0;
}
article > header:first-child, article > footer:first-child, article > div:first-child, article > section > header:first-child, article > section > footer:first-child, article > section > div:first-child, article > form > section > header:first-child, article > form > section > footer:first-child, article > form > section > div:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
  margin-top: calc(var(--padding-y) * -1);
  padding-top: var(--padding-y);
}
article > header:last-child, article > footer:last-child, article > div:last-child, article > section > header:last-child, article > section > footer:last-child, article > section > div:last-child, article > form > section > header:last-child, article > form > section > footer:last-child, article > form > section > div:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  margin-bottom: calc(var(--padding-y) * -1);
  padding-bottom: var(--padding-x);
}
article > header > h1, article > header > h2, article > header > h3, article > header > h4, article > header > h5, article > header > h6, article > section > header > h1, article > section > header > h2, article > section > header > h3, article > section > header > h4, article > section > header > h5, article > section > header > h6, article > form > section > header > h1, article > form > section > header > h2, article > form > section > header > h3, article > form > section > header > h4, article > form > section > header > h5, article > form > section > header > h6 {
  margin-bottom: 0;
}
article + article, article > section + article, article > form > section + article {
  margin-top: var(--padding-y);
}

table {
  --color-emphasis: var(--theme-on-n2);
  --color-tint-grid: rgb(var(--color-bg-rgb) / var(--opacity-grid));
}
table > thead > tr > *[aria-sort] {
  --color-text: var(--theme-on-n2);
}
table > thead > tr > *[aria-sort]:before {
  color: var(--theme-on-n2);
}
table > thead > tr > *[aria-sort] > label {
  --color-label: var(--theme-on-n2);
}

table[role=grid] > tbody tr:nth-child(odd) > * {
  --color-tint-grid: rgb(var(--color-bg-rgb) / var(--opacity-grid));
}

table {
  border: var(--border-width) solid var(--color-outline);
  border-radius: var(--border-radius);
  font-family: var(--font-table);
  border-spacing: 0;
  color: black;
  min-width: 100%;
  table-layout: auto;
  white-space: nowrap;
}
table:not(caption) > thead > tr > *, table:not(caption) > tbody > tr > *, table:not(caption) > tr > * {
  color: var(--color-text);
  border-bottom: var(--border-width) solid var(--color-divider);
  padding: var(--padding-y) var(--padding-x);
  vertical-align: middle;
}
table:not(caption) > tbody:last-child > tr:last-child > * {
  border-bottom-width: 0;
}
table:not(caption) > tbody > tr[data-click]:not([data-click=false]):hover {
  cursor: var(--cursor-strong);
}
table.-fixed, table[width] {
  table-layout: fixed;
}
table .-left {
  text-align: left;
}
table .-right, table .-numeric {
  text-align: right;
}
table .-center {
  text-align: center;
}
table:not(.-hoverless) > tbody > tr:hover > td {
  background-color: rgb(var(--color-tint-rgb)/var(--opacity-hover));
}
table > thead > tr > * {
  border-bottom: calc(var(--border-width) * 2) solid var(--color-divider);
  font-weight: var(--font-weight-medium);
  text-align: left;
}
table > thead > tr > *[aria-sort]:hover {
  cursor: var(--cursor-strong);
}
table > thead > tr > *[aria-sort]:before {
  color: var(--color-text);
  font-family: var(--font-monospace);
  content: "↓";
  position: relative;
  top: -1px;
  padding-right: 0.25rem;
  opacity: var(--opacity-control);
}
table > thead > tr > *[aria-sort]:not([aria-sort=none]) {
  font-weight: var(--font-weight-bold);
}
table > thead > tr > *[aria-sort]:not([aria-sort=none]):before {
  opacity: 1;
}
table > thead > tr > *[aria-sort] > label {
  margin-bottom: 0;
}
table > thead > tr > *[aria-sort=descending]:before {
  content: "↑";
}

table[role=grid] tbody tr:nth-child(odd) > * {
  background-color: var(--color-tint-grid);
}

table > tbody[aria-busy=true] > tr {
  transition: var(--transition-fade);
  opacity: 0;
}
table > tbody[aria-busy=true]:before {
  position: absolute;
  left: 50%;
  top: 50%;
}

figure:has(table), figure.-table {
  display: grid;
  grid-template-columns: min-content 1fr;
  grid-template-rows: min-content 1fr;
  margin-inline-start: 0;
  margin-inline-end: 0;
  grid-row-gap: var(--padding-y);
  grid-column-gap: var(--padding-x);
}
figure:has(table) > figcaption, figure.-table > figcaption {
  grid-row: 1;
  grid-column: 1;
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  align-self: center;
  padding-left: var(--padding-x);
  padding-right: var(--padding-x);
}
figure:has(table) > nav, figure:has(table) > menu, figure.-table > nav, figure.-table > menu {
  grid-row: 1;
  grid-column: 2;
}
figure:has(table) > table, figure.-table > table {
  grid-row: 2;
  grid-column: span 2;
}

article > table,
details > table,
article > section > table,
article > form > section > table,
article > figure > table {
  margin-left: calc(var(--padding-x) * -1);
  margin-right: calc(var(--padding-x) * -1);
  border-width: 0;
  width: calc(100% + 2 * var(--padding-x));
}

article > table:first-child,
details > table:first-child,
article > section > table:first-child,
article > form > section > table:first-child,
article > figure:first-child > table:first-child {
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
  margin-top: calc(var(--padding-y) * -1);
}
article > table:first-child > *:first-child,
details > table:first-child > *:first-child,
article > section > table:first-child > *:first-child,
article > form > section > table:first-child > *:first-child,
article > figure:first-child > table:first-child > *:first-child {
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}

article > table:last-child,
details > table:last-child,
article > section > table:last-child,
article > form > section > table:last-child,
article > figure:last-child > table:last-child {
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  margin-bottom: calc(var(--padding-y) * -1);
}
article > table:last-child > *:last-child,
details > table:last-child > *:last-child,
article > section > table:last-child > *:last-child,
article > form > section > table:last-child > *:last-child,
article > figure:last-child > table:last-child > *:last-child {
  border-bottom-left-radius: var(--border-radius);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-width: 0;
}
article > table:not(caption) > thead:last-child > tr:last-child, article > table:not(caption) > tbody:last-child > tr:last-child > *, article > table:not(caption) > tr:last-child > *,
details > table:not(caption) > thead:last-child > tr:last-child,
details > table:not(caption) > tbody:last-child > tr:last-child > *,
details > table:not(caption) > tr:last-child > *,
article > section > table:not(caption) > thead:last-child > tr:last-child,
article > section > table:not(caption) > tbody:last-child > tr:last-child > *,
article > section > table:not(caption) > tr:last-child > *,
article > form > section > table:not(caption) > thead:last-child > tr:last-child,
article > form > section > table:not(caption) > tbody:last-child > tr:last-child > *,
article > form > section > table:not(caption) > tr:last-child > *,
article > figure:last-child > table:not(caption) > thead:last-child > tr:last-child,
article > figure:last-child > table:not(caption) > tbody:last-child > tr:last-child > *,
article > figure:last-child > table:not(caption) > tr:last-child > * {
  border-bottom-width: 0;
}

article > figure:has(table) {
  max-width: calc(100% + var(--padding-x) * 2);
  margin-block-start: var(--offset-y);
  margin-block-end: var(--padding-y);
  margin-inline-start: var(--offset-x);
  margin-inline-end: var(--offset-x);
  overflow: hidden;
  overflow-x: auto;
  border: none;
}
article > figure:has(table) > table {
  margin: 0;
  width: 100%;
}
@supports (not selector(::-webkit-scrollbar)) and (scrollbar-color: auto) {
  article > figure:has(table) {
    scrollbar-width: calc(var(--scrollbar-inline-width) / 2);
    scrollbar-color: var(--scrollbar-inline-thumb) var(--scrollbar-inline-color);
  }
}
@supports selector(::-webkit-scrollbar) {
  article > figure:has(table)::-webkit-scrollbar {
    height: var(--scrollbar-inline-width);
    width: var(--scrollbar-inline-width);
    background: var(--scrollbar-inline-color);
  }
  article > figure:has(table)::-webkit-scrollbar-thumb {
    background: var(--scrollbar-inline-thumb);
  }
}

/** Icons **/
:where(svg:not([fill])) {
  fill: currentColor;
}

svg:not(:root) {
  overflow: hidden;
}

svg[role=img] {
  width: var(--icon-size);
  height: var(--icon-size);
}

/** Modal Dialog **/
dialog {
  position: fixed;
  z-index: 1065;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  min-width: 100%;
  height: 100%;
  padding: 1rem;
  border: 0;
  background-color: var(--modal-bg);
  backdrop-filter: var(--modal-filter);
}

dialog:not([open]), dialog[open=false] {
  display: none !important;
}

dialog > article, dialog > form > article {
  z-index: 1070;
  min-width: 200px;
  display: flex;
  flex-direction: column;
  position: relative;
  border-radius: var(--padding-x);
}
dialog > article, dialog > article:after, dialog > form > article, dialog > form > article:after {
  border-radius: var(--padding-x);
  overflow: hidden;
}

dialog > article > button[aria-label=close i], dialog > article > header > button[aria-label=close i], dialog > form > article > button[aria-label=close i], dialog > form > article > header > button[aria-label=close i] {
  --color-bg: transparent;
  padding: var(--padding-half-x);
  border-radius: 50%;
  width: calc(var(--icon-size) + var(--padding-half-x) * 2);
  height: calc(var(--icon-size) + var(--padding-half-x) * 2);
  display: flex;
}
dialog > article > button[aria-label=close i], dialog > form > article > button[aria-label=close i] {
  --color-bg: transparent;
  position: absolute;
  right: var(--padding-x);
  top: var(--padding-x);
}
dialog > article > header, dialog > article > footer, dialog > form > article > header, dialog > form > article > footer {
  margin: calc(var(--padding-y) * -1) calc(var(--padding-y) * -1) 0 calc(var(--padding-y) * -1);
  padding: var(--padding-y) calc(var(--padding-x) / 4);
}
dialog > article > header, dialog > form > article > header {
  text-align: center;
}
dialog > article > header > button[aria-label=close i], dialog > form > article > header > button[aria-label=close i] {
  justify-self: end;
}
dialog > article > footer, dialog > form > article > footer {
  display: flex;
  justify-content: end;
  text-align: right;
  column-gap: var(--padding-half-x);
}

/** Tabs **/
[role=tablist] {
  --color-outline: var(--theme-outline);
  --color-bg: transparent;
}

*[role=tab], [role=tablist] > *[role=button] {
  --color-bg: transparent;
  --color-link: var(--theme-on-c1);
  --color-icon: var(--theme-on-c1);
  --color-outline: transparent;
  --color-bg-active: transparent;
  --color-shadow: transparent;
  --tab-border-width: 0;
  --tab-border-width-bottom: calc(var(--border-width) * 2);
  position: relative;
}
*[role=tab][aria-selected]:not([aria-selected=false]), [role=tablist] > *[role=button][aria-selected]:not([aria-selected=false]) {
  --color-bg: transparent;
  --color-link: var(--theme-color);
  --color-icon: var(--theme-color);
  --color-outline: var(--theme-color);
}
*[role=tab]:hover, [role=tablist] > *[role=button]:hover {
  --color-outline: var(--theme-color);
}
*[role=tab]:after, [role=tablist] > *[role=button]:after {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: " ";
  pointer-events: none;
}
*[role=tab]:hover:after, [role=tablist] > *[role=button]:hover:after {
  background-color: rgba(var(--theme-color-rgb)/var(--opacity-elevation-2)) !important;
}

.-pills *[role=tab], .-pills [role=tablist] > *[role=button] {
  --color-bg: var(--theme-c1);
  --color-link: var(--theme-on-c1);
  --color-icon: var(--theme-on-c1);
  --color-outline: transparent;
  --color-shadow: transparent;
  --tab-border-width: var(--border-width);
  --tab-border-width-bottom: var(--border-width);
}
.-pills *[role=tab][aria-selected]:not([aria-selected=false]), .-pills [role=tablist] > *[role=button][aria-selected]:not([aria-selected=false]) {
  --color-bg: var(--theme-color);
  --color-link: var(--theme-on-color);
  --color-icon: var(--theme-on-color);
  --color-outline: var(--theme-color);
}

nav a, a[role=menuitem] {
  text-decoration: none;
}
nav a:hover, a[role=menuitem]:hover {
  text-decoration: none;
}

nav[role=tablist] {
  width: 100%;
  padding: 0 var(--padding-x);
  border-bottom: var(--border-width) solid var(--color-outline);
}
nav[role=tablist] *[role=tab] {
  position: relative;
  bottom: -1px;
  text-transform: var(--ui-transform);
  border-width: var(--tab-border-width);
  border-bottom: var(--tab-border-width-bottom) solid var(--color-outline);
  border-radius: var(--border-radius) var(--border-radius) 0 0;
  outline: none;
}

nav[role=tablist].-pills, .-pills nav[role=tablist] {
  padding: var(--padding-y) var(--padding-x);
  border-bottom: none;
}
nav[role=tablist].-pills *[role=tab], .-pills nav[role=tablist] *[role=tab] {
  bottom: 0;
  padding-top: calc(var(--padding-y) / 2);
  padding-bottom: calc(var(--padding-y) / 2);
  border: var(--tab-border-width) solid var(--color-outline);
  border-radius: calc(var(--padding-x) + var(--padding-y));
}

nav[role=tablist].-filled *[role=tab], .-filled nav[role=tablist] *[role=tab] {
  border-width: 0 0 var(--tab-border-width) 0;
}

nav[role=tablist] ~ *[role=tabpanel][hidden] {
  display: none;
}
nav[role=tablist] ~ *[role=tabpanel] + *[role=tabpanel] {
  margin-top: 0;
}

article[role=tabpanel] {
  transition: var(--transition-fade);
  border-top-width: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: none;
}

header > nav > [role=menuitem], header > nav > .dropdown > [role=menuitem] {
  --color-bg: transparent;
}

/** Menubar **/
nav ul[role=menubar] {
  display: flex;
  flex-flow: row nowrap;
  margin-bottom: 0;
  padding: 0;
  list-style: none;
  column-gap: calc(var(--spacer) * 1.5);
}
nav ul[role=menubar] li {
  display: inline-block;
}
nav ul[role=menubar] button[role=menuitem], nav ul[role=menubar] a[role=menuitem] {
  display: inline-flex;
  align-items: center;
}

/** Dropdown **/
nav.dropdown {
  position: relative;
}

dialog[role=menu] {
  --color-bg: rgb(var(--theme-e2-rgb) / 1);
  --color-text: var(--theme-on-bg);
  --color-divider: var(--theme-divider);
}
dialog[role=menu] > * {
  --color-bg: transparent;
  --color-icon: var(--theme-color);
  --color-link: var(--theme-link-on-bg);
  --color-text: var(--theme-on-bg);
  --color-outline: var(--theme-outline);
}
dialog[role=menu] > *:after {
  --color-tint-rgb: var(--theme-on-bg-rgb);
}

dialog[role=menu] {
  position: absolute !important;
  z-index: 1050;
  top: calc(100% + var(--border-width));
  right: unset;
  bottom: unset;
  left: 0;
  display: grid;
  overflow: hidden;
  align-items: start;
  justify-content: end;
  min-width: max-content;
  height: auto;
  margin: 1px 0 0 0;
  padding: 0;
  border-radius: var(--border-radius);
  background-color: var(--color-bg);
  grid-template-columns: auto;
  backdrop-filter: none;
}
dialog[role=menu] > * {
  font-size: var(--font-size);
  font-weight: var(--font-weight-normal);
  position: relative;
  z-index: 1055;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: var(--padding-y) var(--padding-x);
  text-align: left;
  border-width: 0 var(--border-width);
  border-radius: 0;
  box-shadow: none;
}
dialog[role=menu] > *:first-child {
  border-top-width: var(--border-width);
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
dialog[role=menu] > *:last-child {
  border-bottom-width: var(--border-width);
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}
dialog[role=menu] > h3, dialog[role=menu] > h4, dialog[role=menu] > h5 {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-bold);
  text-transform: uppercase;
  color: var(--color-text);
  border-style: solid;
  border-color: var(--color-outline);
  background-color: var(--color-bg);
}
dialog[role=menu] > a[role=menuitem], dialog[role=menu] > button[role=menuitem] {
  display: grid;
  align-items: center;
  --icon-size: .9rem;
  grid-template-rows: 1fr;
  grid-template-columns: var(--icon-size) 1fr;
  column-gap: var(--padding-x);
}

/** Drawer */
dialog[role=navigation] {
  --color-bg: transparent;
  --color-text: var(--theme-on-n2);
  --color-outline: transparent;
  --drawer-font-size: .875rem;
}
dialog[role=navigation] > nav {
  --color-bg: var(--theme-bg);
}
dialog[role=navigation] a {
  --color-bg: transparent;
  --color-link: var(--theme-on-n2);
  --color-icon: var(--theme-on-n2);
  --color-shadow: transparent;
  --color-outline: transparent;
}
dialog[role=navigation] a:hover, dialog[role=navigation] a:focus {
  --color-link: var(--theme-on-bg);
  --color-icon: var(--theme-on-bg);
}
dialog[role=navigation] a:hover:after, dialog[role=navigation] a:focus:after {
  --color-tint-rgb: var(--theme-on-bg-rgb);
  --color-tint: rgb(var(--color-tint-rgb) / var(--opacity-hover));
}
dialog[role=navigation] a[aria-current]:not([aria-current=false]) {
  --color-bg: var(--app-c2);
  --color-link: var(--app-on-c2);
  --color-icon: var(--app-on-c2);
}
dialog[role=navigation] a[aria-current]:not([aria-current=false]):hover, dialog[role=navigation] a[aria-current]:not([aria-current=false]):focus {
  --color-link: var(--app-on-c2);
  --color-icon: var(--app-on-c2);
}
dialog[role=navigation] a[aria-current]:not([aria-current=false]):hover:after, dialog[role=navigation] a[aria-current]:not([aria-current=false]):focus:after {
  --color-tint-rgb: var(--app-on-c2-rgb);
  --color-tint: rgb(var(--color-tint-rgb) / var(--opacity-hover));
}

dialog[role=navigation] {
  padding: 0;
  align-items: start;
  justify-content: start;
  overflow-x: scroll;
}
dialog[role=navigation] nav {
  display: flex;
  flex-direction: column;
  background-color: var(--color-bg);
  padding: 1rem 1rem;
  color: var(--color-text);
  font-size: var(--drawer-font-size);
  font-weight: var(--font-weight-medium);
  width: auto;
}
dialog[role=navigation] nav header, dialog[role=navigation] nav footer, dialog[role=navigation] nav .ml-auto {
  display: none;
}
dialog[role=navigation] a {
  padding: var(--padding-y) calc(var(--padding-x) * 0.75);
  display: grid;
  column-gap: var(--padding-x);
  grid-template-columns: var(--icon-size) 1fr;
  grid-template-rows: 1fr;
  border-radius: 1.25rem;
  width: 100%;
  position: relative;
}
dialog[role=navigation] a:after {
  border-radius: calc(var(--border-radius) * 2);
}
dialog[role=navigation] a:after {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: " ";
  pointer-events: none;
}
dialog[role=navigation] a:hover:after {
  background-color: rgb(var(--color-tint-rgb)/var(--opacity-hover));
}
dialog[role=navigation] a span {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
dialog[role=navigation] h3, dialog[role=navigation] h4 {
  font-weight: var(--font-weight-light);
  text-transform: uppercase;
  padding-left: 0.7rem;
  padding-right: 0.7rem;
}
dialog[role=navigation] h4 {
  font-size: var(--font-size-sm);
  margin-bottom: 0;
}

header > button[aria-label=menu]:not([role=menuitem]):not([role=tab]) {
  --color-bg: transparent;
  --border-radius: 0;
}

/** Breadcrumbs **/
nav[aria-label=breadcrumb] {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  text-transform: var(--ui-transform);
}
nav[aria-label=breadcrumb] ol {
  margin: 0;
  list-style: none;
  display: grid;
  align-items: center;
  justify-content: start;
  grid-template-columns: repeat(auto-fit, minmax(2rem, max-content));
  grid-template-rows: 1fr;
}
nav[aria-label=breadcrumb] ol li:not(:first-child) {
  margin-inline-start: var(--padding-x);
}
nav[aria-label=breadcrumb] ol li:not(:last-child) {
  padding-right: 1rem;
}
nav[aria-label=breadcrumb] ol li:not(:last-child)::after {
  position: absolute;
  width: 1rem;
  margin-inline-start: calc(var(--padding-x) / 2);
  content: "/";
  color: var(--color-on-neutral);
  text-align: center;
}
nav[aria-label=breadcrumb] a[aria-current] {
  background-color: transparent;
  color: inherit;
  text-decoration: none;
  pointer-events: none;
}

/** Accordion **/
details > summary + * {
  margin-top: var(--padding-y);
}

.accordion {
  --color-outline: transparent;
}
.accordion > details, .accordion > article {
  --color-bg: var(--theme-bg);
  --color-outline: var(--color-divider);
}
.accordion > details[open]:not([open=false]) > table, .accordion > details[open]:not([open=false]) > figure > table, .accordion > details[open]:not([open=false]) > article, .accordion > details[open]:not([open=false]) > section, .accordion > article[open]:not([open=false]) > table, .accordion > article[open]:not([open=false]) > figure > table, .accordion > article[open]:not([open=false]) > article, .accordion > article[open]:not([open=false]) > section {
  --color-bg: var(--color-e2);
}
.accordion > details[open]:not([open=false]) > table > article, .accordion > details[open]:not([open=false]) > table > section, .accordion > details[open]:not([open=false]) > figure > table > article, .accordion > details[open]:not([open=false]) > figure > table > section, .accordion > details[open]:not([open=false]) > article > article, .accordion > details[open]:not([open=false]) > article > section, .accordion > details[open]:not([open=false]) > section > article, .accordion > details[open]:not([open=false]) > section > section, .accordion > article[open]:not([open=false]) > table > article, .accordion > article[open]:not([open=false]) > table > section, .accordion > article[open]:not([open=false]) > figure > table > article, .accordion > article[open]:not([open=false]) > figure > table > section, .accordion > article[open]:not([open=false]) > article > article, .accordion > article[open]:not([open=false]) > article > section, .accordion > article[open]:not([open=false]) > section > article, .accordion > article[open]:not([open=false]) > section > section {
  --color-bg: var(--color-e3);
}
.accordion > details[open]:not([open=false]) > table > article > article, .accordion > details[open]:not([open=false]) > table > article > section, .accordion > details[open]:not([open=false]) > table > section > article, .accordion > details[open]:not([open=false]) > table > section > section, .accordion > details[open]:not([open=false]) > figure > table > article > article, .accordion > details[open]:not([open=false]) > figure > table > article > section, .accordion > details[open]:not([open=false]) > figure > table > section > article, .accordion > details[open]:not([open=false]) > figure > table > section > section, .accordion > details[open]:not([open=false]) > article > article > article, .accordion > details[open]:not([open=false]) > article > article > section, .accordion > details[open]:not([open=false]) > article > section > article, .accordion > details[open]:not([open=false]) > article > section > section, .accordion > details[open]:not([open=false]) > section > article > article, .accordion > details[open]:not([open=false]) > section > article > section, .accordion > details[open]:not([open=false]) > section > section > article, .accordion > details[open]:not([open=false]) > section > section > section, .accordion > article[open]:not([open=false]) > table > article > article, .accordion > article[open]:not([open=false]) > table > article > section, .accordion > article[open]:not([open=false]) > table > section > article, .accordion > article[open]:not([open=false]) > table > section > section, .accordion > article[open]:not([open=false]) > figure > table > article > article, .accordion > article[open]:not([open=false]) > figure > table > article > section, .accordion > article[open]:not([open=false]) > figure > table > section > article, .accordion > article[open]:not([open=false]) > figure > table > section > section, .accordion > article[open]:not([open=false]) > article > article > article, .accordion > article[open]:not([open=false]) > article > article > section, .accordion > article[open]:not([open=false]) > article > section > article, .accordion > article[open]:not([open=false]) > article > section > section, .accordion > article[open]:not([open=false]) > section > article > article, .accordion > article[open]:not([open=false]) > section > article > section, .accordion > article[open]:not([open=false]) > section > section > article, .accordion > article[open]:not([open=false]) > section > section > section {
  --color-bg: var(--color-e4);
}
.accordion > details table, .accordion > article table {
  --color-outline: var(--color-divider);
}
.accordion table {
  --color-outline: var(--color-divider);
}

.accordion {
  background-color: var(--color-bg);
}
.accordion > details, .accordion > article {
  background-color: transparent;
  border: var(--border-width) solid var(--color-outline);
}
.accordion > details table, .accordion > article table {
  font-family: var(--font-table);
  position: relative;
  z-index: 2;
  overflow: hidden;
  width: calc(100% + var(--padding-x));
  margin-top: var(--padding-y);
  margin-right: calc(var(--padding-x) * -0.5);
  margin-bottom: 0 !important;
  margin-left: calc(var(--padding-x) * -0.5);
  border-radius: var(--border-radius);
  border-width: 0;
}
.accordion > details table > thead > tr > *, .accordion > article table > thead > tr > * {
  font-size: var(--font-size-sm);
  text-transform: var(--ui-transform);
  color: var(--color-emphasis);
}
.accordion > details table:not(.-hoverless) > tbody > tr:hover > td, .accordion > article table:not(.-hoverless) > tbody > tr:hover > td {
  background-color: rgb(var(--theme-color-rgb)/var(--opacity-hover));
}
.accordion figure:has(table) {
  max-width: calc(100% + var(--padding-x));
  margin-block-start: var(--padding-y);
  margin-block-end: 0;
  margin-inline-start: calc(var(--padding-x) * -0.5);
  margin-inline-end: calc(var(--padding-x) * -0.5);
  overflow: hidden;
  overflow-x: auto;
  border: none;
}
.accordion figure:has(table) > table {
  margin: 0;
  width: 100%;
}
@supports (not selector(::-webkit-scrollbar)) and (scrollbar-color: auto) {
  .accordion figure:has(table) {
    scrollbar-width: calc(var(--scrollbar-inline-width) / 2);
    scrollbar-color: var(--scrollbar-inline-thumb) var(--scrollbar-inline-color);
  }
}
@supports selector(::-webkit-scrollbar) {
  .accordion figure:has(table)::-webkit-scrollbar {
    height: var(--scrollbar-inline-width);
    width: var(--scrollbar-inline-width);
    background: var(--scrollbar-inline-color);
  }
  .accordion figure:has(table)::-webkit-scrollbar-thumb {
    background: var(--scrollbar-inline-thumb);
  }
}
.accordion > details > summary {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  margin: calc(var(--padding-y) * -0.25) calc(var(--padding-x) * -0.75);
  padding: calc(var(--padding-y) / 4) calc(var(--padding-x));
  position: relative;
}
.accordion > details > summary:after {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  content: " ";
  pointer-events: none;
  border-radius: 1.25rem;
}
.accordion > details > summary:hover:after {
  background-color: rgb(var(--color-tint-rgb)/var(--opacity-hover));
}
.accordion > details > summary > [role=status] {
  font-family: var(--font-monospace);
  font-size: var(--font-size-sm);
  line-height: 1;
  position: absolute;
  top: calc(50% - 0.625rem);
  right: var(--padding-x);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  height: 1.25rem;
  padding: 0 0.3rem;
  color: var(--app-on-a3);
  border-radius: calc(var(--border-radius) * 4);
  background-color: var(--app-a3);
}
.accordion > article {
  padding-top: calc(var(--padding-y) / 2) !important;
}

.accordion > details {
  overflow: hidden;
  margin-top: var(--padding-y);
  margin-bottom: var(--padding-y);
  padding: var(--padding-y) var(--padding-x);
  border-radius: var(--border-radius);
}
.accordion > details:first-child {
  margin-top: 0;
  border-top-left-radius: var(--border-radius);
  border-top-right-radius: var(--border-radius);
}
.accordion > details:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: var(--border-radius);
  border-bottom-left-radius: var(--border-radius);
}

/** Progress **/
progress {
  display: inline-block;
  vertical-align: baseline;
}

progress {
  --progress-max: 100;
  --color-active: var(--theme-color);
  --color-bg: var(--theme-n2);
}

progress {
  width: 100%;
  height: 0.5rem;
  margin-bottom: calc(var(--spacer) * 0.5);
  color: var(--color-active);
  border: 0;
  border-radius: var(--border-radius);
  background-color: var(--color-bg);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
progress::-webkit-progress-bar {
  border-radius: var(--border-radius);
  background: none;
}
progress[value]::-webkit-progress-value {
  background-color: var(--color-active);
}
progress::-moz-progress-bar {
  background-color: var(--color-active);
}
@media (prefers-reduced-motion: no-preference) {
  progress:indeterminate {
    background: var(--color-bg) linear-gradient(to right, var(--color-active) 30%, var(--color-bg) 30%) top left/150% 150% no-repeat;
    animation: progress-indeterminate 1s linear infinite;
  }
  progress:indeterminate[value]::-webkit-progress-value {
    background-color: transparent;
  }
  progress:indeterminate::-moz-progress-bar {
    background-color: transparent;
  }
}

@media (prefers-reduced-motion: no-preference) {
  [dir=rtl] progress:indeterminate {
    animation-direction: reverse;
  }
}

/** Steps **/
div.steps, div:has(progress:first-child) {
  display: grid;
  grid-template-columns: repeat(var(--progress-max), 1fr);
  grid-template-rows: 1fr 1fr;
}
div.steps > progress ~ span[data-value], div:has(progress:first-child) > progress ~ span[data-value] {
  text-align: center;
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
}
div.steps > progress ~ span[data-value].active, div:has(progress:first-child) > progress ~ span[data-value].active {
  font-weight: var(--font-weight-bold);
  color: var(--app-a2);
}
div.steps > progress, div:has(progress:first-child) > progress {
  grid-row: 1;
  grid-column: 1/-1;
}

@keyframes progress-indeterminate {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
[aria-busy=true] {
  cursor: progress;
}

[aria-busy=true]:not(input, select, textarea, .-spinnerless)::before {
  display: inline-block;
  width: 1em;
  height: 1em;
  border: 0.1875em solid currentColor;
  border-radius: 1em;
  border-right-color: transparent;
  content: "";
  /* noinspection CssOverwrittenProperties */
  vertical-align: text-bottom;
  /* noinspection CssOverwrittenProperties */
  vertical-align: -0.125em;
  animation: spinner 0.75s linear infinite;
  opacity: var(--opacity-busy);
}
[aria-busy=true]:not(input, select, textarea, .-spinnerless):not(:empty)::before {
  margin-right: calc(var(--spacer) * 0.5);
  margin-left: 0;
  margin-inline-start: 0;
  margin-inline-end: calc(var(--spacer) * 0.5);
}
[aria-busy=true]:not(input, select, textarea, .-spinnerless):empty, [aria-busy=true]:not(input, select, textarea, .-spinnerless):has(> [hidden]:only-child) {
  text-align: center;
}

button[aria-busy=true]:not(.-spinnerless),
input[type=submit][aria-busy=true]:not(.-spinnerless),
input[type=button][aria-busy=true]:not(.-spinnerless),
input[type=reset][aria-busy=true]:not(.-spinnerless),
a[aria-busy=true]:not(.-spinnerless) {
  pointer-events: none;
}

@keyframes spinner {
  to {
    transform: rotate(360deg);
  }
}
[data-tooltip]::after {
  --tip-caret-off: .3rem solid transparent;
  --tip-caret-on: .3rem solid;
}

[data-tooltip]::before, [data-tooltip]::after {
  --tip-left: 50%;
  --tip-bottom: 100%;
  --tip-top: auto;
  --tip-right: auto;
  --tip-transform: translate(-50%, -.25rem);
  --tip-margin: 0 0 0 0;
}
[data-tooltip]::after {
  --tip-transform: translate(-50%, 0rem);
  --tip-caret-top: var(--tip-caret-on);
  --tip-caret-right: var(--tip-caret-off);
  --tip-caret-bottom: var(--tip-caret-off);
  --tip-caret-left: var(--tip-caret-off);
}

[data-tooltip][data-position=right]::before, table tr th [data-tooltip]::before, table tr td [data-tooltip]::before, [data-tooltip][data-position=right]::after, table tr th [data-tooltip]::after, table tr td [data-tooltip]::after {
  --tip-left: 100%;
  --tip-bottom: 50%;
  --tip-top: 50%;
  --tip-right: auto;
  --tip-transform: translate(0.25rem, -50%);
}
[data-tooltip][data-position=right]::after, table tr th [data-tooltip]::after, table tr td [data-tooltip]::after {
  --tip-transform: translate(-0.3rem, -50%);
  --tip-caret-top: var(--tip-caret-off);
  --tip-caret-right: var(--tip-caret-on);
  --tip-caret-bottom: var(--tip-caret-off);
  --tip-caret-left: var(--tip-caret-off);
}

[data-tooltip][data-position=left]::before, table tr td:last-child [data-tooltip]::before, table tr td:nth-last-child(2) [data-tooltip]::before, table tr th:last-child [data-tooltip]::before, table tr th:nth-last-child(2) [data-tooltip]::before, [data-tooltip][data-position=left]::after, table tr td:last-child [data-tooltip]::after, table tr td:nth-last-child(2) [data-tooltip]::after, table tr th:last-child [data-tooltip]::after, table tr th:nth-last-child(2) [data-tooltip]::after {
  --tip-left: auto;
  --tip-bottom: 50%;
  --tip-top: 50%;
  --tip-right: 100%;
  --tip-transform: translate(-0.25rem, -50%);
}
[data-tooltip][data-position=left]::after, table tr td:last-child [data-tooltip]::after, table tr td:nth-last-child(2) [data-tooltip]::after, table tr th:last-child [data-tooltip]::after, table tr th:nth-last-child(2) [data-tooltip]::after {
  --tip-transform: translate(0.3rem, -50%);
  --tip-caret-top: var(--tip-caret-off);
  --tip-caret-right: var(--tip-caret-off);
  --tip-caret-bottom: var(--tip-caret-off);
  --tip-caret-left: var(--tip-caret-on);
}

[data-tooltip][data-position=bottom]::before, [data-tooltip][data-position=bottom]::after {
  --tip-left: auto;
  --tip-bottom: auto;
  --tip-top: 100%;
  --tip-right: auto;
  --tip-transform: translate(-50%, 0.25rem);
}
[data-tooltip][data-position=bottom]::after {
  --tip-transform: translate(-50%, -0.3rem);
  --tip-caret-top: .3rem solid;
  --tip-caret-right: .3rem solid transparent;
  --tip-caret-bottom: none;
  --tip-caret-left: .3rem solid transparent;
}

table tr td [data-tooltip]::before, table tr td [data-tooltip]::after, table tr th [data-tooltip]::before, table tr th [data-tooltip]::after {
  --tip-margin: 0 0 0 var(--padding-half-x);
}
table tr td [data-tooltip]:is(a:only-child)::before, table tr td [data-tooltip]:is(a:only-child)::after, table tr th [data-tooltip]:is(a:only-child)::before, table tr th [data-tooltip]:is(a:only-child)::after {
  --tip-margin: 0 0 0 calc(var(--padding-half-x) * -1);
}
table tr td:last-child [data-tooltip]::before, table tr td:last-child [data-tooltip]::after, table tr td:nth-last-child(2) [data-tooltip]::before, table tr td:nth-last-child(2) [data-tooltip]::after, table tr th:last-child [data-tooltip]::before, table tr th:last-child [data-tooltip]::after, table tr th:nth-last-child(2) [data-tooltip]::before, table tr th:nth-last-child(2) [data-tooltip]::after {
  --tip-margin: 0 var(--padding-half-x) 0 0;
}
table tr td:last-child [data-tooltip]:is(a:only-child)::before, table tr td:last-child [data-tooltip]:is(a:only-child)::after, table tr td:nth-last-child(2) [data-tooltip]:is(a:only-child)::before, table tr td:nth-last-child(2) [data-tooltip]:is(a:only-child)::after, table tr th:last-child [data-tooltip]:is(a:only-child)::before, table tr th:last-child [data-tooltip]:is(a:only-child)::after, table tr th:nth-last-child(2) [data-tooltip]:is(a:only-child)::before, table tr th:nth-last-child(2) [data-tooltip]:is(a:only-child)::after {
  --tip-margin: 0 calc(var(--padding-half-x) * -1) 0 0;
}

[data-tooltip]:not(.-tipless) {
  position: relative;
  font-family: var(--font-normal);
}
[data-tooltip]:not(.-tipless):not(a, button, input, textarea, select) {
  border-bottom: 1px dotted;
  text-decoration: none;
  cursor: help;
}
[data-tooltip]:not(.-tipless)::before, [data-tooltip]:not(.-tipless)::after {
  display: block;
  min-height: fit-content;
  z-index: 1080;
  position: absolute;
  top: var(--tip-top);
  right: var(--tip-right);
  bottom: var(--tip-bottom);
  left: var(--tip-left);
  margin: var(--tip-margin);
  padding: 0.25rem 0.5rem;
  overflow: hidden;
  transform: var(--tip-transform);
  border-radius: var(--border-radius);
  background: var(--theme-inverse);
  content: attr(data-tooltip);
  color: var(--theme-on-inverse);
  font-style: normal;
  font-weight: var(--font-weight-normal);
  font-size: 0.875rem;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
}
[data-tooltip]:not(.-tipless)::after {
  padding: 0;
  transform: var(--tip-transform);
  border-top: var(--tip-caret-top);
  border-right: var(--tip-caret-right);
  border-left: var(--tip-caret-left);
  border-bottom: var(--tip-caret-bottom);
  border-radius: 0;
  background-color: transparent;
  content: "";
  color: var(--theme-inverse);
}
[data-tooltip]:not(.-tipless):focus::before, [data-tooltip]:not(.-tipless):focus::after, [data-tooltip]:not(.-tipless):hover::before, [data-tooltip]:not(.-tipless):hover::after {
  opacity: 1;
}

html, html > body {
  min-width: 320px;
}

html.-desktop, html.-desktop > body {
  min-width: 768px;
}

/* noinspection CssNonIntegerLengthInPixels */
@media screen and (max-width: 768px) {
  @-ms-viewport {
    width: 768px;
  }
}
@media screen and (min-width: 992px) {
  dialog[role=navigation] {
    display: contents !important;
  }
  dialog[role=navigation] nav {
    --color-bg: transparent;
  }
}
/* noinspection CssNonIntegerLengthInPixels */
@media screen and (max-width: 767.98px) {
  time[datetime][data-md] {
    --font-size-time: var(--font-size);
    font-size: 0;
  }
  time[datetime][data-md]:before {
    display: inline-block;
    content: attr(data-md);
    position: relative;
    font-size: var(--font-size-time);
  }
}
/* noinspection CssNonIntegerLengthInPixels */
@media screen and (max-width: 767.98px) {
  time[datetime][data-sm] {
    --font-size-time: var(--font-size);
    font-size: 0;
  }
  time[datetime][data-sm]:before {
    display: inline-block;
    content: attr(data-sm);
    position: relative;
    font-size: var(--font-size-time);
  }
  table.-responsive, table.-responsive > tbody {
    display: grid;
    grid-template-columns: 1fr;
    max-width: 100%;
    border-width: 0;
  }
  table.-responsive > thead {
    display: none;
  }
  table.-responsive > tbody > tr {
    display: grid;
    grid-template-columns: min-content 1fr;
  }
  table.-responsive > tbody > tr:not(:last-child) {
    border-bottom: var(--border-width) solid var(--color-divider);
  }
  table.-responsive > tbody > tr > td {
    display: grid;
    grid-template-columns: subgrid;
    grid-column: span 2 !important;
    width: 100% !important;
  }
  table.-responsive > tbody > tr > td:not(:last-child) {
    border-bottom: var(--border-width) dashed var(--color-divider) !important;
  }
  table.-responsive > tbody > tr > td > * {
    grid-column: 2;
  }
  table.-responsive > tbody > tr > td a:only-child {
    height: auto;
    margin: 0;
    padding: 0;
  }
  table.-responsive > tbody > tr > td:before {
    display: inline-block;
    content: attr(data-label);
    font-weight: var(--font-weight-medium);
    margin-right: var(--padding-x);
    text-align: left;
    grid-column: 1;
    text-transform: uppercase;
    font-family: var(--font-monospace);
  }
  .accordion > details table.-responsive, .accordion > article table.-responsive {
    margin-left: 0;
    margin-right: 0;
  }
}
/* noinspection CssNonIntegerLengthInPixels */
@media screen and (max-width: 575.98px) {
  time[datetime][data-xs] {
    --font-size-time: var(--font-size);
    font-size: 0;
  }
  time[datetime][data-xs]:before {
    display: inline-block;
    content: attr(data-xs);
    position: relative;
    font-size: var(--font-size-time);
  }
}

/*# sourceMappingURL=out67f5834a44889.map */