.ms-icon-button{box-sizing:border-box;inline-size:var(--field-h);block-size:var(--field-h);border-radius:var(--radius-md);color:var(--ink-100);cursor:pointer;background:0 0;border:1px solid #0000;flex:none;place-items:center;margin:0;padding:0;transition:background-color .12s ease-out,border-color .12s ease-out;display:inline-grid}.ms-icon-button__icon{place-items:center;display:inline-grid}.ms-icon-button__icon>svg{block-size:20px;inline-size:20px}.ms-icon-button[data-variant=secondary],.ms-icon-button[data-variant=ghost]:hover:not(:disabled){border-color:var(--border-200);background:var(--surface-100)}.ms-icon-button[data-variant=secondary]:hover:not(:disabled){background:var(--surface-200)}.ms-icon-button[aria-expanded=true]{border-color:var(--border-200);background:var(--surface-200)}.ms-icon-button:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.ms-icon-button:disabled{color:var(--ink-300);cursor:not-allowed}.ms-icon-button[data-variant=secondary]:disabled{border-color:var(--border-100);background:var(--surface-200)}.ms-icon-button[data-size=touch]{inline-size:var(--row-h);block-size:var(--row-h)}@media (pointer:coarse),not (min-width:768px){.ms-icon-button[data-size=auto]{inline-size:var(--row-h);block-size:var(--row-h)}}@media (prefers-reduced-motion:reduce){.ms-icon-button{transition:none}}