:where(.app-icon-button){--icon-btn-color:var(--color-primary-blue);--icon-btn-bg-hover:var(--color-primary-ice-blue);--icon-btn-bg-active:var(--color-primary-ice-blue);padding:var(--spacing-xs);border-radius:var(--radius-md);color:var(--icon-btn-color);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:inline-flex}:where(.app-icon-button):hover:not(:disabled){background:var(--icon-btn-bg-hover)}:where(.app-icon-button):active:not(:disabled){background:var(--icon-btn-bg-active)}:where(.app-icon-button):disabled{opacity:.5;cursor:not-allowed}.app-icon-button--secondary{--icon-btn-color:var(--color-font-secondary);--icon-btn-bg-hover:var(--color-secondary-gray-light);--icon-btn-bg-active:var(--color-secondary-gray-light)}.app-icon-button--danger{--icon-btn-color:var(--color-danger);--icon-btn-bg-hover:#eb2d401a;--icon-btn-bg-active:#eb2d4026}