.zcui-tt{position:relative;display:inline-flex}.zcui-tt-bubble{position:absolute;left:50%;bottom:calc(100% + var(--zcui-space-10));z-index:var(--zcui-z-popover);transform:translateX(-50%);padding:calc(var(--zcui-space-6) + 1px) var(--zcui-space-10);border-radius:var(--zcui-radius-sm);background:var(--zcui-color-chrome-sidebar);color:var(--zcui-color-neutral-0);box-shadow:0 var(--zcui-space-12) var(--zcui-space-28) calc(-1 * var(--zcui-space-12)) color-mix(in srgb,var(--zcui-color-neutral-950) 50%,transparent);font-family:var(--zcui-font-text);font-size:var(--zcui-type-caption-size);font-weight:500;line-height:normal;letter-spacing:inherit;white-space:nowrap}.zcui-tt-bubble[data-side=bottom]{top:calc(100% + var(--zcui-space-10));bottom:auto}.zcui-tt-bubble[hidden]{display:none}.zcui-tt-bubble:before{content:"";position:absolute;left:0;right:0;top:100%;height:var(--zcui-space-10)}.zcui-tt-bubble[data-side=bottom]:before{top:auto;bottom:100%}.zcui-tt-arrow{position:absolute;left:50%;top:100%;width:var(--zcui-space-8);height:var(--zcui-space-8);background:var(--zcui-color-chrome-sidebar);transform:translate(-50%,calc(-1 * var(--zcui-space-4))) rotate(45deg)}.zcui-tt-bubble[data-side=bottom]>.zcui-tt-arrow{top:auto;bottom:100%;transform:translate(-50%,var(--zcui-space-4)) rotate(45deg)}