@layer properties,theme,base;@layer components{.nash-icon-button-spinner path:first-child{opacity:.2}.nash-icon-button-icon svg{pointer-events:none;width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4);flex-shrink:0}.nash-icon-button[data-size=xs] .nash-icon-button-icon svg{width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.nash-icon-button[data-size=sm] .nash-icon-button-icon svg{width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.nash-icon-button[data-size=xl] .nash-icon-button-icon svg{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.nash-icon-button[data-variant=soft]{background-color:var(--secondary);border-color:color-mix(in oklch, var(--secondary) 30%, transparent)}.nash-icon-button[data-variant=soft]:hover{background-color:color-mix(in oklch, var(--secondary) 80%, transparent)}.nash-icon-button[data-variant=danger]{border-color:color-mix(in oklch, var(--destructive-foreground) 30%, transparent)}}@layer utilities;