.symbols__toggle{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;margin-top:.6rem;padding:0 1.1rem;font:inherit;font-size:.88rem;color:var(--ink);background:var(--shell);border:1.5px solid var(--hairline);border-radius:var(--r-button);cursor:pointer;transition:border-color var(--t) ease,background-color var(--t) ease,color var(--t) ease,transform var(--t-fast) var(--ease)}.symbols__toggle .icon{width:18px;height:18px;color:var(--accent-deep)}.symbols__toggle:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.symbols__toggle:active{transform:scale(.97)}.symbols__toggle[aria-expanded=true]{border-color:var(--accent);background:var(--blush);color:var(--accent-deep);font-weight:600}.symbols{overflow:hidden;max-height:0;opacity:0;transition:max-height var(--t-slow) var(--ease),opacity var(--t) var(--ease),margin-top var(--t-slow) var(--ease)}.symbols.is-open{max-height:30rem;opacity:1;margin-top:.7rem}.symbols__panel{padding:.9rem;background:var(--shell);border-radius:var(--r-input)}.symbols__hint{margin:0 0 .7rem;font-size:.78rem;line-height:1.5;color:var(--ink-soft)}.symbols__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.4rem}.symbols__key{display:flex;align-items:center;justify-content:center;aspect-ratio:1;padding:.3rem;background:var(--ivory);border:1.5px solid transparent;border-radius:var(--r-input);cursor:pointer;transition:border-color var(--t) ease,background-color var(--t) ease,transform var(--t-fast) var(--ease)}.symbols__key:hover{border-color:color-mix(in srgb,var(--accent) 40%,transparent)}.symbols__key:active{transform:scale(.94)}.symbols__key:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.symbols__key:disabled{opacity:.32;cursor:not-allowed;transform:none;border-color:transparent}.symbols__glyph{width:100%;height:100%;object-fit:contain}.engrave__chip.has-glyph{white-space:pre-wrap}.engrave__chip .engrave__glyph{display:inline-block;flex:0 0 auto;height:1.5em;width:auto;margin-inline:.1em;object-fit:contain;vertical-align:middle}@media(prefers-reduced-motion:reduce){.symbols,.symbols__toggle,.symbols__key{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/44/assets/chrune-symbols.css.map */