.icon-btn{display:inline-grid;place-items:center;background:transparent;border:1px solid transparent;border-radius:var(--radius-control);cursor:pointer;color:var(--text-2);transition:background var(--dur-fast) var(--easing),border-color var(--dur-fast) var(--easing),box-shadow var(--dur-fast) var(--easing);flex-shrink:0;position:relative;font-family:var(--font-button);padding:0}.icon-btn:focus-visible{outline:var(--focus-width) solid var(--focus-color);outline-offset:var(--focus-offset)}.icon-btn:disabled{opacity:.5;cursor:not-allowed}.icon-btn-sm{width:var(--control-height-sm);height:var(--control-height-sm)}.icon-btn-md{width:var(--control-height-md);height:var(--control-height-md)}.icon-btn-lg{width:var(--control-height-lg);height:var(--control-height-lg)}.icon-btn-ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.icon-btn-outline{background:var(--control-bg);border-color:var(--control-edge);box-shadow:var(--shadow-control)}.icon-btn-outline:hover:not(:disabled){border-color:var(--brand-text);box-shadow:var(--shadow-control-hover)}.icon-btn-solid{background:var(--surface-selected);color:var(--brand-text);border-color:var(--border-selected)}.icon-btn-solid:hover:not(:disabled){background:var(--surface-3)}@media(pointer:coarse){.icon-btn{min-width:var(--control-target-touch);min-height:var(--control-target-touch)}}