: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: 30, 171, 225;
  --jq-primary-contrast-text: 255, 255, 255;
  --jq-primary-container-text: #1f6e95;
  --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: 11, 125, 255;
  --jq-blue-fore-color: 11, 125, 255;
  --jq-blue-contrast-text: 255, 255, 255;
  --jq-blue-container-text: #1554a6;
  --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: 245, 33, 18;
  --jq-red-fore-color: 245, 33, 18;
  --jq-red-contrast-text: 255, 255, 255;
  --jq-red-container-text: #972122;
  --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: 253, 216, 53;
  --jq-yellow-fore-color: 253, 216, 53;
  --jq-yellow-contrast-text: 0, 0, 0;
  --jq-yellow-container-text: #9b8735;
  --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-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: 30, 171, 225;
  --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 */
