:where([data-tip]){position:relative}[data-tip]:after,.tipsurf{--tip-rgb:58, 209, 198;--tip-ink:#c8f0e6;--tip-bg-1:#0a1a18;--tip-bg-2:#050d0c;z-index:70;border:1px solid rgba(var(--tip-rgb), .5);background:repeating-linear-gradient(118deg, rgba(var(--tip-rgb), .075) 0 1px, rgba(var(--tip-rgb), 0) 1px 11px), radial-gradient(130% 150% at 10% -20%, rgba(var(--tip-rgb), .17), rgba(var(--tip-rgb), 0) 62%), linear-gradient(180deg, var(--tip-bg-1) 0%, var(--tip-bg-2) 100%);width:max-content;max-width:min(320px,78vw);color:var(--tip-ink);font:500 calc(13px * var(--fs,1)) var(--font,inherit);text-align:left;letter-spacing:normal;text-transform:none;white-space:pre-line;box-shadow:0 18px 44px #000000c7, 0 0 0 1px #00000080, 0 0 26px rgba(var(--tip-rgb), .16);opacity:0;visibility:hidden;pointer-events:none;border-radius:10px;padding:10px 13px;line-height:1.5;transition:opacity .16s,transform .16s,visibility 0s linear .16s;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-4px)}[data-tip]:after{content:attr(data-tip)}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;visibility:visible;transition:opacity .16s,transform .16s,visibility;transform:none}[data-tip-tone=ok]:after,.tipsurf--ok{--tip-rgb:126, 231, 160;--tip-ink:#d2f6dd;--tip-bg-1:#0b1a12;--tip-bg-2:#050d08}[data-tip-tone=warn]:after,.tipsurf--warn{--tip-rgb:255, 176, 32;--tip-ink:#ffe9c4;--tip-bg-1:#1d1509;--tip-bg-2:#0d0a05}[data-tip-tone=deny]:after,.tipsurf--deny{--tip-rgb:255, 107, 107;--tip-ink:#ffe2e2;--tip-bg-1:#341a25;--tip-bg-2:#1a0e14}[data-tip-tone=neutral]:after,.tipsurf--neutral{--tip-rgb:138, 160, 184;--tip-ink:#d6e2ee;--tip-bg-1:#121a24;--tip-bg-2:#080d13}[data-tip-at=below-end]:after{left:auto;right:0}[data-tip-at=above]:after{top:auto;bottom:calc(100% + 8px);transform:translateY(4px)}[data-tip-at=above-end]:after{inset:auto 0 calc(100% + 8px) auto;transform:translateY(4px)}[data-tip-at=right]:after{top:0;left:calc(100% + 10px);transform:translate(-4px)}[data-tip-at=above]:hover:after,[data-tip-at=above]:focus-visible:after,[data-tip-at=above-end]:hover:after,[data-tip-at=above-end]:focus-visible:after,[data-tip-at=right]:hover:after,[data-tip-at=right]:focus-visible:after{transform:none}[data-tip-size=narrow]:after,.tipsurf--narrow{max-width:min(220px,72vw)}[data-tip-size=wide]:after,.tipsurf--wide{max-width:min(420px,84vw)}.tipsurf--code{white-space:normal;max-width:min(540px,88vw);padding:11px 13px}.tipsurf--code .codeblock{color:var(--tip-ink);font-family:var(--mono,ui-monospace, SFMono-Regular, Menlo, monospace);font-size:calc(11.5px * var(--fs,1));white-space:pre-wrap;overflow-wrap:anywhere;background:0 0;border:0;max-height:min(56vh,460px);margin:0;padding:0;line-height:1.62;display:block;overflow:hidden}.tipsurf__cap{font-family:var(--mono,monospace);font-size:calc(9.5px * var(--fs,1));letter-spacing:.14em;text-transform:uppercase;color:rgba(var(--tip-rgb), .85);margin-bottom:7px;font-weight:700;display:block}.tipsurf.is-on{opacity:1;visibility:visible;transition:opacity .16s,transform .16s,visibility;transform:none}@media (prefers-reduced-motion:reduce){[data-tip]:after,.tipsurf{transition:visibility 0s linear .16s;transform:none}}