.n2-button-icon{padding:var(--n2-space-2);border-radius:var(--n2-radius-sm);color:var(--n2-icon-primary);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;margin:0;display:inline-flex;position:relative}.n2-button-icon:before{content:"";inset:calc((100% - var(--n2-size-control-m)) / 2);position:absolute}.n2-button-icon--small:not(.n2-button-icon--ghost){border-radius:var(--n2-radius-full)}.n2-button-icon--ghost{background:0 0}.n2-button-icon--default{background:var(--n2-surface-control)}.n2-button-icon--brand{border-radius:var(--n2-radius-full);background:var(--n2-surface-brand);color:var(--n2-icon-inverted)}.n2-button-icon--ghost:hover:not(:disabled):not([aria-pressed=true]){background:var(--n2-surface-control-veil-hover)}.n2-button-icon--ghost:active:not(:disabled),.n2-button-icon--ghost[aria-pressed=true]{background:var(--n2-surface-control-veil-pressed)}.n2-button-icon--default:hover:not(:disabled):not([aria-pressed=true]){background:var(--n2-surface-control-veil-hover), var(--n2-surface-control)}.n2-button-icon--default:active:not(:disabled),.n2-button-icon--default[aria-pressed=true]{background:var(--n2-surface-control-veil-pressed), var(--n2-surface-control)}.n2-button-icon--brand:hover:not(:disabled):not([aria-pressed=true]){background:var(--n2-surface-control-veil-hover), var(--n2-surface-brand)}.n2-button-icon--brand:active:not(:disabled),.n2-button-icon--brand[aria-pressed=true]{background:var(--n2-surface-control-veil-pressed), var(--n2-surface-brand)}.n2-button-icon:disabled{color:var(--n2-icon-secondary);cursor:default;pointer-events:none;background:0 0}.n2-button-icon:focus-visible{outline:2px solid var(--n2-focus);outline-offset:2px}.n2-button-icon{transition:background-color .15s ease-out,transform .12s ease-out,opacity .15s ease-out}.n2-button-icon:active:not(:disabled){transform:scale(.97)}@media (prefers-reduced-motion:reduce){.n2-button-icon{transition:none}.n2-button-icon:active:not(:disabled){transform:none}}