.tooltip_wrap__Bnl8U{position:relative;display:inline-flex}.tooltip_tooltip__0_Z7v{position:absolute;left:calc(50% + var(--tooltip-shift-x, 0px));bottom:calc(100% + var(--space-2));z-index:1000;width:max-content;max-width:min(320px,calc(100vw - var(--space-8)),var(--tooltip-max-width,320px));overflow-wrap:anywhere;border-radius:var(--radius-2);background:var(--color-foreground);box-shadow:0 4px 16px color-mix(in srgb,var(--color-shadow) 45%,transparent);color:var(--color-surface);font-family:var(--type-body-font-family);font-size:.68rem;font-style:normal;font-feature-settings:normal;font-variant:normal;font-weight:var(--type-tooltip-font-weight);letter-spacing:normal;line-height:1.55;opacity:0;padding:var(--space-2) var(--space-3);pointer-events:none;text-transform:var(--type-tooltip-text-transform);transform:translate(-50%,3px);transition:opacity .15s ease,transform .15s ease}.tooltip_tooltip__0_Z7v:after{position:absolute;top:100%;left:clamp(var(--space-2),calc(50% - var(--tooltip-shift-x, 0px)),calc(100% - var(--space-2)));border:5px solid transparent;border-top:5px solid var(--color-foreground);content:"";transform:translateX(-50%)}.tooltip_tooltip__0_Z7v[data-placement=bottom]{top:calc(100% + var(--space-2));bottom:auto;transform:translate(-50%,-3px)}.tooltip_tooltip__0_Z7v[data-placement=bottom]:after{top:auto;bottom:100%;border-top-color:transparent;border-bottom-color:var(--color-foreground)}.tooltip_wrap__Bnl8U:focus-within .tooltip_tooltip__0_Z7v,.tooltip_wrap__Bnl8U:hover .tooltip_tooltip__0_Z7v{opacity:1;transform:translate(-50%)}.tooltip_wrap__Bnl8U:focus-within .tooltip_tooltip__0_Z7v[data-placement=bottom],.tooltip_wrap__Bnl8U:hover .tooltip_tooltip__0_Z7v[data-placement=bottom]{transform:translate(-50%)}