.app-tooltip{--tt-bg: rgba(24, 26, 29, .92);--tt-border: rgba(255, 255, 255, .12);--tt-fg: rgba(255, 255, 255, .82);--tt-fg-caption: rgba(255, 255, 255, .62);--tt-fg-shortcut: rgba(255, 255, 255, .5);--tt-cap-bg: transparent;--tt-cap-fg: var(--tt-fg-shortcut);--tt-cap-border: rgba(255, 255, 255, .16);--tt-sep: rgba(255, 255, 255, .22)}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.app-tooltip{--tt-bg: #181a1d}}.app-tooltip{position:fixed;inset:auto;margin:0;overflow:visible;box-sizing:border-box;max-width:min(19rem,calc(100vw - 1.5rem));padding:.4375rem .625rem;border:1px solid var(--tt-border);border-radius:.375rem;background:var(--tt-bg);-webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);color:var(--tt-fg);font-family:var(--font-family);font-size:.75rem;line-height:1.3;box-shadow:0 4px 14px #00000047;pointer-events:auto;opacity:0;transform:translateY(2px);transition:opacity .1s ease,transform .1s ease}.app-tooltip:popover-open,.app-tooltip.app-tooltip--shown{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.app-tooltip{transition:none;transform:none}}.app-tooltip:after{content:"";position:absolute;width:.375rem;height:.375rem;background:var(--tt-bg);-webkit-backdrop-filter:blur(14px) saturate(1.5);backdrop-filter:blur(14px) saturate(1.5);border:1px solid var(--tt-border);transform:rotate(45deg)}.app-tooltip[data-side=top]:after{left:var(--tt-arrow-x, 50%);bottom:-.22rem;margin-left:-.1875rem;border-top:0;border-left:0}.app-tooltip[data-side=bottom]:after{left:var(--tt-arrow-x, 50%);top:-.22rem;margin-left:-.1875rem;border-bottom:0;border-right:0}.app-tooltip[data-side=left]:after{top:var(--tt-arrow-y, 50%);right:-.22rem;margin-top:-.1875rem;border-bottom:0;border-left:0}.app-tooltip[data-side=right]:after{top:var(--tt-arrow-y, 50%);left:-.22rem;margin-top:-.1875rem;border-top:0;border-right:0}.app-tooltip:not([data-side]):after{display:none}.app-tooltip-label{font-weight:500;margin-bottom:.1875rem}.app-tooltip-rows{display:grid;grid-template-columns:auto 1fr;gap:.1875rem .5rem;align-items:center}.app-tooltip-label+.app-tooltip-rows,.app-tooltip-caption+.app-tooltip-rows{margin-top:.5rem}.app-tooltip-caption{color:var(--tt-fg-caption)}.app-tooltip-hint{color:var(--tt-fg-shortcut);min-width:0}.app-keys{display:inline-flex;flex-wrap:wrap;gap:.25rem}.app-keys kbd{display:inline-block;min-width:1.9em;padding:.1em .4em;border:1px solid color-mix(in srgb,currentColor 35%,transparent);border-radius:.25rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.5;text-align:center}.app-tooltip-keys{display:inline-flex;align-items:center;gap:.0625rem;white-space:nowrap;justify-self:start}.app-tooltip-rows>.app-tooltip-keys:empty{display:none}.app-tooltip-rows>.app-tooltip-keys:empty+.app-tooltip-hint{grid-column:1 / -1}.app-tooltip-rows>.app-tooltip-hint:empty{display:none}.app-tooltip-rows>.app-tooltip-keys:has(+.app-tooltip-hint:empty){grid-column:1 / -1;justify-self:center}.app-tooltip kbd{display:inline-block;min-width:1.95em;padding:.08em .35em;border:1px solid var(--tt-cap-border);border-radius:.1875rem;background:var(--tt-cap-bg);color:var(--tt-cap-fg);font-family:inherit;font-size:.5625rem;font-weight:500;line-height:1.5;text-align:center}.app-tooltip-sep{margin:0 .0625rem;color:var(--tt-sep);font-size:.5625rem}.app-tooltip-sheet-backdrop{position:fixed;inset:0;width:auto;height:auto;margin:0;border:0;padding:0;background:var(--backdrop-scrim, rgba(0, 0, 0, .5));opacity:0;transition:opacity .2s ease}.app-tooltip-sheet-backdrop--open{opacity:1}.app-tooltip-sheet{position:fixed;inset:auto 0 0;width:100%;max-width:500px;margin:0 auto;box-sizing:border-box;max-height:100dvh;display:flex;flex-direction:column;padding-top:var(--sheet-handle-space);padding-bottom:calc(1.5rem + env(safe-area-inset-bottom,0px));border:1px solid var(--border-color);border-bottom:0;border-radius:var(--border-radius) var(--border-radius) 0 0;background:var(--background-card);color:var(--text-color);font-family:var(--font-family);box-shadow:var(--box-shadow-modal);transform:translateY(100%);transition:transform .24s ease}.app-tooltip-sheet--open{transform:none}@media(prefers-reduced-motion:reduce){.app-tooltip-sheet,.app-tooltip-sheet-backdrop{transition:none}}.app-tooltip-sheet-head{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:0 1.25rem .75rem}.app-tooltip-sheet-title{margin:0;font-size:1rem;font-weight:600}.app-tooltip-sheet-close{flex:0 0 auto;width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:50%;background:transparent;color:var(--text-color);font-size:1rem;cursor:pointer}.app-tooltip-sheet-close:hover{background:var(--hover-color)}.app-tooltip-sheet-close:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.app-tooltip-sheet-body{padding:0 1.25rem;overflow-y:auto;font-size:.9375rem;line-height:1.5}.app-tooltip-sheet .app-tooltip-rows{gap:.625rem .75rem}.app-tooltip-sheet kbd{font-size:.875rem}@media(forced-colors:active){.app-tooltip,.app-tooltip:after,.app-tooltip kbd,.app-tooltip-sheet{border-color:CanvasText}}
