.ds-icon-button{border-radius:var(--radius-md);width:2.25rem;height:2.25rem;color:var(--text-color-secondary);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;padding:0;transition:background-color .15s,border-color .15s,color .15s;display:inline-grid}.ds-icon-button__icon{width:16px;height:16px;display:inline-flex}.ds-icon-button:hover:not(:disabled){background:var(--hover-bg);color:var(--text-color-primary)}.ds-icon-button:focus-visible{border-color:var(--focus-ring);box-shadow:0 0 0 3px var(--color-brand-100);outline:none}.ds-icon-button:disabled{color:var(--text-color-subtle);opacity:.6;cursor:not-allowed;background:0 0}.ds-icon-button.secondary{border-color:var(--border-color);background:var(--surface);color:var(--text-color-primary)}.ds-icon-button.secondary:hover:not(:disabled){background:var(--hover-bg);border-color:var(--color-gray-400)}.ds-icon-button.primary{background:var(--color-primary);color:var(--color-primary-text)}.ds-icon-button.primary:hover:not(:disabled){background:var(--color-primary-hover)}