:root {
  --jq-bg-opacity: 1;
  --jq-text-opacity: 1;
  --jq-border-opacity: 1;
  --jq-control-font-weight: 500;
  --jq-control-padding-x: 0.75em;
  --jq-control-padding-y: 0.375em;
  --jq-control-border-radius: 0.3125em;
  --jq-control-min-height: 2.5em;
}

:root {
  color-scheme: light;
  --jq-primary: 30, 171, 225;
  --jq-primary-fore-color: 11, 68, 116;
  --jq-primary-contrast-text: 255, 255, 255;
  --jq-primary-container-text: rgb(11, 68, 116);
  --jq-secondary: 255, 152, 0;
  --jq-secondary-fore-color: 255, 152, 0;
  --jq-secondary-contrast-text: 255, 255, 255;
  --jq-secondary-container-text: #9c6318;
  --jq-warning: 255, 152, 0;
  --jq-warning-fore-color: 255, 152, 0;
  --jq-warning-contrast-text: 255, 255, 255;
  --jq-warning-container-text: #9c6318;
  --jq-success: 26, 176, 9;
  --jq-success-fore-color: 26, 176, 9;
  --jq-success-contrast-text: 255, 255, 255;
  --jq-success-container-text: #1d701d;
  --jq-error: 245, 33, 18;
  --jq-error-fore-color: 245, 33, 18;
  --jq-error-contrast-text: 255, 255, 255;
  --jq-error-container-text: #972122;
  --jq-info: 29, 199, 235;
  --jq-info-fore-color: 29, 199, 235;
  --jq-info-contrast-text: 255, 255, 255;
  --jq-info-container-text: #1f7d9b;
  --jq-blue: 25, 99, 161;
  --jq-blue-fore-color: 25, 99, 161;
  --jq-blue-contrast-text: 255, 255, 255;
  --jq-blue-container-text: #1963a1;
  --jq-violet: 107, 45, 223;
  --jq-violet-fore-color: 107, 45, 223;
  --jq-violet-contrast-text: 255, 255, 255;
  --jq-violet-container-text: #4a2894;
  --jq-purple: 193, 42, 243;
  --jq-purple-fore-color: 193, 42, 243;
  --jq-purple-contrast-text: 255, 255, 255;
  --jq-purple-container-text: #7a269f;
  --jq-pink: 255, 29, 168;
  --jq-pink-fore-color: 255, 29, 168;
  --jq-pink-contrast-text: 255, 255, 255;
  --jq-pink-container-text: #9c1f75;
  --jq-red: 187, 38, 73;
  --jq-red-fore-color: 187, 38, 73;
  --jq-red-contrast-text: 255, 255, 255;
  --jq-red-container-text: #bb2649;
  --jq-orange: 255, 152, 0;
  --jq-orange-fore-color: 255, 152, 0;
  --jq-orange-contrast-text: 255, 255, 255;
  --jq-orange-container-text: #9c6318;
  --jq-yellow: 255, 211, 94;
  --jq-yellow-fore-color: 255, 211, 94;
  --jq-yellow-contrast-text: 0, 0, 0;
  --jq-yellow-container-text: #ffd35e;
  --jq-olive: 175, 202, 2;
  --jq-olive-fore-color: 175, 202, 2;
  --jq-olive-contrast-text: 255, 255, 255;
  --jq-olive-container-text: #707f19;
  --jq-green: 26, 176, 9;
  --jq-green-fore-color: 26, 176, 9;
  --jq-green-contrast-text: 255, 255, 255;
  --jq-green-container-text: #1d701d;
  --jq-teal: 32, 201, 151;
  --jq-teal-fore-color: 32, 201, 151;
  --jq-teal-contrast-text: 255, 255, 255;
  --jq-teal-container-text: #207e6c;
  --jq-cyan: 29, 199, 235;
  --jq-cyan-fore-color: 29, 199, 235;
  --jq-cyan-contrast-text: 255, 255, 255;
  --jq-cyan-container-text: #1f7d9b;
  --jq-gray: 177, 177, 185;
  --jq-gray-fore-color: 177, 177, 185;
  --jq-gray-contrast-text: 255, 255, 255;
  --jq-gray-container-text: #71717f;
  --jq-dark: 55, 55, 74;
  --jq-dark-fore-color: 55, 55, 74;
  --jq-dark-contrast-text: 255, 255, 255;
  --jq-dark-container-text: #2d2d41;
  --jq-dark-inverted: 55, 55, 74;
  --jq-dark-inverted-fore-color: 55, 55, 74;
  --jq-dark-inverted-contrast-text: 255, 255, 255;
  --jq-dark-inverted-container-text: #2d2d41;
  --jq-light: 246, 246, 247;
  --jq-light-fore-color: 246, 246, 247;
  --jq-light-contrast-text: 0, 0, 0;
  --jq-light-container-text: #9797a1;
  --jq-white: 255, 255, 255;
  --jq-white-fore-color: 255, 255, 255;
  --jq-white-contrast-text: 0, 0, 0;
  --jq-white-container-text: #9c9ca6;
  --jq-black: 0, 0, 0;
  --jq-black-fore-color: 0, 0, 0;
  --jq-black-contrast-text: 255, 255, 255;
  --jq-black-container-text: #0f0f18;
  --jq-gray-0: #ffffff;
  --jq-gray-50: #f6f6f7;
  --jq-gray-100: #ededef;
  --jq-gray-200: #e0e0e3;
  --jq-gray-300: #d3d3d7;
  --jq-gray-400: #b1b1b9;
  --jq-gray-500: #90909b;
  --jq-gray-600: #7a7a86;
  --jq-gray-700: #646472;
  --jq-gray-800: #4d4d5e;
  --jq-gray-900: #37374a;
}

