:root {
  --jq-control-padding-x: 0.75em;
  --jq-control-padding-y: 0.375em;
  --jq-control-border-radius: 0.3125em;
  --jq-control-line-height: 1.5;
  --jq-control-min-height: 2.5em;
  --jq-button-font-weight: 500;
  --jq-container-padding-x: 1em;
  --jq-container-padding-y: 1em;
  --jq-font-family: Poppins;
}

:root {
  --jq-fore-color: #171718;
  --jq-fore-rgb: 23, 23, 24;
  --jq-bg-color: #ffffff;
  --jq-bg-paper: #ffffff;
  --jq-popup-bg: #ffffff;
  --jq-tooltip-bg: #3d3d3f;
  --jq-tooltip-foreground: #ffffff;
  --jq-backdrop-rgb: 23, 23, 24;
  --jq-backdrop-opacity: 0.25;
  --jq-opacity-border-control: 0.25;
  --jq-opacity-divider: 0.175;
  --jq-opacity-lighter-bg: 0.05;
  --jq-border-control: rgba(23, 23, 24, 0.25);
  --jq-divider: rgba(23, 23, 24, 0.175);
  --ui-accent-color: #2772d4;
  --ui-accent-text: #2772d4;
  --ui-accent-rgb: 39, 114, 212;
  --ui-accent-hover: #2367bf;
  --ui-accent-active: #1f5baa;
  --ui-accent-tap: #1d569f;
  --ui-accent-foreground: #ffffff;
  --ui-accent-stealth-hover: rgba(39, 114, 212, 0.06);
  --ui-accent-stealth-active: rgba(39, 114, 212, 0.1);
  --ui-accent-stealth-tap: rgba(39, 114, 212, 0.15);
  --ui-accent-lighter: rgba(39, 114, 212, 0.05);
  --ui-accent-lighter-hover: rgba(39, 114, 212, 0.125);
  --ui-accent-lighter-active: rgba(39, 114, 212, 0.15);
  --ui-accent-lighter-tap: rgba(39, 114, 212, 0.225);
  --ui-accent-lighter-foreground: #1b5094;
  --jq-neutral-fill-50: rgba(23, 23, 24, 0.035);
  --jq-neutral-fill-100: rgba(23, 23, 24, 0.05);
  --jq-neutral-fill-150: rgba(23, 23, 24, 0.075);
  --jq-neutral-fill-200: rgba(23, 23, 24, 0.1);
  --jq-neutral-fill-250: rgba(23, 23, 24, 0.125);
  --jq-neutral-fill-300: rgba(23, 23, 24, 0.15);
  --jq-neutral-fill-400: rgba(23, 23, 24, 0.2);
  --jq-neutral-fill-500: rgba(23, 23, 24, 0.25);
  --jq-neutral-fill-600: rgba(23, 23, 24, 0.35);
  --jq-neutral-fill-600: rgba(23, 23, 24, 0.5);
  --jq-neutral-fill-700: rgba(23, 23, 24, 0.75);
  --jq-neutral-fill-800: rgba(23, 23, 24, 0.9);
  --jq-neutral-fill-900: rgba(23, 23, 24, 0.35);
  --jq-neutral-stealth-hover: var(--jq-neutral-fill-50);
  --jq-neutral-stealth-active: var(--jq-neutral-fill-200);
  --jq-neutral-stealth-tap: var(--jq-neutral-fill-250);
  --jq-neutral-fill: var(--jq-neutral-fill-200);
  --jq-neutral-fill-hover: var(--jq-neutral-fill-300);
  --jq-neutral-fill-active: var(--jq-neutral-fill-400);
  --jq-neutral-fill-tap: var(--jq-neutral-fill-500);
  --jq-neutral-lighter: var(--jq-neutral-fill-50);
  --jq-neutral-lighter-hover: var(--jq-neutral-fill-100);
  --jq-neutral-lighter-active: var(--jq-neutral-fill-200);
  --jq-neutral-lighter-tap: var(--jq-neutral-fill-300);
  --jq-neutral-fill-lighter: var(--jq-neutral-fill-50);
  --jq-neutral-fill-darker: var(--jq-neutral-fill-700);
  --jq-text-opacity: 1;
  --jq-bg-opacity: 1;
  --jq-border-opacity: 1;
  --jq-text-link: #2772d4;
  --jq-text-mute: rgba(23, 23, 24, 0.4);
  --jq-text-secondary: rgba(23, 23, 24, 0.8);
  --jq-text-hint: rgba(23, 23, 24, 0.6);
  --jq-primary: #2772d4;
  --jq-error: #de190d;
  --jq-primary-rgb: 39, 114, 212;
  --jq-primary-foreground: #ffffff;
  --jq-primary-lighter: rgba(39, 114, 212, 0.1);
  --jq-primary-lighter-foreground: #1b5094;
  --jq-warning-rgb: 248, 128, 0;
  --jq-warning-foreground: #ffffff;
  --jq-warning-lighter: rgba(248, 128, 0, 0.1);
  --jq-warning-lighter-foreground: #ae5a00;
  --jq-success-rgb: 21, 154, 7;
  --jq-success-foreground: #ffffff;
  --jq-success-lighter: rgba(21, 154, 7, 0.1);
  --jq-success-lighter-foreground: #0f6c05;
  --jq-error-rgb: 222, 25, 13;
  --jq-error-foreground: #ffffff;
  --jq-error-lighter: rgba(222, 25, 13, 0.1);
  --jq-error-lighter-foreground: #9b1209;
  --jq-info-rgb: 23, 174, 219;
  --jq-info-foreground: #ffffff;
  --jq-info-lighter: rgba(23, 174, 219, 0.1);
  --jq-info-lighter-foreground: #107a99;
  --jq-light-rgb: 250, 250, 250;
  --jq-light-foreground: #151617;
  --jq-light-lighter: rgba(250, 250, 250, 0.1);
  --jq-light-lighter-foreground: #afafaf;
  --jq-dark-rgb: 19, 18, 18;
  --jq-dark-foreground: #ffffff;
  --jq-dark-lighter: rgba(19, 18, 18, 0.1);
  --jq-dark-lighter-foreground: #0d0d0d;
  --jq-blue-rgb: 8, 108, 235;
  --jq-blue-foreground: #ffffff;
  --jq-blue-lighter: rgba(8, 108, 235, 0.1);
  --jq-blue-lighter-foreground: #064ca5;
  --jq-violet-rgb: 107, 45, 223;
  --jq-violet-foreground: #ffffff;
  --jq-violet-lighter: rgba(107, 45, 223, 0.1);
  --jq-violet-lighter-foreground: #4919a3;
  --jq-purple-rgb: 193, 42, 243;
  --jq-purple-foreground: #ffffff;
  --jq-purple-lighter: rgba(193, 42, 243, 0.1);
  --jq-purple-lighter-foreground: #910bbd;
  --jq-pink-rgb: 226, 22, 148;
  --jq-pink-foreground: #ffffff;
  --jq-pink-lighter: rgba(226, 22, 148, 0.1);
  --jq-pink-lighter-foreground: #9e0f68;
  --jq-red-rgb: 222, 25, 13;
  --jq-red-foreground: #ffffff;
  --jq-red-lighter: rgba(222, 25, 13, 0.1);
  --jq-red-lighter-foreground: #9b1209;
  --jq-orange-rgb: 248, 128, 0;
  --jq-orange-foreground: #ffffff;
  --jq-orange-lighter: rgba(248, 128, 0, 0.1);
  --jq-orange-lighter-foreground: #ae5a00;
  --jq-gold-rgb: 255, 215, 0;
  --jq-gold-foreground: #151617;
  --jq-gold-lighter: rgba(255, 215, 0, 0.1);
  --jq-gold-lighter-foreground: #b39700;
  --jq-gray-rgb: 134, 134, 134;
  --jq-gray-foreground: #ffffff;
  --jq-gray-lighter: rgba(134, 134, 134, 0.1);
  --jq-gray-lighter-foreground: #5e5e5e;
  --jq-olive-rgb: 125, 153, 4;
  --jq-olive-foreground: #ffffff;
  --jq-olive-lighter: rgba(125, 153, 4, 0.1);
  --jq-olive-lighter-foreground: #586b03;
  --jq-green-rgb: 0, 128, 0;
  --jq-green-foreground: #ffffff;
  --jq-green-lighter: rgba(0, 128, 0, 0.1);
  --jq-green-lighter-foreground: #005a00;
  --jq-teal-rgb: 0, 128, 128;
  --jq-teal-foreground: #ffffff;
  --jq-teal-lighter: rgba(0, 128, 128, 0.1);
  --jq-teal-lighter-foreground: #005a5a;
  --jq-cyan-rgb: 17, 149, 204;
  --jq-cyan-foreground: #ffffff;
  --jq-cyan-lighter: rgba(17, 149, 204, 0.1);
  --jq-cyan-lighter-foreground: #0c688f;
  --jq-brown-rgb: 160, 82, 45;
  --jq-brown-foreground: #ffffff;
  --jq-brown-lighter: rgba(160, 82, 45, 0.1);
  --jq-brown-lighter-foreground: #703920;
}

