@layer slean.reset,slean.tokens,slean.base,slean.components,slean.compositions,slean.utilities;@layer slean.components{:where([data-slean=button]){display:inline-flex;align-items:center;justify-content:center;gap:var(--slean-space-2);min-block-size:var(--slean-control-height-md);padding-block:var(--slean-space-1);padding-inline:var(--slean-space-4);border:1px solid transparent;border-radius:var(--slean-radius-md);background:var(--slean-accent);color:var(--slean-accent-fg);font-size:var(--slean-text-sm);font-weight:var(--slean-font-weight-medium);line-height:1.25;font-variant-numeric:tabular-nums;text-decoration:none;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color var(--slean-duration-fast) var(--slean-ease),border-color var(--slean-duration-fast) var(--slean-ease),color var(--slean-duration-fast) var(--slean-ease)}:where([data-slean=button][data-variant=outline]){border-color:var(--slean-border);background:transparent;color:var(--slean-fg)}:where([data-slean=button][data-variant=secondary]){background:var(--slean-muted);color:var(--slean-fg)}:where([data-slean=button][data-variant=soft]){background:var(--slean-accent-soft);color:var(--slean-accent-soft-fg)}:where([data-slean=button][data-variant=ghost]){background:transparent;color:var(--slean-fg)}:where([data-slean=button][data-variant=danger]){background:var(--slean-danger);color:var(--slean-danger-fg)}:where([data-slean=button][data-variant=danger-soft]){background:color-mix(in oklch,var(--slean-danger) 10%,transparent);color:var(--slean-danger)}:where([data-slean=button][data-variant=link]){min-block-size:0;padding:0;border-radius:var(--slean-radius-sm);background:transparent;color:var(--slean-accent);text-underline-offset:.2em}:where([data-slean=button][data-size=xs]){min-block-size:var(--slean-control-height-xs);padding-inline:var(--slean-space-2);gap:var(--slean-space-1);border-radius:var(--slean-radius-sm);font-size:var(--slean-text-xs)}:where([data-slean=button][data-size=sm]){min-block-size:var(--slean-control-height-sm);padding-inline:var(--slean-space-3);border-radius:var(--slean-radius-sm)}:where([data-slean=button][data-size=lg]){min-block-size:var(--slean-control-height-lg);padding-inline:var(--slean-space-5);font-size:var(--slean-text-md)}:where([data-slean=button][data-icon-only]){inline-size:var(--slean-control-height-md);padding-inline:0}:where([data-slean=button][data-icon-only][data-size=xs]){inline-size:var(--slean-control-height-xs)}:where([data-slean=button][data-icon-only][data-size=sm]){inline-size:var(--slean-control-height-sm)}:where([data-slean=button][data-icon-only][data-size=lg]){inline-size:var(--slean-control-height-lg)}@media(hover:hover){:where([data-slean=button]:hover:not(:disabled,[aria-disabled=true],[aria-busy=true])){background:var(--slean-accent-hover)}:where([data-slean=button]:is([data-variant=outline],[data-variant=ghost]):hover:not(:disabled,[aria-disabled=true],[aria-busy=true])){background:var(--slean-muted)}:where([data-slean=button][data-variant=secondary]:hover:not(:disabled,[aria-disabled=true],[aria-busy=true])){background:var(--slean-muted-hover)}:where([data-slean=button][data-variant=soft]:hover:not(:disabled,[aria-disabled=true],[aria-busy=true])){background:color-mix(in oklch,var(--slean-accent-soft),var(--slean-accent) 10%)}:where([data-slean=button][data-variant=danger]:hover:not(:disabled,[aria-disabled=true],[aria-busy=true])){background:var(--slean-danger-hover)}:where([data-slean=button][data-variant=danger-soft]:hover:not(:disabled,[aria-disabled=true],[aria-busy=true])){background:color-mix(in oklch,var(--slean-danger) 18%,transparent)}:where([data-slean=button][data-variant=link]:hover:not(:disabled,[aria-disabled=true],[aria-busy=true])){background:transparent;text-decoration:underline}}:where([data-slean=button]:active:not(:disabled,[aria-disabled=true],[aria-busy=true])){background:var(--slean-accent-active)}:where([data-slean=button]:is([data-variant=secondary],[data-variant=outline],[data-variant=ghost]):active:not(:disabled,[aria-disabled=true],[aria-busy=true])){background:var(--slean-muted-hover)}:where([data-slean=button][data-variant=soft]:active:not(:disabled,[aria-disabled=true],[aria-busy=true])){background:color-mix(in oklch,var(--slean-accent-soft),var(--slean-accent) 18%)}:where([data-slean=button][data-variant=danger]:active:not(:disabled,[aria-disabled=true],[aria-busy=true])){background:color-mix(in oklch,var(--slean-danger-hover),var(--slean-fg) 10%)}:where([data-slean=button][data-variant=danger-soft]:active:not(:disabled,[aria-disabled=true],[aria-busy=true])){background:color-mix(in oklch,var(--slean-danger) 24%,transparent)}:where([data-slean=button][data-variant=link]:active:not(:disabled,[aria-disabled=true],[aria-busy=true])){background:transparent}:where([data-slean=button]:is(:disabled,[aria-disabled=true])){border-color:var(--slean-control-border-disabled);background:var(--slean-control-bg-disabled);color:var(--slean-fg-muted);cursor:not-allowed}:where([data-slean=button]:is([data-variant=ghost],[data-variant=link]):is(:disabled,[aria-disabled=true])){border-color:transparent;background:transparent}:where([data-slean=button][aria-busy=true]){cursor:progress}:where([data-slean=button][aria-busy=true]):before{content:"";flex:none;inline-size:1em;block-size:1em;border:2px solid currentColor;border-inline-end-color:transparent;border-radius:50%;animation:slean-spin var(--slean-duration-indicator) linear infinite}@keyframes slean-spin{to{rotate:1turn}}@media(forced-colors:active){:where([data-slean=button]){border-color:ButtonText}:where([data-slean=button]:is(:disabled,[aria-disabled=true])){border-color:GrayText;color:GrayText}}}