.ui-primary {
  --jq-color: rgb(var(--jq-primary));
  --jq-color-rgb: var(--jq-primary);
  --jq-fore-color: rgb(var(--jq-primary-fore-color));
  --jq-fore-color-rgb: var(--jq-primary-fore-color);
  --jq-contrast-text: rgb(var(--jq-primary-contrast-text));
  --jq-contrast-text-rgb: var(--jq-primary-contrast-text);
  --jq-hover: #1e9cce;
  --jq-tap: #1f7da8;
  --jq-active: #1f8cbb;
  --jq-container: rgba(var(--jq-primary), var(--jq-bg-container-opacity));
  --jq-container-text: var(--jq-primary-container-text);
}

.ui-red_aipr {
  --jq-color: #bb2649;
  --jq-color-rgb: 187, 38, 73;
  --jq-fore-color: rgb(var(--jq-primary-fore-color));
  --jq-fore-color-rgb: var(--jq-primary-fore-color);
  --jq-contrast-text: rgb(var(--jq-primary-contrast-text));
  --jq-contrast-text-rgb: var(--jq-primary-contrast-text);
  --jq-hover: #c3294d;
  --jq-tap: #b22546;
  --jq-active: #bb2649;
  --jq-container: rgba(var(--jq-primary), var(--jq-bg-container-opacity));
  --jq-container-text: var(--jq-primary-container-text);
}

.ui-yellow_aipr {
  --jq-color: #f9c73a;
  --jq-color-rgb: 249, 199, 58;
  --jq-fore-color: rgb(var(--jq-primary-fore-color));
  --jq-fore-color-rgb: var(--jq-primary-fore-color);
  --jq-contrast-text: rgb(0,0,0);
  --jq-contrast-text-rgb: var(0,0,0);
  --jq-hover: #f4c234;
  --jq-tap: #eab92f;
  --jq-active: #f9c73a;
  --jq-container: rgba(var(--jq-primary), var(--jq-bg-container-opacity));
  --jq-container-text: var(--jq-primary-container-text);
}
.ui-secondary {
  --jq-color: rgb(var(--jq-secondary));
  --jq-color-rgb: var(--jq-secondary);
  --jq-fore-color: rgb(var(--jq-secondary-fore-color));
  --jq-fore-color-rgb: var(--jq-secondary-fore-color);
  --jq-contrast-text: rgb(var(--jq-secondary-contrast-text));
  --jq-contrast-text-rgb: var(--jq-secondary-contrast-text);
  --jq-hover: #e68b06;
  --jq-tap: #b57012;
  --jq-active: #ce7e0c;
  --jq-container: rgba(var(--jq-secondary), var(--jq-bg-container-opacity));
  --jq-container-text: var(--jq-secondary-container-text);
}