.elevate,
[elevate] {
  box-shadow: 0 calc(var(--jq-elevation-distance, 100) / 100 * 45px) calc(var(--jq-elevation-distance, 100) / 100 * 57px) calc(var(--jq-elevation-distance, 100) / 100 * 5px) rgba(0, 0, 0, calc(0.05 + var(--jq-elevation-density, 1) / 100 * 0.95)), 0 calc(var(--jq-elevation-distance, 100) / 100 * 30px) calc(var(--jq-elevation-distance, 100) / 100 * 69px) calc(var(--jq-elevation-distance, 100) / 100 * 12px) rgba(0, 0, 0, calc(0.05 + var(--jq-elevation-density, 1) / 100 * 0.95)), 0 calc(var(--jq-elevation-distance, 100) / 100 * 15px) calc(var(--jq-elevation-distance, 100) / 100 * 22px) calc(var(--jq-elevation-distance, 100) / 100 * -10px) rgba(0, 0, 0, calc(0.1 + var(--jq-elevation-density, 1) / 100 * 0.9));
}

.ui-primary {
  --ui-color: #2772d4;
  --ui-text: #2772d4;
  --ui-rgb: 39, 114, 212;
  --ui-hover: #2367bf;
  --ui-active: #1f5baa;
  --ui-tap: #1d569f;
  --ui-foreground: #ffffff;
  --ui-stealth-hover: rgba(39, 114, 212, 0.06);
  --ui-stealth-active: rgba(39, 114, 212, 0.1);
  --ui-stealth-tap: rgba(39, 114, 212, 0.15);
  --ui-lighter: rgba(39, 114, 212, 0.05);
  --ui-lighter-hover: rgba(39, 114, 212, 0.125);
  --ui-lighter-active: rgba(39, 114, 212, 0.15);
  --ui-lighter-tap: rgba(39, 114, 212, 0.225);
  --ui-lighter-foreground: #1b5094;
}

