.ui-icon-btn{display:inline-flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;padding:0;border:none;border-radius:10px;background:transparent;color:var(--font-color);font-family:inherit;cursor:pointer;transition:background-color .14s ease,color .14s ease}.ui-icon-btn--sm{width:30px;height:30px;border-radius:9px}.ui-icon-btn--xs{width:24px;height:22px;border-radius:7px}.ui-icon-btn:hover:not(:disabled){background:color-mix(in srgb,var(--font-color) 10%,transparent)}.ui-icon-btn:focus-visible{outline:2px solid var(--focus-ring);outline-offset:-1px}.ui-icon-btn.is-active{background:color-mix(in srgb,var(--font-color) 16%,transparent);color:var(--font-color)}.ui-icon-btn.is-active:hover:not(:disabled){background:color-mix(in srgb,var(--font-color) 22%,transparent)}.ui-icon-btn:disabled{color:var(--disabled-ink);cursor:not-allowed}.ui-icon-btn--danger:not(:disabled){color:var(--generic-danger)}.ui-icon-btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--generic-danger) 14%,transparent)}