@layer components{[data-ui=icon-button]{cursor:pointer;font-family:var(--font-family-sans);background-color:var(--icon-button-bg,var(--_icon-button-bg));color:var(--icon-button-fg,var(--_icon-button-fg));transition:background-color var(--duration-150) var(--ease-out), border-color var(--duration-150) var(--ease-out), opacity var(--duration-150) var(--ease-out);border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}[data-ui=icon-button][data-shape=square]{border-radius:var(--radius-6)}[data-ui=icon-button][data-shape=circle]{border-radius:var(--radius-full)}[data-ui=icon-button][data-size=xs]{width:var(--size-16);height:var(--size-16);border-radius:var(--radius-full)}[data-ui=icon-button][data-size=sm]{width:var(--size-32);height:var(--size-32)}[data-ui=icon-button][data-size=md]{width:var(--size-40);height:var(--size-40)}[data-ui=icon-button][data-size=lg]{width:var(--size-48);height:var(--size-48)}[data-ui=icon-button][data-variant=primary]{--_icon-button-bg:var(--bg-brand);--_icon-button-fg:var(--text-on-brand)}[data-ui=icon-button][data-variant=secondary]{--_icon-button-bg:var(--bg-neutral);--_icon-button-fg:var(--text-on-neutral)}[data-ui=icon-button][data-variant=outline]{--_icon-button-bg:transparent;--_icon-button-fg:var(--text-primary);border:var(--border-1) solid var(--border-default)}[data-ui=icon-button][data-variant=ghost]{--_icon-button-bg:transparent;--_icon-button-fg:var(--text-primary)}[data-ui=icon-button][data-variant=destructive]{--_icon-button-bg:var(--bg-destructive);--_icon-button-fg:var(--text-on-destructive)}[data-ui=icon-button]:after{content:"";border-radius:inherit;pointer-events:none;transition:background-color var(--duration-150) var(--ease-out);position:absolute;inset:0}[data-ui=icon-button][data-size=xs]:after{inset:-2px}[data-ui=icon-button]:hover:after{background-color:var(--interaction-hover)}[data-ui=icon-button]:active:after{background-color:var(--interaction-pressed)}[data-ui=icon-button]:focus-visible{outline:2px solid var(--color-blue-200);outline-offset:0px}[data-ui=icon-button][data-disabled]{opacity:var(--opacity-50);cursor:not-allowed}[data-ui=icon-button][data-disabled]:after{display:none}[data-ui=icon-button][data-loading]{cursor:default;opacity:1}[data-ui=icon-button][data-loading] .icon-button-icon{animation:icon-button-content-hide 1ms var(--duration-150) forwards}[data-ui=icon-button] .icon-button-spinner{opacity:0;animation:icon-button-spinner-reveal var(--duration-150) var(--duration-150) both;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.icon-button-spinner-icon{border:var(--border-2) solid currentColor;border-radius:var(--radius-full);width:1em;height:1em;animation:icon-button-spin var(--duration-500) linear infinite;border-right-color:#0000}@keyframes icon-button-content-hide{to{opacity:0}}@keyframes icon-button-spinner-reveal{to{opacity:1}}@keyframes icon-button-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){[data-ui=icon-button],[data-ui=icon-button]:after{transition:none}[data-ui=icon-button][data-loading] .icon-button-icon,[data-ui=icon-button] .icon-button-spinner{animation-delay:0s}.icon-button-spinner-icon{animation-duration:1.5s}}[data-ui=icon-button] .icon-button-icon{justify-content:center;align-items:center;display:flex}[data-ui=icon-button] .icon-button-icon svg{width:100%;height:100%}[data-ui=icon-button][data-size=xs] .icon-button-icon,[data-ui=icon-button][data-size=sm] .icon-button-icon{width:var(--icon-size-sm);height:var(--icon-size-sm)}[data-ui=icon-button][data-size=md] .icon-button-icon{width:var(--icon-size-md);height:var(--icon-size-md)}[data-ui=icon-button][data-size=lg] .icon-button-icon{width:var(--icon-size-lg);height:var(--icon-size-lg)}[data-ui=icon-button][data-size=xs]:before{content:"";min-width:var(--size-44);min-height:var(--size-44);position:absolute;inset:-14px}[data-ui=icon-button][data-size=sm]:before{content:"";min-width:var(--size-44);min-height:var(--size-44);position:absolute;inset:-6px}}