.ui-warning {
  --ui-color: #f88000;
  --ui-text: #f88000;
  --ui-rgb: 248, 128, 0;
  --ui-hover: #df7300;
  --ui-active: #c66600;
  --ui-tap: #ba6000;
  --ui-foreground: #ffffff;
  --ui-stealth-hover: rgba(248, 128, 0, 0.06);
  --ui-stealth-active: rgba(248, 128, 0, 0.1);
  --ui-stealth-tap: rgba(248, 128, 0, 0.15);
  --ui-lighter: rgba(248, 128, 0, 0.05);
  --ui-lighter-hover: rgba(248, 128, 0, 0.125);
  --ui-lighter-active: rgba(248, 128, 0, 0.15);
  --ui-lighter-tap: rgba(248, 128, 0, 0.225);
  --ui-lighter-foreground: #ae5a00;
}

.ui-success {
  --ui-color: #159a07;
  --ui-text: #159a07;
  --ui-rgb: 21, 154, 7;
  --ui-hover: #138b06;
  --ui-active: #117b06;
  --ui-tap: #107405;
  --ui-foreground: #ffffff;
  --ui-stealth-hover: rgba(21, 154, 7, 0.06);
  --ui-stealth-active: rgba(21, 154, 7, 0.1);
  --ui-stealth-tap: rgba(21, 154, 7, 0.15);
  --ui-lighter: rgba(21, 154, 7, 0.05);
  --ui-lighter-hover: rgba(21, 154, 7, 0.125);
  --ui-lighter-active: rgba(21, 154, 7, 0.15);
  --ui-lighter-tap: rgba(21, 154, 7, 0.225);
  --ui-lighter-foreground: #0f6c05;
}

