@layer theme,base;@layer components{.symbol-tip{cursor:help;outline-offset:4px;border-radius:.5rem;display:inline-flex;position:relative}.symbol-tip-bubble{z-index:30;width:max-content;max-width:min(20rem,80vw);font-family:var(--font-sans,"Inter Variable",system-ui,sans-serif);letter-spacing:normal;text-align:left;text-transform:none;white-space:normal;color:var(--ink);background:var(--surface);box-shadow:0 14px 34px -14px #00000059,inset 0 0 0 1px var(--line-strong);opacity:0;visibility:hidden;pointer-events:none;direction:ltr;border-radius:.9rem;flex-direction:column;gap:.2rem;padding:.7rem .9rem;font-size:.82rem;font-style:normal;font-weight:400;line-height:1.45;transition:opacity .15s,transform .15s,visibility .15s;display:flex;position:absolute;bottom:calc(100% + .6rem);left:50%;transform:translate(-50%,4px)}.symbol-tip-bubble strong{color:var(--lit-ink);font-weight:600}.symbol-tip-note{color:var(--muted);font-size:.76rem}.symbol-tip-bottom .symbol-tip-bubble,.symbol-tip-bottom-end .symbol-tip-bubble{top:calc(100% + .6rem);bottom:auto;transform:translate(-50%,-4px)}.symbol-tip-bottom-end .symbol-tip-bubble{left:auto;right:0;transform:translateY(-4px)}.symbol-tip:focus .symbol-tip-bubble,.symbol-tip:focus-within .symbol-tip-bubble,.symbol-tip:hover .symbol-tip-bubble{opacity:1;visibility:visible;transform:translate(-50%)}.symbol-tip-bottom-end:focus .symbol-tip-bubble,.symbol-tip-bottom-end:hover .symbol-tip-bubble{transform:none}.symbol-tip-left .symbol-tip-bubble{inset:50% calc(100% + .75rem) auto auto;transform:translate(4px,-50%)}.symbol-tip-left:focus .symbol-tip-bubble,.symbol-tip-left:focus-within .symbol-tip-bubble,.symbol-tip-left:hover .symbol-tip-bubble{transform:translateY(-50%)}}@layer utilities;