@layer properties,theme,base;@layer components{.flip-x{--tw-scale-x:-1}.flip-y{--tw-scale-y:-1}.spinner{--dash-base:74;--dash-small:60;--dash-large:20;--stroke-width:6;--size:var(--text--line-height);height:var(--size);width:var(--size);animation:2.5s linear infinite svg-animation;&.spinner-xxl{--dash-base:310;--dash-small:280;--dash-large:75;--stroke-width:10;--size:var(--text-xxl--line-height)}&.spinner-xl{--dash-base:150;--dash-small:135;--dash-large:50;--stroke-width:7;--size:var(--text-xl--line-height)}&.spinner-lg{--dash-base:100;--dash-small:90;--dash-large:55;--stroke-width:4;--size:var(--text-lg--line-height)}&.spinner-sm{--dash-base:38;--dash-small:34;--dash-large:18;--stroke-width:3;--size:var(--text-sm--line-height)}& .segment{stroke:currentColor;fill:#0000;stroke-linecap:round;stroke-width:var(--stroke-width);transform-origin:50%;display:block}& .segment-foreground{stroke-dasharray:var(--dash-base);stroke-opacity:.5;animation:2s ease-in-out infinite both circle-animation}& .segment-background{stroke-opacity:.5}}@keyframes svg-animation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes circle-animation{0%,25%{stroke-dashoffset:var(--dash-small);transform:rotate(0)}50%,75%{stroke-dashoffset:var(--dash-large);transform:rotate(45deg)}to{stroke-dashoffset:var(--dash-small);transform:rotate(360deg)}}.btn{cursor:pointer;user-select:none;justify-content:center;align-items:center;gap:var(--spacing-xs);border-radius:var(--radius-md);border-width:var(--border-width);padding:var(--spacing-xxs);text-align:center;color:var(--color-text-semantic);border-color:#0000;outline:none;font-weight:600;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:inline-flex;&.btn-xs{border-radius:var(--radius);border-width:var(--border-width);font-size:var(--text-sm);line-height:var(--text-sm--line-height);padding:0}&.btn-sm{border-radius:var(--radius);border-width:var(--border-width);font-size:var(--text-sm);line-height:var(--text-sm--line-height)}&.btn-lg{border-width:var(--border-width-md);padding:var(--spacing-xs);font-size:var(--text-lg);line-height:var(--text-lg--line-height)}&.btn-rounded-none{border-radius:var(--radius-none)}&.btn-rounded-full{border-radius:9999px}&.btn-full-width{flex-grow:1;width:100%;display:flex}&:disabled{cursor:not-allowed}&:disabled:not(.btn-loading){opacity:.5}&.btn-solid{&:not(:disabled):hover{filter:brightness(1.08)}&:not(:disabled):active,&.btn-active:not(:disabled){filter:brightness(.9);box-shadow:inset 0 1px 2px #0000004d}}&.btn-main{&:focus-visible{outline:2px solid var(--color-main);outline-offset:2px}&.btn-solid{background-color:var(--color-main)}&.btn-outline{border-color:color-mix(in oklab, var(--color-main) 50%, transparent);color:var(--color-main);&:not(:disabled):hover,&.btn-active:not(:disabled){background-color:color-mix(in oklab, var(--color-main) 12%, transparent)}}&.btn-subtle{color:var(--color-main);&:not(:disabled):hover,&.btn-active:not(:disabled){background-color:var(--color-main-faded)}}}&.btn-neutral{&:focus-visible{outline:2px solid var(--color-neutral);outline-offset:2px}&.btn-solid{background-color:var(--color-neutral)}&.btn-outline{border-color:color-mix(in oklab, var(--color-neutral) 50%, transparent);color:var(--color-neutral);&:not(:disabled):hover,&.btn-active:not(:disabled){background-color:color-mix(in oklab, var(--color-neutral) 12%, transparent)}}&.btn-subtle{color:var(--color-neutral);&:not(:disabled):hover,&.btn-active:not(:disabled){background-color:var(--color-neutral-faded)}}}&.btn-info{&:focus-visible{outline:2px solid var(--color-info);outline-offset:2px}&.btn-solid{background-color:var(--color-info)}&.btn-outline{border-color:color-mix(in oklab, var(--color-info) 50%, transparent);color:var(--color-info);&:not(:disabled):hover,&.btn-active:not(:disabled){background-color:color-mix(in oklab, var(--color-info) 12%, transparent)}}&.btn-subtle{color:var(--color-info);&:not(:disabled):hover,&.btn-active:not(:disabled){background-color:var(--color-info-faded)}}}&.btn-positive{&:focus-visible{outline:2px solid var(--color-positive);outline-offset:2px}&.btn-solid{background-color:var(--color-positive)}&.btn-outline{border-color:color-mix(in oklab, var(--color-positive) 50%, transparent);color:var(--color-positive);&:not(:disabled):hover,&.btn-active:not(:disabled){background-color:color-mix(in oklab, var(--color-positive) 12%, transparent)}}&.btn-subtle{color:var(--color-positive);&:not(:disabled):hover,&.btn-active:not(:disabled){background-color:var(--color-positive-faded)}}}&.btn-caution{&:focus-visible{outline:2px solid var(--color-caution);outline-offset:2px}&.btn-solid{background-color:var(--color-caution)}&.btn-outline{border-color:color-mix(in oklab, var(--color-caution) 50%, transparent);color:var(--color-caution);&:not(:disabled):hover,&.btn-active:not(:disabled){background-color:color-mix(in oklab, var(--color-caution) 12%, transparent)}}&.btn-subtle{color:var(--color-caution);&:not(:disabled):hover,&.btn-active:not(:disabled){background-color:var(--color-caution-faded)}}}&.btn-critical{&:focus-visible{outline:2px solid var(--color-critical);outline-offset:2px}&.btn-solid{background-color:var(--color-critical)}&.btn-outline{border-color:color-mix(in oklab, var(--color-critical) 50%, transparent);color:var(--color-critical);&:not(:disabled):hover,&.btn-active:not(:disabled){background-color:color-mix(in oklab, var(--color-critical) 12%, transparent)}}&.btn-subtle{color:var(--color-critical);&:not(:disabled):hover,&.btn-active:not(:disabled){background-color:var(--color-critical-faded)}}}}.btn-group{column-gap:.125rem;display:flex}.btn-group .btn:not(:only-child){border-radius:var(--radius-none)}.btn-group .btn:first-child:not(:only-child){border-top-left-radius:var(--radius-md);border-bottom-left-radius:var(--radius-md)}.btn-group .btn:last-child:not(:only-child){border-top-right-radius:var(--radius-md);border-bottom-right-radius:var(--radius-md)}.btn-group .btn:only-child{border-radius:var(--radius-md)}.modal-dialog{padding:var(--spacing-base);z-index:var(--z-backdrop);background-color:var(--color-overlay);backdrop-filter:blur(1px);align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.modal-element{border-radius:var(--radius-lg);border:var(--border-width) solid var(--color-border);background-color:var(--color-surface-strong);width:100%;color:var(--color-text);outline:0;flex-direction:column;flex:1 1 0;max-height:100%;margin-top:auto;margin-left:auto;margin-right:auto;display:flex;overflow:hidden;box-shadow:0 24px 60px -12px #0000008c,0 8px 24px -8px #00000073;@media (width>=768px){margin-bottom:auto}}}@layer utilities;.Toastify{--toastify-color-light:var(--color-surface-strong);--toastify-color-dark:var(--color-surface-strong);--toastify-color-info:var(--color-info-dark);--toastify-color-success:var(--color-positive-dark);--toastify-color-warning:var(--color-caution-dark);--toastify-color-error:var(--color-critical-dark);--toastify-color-transparent:#ffffffb3;--toastify-icon-color-info:var(--color-info);--toastify-icon-color-success:var(--color-positive);--toastify-icon-color-warning:var(--color-caution);--toastify-icon-color-error:var(--color-critical);--toastify-toast-width:400px;--toastify-toast-background:var(--color-surface-strong);--toastify-toast-min-height:64px;--toastify-toast-max-height:800px;--toastify-font-family:sans-serif;--toastify-z-index:var(--z-popover);--toastify-text-color-light:var(--color-text);--toastify-text-color-dark:var(--color-text);--toastify-text-color-info:var(--color-text-semantic);--toastify-text-color-success:var(--color-text-semantic);--toastify-text-color-warning:var(--color-text-semantic);--toastify-text-color-error:var(--color-text-semantic);--toastify-spinner-color:var(--color-text);--toastify-spinner-color-empty-area:var(--color-text-subtle);--toastify-color-progress-light:linear-gradient(to right, var(--color-main-dark), var(--color-main));--toastify-color-progress-dark:linear-gradient(to right, var(--color-main-dark), var(--color-main));--toastify-color-progress-info:var(--color-info);--toastify-color-progress-success:var(--color-positive);--toastify-color-progress-warning:var(--color-caution);--toastify-color-progress-error:var(--color-critical)}
