@layer components{.ripple{border-radius:inherit;pointer-events:none;position:absolute;inset:0;overflow:hidden}.ripple-wave{background-color:var(--ripple-color,var(--_outline-color));opacity:0;pointer-events:none;will-change:transform, opacity;border-radius:50%;position:absolute}}
@layer components{[data-variant]{--_bg-color:var(--add-light-color);--_bg-color-hover:var(--add-mid-color);--_bg-color-active:var(--add-hard-color);--_bg-color-pressed:var(--add-hard-color);--_bg-color-disabled:var(--bgE-disabled);--_bg-color-pressed-active:var(--add-mid2-color);--_border-color:transparent;--_outline-color:var(--outlineE);--_text-color:var(--textE);--_text-color-hover:var(--textE);--_text-color-active:var(--textE);--_box-shadow:var(--shadowE);min-height:var(--height);margin:calc(var(--padding) / 2);padding:calc(var(--padding) / 2) var(--padding);background-color:var(--_bg-color);color:var(--_text-color);font-size:var(--font-size);text-align:left;border:1px solid var(--_border-color);outline-offset:3px;box-shadow:var(--_box-shadow);cursor:pointer;border-radius:.5rem;outline:2px solid #0000;justify-content:center;align-items:center;gap:.5rem;transition:color .3s ease-in-out,background-color .3s ease-in-out,outline-color .3s ease-in-out;display:inline-flex;position:relative}[data-variant]:not(:disabled,[aria-disabled=true]):hover{background-color:var(--_bg-color-hover);color:var(--_text-color-hover)}[data-variant]:not(:disabled,[aria-disabled=true]):active,[data-variant]:not(:disabled,[aria-disabled=true]):focus-visible,[data-variant]:not(:disabled,[aria-disabled=true]):focus-within{background-color:var(--_bg-color-active);color:var(--_text-color-active);outline-color:var(--_outline-color)}[data-variant][aria-disabled=true],[data-variant]:disabled{background-color:var(--_bg-color-disabled);color:var(--textE-disabled);border-color:var(--bgE-disabled);cursor:not-allowed;opacity:.8}[data-variant]>svg{flex-shrink:0}[data-variant][aria-pressed=true],[data-variant][data-checked=true]{background-color:var(--_bg-color-pressed);outline-color:var(--_outline-color);font-weight:700}[data-variant][aria-pressed=true]:hover,[data-variant][aria-pressed=true]:focus-visible,[data-variant][aria-pressed=true]:focus-within,[data-variant][data-checked=true]:hover,[data-variant][data-checked=true]:focus-visible,[data-variant][data-checked=true]:focus-within{background-color:var(--_bg-color-pressed-active)}[data-variant=secondary]{--_bg-color:var(--bgE);--_bg-color-hover:var(--bgE-hover);--_bg-color-active:var(--bgE-active);--_bg-color-pressed:var(--add-minor-color);--_bg-color-pressed-active:var(--add-light-color);--_border-color:var(--borderE)}[data-variant=danger]{--_bg-color:var(--bgE);--_bg-color-hover:var(--bgE-hover);--_bg-color-active:var(--bgE-active);--_bg-color-pressed:var(--bgE-danger-active);--_bg-color-pressed-active:var(--bgE-danger-active);--_border-color:var(--borderE-danger);--_outline-color:var(--borderE-danger);--_text-color:var(--textE-danger);--_text-color-hover:var(--textE-danger);--_text-color-active:var(--textE-danger)}[data-variant=success]{--_bg-color:var(--bgE);--_bg-color-hover:var(--bgE-hover);--_bg-color-active:var(--bgE-active);--_bg-color-pressed:var(--bgE-success-active);--_bg-color-pressed-active:var(--bgE-success-active);--_border-color:var(--borderE-success);--_outline-color:var(--borderE-success);--_text-color:var(--textE-success);--_text-color-hover:var(--textE-success);--_text-color-active:var(--textE-success)}[data-variant=transparent]{--_bg-color:transparent;--_bg-color-hover:transparent;--_bg-color-active:transparent;--_box-shadow:none;--_text-color-hover:var(--fg2);--_text-color-active:var(--fg2);--_bg-color-pressed:var(--add-light-color);--_bg-color-disabled:transparent;--_bg-color-pressed-active:var(--add-mid-color);min-height:0;padding:calc(var(--padding) / 2);margin:0}[data-variant][data-loading=true]{cursor:wait}}