.ui-warning {
  --jq-color: rgb(var(--jq-warning));
  --jq-color-rgb: var(--jq-warning);
  --jq-fore-color: rgb(var(--jq-warning-fore-color));
  --jq-fore-color-rgb: var(--jq-warning-fore-color);
  --jq-contrast-text: rgb(var(--jq-warning-contrast-text));
  --jq-contrast-text-rgb: var(--jq-warning-contrast-text);
  --jq-hover: #e68b06;
  --jq-tap: #b57012;
  --jq-active: #ce7e0c;
  --jq-container: rgba(var(--jq-warning), var(--jq-bg-container-opacity));
  --jq-container-text: var(--jq-warning-container-text);
}

.ui-success {
  --jq-color: rgb(var(--jq-success));
  --jq-color-rgb: var(--jq-success);
  --jq-fore-color: rgb(var(--jq-success-fore-color));
  --jq-fore-color-rgb: var(--jq-success-fore-color);
  --jq-contrast-text: rgb(var(--jq-success-contrast-text));
  --jq-contrast-text-rgb: var(--jq-success-contrast-text);
  --jq-hover: #1ba00e;
  --jq-tap: #1c8018;
  --jq-active: #1c9013;
  --jq-container: rgba(var(--jq-success), var(--jq-bg-container-opacity));
  --jq-container-text: var(--jq-success-container-text);
}

.ui-error {
  --jq-color: rgb(var(--jq-error));
  --jq-color-rgb: var(--jq-error);
  --jq-fore-color: rgb(var(--jq-error-fore-color));
  --jq-fore-color-rgb: var(--jq-error-fore-color);
  --jq-contrast-text: rgb(var(--jq-error-contrast-text));
  --jq-contrast-text-rgb: var(--jq-error-contrast-text);
  --jq-hover: #dd2116;
  --jq-tap: #ae211e;
  --jq-active: #c6211a;
  --jq-container: rgba(var(--jq-error), var(--jq-bg-container-opacity));
  --jq-container-text: var(--jq-error-container-text);
}

.ui-info {
  --jq-color: rgb(var(--jq-info));
  --jq-color-rgb: var(--jq-info);
  --jq-fore-color: rgb(var(--jq-info-fore-color));
  --jq-fore-color-rgb: var(--jq-info-fore-color);
  --jq-contrast-text: rgb(var(--jq-info-contrast-text));
  --jq-contrast-text-rgb: var(--jq-info-contrast-text);
  --jq-hover: #1db5d7;
  --jq-tap: #1e90af;
  --jq-active: #1ea2c3;
  --jq-container: rgba(var(--jq-info), var(--jq-bg-container-opacity));
  --jq-container-text: var(--jq-info-container-text);
}

.ui-dark {
  --jq-color: rgb(var(--jq-dark));
  --jq-color-rgb: var(--jq-dark);
  --jq-fore-color: rgb(var(--jq-dark-fore-color));
  --jq-fore-color-rgb: var(--jq-dark-fore-color);
  --jq-contrast-text: rgb(var(--jq-dark-contrast-text));
  --jq-contrast-text-rgb: var(--jq-dark-contrast-text);
  --jq-hover: #5f5f6e;
  --jq-tap: #878792;
  --jq-active: #737380;
  --jq-container: rgba(var(--jq-dark), var(--jq-bg-container-opacity));
  --jq-container-text: var(--jq-dark-container-text);
}

.ui-light {
  --jq-color: rgb(var(--jq-light));
  --jq-color-rgb: var(--jq-light);
  --jq-fore-color: rgb(var(--jq-light-fore-color));
  --jq-fore-color-rgb: var(--jq-light-fore-color);
  --jq-contrast-text: rgb(var(--jq-light-contrast-text));
  --jq-contrast-text-rgb: var(--jq-light-contrast-text);
  --jq-hover: #dedee2;
  --jq-tap: #afafb7;
  --jq-active: #c7c7cc;
  --jq-container: rgba(var(--jq-light), var(--jq-bg-container-opacity));
  --jq-container-text: var(--jq-light-container-text);
}

