@layer components{.x-tooltip{display:inline-flex}.x-tooltip-bubble{z-index:1000;align-items:center;gap:calc(var(--pad) * .5);max-width:min(18em, calc(100vw - calc(var(--pad) * 2)));padding:calc(var(--pad) * .52) calc(var(--pad) * .76);border:1px solid color-mix(in oklch, var(--fg), transparent 88%);border-radius:calc(var(--round) * .9);color:var(--fg);background:color-mix(in oklch, var(--surface-control-solid), transparent 8%);box-shadow:var(--shadow-float);-webkit-backdrop-filter:var(--frosted);backdrop-filter:var(--frosted);white-space:normal;pointer-events:none;animation:x-tooltip-in var(--motion-fast) var(--ease-sticky) both;font-size:.76rem;font-weight:600;line-height:1.4;display:inline-flex;position:fixed;overflow:visible}.x-tooltip-bubble:after{content:"";left:var(--x-tooltip-anchor,50%);background:inherit;width:.72em;height:.72em;position:absolute;transform:translate(-50%)rotate(45deg)}.x-tooltip-bubble[data-placement=top]:after{border-right:inherit;border-bottom:inherit;bottom:-.32em}.x-tooltip-bubble[data-placement=bottom]:after{border-top:inherit;border-left:inherit;top:-.32em}.x-tooltip-bubble>span{overflow-wrap:break-word;min-width:0;display:block}.x-tooltip-bubble kbd{padding:calc(var(--pad) * .14) calc(var(--pad) * .4);border:1px solid color-mix(in oklch, var(--fg), transparent 90%);color:color-mix(in oklch, var(--fg), transparent 18%);background:color-mix(in oklch, var(--fg), transparent 94%);font:inherit;border-radius:999px;flex:none;font-size:.78em;line-height:1}}@keyframes x-tooltip-in{0%{opacity:0;transform:translateY(.14em)}to{opacity:1;transform:translateY(0)}}