@layer base{:root{--suil-font: 16px / 20px system-ui;--suil-code-font: 14px / 20px var(--font-family-mono);--suil-size: 1rem;--suil-border-width: 1px;--suil-focus-width: 2px;--suil-icon-gutter: 2px;--suil-field-gap: 2px;--suil-button-gap: 4px;--suil-inset: .25rem;--suil-textarea-min-lines: 2;--suil-loader-size: 20px;--suil-loader-width: 1.5px;--suil-loader-speed: .5s}.suil-component{box-sizing:border-box}.suil-component:before,.suil-component:after,.suil-component *,.suil-component *:before,.suil-component *:after{box-sizing:inherit}:root,.suil-theme-white{--suil-background: #fff;--suil-color: var(--color-slate-900);--suil-focus: var(--color-blue-600);--suil-danger: var(--color-red-600);--suil-label: #fff;--suil-emphasis: #fff;--suil-shade-100: var(--color-neutral-100);--suil-shade-200: var(--color-neutral-200);--suil-shade-300: var(--color-neutral-300);--suil-shade-400: var(--color-neutral-400)}.suil-theme-gray-100{--suil-shade-100: var(--color-white);--suil-shade-200: var(--color-neutral-200);--suil-shade-300: var(--color-neutral-300);--suil-shade-400: var(--color-neutral-400)}}@layer utilities{.suil-button-inset{padding:calc(var(--suil-size) - var(--suil-inset));margin:var(--suil-inset)}.suil-inset-sm{--suil-inset: .125rem}.suil-icon{margin:var(--suil-icon-gutter)}}@layer base{:root{--suil-border-radius: .375rem;--suil-textarea-min-lines: 3;--suil-icon-gutter: 2px}}@layer utilities{.suil-size-md{--suil-size: .875rem}.suil-size-sm{--suil-size: .625rem}.suil-size-xs{--suil-size: .375rem}.suil-size-xxs{--suil-size: .125rem}.suil-secondary{--suil-color: var(--color-slate-200);--suil-label: var(--color-slate-900);--suil-emphasis: #000}.suil-danger{--suil-color: var(--suil-danger)}.suil-button-circle{--suil-border-radius: 100%}.suil-pill{--suil-border-radius: 1.625rem}.suil-gutter{--suil-gutter: .25rem}}.container.svelte-v80ycm{--speed: 2s;transform-origin:center;animation:svelte-v80ycm-rotate var(--speed) linear infinite;will-change:transform;overflow:visible}.car.svelte-v80ycm{stroke-dasharray:1,200;stroke-dashoffset:0;animation:svelte-v80ycm-stretch calc(var(--speed) * .75) ease-in-out infinite;will-change:stroke-dasharray,stroke-dashoffset;transition:stroke .5s ease}@keyframes svelte-v80ycm-rotate{to{transform:rotate(360deg)}}@keyframes svelte-v80ycm-stretch{0%{stroke-dasharray:0,150;stroke-dashoffset:0}50%{stroke-dasharray:75,150;stroke-dashoffset:-25}to{stroke-dashoffset:-100}}@layer components{.suil-button.svelte-1d7nm72{--suil-emphasis-100: color-mix(in srgb, currentColor, var(--suil-emphasis) 10%);--suil-emphasis-200: color-mix(in srgb, currentColor, var(--suil-emphasis) 20%);-webkit-appearance:none;-moz-appearance:none;appearance:none;display:block;position:relative;margin:0;padding:var(--suil-size);border:none;border-radius:var(--suil-border-radius, 0);overflow:clip;width:initial;font:var(--suil-font);background-color:currentColor;color:var(--suil-color);transition:initial;cursor:pointer;outline:0}.suil-button__label.svelte-1d7nm72{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:var(--suil-button-gap, 0);margin:0 var(--suil-gutter, 0);color:var(--suil-label)}.suil-button.svelte-1d7nm72:not(:disabled):hover{background-color:var(--suil-emphasis-100)}.suil-button.svelte-1d7nm72:not(:disabled):focus{outline:var(--suil-focus-width) solid var(--suil-focus);outline-offset:calc(0px - var(--suil-focus-width));box-shadow:inset 0 0 0 calc(var(--suil-focus-width) + 1px) var(--suil-background)}.suil-button.svelte-1d7nm72:not(:disabled):active{background-color:var(--suil-emphasis-200)}.suil-button.svelte-1d7nm72:not([data-loading]):disabled{color:var(--suil-shade-400);background-color:var(--suil-shade-300);cursor:not-allowed}.suil-button.svelte-1d7nm72:not([data-loading]):disabled .suil-button__label:where(.svelte-1d7nm72){color:currentColor;opacity:.4}.suil-button__loader.svelte-1d7nm72{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:row;justify-content:center;align-items:center;color:var(--suil-label)}.suil-button[data-loading].svelte-1d7nm72{cursor:progress}.suil-button[data-loading].svelte-1d7nm72 .suil-button__label:where(.svelte-1d7nm72){visibility:hidden}.suil-button[data-kind=outlined].svelte-1d7nm72:not(:hover,:focus,:active),.suil-button[data-kind=outlined].svelte-1d7nm72:disabled{background-color:transparent;outline:var(--suil-border-width) solid currentColor;outline-offset:calc(0px - var(--suil-border-width))}.suil-button[data-kind=outlined].svelte-1d7nm72:not(:hover,:focus,:active) .suil-button__label:where(.svelte-1d7nm72),.suil-button[data-kind=outlined].svelte-1d7nm72:not(:hover,:focus,:active) .suil-button__loader:where(.svelte-1d7nm72),.suil-button[data-kind=outlined].svelte-1d7nm72:disabled .suil-button__label:where(.svelte-1d7nm72),.suil-button[data-kind=outlined].svelte-1d7nm72:disabled .suil-button__loader:where(.svelte-1d7nm72){color:currentColor}.suil-button[data-kind=ghost].svelte-1d7nm72{--suil-emphasis-100: color-mix(in srgb, transparent, var(--suil-shade-400) 10%);--suil-emphasis-200: color-mix(in srgb, transparent, var(--suil-shade-400) 20%);background-color:transparent}.suil-button[data-kind=ghost].svelte-1d7nm72 .suil-button__label:where(.svelte-1d7nm72),.suil-button[data-kind=ghost].svelte-1d7nm72 .suil-button__loader:where(.svelte-1d7nm72){color:currentColor}}