.ui-white {
  --jq-color: rgb(var(--jq-white));
  --jq-color-rgb: var(--jq-white);
  --jq-fore-color: rgb(var(--jq-white-fore-color));
  --jq-fore-color-rgb: var(--jq-white-fore-color);
  --jq-contrast-text: rgb(var(--jq-white-contrast-text));
  --jq-contrast-text-rgb: var(--jq-white-contrast-text);
  --jq-hover: #e6e6e9;
  --jq-tap: #b5b5bc;
  --jq-active: #ceced2;
  --jq-container: rgba(var(--jq-white), var(--jq-bg-container-opacity));
  --jq-container-text: var(--jq-white-container-text);
}

.ui-black {
  --jq-color: rgb(var(--jq-black));
  --jq-color-rgb: var(--jq-black);
  --jq-fore-color: rgb(var(--jq-black-fore-color));
  --jq-fore-color-rgb: var(--jq-black-fore-color);
  --jq-contrast-text: rgb(var(--jq-black-contrast-text));
  --jq-contrast-text-rgb: var(--jq-black-contrast-text);
  --jq-hover: #333333;
  --jq-tap: #666666;
  --jq-active: #4d4d4d;
  --jq-container: rgba(var(--jq-black), var(--jq-bg-container-opacity));
  --jq-container-text: var(--jq-black-container-text);
}

:root {
  --jq-bg-container-opacity: 0.12;
  --jq-text-heading: 0, 0, 0;
  --jq-text-high-emphasis: 0, 0, 0;
  --jq-text-color: 33, 33, 54;
  --jq-text-helper: 122, 122, 134;
  --jq-text-mute: 144, 144, 155;
  --jq-text-code: 163, 71, 54;
  --jq-text-link: 10, 99, 172;
  --jq-popup-color: #fff;
  --jq-paper-color: #fff;
  --jq-back-color: #f2f2f3;
  --jq-backdrop-rgb: 33, 33, 54;
  --jq-backdrop-opacity: 0.5;
  --jq-elevation-opacity: 0.07;
  --jq-elevation-opacity-1: 0.1;
  --jq-elevation-opacity-3: 0.06;
  --jq-elevation-modal: 15;
  --jq-elevation-popup: 12;
  --jq-divider: #e0e0e3;
  --jq-divider-translucent: rgba(33, 33, 54, 0.12);
  --jq-input-bg: #fff;
  --jq-input-bg-fill: #f6f6f7;
  --jq-input-border: #d3d3d7;
  --jq-input-border-focus: #1eabe1;
  --jq-control-border: #d3d3d7;
  --jq-control-translucent-hover: 0.065;
  --jq-control-translucent-active: 0.12;
  --jq-control-translucent-tap: 0.15;
  --jq-control-bg-fill: #ededef;
  --jq-control-bg-fill-hover: #e4e4e7;
  --jq-control-bg-fill-active: #dbdbdf;
  --jq-control-bg-fill-tap: #d3d3d7;
  --jq-control-text: #212136;
  --jq-control-text-rgb: 33, 33, 54;
  --jq-paper-rgb: 255, 255, 255;
  --jq-back-rgb: 242, 242, 243;
}

input.checkbox:checked {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><polygon style="fill-opacity:1; fill:%23ffffff" points="9.3,17 3.1,11.8 5,9.5 8.8,12.6 14.8,4.3 17.2,6.1"/></svg>');
}

input.checkbox:indeterminate {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 24"><rect style="fill-opacity:1; fill:%23ffffff" x="5" y="9.5" width="14" height="5"/></svg>');
}

input.radio:checked {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" ><circle style="fill-opacity:1; fill:%231eabe1" cx="10" cy="10" r="5"/></svg>');
}

select.input {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 14"><polygon points="0,0 24,0 12,14" style="fill-opacity:{$opacity}; fill:%23212136"></polygon></svg>');
}

[type=file].input {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path style="fill-opacity:0.75; fill:%23212136" d="M23 19v-11c0-0.828-0.337-1.58-0.879-2.121s-1.293-0.879-2.121-0.879h-8.465l-1.703-2.555c-0.182-0.27-0.486-0.445-0.832-0.445h-5c-0.828 0-1.58 0.337-2.121 0.879s-0.879 1.293-0.879 2.121v14c0 0.828 0.337 1.58 0.879 2.121s1.293 0.879 2.121 0.879h16c0.828 0 1.58-0.337 2.121-0.879s0.879-1.293 0.879-2.121zM21 19c0 0.276-0.111 0.525-0.293 0.707s-0.431 0.293-0.707 0.293h-16c-0.276 0-0.525-0.111-0.707-0.293s-0.293-0.431-0.293-0.707v-14c0-0.276 0.111-0.525 0.293-0.707s0.431-0.293 0.707-0.293h4.465l1.703 2.555c0.192 0.287 0.506 0.443 0.832 0.445h9c0.276 0 0.525 0.111 0.707 0.293s0.293 0.431 0.293 0.707z"></path></svg>');
}