.ui-error {
  --ui-color: #de190d;
  --ui-text: #de190d;
  --ui-rgb: 222, 25, 13;
  --ui-hover: #c8170c;
  --ui-active: #b2140a;
  --ui-tap: #a7130a;
  --ui-foreground: #ffffff;
  --ui-stealth-hover: rgba(222, 25, 13, 0.06);
  --ui-stealth-active: rgba(222, 25, 13, 0.1);
  --ui-stealth-tap: rgba(222, 25, 13, 0.15);
  --ui-lighter: rgba(222, 25, 13, 0.05);
  --ui-lighter-hover: rgba(222, 25, 13, 0.125);
  --ui-lighter-active: rgba(222, 25, 13, 0.15);
  --ui-lighter-tap: rgba(222, 25, 13, 0.225);
  --ui-lighter-foreground: #9b1209;
}

.ui-info {
  --ui-color: #17aedb;
  --ui-text: #17aedb;
  --ui-rgb: 23, 174, 219;
  --ui-hover: #159dc5;
  --ui-active: #128baf;
  --ui-tap: #1183a4;
  --ui-foreground: #ffffff;
  --ui-stealth-hover: rgba(23, 174, 219, 0.06);
  --ui-stealth-active: rgba(23, 174, 219, 0.1);
  --ui-stealth-tap: rgba(23, 174, 219, 0.15);
  --ui-lighter: rgba(23, 174, 219, 0.05);
  --ui-lighter-hover: rgba(23, 174, 219, 0.125);
  --ui-lighter-active: rgba(23, 174, 219, 0.15);
  --ui-lighter-tap: rgba(23, 174, 219, 0.225);
  --ui-lighter-foreground: #107a99;
}

.ui-light {
  --ui-color: #fafafa;
  --ui-text: #fafafa;
  --ui-rgb: 250, 250, 250;
  --ui-hover: #e1e1e1;
  --ui-active: #c8c8c8;
  --ui-tap: #bcbcbc;
  --ui-foreground: #151617;
  --ui-stealth-hover: rgba(250, 250, 250, 0.06);
  --ui-stealth-active: rgba(250, 250, 250, 0.1);
  --ui-stealth-tap: rgba(250, 250, 250, 0.15);
  --ui-lighter: rgba(250, 250, 250, 0.05);
  --ui-lighter-hover: rgba(250, 250, 250, 0.125);
  --ui-lighter-active: rgba(250, 250, 250, 0.15);
  --ui-lighter-tap: rgba(250, 250, 250, 0.225);
  --ui-lighter-foreground: #afafaf;
}

.ui-dark {
  --ui-color: #131212;
  --ui-text: #131212;
  --ui-rgb: 19, 18, 18;
  --ui-hover: #2b2929;
  --ui-active: #444040;
  --ui-tap: #504c4c;
  --ui-foreground: #ffffff;
  --ui-stealth-hover: rgba(19, 18, 18, 0.035);
  --ui-stealth-active: rgba(19, 18, 18, 0.075);
  --ui-stealth-tap: rgba(19, 18, 18, 0.125);
  --ui-lighter: rgba(19, 18, 18, 0.05);
  --ui-lighter-hover: rgba(19, 18, 18, 0.1);
  --ui-lighter-active: rgba(19, 18, 18, 0.125);
  --ui-lighter-tap: rgba(19, 18, 18, 0.2);
  --ui-lighter-foreground: #0d0d0d;
}

/*# sourceMappingURL=theme_light.css.map */