:root{--color-50: #f9fafb;--color-100: #f3f4f6;--color-200: #e5e7eb;--color-300: #d1d5db;--color-400: #9ca3af;--color-500: #6b7280;--color-600: #4b5563;--color-700: #374151;--color-800: #1f2937;--color-900: #111827;--color-950: #020617;--theme: "flat";--theme-flat-size-xs: 2px;--theme-flat-size-s: 4px;--theme-flat-size-m: 8px;--theme-flat-size-l: 16px;--theme-flat-size-xl: 32px;--theme-flat-padding-s: var(--theme-flat-size-s);--theme-flat-padding-m: var(--theme-flat-size-m);--theme-flat-padding-l: var(--theme-flat-size-l);--theme-flat-padding-xl: var(--theme-flat-size-xl);--theme-flat-header-height: 64px;--theme-flat-font-family: arial, sans-serif;--theme-flat-font-color: var(--color-800);--theme-flat-color-primary: var(--color-700);--theme-flat-color-primary-hover: var(--theme-flat-color-primary);--theme-flat-color-primary-focus: var(--theme-flat-color-primary);--theme-flat-color-secondary: var(--color-500);--theme-flat-color-secondary-hover: var(--theme-flat-color-secondary);--theme-flat-color-secondary-focus: var(--theme-flat-color-secondary);--theme-flat-color-button: var(--color-50) ;--theme-flat-color-action-primary: var(--theme-flat-color-primary);--theme-flat-color-action-primary-hover: var( --theme-flat-color-primary-hover );--theme-flat-color-action-primary-focus: var( --theme-flat-color-primary-focus );--theme-flat-color-action-secondary: var(--theme-flat-color-secondary);--theme-flat-color-action-secondary-hover: var( --theme-flat-color-secondary-hover );--theme-flat-color-action-secondary-focus: var( --theme-flat-color-secondary-focus );--theme-flat-color-error: #f00;--theme-flat-color-warning: #fc0;--theme-flat-color-success: #0c0;--theme-flat-color-info: #00f;--theme-flat-color-subtle: var(--color-300);--theme-flat-background-color: white;--theme-flat-hover-background-color: var(--theme-flat-background-color);--theme-flat-hover-filter: opacity(.8);--theme-flat-hover-filter-light-background: brightness(.9);--theme-flat-hover-increase: var(--theme-flat-size-xs);--theme-flat-focus-background-color: var(--theme-flat-background-color);--theme-flat-focus-filter: opacity(.8);--theme-flat-focus-filter-light-background: brightness(.9);--theme-flat-focus-increase: var(--theme-flat-size-xs);--theme-flat-active-background-color: var(--theme-flat-background-color);--theme-flat-active-filter: brightness(.9);--theme-flat-border-radius: var(--theme-flat-size-s);--theme-flat-transition-duration-fast: .1s;--theme-flat-transition-duration-noticable: .3s;--theme-flat-box-shadow: var(--theme-flat-color-subtle) 0 2px 8px 0}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.dialog__overlay[data-state=open],.dialog__content[data-state=open]{animation:fade-in .15s ease-out}.dialog__overlay[data-state=closed],.dialog__content[data-state=closed]{animation:fade-out .15s ease-in}.dialog__overlay{--dialog-min-width: 40rem;--dialog-padding-overlay: 16px;--dialog-padding-content: 16px;--dialog-border-radius: 0px;--dialog-box-shadow: none;padding:var(--dialog-padding-overlay)}.dialog__overlay .dialog__content{min-width:var(--dialog-min-width);border-radius:var(--dialog-border-radius);box-shadow:var(--dialog-box-shadow);padding:var(--dialog-padding-content)}.dialog__overlay .dialog__content .dialog__header{display:flex;justify-content:space-between;align-items:start;background-color:inherit}.dialog__overlay .dialog__content .dialog__header .dialog__close{border:none;background-color:inherit;cursor:pointer;font-size:1.5rem}.dialog__overlay .dialog__content .dialog__header .dialog__close:hover{filter:brightness(.95)}.dialog__overlay .dialog__content .dialog__footer{display:flex;justify-content:end}.dialog__overlay{--dialog-background-color-overlay: rgb(0 0 0 / 50%);--dialog-background-color: white;background-color:var(--dialog-background-color-overlay);position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;overflow-y:auto}.dialog__overlay .dialog__content{background-color:var(--dialog-background-color)}.dialog__overlay[data-name=navigation-drawer],.dialog__content[data-name=navigation-drawer]{--border-thickness: 1px}.dialog__overlay[data-name=navigation-drawer]{--duration: .1s;padding:0;justify-content:start;margin-top:calc(var(--theme-flat-header-height) + var(--border-thickness))}.dialog__overlay[data-name=navigation-drawer][data-state=open]{animation:fade-in var(--duration) linear both}.dialog__overlay[data-name=navigation-drawer][data-state=closed]{animation:fade-out var(--duration) linear both}.dialog__content[data-name=navigation-drawer]{min-width:min(30rem,100vw);overflow-y:scroll;animation:none;position:fixed;top:0;bottom:0;left:0;background-color:#fff;margin-top:calc(var(--theme-flat-header-height) + var(--border-thickness))}.dialog__content[data-name=navigation-drawer][data-state=open]{animation:slide-from-left .2s ease-out both}.dialog__content[data-name=navigation-drawer][data-state=closed]{animation:slide-to-left .2s ease-in both}@keyframes slide-from-left{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slide-to-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.toast-region{flex-direction:column;gap:8px;display:flex;position:fixed;top:30px;left:50%;transform:translate(-50%);width:20%;margin-top:60px}.toast{color:#fff;background:#6a5acd;align-items:center;gap:16px;padding:12px 16px;display:flex}.toast[data-variant=error]{background-color:var(--theme-flat-color-error)}.toast[data-variant=info]{background-color:var(--theme-flat-color-info)}.toast[data-variant=success]{background-color:var(--theme-flat-color-success)}.toast[data-variant=warning]{background-color:var(--theme-flat-color-warning)}.toast[data-animation=entering]{animation:fade-in var(--theme-flat-transition-duration-noticable) ease-in}.toast[data-animation=exiting]{animation:fade-out var(--theme-flat-transition-duration-noticable) ease-in}

