.calculus-icon { width: 1em; height: 1em; display: inline-block; vertical-align: middle; }
.calculus-icon-picker { margin: 8px 0; }
.calculus-icon-selected { display: inline-block; min-width: 32px; font-size: 24px; }
.calculus-icon-results { border: 1px solid #aaa; padding: 12px; margin-top: 8px; }
.calculus-icon-grid { display: grid; grid-template-columns: repeat(auto-fill,minmax(120px,1fr)); gap: 8px; max-height: 360px; overflow: auto; }
.calculus-icon-grid button { background: white; color: #222; padding: 10px; }
.calculus-icon-grid button:focus-visible { outline: 3px solid #005ea8; outline-offset: -3px; }
.calculus-icon-swatch { display: block; font-size: 28px; margin-bottom: 5px; }
.calculus-icon-grid small { display: block; color: #a00; }