.tip{position:relative;display:inline-flex}.tip[data-inline]{vertical-align:middle}.tip-bubble{position:fixed;z-index:1000;width:-moz-max-content;width:max-content;max-width:260px;padding:8px 12px;border:1px solid rgb(255 255 255/.1);border-radius:8px;background:#1b1f27;color:#e7eaf0;font:400 12px/18px var(--font-hanken),ui-sans-serif,system-ui,sans-serif;letter-spacing:0;text-align:left;text-transform:none;white-space:normal;box-shadow:0 8px 24px -8px rgb(0 0 0/.6);pointer-events:none;opacity:0;transform:translateY(2px)}.tip-bubble[data-ready]{opacity:1;transform:none;animation:tip-in .14s ease-out}@keyframes tip-in{0%{opacity:0;transform:translateY(3px)}}.tip-bubble[data-below]{animation-name:tip-in-below}@keyframes tip-in-below{0%{opacity:0;transform:translateY(-3px)}}.tip-info{display:inline-grid;place-items:center;width:18px;height:18px;margin-left:6px;border-radius:50%;color:hsl(var(--muted-foreground));opacity:.7;transition:opacity .15s,background .15s}.tip-info:focus-visible,.tip-info:hover,.tip-info[data-pinned]{opacity:1;background:hsl(var(--secondary))}.tip-info svg{width:13px;height:13px}@media (prefers-reduced-motion:reduce){.tip-bubble{animation:none}}.tip[data-block]{display:block;width:100%}.tip-info{position:relative}@media (pointer:coarse){.tip-info:after{content:"";position:absolute;inset:-13px}}