@layer gilt.tokens,gilt.base;@layer gilt.components{.g-btn{--btn-h:var(--h-md);--btn-px:12px;--btn-radius:var(--radius-md);--btn-font:var(--text-sm);--icon-size:16px;height:var(--btn-h);padding:0 var(--btn-px);border-radius:var(--btn-radius);font-size:var(--btn-font);font-weight:var(--weight-medium);white-space:nowrap;-webkit-user-select:none;user-select:none;color:var(--fg);transition:background-color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), box-shadow var(--dur-base) var(--ease-out), transform var(--dur-fast) var(--ease-out), opacity var(--dur-fast);border:1px solid #0000;justify-content:center;align-items:center;gap:6px;line-height:1;display:inline-flex;position:relative}.g-btn svg{width:var(--icon-size);height:var(--icon-size);stroke-width:2px}.g-btn__label{align-items:center;min-width:0;display:inline-flex}.g-btn:active:not(:disabled){transform:translateY(.5px)}.g-btn:disabled{opacity:.45;pointer-events:none}.g-btn[data-loading]{opacity:.8}.g-btn[data-size=xs]{--btn-h:var(--h-xs);--btn-px:8px;--btn-radius:6px;--btn-font:var(--text-xs);--icon-size:14px;gap:4px}.g-btn[data-size=sm]{--btn-h:var(--h-sm);--btn-px:10px;--btn-radius:7px;--btn-font:var(--text-sm);--icon-size:15px;gap:5px}.g-btn[data-size=lg]{--btn-h:var(--h-lg);--btn-px:16px;--btn-radius:10px;--btn-font:var(--text-md);--icon-size:17px;gap:8px}.g-btn--icon{width:var(--btn-h);padding:0}.g-btn--block{width:100%;display:flex}.g-btn[data-variant=primary]{background:var(--accent);color:var(--accent-fg);font-weight:var(--weight-semibold);box-shadow:inset 0 1px 0 #ffffff52, inset 0 -1px 0 #0000001f, var(--shadow-xs)}.g-btn[data-variant=primary]:hover{background:var(--accent-hover);box-shadow:inset 0 1px 0 #ffffff5c, inset 0 -1px 0 #0000001f, var(--glint)}.g-btn[data-variant=primary]:active{background:var(--accent-active)}.g-btn[data-variant=secondary]{background:var(--bg-surface);border-color:var(--border);box-shadow:var(--highlight), var(--shadow-xs)}.g-btn[data-variant=secondary]:hover,.g-btn[data-variant=secondary][data-active]{background:var(--bg-raised);border-color:var(--border-strong)}.g-btn[data-variant=ghost]{color:var(--fg-muted)}.g-btn[data-variant=ghost]:hover{background:var(--bg-hover);color:var(--fg)}.g-btn[data-variant=ghost][data-active],.g-btn[data-variant=ghost][aria-expanded=true]{background:var(--bg-active);color:var(--fg)}.g-btn[data-variant=outline]{border-color:var(--border);color:var(--fg-muted)}.g-btn[data-variant=outline]:hover,.g-btn[data-variant=outline][data-active]{background:var(--bg-hover);border-color:var(--border-strong);color:var(--fg)}.g-btn[data-variant=soft]{background:var(--accent-soft);color:var(--accent-text)}.g-btn[data-variant=soft]:hover,.g-btn[data-variant=soft][data-active]{background:var(--accent-soft-hover)}.g-btn[data-variant=danger]{background:var(--danger);color:#fff;box-shadow:inset 0 1px 0 #ffffff2e, var(--shadow-xs)}.g-btn[data-variant=danger]:hover{background:var(--danger-hover)}.g-btn[data-variant=danger-soft]{background:var(--danger-soft);color:var(--danger-text)}.g-btn[data-variant=danger-soft]:hover{background:color-mix(in oklab, var(--danger) 22%, transparent)}.g-btn__kbd{opacity:.8;margin-left:2px;margin-right:-4px}.g-btn[data-variant=primary] .g-btn__kbd{--kbd-bg:#0000001a;--kbd-border:#0000001f;--kbd-fg:#1e1504cc}@media (hover:none) and (pointer:coarse){.g-btn__kbd{display:none}}.g-btn-group{align-items:center;display:inline-flex}.g-btn-group>.g-btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px}.g-btn-group>.g-btn:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.g-btn-group>.g-btn:hover{z-index:1}}@layer gilt.utilities;