.sui-button{text-align:center;border-radius:var(--radius-md);cursor:pointer;background-color:var(--default-base);border:none;border-color:var(--border);color:var(--text-normal);will-change:transform;outline:none;flex-direction:row;align-items:center;gap:.5rem;min-width:fit-content;font-weight:400;text-decoration:none;transition:transform .15s,background-color .15s,border-color .15s,color .15s;display:flex;position:relative}.sui-button.disabled{pointer-events:none;opacity:.5}.sui-button.outlined{border-style:solid;border-width:1px}.sui-button.outlined:hover,.sui-button.outlined:active,.sui-button:hover{background-color:var(--default-hover)}.sui-button:active{background-color:var(--default-active);transform:scale(.95)}.sui-button.flat{background:var(--default-flat)}.sui-button.flat:hover{background:var(--default-flat-hover)}.sui-button.flat:active{background:var(--default-flat-active)}.sui-button.sm{height:32px;padding:.5rem .75rem;font-size:.825em}.sui-button.md{height:40px;padding:.5rem .75rem;font-size:.875em}.sui-button.lg{height:48px;padding:.75rem 1rem;font-size:1em}.sui-button:focus-visible{outline:2px solid var(--text-normal);outline-offset:2px}.sui-button.primary{background-color:var(--primary-base);border-color:var(--primary-base);color:var(--text-inverted)}.sui-button.primary:hover{background-color:var(--primary-hover)}.sui-button.primary:active{background-color:var(--primary-active)}.sui-button.primary.outlined{background-color:var(--default-base);color:var(--text-normal)}.sui-button.primary.outlined:hover{background-color:var(--default-hover)}.sui-button.primary.outlined:active{background-color:var(--default-active)}.sui-button.primary.flat{background-color:var(--primary-flat);color:#b796fd}.sui-button.primary.flat:hover{background-color:var(--primary-flat-hover)}.sui-button.primary.flat:active{background-color:var(--primary-flat-active)}.sui-button.success{background-color:var(--success-base);border-color:var(--success-base);color:var(--text-dark)}.sui-button.success:hover{background-color:var(--success-hover)}.sui-button.success:active{background-color:var(--success-active)}.sui-button.success.outlined{background-color:var(--default-base);color:var(--text-normal)}.sui-button.success.outlined:hover{background-color:var(--default-hover)}.sui-button.success.outlined:active{background-color:var(--default-active)}.sui-button.success.flat{background-color:var(--success-flat);color:var(--success-base)}.sui-button.success.flat:hover{background-color:var(--success-flat-hover)}.sui-button.success.flat:active{background-color:var(--success-flat-active)}.sui-button.warning{background-color:var(--warning-base);border-color:var(--warning-base);color:var(--text-dark)}.sui-button.warning:hover{background-color:var(--warning-hover)}.sui-button.warning:active{background-color:var(--warning-active)}.sui-button.warning.outlined{background-color:var(--default-base);color:var(--text-normal)}.sui-button.warning.outlined:hover{background-color:var(--default-hover)}.sui-button.warning.outlined:active{background-color:var(--default-active)}.sui-button.warning.flat{background-color:var(--warning-flat);color:var(--warning-base)}.sui-button.warning.flat:hover{background-color:var(--warning-flat-hover)}.sui-button.warning.flat:active{background-color:var(--warning-flat-active)}.sui-button.danger{background-color:var(--danger-base);border-color:var(--danger-base);color:var(--text-light)}.sui-button.danger:hover{background-color:var(--danger-hover)}.sui-button.danger:active{background-color:var(--danger-active)}.sui-button.danger.outlined{background-color:var(--default-base);color:var(--text-normal)}.sui-button.danger.outlined:hover{background-color:var(--default-hover)}.sui-button.danger.outlined:active{background-color:var(--default-active)}.sui-button.danger.flat{background-color:var(--danger-flat);color:#f971a5}.sui-button.danger.flat:hover{background-color:var(--danger-flat-hover)}.sui-button.danger.flat:active{background-color:var(--danger-flat-active)}.sui-button.info{background-color:var(--info-base);border-color:var(--info-base);color:var(--text-light)}.sui-button.info:hover{background-color:var(--info-hover)}.sui-button.info:active{background-color:var(--info-active)}.sui-button.info.outlined{background-color:var(--default-base);color:var(--text-normal)}.sui-button.info.outlined:hover{background-color:var(--default-hover)}.sui-button.info.outlined:active{background-color:var(--default-active)}.sui-button.info.flat{background-color:var(--info-flat);color:var(--info-base)}.sui-button.info.flat:hover{background-color:var(--info-flat-hover)}.sui-button.info.flat:active{background-color:var(--info-flat-active)}.sui-button.mono{background-color:var(--mono-base);border-color:var(--mono-base);color:var(--text-inverted)}.sui-button.mono:hover{background-color:var(--mono-hover)}.sui-button.mono:active{background-color:var(--mono-active)}.sui-button.mono.outlined{background-color:var(--default-base);color:var(--text-normal)}.sui-button.mono.outlined:hover{background-color:var(--default-hover)}.sui-button.mono.outlined:active{background-color:var(--default-active)}.sui-button.mono.flat{background-color:var(--mono-flat);color:var(--mono-base)}.sui-button.mono.flat:hover{background-color:var(--mono-flat-hover)}.sui-button.mono.flat:active{background-color:var(--mono-flat-active)}.sui-button.full{justify-content:center;width:100%}[data-theme=light]{& .sui-button.primary.flat{color:#4f12d3}& .sui-button.success.flat{background-color:var(--success-flat);color:#15512c}& .sui-button.success.flat:hover{background-color:var(--success-flat-hover)}& .sui-button.success.flat:active{background-color:var(--success-flat-active)}& .sui-button.warning.flat{background-color:var(--warning-flat);color:#5b4b0b}& .sui-button.warning.flat:hover{background-color:var(--warning-flat-hover)}& .sui-button.warning.flat:active{background-color:var(--warning-flat-active)}& .sui-button.danger.flat{color:#920234}}*,:before,:after{box-sizing:border-box!important}html{color-scheme:dark;accent-color:var(--primary-base)}html,body{margin:0}html[data-theme=light]{color-scheme:light}body{-webkit-font-smoothing:antialiased;color:var(--text-normal);background-color:var(--background-base)}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6,code{overflow-wrap:anywhere}code{font-family:monospace}button{background:0 0;border:none;outline:none;padding:0}[data-theme=light],[data-theme=light] *{color-scheme:light}[data-theme=dark],[data-theme=dark] *{color-scheme:dark}:root{--background-base:#0f0f0f;--background-step-1:#141414;--background-step-2:#171717;--background-step-3:#1f1f1f;--background-gray:gray;--text-normal:#fff;--text-dimmed:#fffc;--text-muted:#ffffffbf;--text-inverted:#000;--text-inverted-dimmed:#000000b3;--text-inverted-muted:#000000a6;--border:#29292e;--shadow:#0009;--default-base:#1f1f1f;--default-hover:#2b2b2b;--default-active:#242424;--primary-base:#a589e1;--primary-hover:#bca3ef;--primary-active:#aa8bee;--primary-vibrant:#aa8bee;--success-base:#24c660;--success-hover:#50dc84;--success-active:#2ced73;--warning-base:#f6cc23;--warning-hover:#fbda56;--warning-active:#f8d030;--danger-base:#6b0529;--danger-hover:#830736;--danger-active:#790632;--danger-vibrant:#cd0a4e;--info-base:#02316e;--info-hover:#053a7f;--info-active:#043677;--info-vibrant:#146fe6;--mono-base:#fff;--mono-hover:#e6e6e6;--mono-active:#f2f2f2;--text-light:#fff;--text-dark:#000;--default-flat:#24242480;--default-flat-hover:#242424d9;--default-flat-active:#242424bf;--primary-flat:#a581f31a;--primary-flat-hover:#a581f359;--primary-flat-active:#a581f340;--success-flat:#22c95f1a;--success-flat-hover:#22c95f59;--success-flat-active:#22c95f40;--warning-flat:#facc141a;--warning-flat-hover:#facc1459;--warning-flat-active:#facc1440;--danger-flat:#9c02381a;--danger-flat-hover:#9c023859;--danger-flat-active:#9c023840;--info-flat:#146af51a;--info-flat-hover:#146af559;--info-flat-active:#146af540;--mono-flat:#b3b3b31a;--mono-flat-hover:#b3b3b359;--mono-flat-active:#b3b3b340}[data-theme=light]{--background-base:#f7f7f7;--background-step-1:#f2f2f2;--background-step-2:#ebebeb;--background-step-3:#e3e3e3;--background-gray:gray;--text-normal:#000;--text-dimmed:#000c;--text-muted:#000000bf;--text-inverted:#fff;--text-inverted-dimmed:#ffffffd9;--text-inverted-muted:#ffffffbf;--border:#aca9b1;--shadow:#a6a6a699;--default-base:#d1d1d1;--default-hover:#e8e8e8;--default-active:#dbdbdb;--primary-base:#2e116f;--primary-hover:#40159d;--primary-active:#3b1490;--primary-vibrant:#531dc9;--success-base:#2db45e;--success-hover:#47d17a;--success-active:#33cc6b;--warning-base:#c5a111;--warning-hover:#e7bd13;--warning-active:#d5ae10;--danger-base:#4a031c;--danger-hover:#69072d;--danger-active:#5c0526;--danger-vibrant:#b40e48;--info-base:#02316e;--info-hover:#053a7f;--info-active:#043677;--info-vibrant:#0c58bb;--mono-base:#1a1a1a;--mono-hover:#292929;--mono-active:#242424;--default-flat:#b3b3b380;--default-flat-hover:#b3b3b3d9;--default-flat-active:#b3b3b3bf}:root{--radius-sm:.25rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-full:999px}#sui-toaster{z-index:100;pointer-events:none;width:100vw;height:100vh;color:var(--text-normal);position:fixed;top:0;left:0}#sui-toast-drawer{flex-direction:column;width:100%;max-width:420px;height:fit-content;display:flex;position:absolute}#sui-toaster.top-left #sui-toast-drawer,#sui-toaster.bottom-left #sui-toast-drawer{left:50%;transform:translate(-50%)}.sui-toast-container{pointer-events:all;border-radius:var(--radius-md);border:1px solid var(--border);background-color:var(--background-base);box-shadow:0px 4px 8px var(--shadow);margin-bottom:var(--gap);z-index:90;flex-direction:column;gap:.5rem;padding:1rem;animation:.25s forwards toast-pop-in;display:flex;position:relative;overflow:hidden}.sui-toast-header{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.sui-toast-header-left-side{flex-direction:row;align-items:center;gap:.5rem;font-size:1.125em;font-weight:500;display:flex}.sui-toast-header-left-side svg{color:var(--primary-base)}.sui-toast-container.success .sui-toast-header-left-side svg{color:var(--success-base)}.sui-toast-container.warning .sui-toast-header-left-side svg{color:var(--warning-base)}.sui-toast-container.danger .sui-toast-header-left-side svg{color:var(--danger-vibrant)}.sui-toast-container.info .sui-toast-header-left-side svg{color:var(--info-vibrant)}.sui-toast-container.mono .sui-toast-header-left-side svg{color:var(--mono-base)}.sui-toast-progress-bar{background-color:var(--primary-base);width:100%;height:4px;animation:linear forwards toast-progress;position:absolute;bottom:0;left:0%}.sui-toast-container.paused .sui-toast-progress-bar{animation-play-state:paused}.sui-toast-container.success .sui-toast-progress-bar{background-color:var(--success-base)}.sui-toast-container.warning .sui-toast-progress-bar{background-color:var(--warning-base)}.sui-toast-container.danger .sui-toast-progress-bar{background-color:var(--danger-vibrant)}.sui-toast-container.info .sui-toast-progress-bar{background-color:var(--info-vibrant)}.close-icon-container{cursor:pointer;border-radius:var(--radius-sm);justify-content:center;align-items:center;width:1.5rem;height:1.5rem;transition:background-color .15s;display:flex}.close-icon-container:hover{background-color:var(--default-base)}.close-icon-container:focus-visible{outline:2px solid var(--text-normal);outline-offset:2px}.sui-toast-container.closing{animation:.25s forwards toast-closing}.sui-toast-container.persistent{border:1px solid var(--primary-base)}.sui-toast-container.persistent.success{border:1px solid var(--success-base)}.sui-toast-container.persistent.warning{border:1px solid var(--warning-base)}.sui-toast-container.persistent.danger{border:1px solid var(--danger-base)}@keyframes toast-pop-in{0%{opacity:0;scale:.75}to{opacity:1;scale:1}}@keyframes toast-closing{0%{opacity:1;max-height:500px;margin-bottom:var(--gap);border:1px solid var(--border);padding:1rem;scale:1}62.5%{opacity:0;max-height:500px;margin-bottom:var(--gap);border:1px solid var(--border);padding:1rem;scale:.75}to{opacity:0;border:0px solid var(--border);max-height:0;margin-bottom:0;padding:0;scale:.75}}@keyframes toast-progress{0%{left:0%}to{left:-100%}}