@import "https://fonts.googleapis.com/css2?family=Roboto:wght@100..900&display=swap";
@layer reset,base,components,overrides;@layer reset{*,:before,:after{box-sizing:border-box}html,body{min-height:100%}body{color:var(--color-text-default);background:var(--color-bg-default);margin:0}button,input,textarea,select{font:inherit}a{color:inherit}}:root{--font-family-primary:"Roboto", Arial, sans-serif;--font-size-12:12px;--font-size-14:14px;--font-size-16:16px;--font-size-18:18px;--font-size-20:20px;--font-size-24:24px;--font-size-32:32px;--font-size-48:48px;--line-height-1_2:1.2;--line-height-1_3:1.3;--line-height-1_4:1.4;--line-height-1_5:1.5;--line-height-1_6:1.6}@layer base{html{font-family:var(--font-family-primary)}:root{--color-white:#fff;--color-black:#000;--color-gray-200:#f2f3f4;--color-gray-400:#91a3b0;--color-gray-600:#536878;--color-gray-800:#353839;--color-blue-200:#f0f8ff;--color-blue-400:#55afe5;--color-blue-600:#4169e1;--color-blue-800:#2a52be;--color-purple-200:#f3edfd;--color-purple-400:#b794f4;--color-purple-600:#8e5be8;--color-purple-800:#5f2dbd;--color-green-200:#eaf5e6;--color-green-400:#5fb63f;--color-green-600:#228b22;--color-green-800:#357f24;--color-orange-200:#f5ead6;--color-orange-400:#ffc252;--color-orange-600:#f3a72b;--color-orange-800:#9a5500;--color-red-200:#fbe9e6;--color-red-400:#ef8d7a;--color-red-600:#ce2029;--color-red-800:#a64031}:root,[data-theme=light]{--color-bg-default:var(--color-white);--color-bg-default-hovered:color-mix(in srgb, var(--color-bg-default) 92%, var(--color-gray-400));--color-bg-default-active:color-mix(in srgb, var(--color-bg-default) 84%, var(--color-gray-400));--color-bg-muted:color-mix(in srgb, var(--color-gray-200) 60%, var(--color-white));--color-bg-subtle-hovered:#00000005;--color-bg-overlay:#0006;--color-bg-brand:var(--color-blue-600);--color-bg-brand-muted:var(--color-blue-200);--color-bg-brand-muted-hovered:color-mix(in srgb, var(--color-bg-brand-muted) 88%, var(--color-bg-brand));--color-bg-brand-muted-active:color-mix(in srgb, var(--color-bg-brand-muted) 76%, var(--color-bg-brand));--color-bg-brand-hovered:color-mix(in srgb, var(--color-bg-brand) 88%, var(--color-black));--color-bg-brand-active:color-mix(in srgb, var(--color-bg-brand) 76%, var(--color-black));--color-bg-disabled:var(--color-gray-200);--color-bg-success:var(--color-green-800);--color-bg-success-hovered:color-mix(in srgb, var(--color-bg-success) 88%, var(--color-black));--color-bg-success-active:color-mix(in srgb, var(--color-bg-success) 76%, var(--color-black));--color-bg-success-muted:var(--color-green-200);--color-bg-success-muted-hovered:color-mix(in srgb, var(--color-bg-success-muted) 88%, var(--color-bg-success));--color-bg-success-muted-active:color-mix(in srgb, var(--color-bg-success-muted) 76%, var(--color-bg-success));--color-bg-warning:var(--color-orange-600);--color-bg-warning-hovered:color-mix(in srgb, var(--color-bg-warning) 88%, var(--color-black));--color-bg-warning-active:color-mix(in srgb, var(--color-bg-warning) 76%, var(--color-black));--color-bg-warning-muted:var(--color-orange-200);--color-bg-warning-muted-hovered:color-mix(in srgb, var(--color-bg-warning-muted) 88%, var(--color-bg-warning));--color-bg-warning-muted-active:color-mix(in srgb, var(--color-bg-warning-muted) 76%, var(--color-bg-warning));--color-bg-error:var(--color-red-600);--color-bg-error-muted:var(--color-red-200);--color-bg-error-muted-hovered:color-mix(in srgb, var(--color-bg-error-muted) 88%, var(--color-bg-error));--color-bg-error-muted-active:color-mix(in srgb, var(--color-bg-error-muted) 76%, var(--color-bg-error));--color-bg-error-hovered:color-mix(in srgb, var(--color-bg-error) 88%, var(--color-black));--color-bg-error-active:color-mix(in srgb, var(--color-bg-error) 76%, var(--color-black));--color-bg-info:var(--color-blue-800);--color-bg-info-hovered:color-mix(in srgb, var(--color-bg-info) 88%, var(--color-black));--color-bg-info-active:color-mix(in srgb, var(--color-bg-info) 76%, var(--color-black));--color-bg-info-muted:var(--color-blue-200);--color-bg-info-muted-hovered:color-mix(in srgb, var(--color-bg-info-muted) 88%, var(--color-bg-info));--color-bg-info-muted-active:color-mix(in srgb, var(--color-bg-info-muted) 76%, var(--color-bg-info));--color-text-default:var(--color-gray-800);--color-text-muted:var(--color-gray-600);--color-text-inverse:var(--color-white);--color-text-brand:var(--color-blue-800);--color-text-brand-hovered:color-mix(in srgb, var(--color-text-brand) 88%, var(--color-black));--color-text-brand-active:color-mix(in srgb, var(--color-text-brand) 76%, var(--color-black));--color-text-disabled:var(--color-gray-400);--color-text-success:var(--color-green-800);--color-text-success-hovered:color-mix(in srgb, var(--color-text-success) 88%, var(--color-black));--color-text-success-active:color-mix(in srgb, var(--color-text-success) 76%, var(--color-black));--color-text-warning:var(--color-orange-800);--color-text-warning-hovered:color-mix(in srgb, var(--color-text-warning) 88%, var(--color-black));--color-text-warning-active:color-mix(in srgb, var(--color-text-warning) 76%, var(--color-black));--color-text-error:var(--color-red-600);--color-text-error-hovered:color-mix(in srgb, var(--color-text-error) 88%, var(--color-black));--color-text-error-active:color-mix(in srgb, var(--color-text-error) 76%, var(--color-black));--color-text-info:var(--color-blue-800);--color-text-info-hovered:color-mix(in srgb, var(--color-text-info) 88%, var(--color-black));--color-text-info-active:color-mix(in srgb, var(--color-text-info) 76%, var(--color-black));--color-border-default:color-mix(in srgb, var(--color-gray-200) 90%, var(--color-gray-400));--color-border-muted:var(--color-gray-400);--color-border-brand:var(--color-blue-600);--color-border-brand-hovered:color-mix(in srgb, var(--color-border-brand) 88%, var(--color-black));--color-border-brand-active:color-mix(in srgb, var(--color-border-brand) 76%, var(--color-black));--color-border-disabled:var(--color-gray-200);--color-border-focused:var(--color-blue-600);--color-border-success:var(--color-green-600);--color-border-success-hovered:color-mix(in srgb, var(--color-border-success) 88%, var(--color-black));--color-border-success-active:color-mix(in srgb, var(--color-border-success) 76%, var(--color-black));--color-border-warning:var(--color-orange-600);--color-border-warning-hovered:color-mix(in srgb, var(--color-border-warning) 88%, var(--color-black));--color-border-warning-active:color-mix(in srgb, var(--color-border-warning) 76%, var(--color-black));--color-border-error:var(--color-red-600);--color-border-error-hovered:color-mix(in srgb, var(--color-border-error) 88%, var(--color-black));--color-border-error-active:color-mix(in srgb, var(--color-border-error) 76%, var(--color-black));--color-border-info:var(--color-blue-800);--color-border-info-hovered:color-mix(in srgb, var(--color-border-info) 88%, var(--color-black));--color-border-info-active:color-mix(in srgb, var(--color-border-info) 76%, var(--color-black));--color-shadow-default:#0000001a;--color-focus-ring:color-mix(in srgb, var(--color-border-focused) 22%, transparent)}[data-theme=dark]{--color-bg-default:var(--color-gray-800);--color-bg-default-hovered:color-mix(in srgb, var(--color-gray-800) 78%, var(--color-gray-600));--color-bg-default-active:color-mix(in srgb, var(--color-gray-800) 60%, var(--color-gray-600));--color-bg-muted:color-mix(in srgb, var(--color-gray-800) 82%, var(--color-black));--color-bg-subtle-hovered:#ffffff05;--color-bg-overlay:#0009;--color-bg-brand:var(--color-blue-600);--color-bg-brand-muted:color-mix(in srgb, var(--color-bg-default) 82%, var(--color-bg-brand));--color-bg-brand-muted-hovered:color-mix(in srgb, var(--color-bg-brand-muted) 88%, var(--color-bg-brand));--color-bg-brand-muted-active:color-mix(in srgb, var(--color-bg-brand-muted) 76%, var(--color-bg-brand));--color-bg-brand-hovered:color-mix(in srgb, var(--color-bg-brand) 90%, var(--color-black));--color-bg-brand-active:color-mix(in srgb, var(--color-bg-brand) 78%, var(--color-black));--color-bg-disabled:var(--color-gray-800);--color-bg-success:var(--color-green-800);--color-bg-success-hovered:color-mix(in srgb, var(--color-bg-success) 88%, var(--color-black));--color-bg-success-active:color-mix(in srgb, var(--color-bg-success) 76%, var(--color-black));--color-bg-success-muted:color-mix(in srgb, var(--color-bg-default) 82%, var(--color-bg-success));--color-bg-success-muted-hovered:color-mix(in srgb, var(--color-bg-success-muted) 88%, var(--color-bg-success));--color-bg-success-muted-active:color-mix(in srgb, var(--color-bg-success-muted) 76%, var(--color-bg-success));--color-bg-warning:var(--color-orange-600);--color-bg-warning-hovered:color-mix(in srgb, var(--color-bg-warning) 88%, var(--color-black));--color-bg-warning-active:color-mix(in srgb, var(--color-bg-warning) 76%, var(--color-black));--color-bg-warning-muted:color-mix(in srgb, var(--color-bg-default) 82%, var(--color-bg-warning));--color-bg-warning-muted-hovered:color-mix(in srgb, var(--color-bg-warning-muted) 88%, var(--color-bg-warning));--color-bg-warning-muted-active:color-mix(in srgb, var(--color-bg-warning-muted) 76%, var(--color-bg-warning));--color-bg-error:var(--color-red-600);--color-bg-error-muted:color-mix(in srgb, var(--color-bg-default) 82%, var(--color-bg-error));--color-bg-error-muted-hovered:color-mix(in srgb, var(--color-bg-error-muted) 88%, var(--color-bg-error));--color-bg-error-muted-active:color-mix(in srgb, var(--color-bg-error-muted) 76%, var(--color-bg-error));--color-bg-error-hovered:color-mix(in srgb, var(--color-bg-error) 88%, var(--color-black));--color-bg-error-active:color-mix(in srgb, var(--color-bg-error) 76%, var(--color-black));--color-bg-info:var(--color-blue-800);--color-bg-info-hovered:color-mix(in srgb, var(--color-bg-info) 88%, var(--color-black));--color-bg-info-active:color-mix(in srgb, var(--color-bg-info) 76%, var(--color-black));--color-bg-info-muted:color-mix(in srgb, var(--color-bg-default) 82%, var(--color-bg-info));--color-bg-info-muted-hovered:color-mix(in srgb, var(--color-bg-info-muted) 88%, var(--color-bg-info));--color-bg-info-muted-active:color-mix(in srgb, var(--color-bg-info-muted) 76%, var(--color-bg-info));--color-text-default:var(--color-gray-200);--color-text-muted:var(--color-gray-400);--color-text-inverse:var(--color-white);--color-text-brand:var(--color-blue-400);--color-text-brand-hovered:color-mix(in srgb, var(--color-text-brand) 86%, var(--color-white));--color-text-brand-active:color-mix(in srgb, var(--color-text-brand) 76%, var(--color-white));--color-text-disabled:var(--color-gray-600);--color-text-success:var(--color-green-400);--color-text-success-hovered:color-mix(in srgb, var(--color-text-success) 86%, var(--color-white));--color-text-success-active:color-mix(in srgb, var(--color-text-success) 76%, var(--color-white));--color-text-warning:var(--color-orange-400);--color-text-warning-hovered:color-mix(in srgb, var(--color-text-warning) 86%, var(--color-white));--color-text-warning-active:color-mix(in srgb, var(--color-text-warning) 76%, var(--color-white));--color-text-error:var(--color-red-400);--color-text-error-hovered:color-mix(in srgb, var(--color-text-error) 86%, var(--color-white));--color-text-error-active:color-mix(in srgb, var(--color-text-error) 76%, var(--color-white));--color-text-info:var(--color-blue-400);--color-text-info-hovered:color-mix(in srgb, var(--color-text-info) 86%, var(--color-white));--color-text-info-active:color-mix(in srgb, var(--color-text-info) 76%, var(--color-white));--color-border-default:color-mix(in srgb, var(--color-gray-800) 70%, var(--color-gray-600));--color-border-muted:var(--color-gray-600);--color-border-brand:var(--color-blue-600);--color-border-brand-hovered:color-mix(in srgb, var(--color-border-brand) 82%, var(--color-white));--color-border-brand-active:color-mix(in srgb, var(--color-border-brand) 80%, var(--color-black));--color-border-disabled:var(--color-gray-800);--color-border-focused:var(--color-blue-400);--color-border-success:var(--color-green-600);--color-border-success-hovered:color-mix(in srgb, var(--color-border-success) 82%, var(--color-white));--color-border-success-active:color-mix(in srgb, var(--color-border-success) 80%, var(--color-black));--color-border-warning:var(--color-orange-600);--color-border-warning-hovered:color-mix(in srgb, var(--color-border-warning) 82%, var(--color-white));--color-border-warning-active:color-mix(in srgb, var(--color-border-warning) 80%, var(--color-black));--color-border-error:var(--color-red-600);--color-border-error-hovered:color-mix(in srgb, var(--color-border-error) 82%, var(--color-white));--color-border-error-active:color-mix(in srgb, var(--color-border-error) 80%, var(--color-black));--color-border-info:var(--color-blue-800);--color-border-info-hovered:color-mix(in srgb, var(--color-border-info) 82%, var(--color-white));--color-border-info-active:color-mix(in srgb, var(--color-border-info) 80%, var(--color-black));--color-shadow-default:#0000004d;--color-focus-ring:color-mix(in srgb, var(--color-border-focused) 30%, transparent)}}:root{--focus-ring-width:2px;--focus-ring-offset:2px;--shadow-elevation-1:0 1px 3px 0 var(--color-shadow-default), 0 1px 2px -1px var(--color-shadow-default);--shadow-elevation-2:0 2px 8px var(--color-shadow-default);--shadow-elevation-3:0 4px 12px var(--color-shadow-default);--shadow-elevation-4:0 0 24px var(--color-shadow-default);--indent-0:0;--indent-4:4px;--indent-8:8px;--indent-12:12px;--indent-16:16px;--indent-20:20px;--indent-24:24px;--indent-28:28px;--indent-32:32px;--indent-36:36px;--indent-40:40px;--motion-duration-fast:.12s;--motion-duration-default:.2s;--motion-duration-slow:.32s;--motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--motion-easing-enter:cubic-bezier(0, 0, .2, 1);--motion-easing-exit:cubic-bezier(.4, 0, 1, 1)}@media (prefers-reduced-motion:reduce){:root{--motion-duration-fast:0s;--motion-duration-default:0s;--motion-duration-slow:0s}}:root{--z-index-base:1;--z-index-above:1;--z-index-below:-1;--z-index-overlay:calc(var(--z-index-base) + var(--z-index-above));--border-radius-0:0;--border-radius-4:4px;--border-radius-8:8px;--border-radius-12:12px;--border-radius-16:16px;--border-radius-20:20px;--border-radius-24:24px;--border-radius-28:28px;--border-radius-32:32px;--height-header:65px;--height-control-small:36px;--height-control-medium:44px;--height-control-large:52px;--width-content-compact:480px;--width-content-reading:720px;--width-content-default:1584px;--width-layout-rail:270px;--width-layout-sidebar:340px;--width-table:1000px;--width-modal-440:440px;--width-modal-600:600px;--width-modal-800:800px;--width-modal-960:960px}