[type=date].input {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path style="fill-opacity:0.75; fill:%23212136" d="M9,0v1H7C6.2,1,5.4,1.3,4.9,1.9S4,3.2,4,4v14c0,0.8,0.3,1.6,0.9,2.1S6.2,21,7,21h14c0.8,0,1.6-0.3,2.1-0.9S24,18.8,24,18V4  c0-0.8-0.3-1.6-0.9-2.1S21.8,1,21,1h-2V0c0-0.6-0.4-1-1-1s-1,0.4-1,1v1h-6V0c0-0.6-0.4-1-1-1S9-0.6,9,0z M21,3  c0.3,0,0.5,0.1,0.7,0.3S22,3.7,22,4v3H6V4c0-0.3,0.1-0.5,0.3-0.7S6.7,3,7,3 M6,9h16v9c0,0.3-0.1,0.5-0.3,0.7S21.3,19,21,19H7  c-0.3,0-0.5-0.1-0.7-0.3S6,18.3,6,18V9z M20,13h-2v-2h2V13z M12.1,13h-2v-2h2V13z M16.1,13h-2v-2h2V13z M20,16.9h-2v-2h2V16.9z   M16.1,16.9h-2v-2h2V16.9z"/></svg>');
}

/*# sourceMappingURL=jqarta-theme-light.css.map */



.theme-dark .ui-primary, .theme-dark.ui-primary {
  --jq-color: rgb(var(--jq-primary));
  --jq-color-rgb: var(--jq-primary);
  --jq-fore-color: rgb(var(--jq-primary-fore-color));
  --jq-fore-color-rgb: var(--jq-primary-fore-color);
  --jq-contrast-text: rgb(var(--jq-primary-contrast-text));
  --jq-contrast-text-rgb: var(--jq-primary-contrast-text);
  --jq-hover: #387de0;
  --jq-tap: #6a9de8;
  --jq-active: #518de4;
  --jq-container: rgba(var(--jq-primary), var(--jq-bg-container-opacity));
  --jq-container-text: var(--jq-primary-container-text);
}

.theme-dark .ui-secondary, .theme-dark.ui-secondary {
  --jq-color: rgb(var(--jq-secondary));
  --jq-color-rgb: var(--jq-secondary);
  --jq-fore-color: rgb(var(--jq-secondary-fore-color));
  --jq-fore-color-rgb: var(--jq-secondary-fore-color);
  --jq-contrast-text: rgb(var(--jq-secondary-contrast-text));
  --jq-contrast-text-rgb: var(--jq-secondary-contrast-text);
  --jq-hover: #b94dec;
  --jq-tap: #ca7af1;
  --jq-active: #c164ee;
  --jq-container: rgba(var(--jq-secondary), var(--jq-bg-container-opacity));
  --jq-container-text: var(--jq-secondary-container-text);
}

.theme-dark .ui-warning, .theme-dark.ui-warning {
  --jq-color: rgb(var(--jq-warning));
  --jq-color-rgb: var(--jq-warning);
  --jq-fore-color: rgb(var(--jq-warning-fore-color));
  --jq-fore-color-rgb: var(--jq-warning-fore-color);
  --jq-contrast-text: rgb(var(--jq-warning-contrast-text));
  --jq-contrast-text-rgb: var(--jq-warning-contrast-text);
  --jq-hover: #df7504;
  --jq-tap: #ae5f0b;
  --jq-active: #c76a08;
  --jq-container: rgba(var(--jq-warning), var(--jq-bg-container-opacity));
  --jq-container-text: var(--jq-warning-container-text);
}

