[data-tds=icon-button]{inline-size:var(--tds-icon-button-size-md);block-size:var(--tds-icon-button-size-md);border-radius:var(--tds-icon-button-radius);color:var(--tds-fg-default);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--tds-icon-button-transition), transform var(--tds-icon-button-transition);border:0;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}[data-tds=icon-button][data-size=sm]{inline-size:var(--tds-icon-button-size-sm);block-size:var(--tds-icon-button-size-sm)}[data-tds=icon-button][data-size=lg]{inline-size:var(--tds-icon-button-size-lg);block-size:var(--tds-icon-button-size-lg)}[data-tds=icon-button][data-variant=primary]{background:var(--tds-accent-subtle);color:var(--tds-fg-accent)}[data-tds=icon-button][data-variant=primary]:hover{background:var(--tds-accent-subtle-hover)}[data-tds=icon-button][data-variant=primary]:active{background:var(--tds-accent-subtle-active)}[data-tds=icon-button][data-variant=secondary]{background:var(--tds-surface-hover)}[data-tds=icon-button][data-variant=secondary]:hover{background:var(--tds-surface-pressed)}[data-tds=icon-button][data-variant=ghost]{background:0 0}[data-tds=icon-button][data-variant=ghost]:hover{background:var(--tds-surface-hover)}[data-tds=icon-button][data-variant=ghost]:active{background:var(--tds-surface-pressed)}[data-tds=icon-button]:active:not([aria-disabled=true]){transform:scale(var(--tds-icon-button-press-scale))}[data-tds=icon-button]:focus-visible{outline:var(--tds-focus-edge) solid var(--tds-focus-ring);outline-offset:0;box-shadow:var(--tds-focus-halo)}[data-tds=icon-button][aria-disabled=true]{opacity:var(--tds-icon-button-disabled-opacity);cursor:not-allowed}[data-tds=icon-button][data-loading]{cursor:progress}@media print{[data-tds=icon-button][data-print=hide]{display:none}}