/* Toolbar button rules adapted from AFFiNE EditorIconButton:
 * blocksuite/affine/components/src/toolbar/icon-button.ts
 * MIT, Copyright 2022-present TOEVERYTHING PTE. LTD. and its affiliates.
 * Lit host/slot selectors mapped to native buttons; theme variables use Miro-inspired colors.
 */
:root{--affine-text-disable-color:#b7b8c0;--affine-primary-color:#4262ff;--affine-brand-color:#4262ff;--affine-hover-color:#edf0fb}
.tool:disabled,#props button:disabled,.action-grid button:disabled{pointer-events:none;cursor:not-allowed;color:var(--affine-text-disable-color)}
.tool,#props button{position:relative;display:flex;align-items:center;justify-content:center;border-radius:4px;cursor:pointer;white-space:nowrap;box-sizing:border-box;user-select:none}
.tool.active{color:var(--affine-primary-color);background:var(--affine-hover-color)}
.affine-icon{flex-shrink:0;width:20px;height:20px;stroke:none!important;vertical-align:middle}
.tool .affine-icon{width:22px;height:22px}
#props .affine-icon{width:19px;height:19px}#props button{gap:5px}
#stylePopup .action-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
#framesButton{display:flex;align-items:center;gap:7px}