.theme-dark .ui-success, .theme-dark.ui-success {
  --jq-color: rgb(var(--jq-success));
  --jq-color-rgb: var(--jq-success);
  --jq-fore-color: rgb(var(--jq-success-fore-color));
  --jq-fore-color-rgb: var(--jq-success-fore-color);
  --jq-contrast-text: rgb(var(--jq-success-contrast-text));
  --jq-contrast-text-rgb: var(--jq-success-contrast-text);
  --jq-hover: #44ae39;
  --jq-tap: #73c26a;
  --jq-active: #5bb851;
  --jq-container: rgba(var(--jq-success), var(--jq-bg-container-opacity));
  --jq-container-text: var(--jq-success-container-text);
}

.theme-dark .ui-error, .theme-dark.ui-error {
  --jq-color: rgb(var(--jq-error));
  --jq-color-rgb: var(--jq-error);
  --jq-fore-color: rgb(var(--jq-error-fore-color));
  --jq-fore-color-rgb: var(--jq-error-fore-color);
  --jq-contrast-text: rgb(var(--jq-error-contrast-text));
  --jq-contrast-text-rgb: var(--jq-error-contrast-text);
  --jq-hover: #e5473d;
  --jq-tap: #eb756e;
  --jq-active: #e85e56;
  --jq-container: rgba(var(--jq-error), var(--jq-bg-container-opacity));
  --jq-container-text: var(--jq-error-container-text);
}

.theme-dark .ui-info, .theme-dark.ui-info {
  --jq-color: rgb(var(--jq-info));
  --jq-color-rgb: var(--jq-info);
  --jq-fore-color: rgb(var(--jq-info-fore-color));
  --jq-fore-color-rgb: var(--jq-info-fore-color);
  --jq-contrast-text: rgb(var(--jq-info-contrast-text));
  --jq-contrast-text-rgb: var(--jq-info-contrast-text);
  --jq-hover: #179ec6;
  --jq-tap: #187e9d;
  --jq-active: #188eb2;
  --jq-container: rgba(var(--jq-info), var(--jq-bg-container-opacity));
  --jq-container-text: var(--jq-info-container-text);
}

.theme-dark .ui-dark, .theme-dark.ui-dark {
  --jq-color: rgb(var(--jq-dark));
  --jq-color-rgb: var(--jq-dark);
  --jq-fore-color: rgb(var(--jq-dark-fore-color));
  --jq-fore-color-rgb: var(--jq-dark-fore-color);
  --jq-contrast-text: rgb(var(--jq-dark-contrast-text));
  --jq-contrast-text-rgb: var(--jq-dark-contrast-text);
  --jq-hover: #494a4e;
  --jq-tap: #76777a;
  --jq-active: #5f6164;
  --jq-container: rgba(var(--jq-dark), var(--jq-bg-container-opacity));
  --jq-container-text: var(--jq-dark-container-text);
}

.theme-dark .ui-light, .theme-dark.ui-light {
  --jq-color: rgb(var(--jq-light));
  --jq-color-rgb: var(--jq-light);
  --jq-fore-color: rgb(var(--jq-light-fore-color));
  --jq-fore-color-rgb: var(--jq-light-fore-color);
  --jq-contrast-text: rgb(var(--jq-light-contrast-text));
  --jq-contrast-text-rgb: var(--jq-light-contrast-text);
  --jq-hover: #d1d1d3;
  --jq-tap: #a4a4a7;
  --jq-active: #babbbd;
  --jq-container: rgba(var(--jq-light), var(--jq-bg-container-opacity));
  --jq-container-text: var(--jq-light-container-text);
}

.theme-dark .ui-white, .theme-dark.ui-white {
  --jq-color: rgb(var(--jq-white));
  --jq-color-rgb: var(--jq-white);
  --jq-fore-color: rgb(var(--jq-white-fore-color));
  --jq-fore-color-rgb: var(--jq-white-fore-color);
  --jq-contrast-text: rgb(var(--jq-white-contrast-text));
  --jq-contrast-text-rgb: var(--jq-white-contrast-text);
  --jq-hover: #e6e6e6;
  --jq-tap: #b3b4b5;
  --jq-active: #cccdce;
  --jq-container: rgba(var(--jq-white), var(--jq-bg-container-opacity));
  --jq-container-text: var(--jq-white-container-text);
}

.theme-dark .ui-black, .theme-dark.ui-black {
  --jq-color: rgb(var(--jq-black));
  --jq-color-rgb: var(--jq-black);
  --jq-fore-color: rgb(var(--jq-black-fore-color));
  --jq-fore-color-rgb: var(--jq-black-fore-color);
  --jq-contrast-text: rgb(var(--jq-black-contrast-text));
  --jq-contrast-text-rgb: var(--jq-black-contrast-text);
  --jq-hover: #333333;
  --jq-tap: #666666;
  --jq-active: #4d4d4d;
  --jq-container: rgba(var(--jq-black), var(--jq-bg-container-opacity));
  --jq-container-text: var(--jq-black-container-text);
}

.theme-dark {
  --jq-bg-container-opacity: 0.42;
  --jq-text-heading: 232, 232, 233;
  --jq-text-high-emphasis: 232, 232, 233;
  --jq-text-color: 187, 187, 189;
  --jq-text-helper: 164, 165, 167;
  --jq-text-link: 11, 125, 255;
  --jq-text-mute: 141, 142, 145;
  --jq-text-code: 218, 177, 165;
  --jq-popup-color: #24262b;
  --jq-paper-color: #1b1d22;
  --jq-back-color: #000;
  --jq-backdrop-rgb: 0, 0, 0;
  --jq-backdrop-opacity: 0.6;
  --jq-elevation-opacity: 0.14;
  --jq-elevation-opacity-1: 0.2;
  --jq-elevation-opacity-3: 0.12;
  --jq-elevation-modal: 12;
  --jq-elevation-popup: 10;
  --jq-divider: #36383d;
  --jq-divider-translucent: rgba(187, 187, 189, 0.12);
  --jq-input-bg: #1b1d22;
  --jq-input-bg-fill: #262930;
  --jq-input-border: #494a4e;
  --jq-input-border-focus: #a4a5a7;
  --jq-control-border: #494a4e;
  --jq-control-translucent-hover: 0.065;
  --jq-control-translucent-active: 0.125;
  --jq-control-translucent-tap: 0.175;
  --jq-control-bg-fill: #323438;
  --jq-control-bg-fill-hover: #3d3f43;
  --jq-control-bg-fill-active: #494a4e;
  --jq-control-bg-fill-tap: #545659;
  --jq-control-text: #bbbbbd;
  --jq-control-text-rgb: 187, 187, 189;
  --jq-paper-rgb: 27, 29, 34;
  --jq-back-rgb: 0, 0, 0;
}

.theme-dark input.checkbox:checked, input.theme-dark.checkbox:checked {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><polygon style="fill-opacity:1; fill:%231b1d22" points="9.3,17 3.1,11.8 5,9.5 8.8,12.6 14.8,4.3 17.2,6.1"/></svg>');
}

.theme-dark input.checkbox:indeterminate, input.theme-dark.checkbox:indeterminate {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 24"><rect style="fill-opacity:1; fill:%231b1d22" x="5" y="9.5" width="14" height="5"/></svg>');
}

.theme-dark input.radio:checked, input.theme-dark.radio:checked {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" ><circle style="fill-opacity:1; fill:%233493ff" cx="10" cy="10" r="5"/></svg>');
}

.theme-dark select.input, select.input.theme-dark {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 14"><polygon points="0,0 24,0 12,14" style="fill-opacity:{$opacity}; fill:%23bbbbbd"></polygon></svg>');
}

.theme-dark [type=file].input, [type=file].input.theme-dark {
  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path style="fill-opacity:0.75; fill:%23bbbbbd" d="M23 19v-11c0-0.828-0.337-1.58-0.879-2.121s-1.293-0.879-2.121-0.879h-8.465l-1.703-2.555c-0.182-0.27-0.486-0.445-0.832-0.445h-5c-0.828 0-1.58 0.337-2.121 0.879s-0.879 1.293-0.879 2.121v14c0 0.828 0.337 1.58 0.879 2.121s1.293 0.879 2.121 0.879h16c0.828 0 1.58-0.337 2.121-0.879s0.879-1.293 0.879-2.121zM21 19c0 0.276-0.111 0.525-0.293 0.707s-0.431 0.293-0.707 0.293h-16c-0.276 0-0.525-0.111-0.707-0.293s-0.293-0.431-0.293-0.707v-14c0-0.276 0.111-0.525 0.293-0.707s0.431-0.293 0.707-0.293h4.465l1.703 2.555c0.192 0.287 0.506 0.443 0.832 0.445h9c0.276 0 0.525 0.111 0.707 0.293s0.293 0.431 0.293 0.707z"></path></svg>');
}