@property --tooltip-offset{syntax:"<length>";inherits:true;initial-value:8px}.c-tooltip{--tooltip-duration:calc(var(--an-duration) / 3);--tooltip-easing:var(--an-ease);--tooltip-delay:.35s;--tooltip-display:inline-flex;--tooltip-max-inline:18rem;--tooltip-radius:var(--borderRadius);--tooltip-arrow-size:.5rem;--tooltip-arrow-edge-inset:calc(var(--tooltip-radius) + var(--tooltip-arrow-size) / 2);--tooltip-offset:var(--space-2xs);--tooltip-padding:var(--space-3xs) var(--space-2xs);--tooltip-font-size:.875rem;--tooltip-line-height:1.4;--tooltip-bg-color:var(--color-bg-elevated);--tooltip-text-color:var(--color-text);--tooltip-shadow:0 6px 18px var(--color-shadow);--tooltip-z-index:var(--zi-aboveContent);display:var(--tooltip-display);--tooltip-shift:0px;--tooltip-arrow-shift:0px;--tooltip-available:100vw;--tooltip-bubble-inset-block:auto calc(100% + var(--tooltip-offset));--tooltip-bubble-inset-inline:50% auto;--tooltip-bubble-translate:calc(-50% + var(--tooltip-shift)) 0;--tooltip-arrow-inset-block:100% auto;--tooltip-arrow-inset-inline:clamp(min(var(--tooltip-arrow-edge-inset), 50%), calc(50% + var(--tooltip-arrow-shift)), max(calc(100% - var(--tooltip-arrow-edge-inset)), 50%)) auto;--tooltip-arrow-translate:-50% 0;--tooltip-arrow-shape:polygon(0 0, 100% 0, 50% 100%);position:relative}.c-tooltip[data-tooltip-position=bottom]{--tooltip-bubble-inset-block:calc(100% + var(--tooltip-offset)) auto;--tooltip-bubble-inset-inline:50% auto;--tooltip-bubble-translate:calc(-50% + var(--tooltip-shift)) 0;--tooltip-arrow-inset-block:auto 100%;--tooltip-arrow-inset-inline:clamp(min(var(--tooltip-arrow-edge-inset), 50%), calc(50% + var(--tooltip-arrow-shift)), max(calc(100% - var(--tooltip-arrow-edge-inset)), 50%)) auto;--tooltip-arrow-translate:-50% 0;--tooltip-arrow-shape:polygon(50% 0, 100% 100%, 0 100%)}.c-tooltip[data-tooltip-position=left]{--tooltip-bubble-inset-block:50% auto;--tooltip-bubble-inset-inline:auto calc(100% + var(--tooltip-offset));--tooltip-bubble-translate:0 calc(-50% + var(--tooltip-shift));--tooltip-arrow-inset-block:clamp(min(var(--tooltip-arrow-edge-inset), 50%), calc(50% + var(--tooltip-arrow-shift)), max(calc(100% - var(--tooltip-arrow-edge-inset)), 50%)) auto;--tooltip-arrow-inset-inline:100% auto;--tooltip-arrow-translate:0 -50%;--tooltip-arrow-shape:polygon(0 0, 100% 50%, 0 100%)}.c-tooltip[data-tooltip-position=right]{--tooltip-bubble-inset-block:50% auto;--tooltip-bubble-inset-inline:calc(100% + var(--tooltip-offset)) auto;--tooltip-bubble-translate:0 calc(-50% + var(--tooltip-shift));--tooltip-arrow-inset-block:clamp(min(var(--tooltip-arrow-edge-inset), 50%), calc(50% + var(--tooltip-arrow-shift)), max(calc(100% - var(--tooltip-arrow-edge-inset)), 50%)) auto;--tooltip-arrow-inset-inline:auto 100%;--tooltip-arrow-translate:0 -50%;--tooltip-arrow-shape:polygon(100% 0, 100% 100%, 0 50%)}.c-tooltip:not([data-tooltip-position])[data-tooltip-flipped],.c-tooltip[data-tooltip-position=top][data-tooltip-flipped]{--tooltip-bubble-inset-block:calc(100% + var(--tooltip-offset)) auto;--tooltip-bubble-inset-inline:50% auto;--tooltip-bubble-translate:calc(-50% + var(--tooltip-shift)) 0;--tooltip-arrow-inset-block:auto 100%;--tooltip-arrow-inset-inline:clamp(min(var(--tooltip-arrow-edge-inset), 50%), calc(50% + var(--tooltip-arrow-shift)), max(calc(100% - var(--tooltip-arrow-edge-inset)), 50%)) auto;--tooltip-arrow-translate:-50% 0;--tooltip-arrow-shape:polygon(50% 0, 100% 100%, 0 100%)}.c-tooltip[data-tooltip-position=bottom][data-tooltip-flipped]{--tooltip-bubble-inset-block:auto calc(100% + var(--tooltip-offset));--tooltip-bubble-inset-inline:50% auto;--tooltip-bubble-translate:calc(-50% + var(--tooltip-shift)) 0;--tooltip-arrow-inset-block:100% auto;--tooltip-arrow-inset-inline:clamp(min(var(--tooltip-arrow-edge-inset), 50%), calc(50% + var(--tooltip-arrow-shift)), max(calc(100% - var(--tooltip-arrow-edge-inset)), 50%)) auto;--tooltip-arrow-translate:-50% 0;--tooltip-arrow-shape:polygon(0 0, 100% 0, 50% 100%)}.c-tooltip[data-tooltip-position=left][data-tooltip-flipped]{--tooltip-bubble-inset-block:50% auto;--tooltip-bubble-inset-inline:calc(100% + var(--tooltip-offset)) auto;--tooltip-bubble-translate:0 calc(-50% + var(--tooltip-shift));--tooltip-arrow-inset-block:clamp(min(var(--tooltip-arrow-edge-inset), 50%), calc(50% + var(--tooltip-arrow-shift)), max(calc(100% - var(--tooltip-arrow-edge-inset)), 50%)) auto;--tooltip-arrow-inset-inline:auto 100%;--tooltip-arrow-translate:0 -50%;--tooltip-arrow-shape:polygon(100% 0, 100% 100%, 0 50%)}.c-tooltip[data-tooltip-position=right][data-tooltip-flipped]{--tooltip-bubble-inset-block:50% auto;--tooltip-bubble-inset-inline:auto calc(100% + var(--tooltip-offset));--tooltip-bubble-translate:0 calc(-50% + var(--tooltip-shift));--tooltip-arrow-inset-block:clamp(min(var(--tooltip-arrow-edge-inset), 50%), calc(50% + var(--tooltip-arrow-shift)), max(calc(100% - var(--tooltip-arrow-edge-inset)), 50%)) auto;--tooltip-arrow-inset-inline:100% auto;--tooltip-arrow-translate:0 -50%;--tooltip-arrow-shape:polygon(0 0, 100% 50%, 0 100%)}.c-tooltip__bubble{z-index:var(--tooltip-z-index);inset-block:var(--tooltip-bubble-inset-block);inset-inline:var(--tooltip-bubble-inset-inline);translate:var(--tooltip-bubble-translate);border-radius:var(--tooltip-radius);padding:var(--tooltip-padding);inline-size:max-content;max-inline-size:min(var(--tooltip-max-inline),90vw,var(--tooltip-available));font-size:var(--tooltip-font-size);line-height:var(--tooltip-line-height);color:var(--tooltip-text-color);background-color:var(--tooltip-bg-color);box-shadow:var(--tooltip-shadow);visibility:hidden;opacity:0;transition:opacity var(--tooltip-duration) var(--tooltip-easing),visibility var(--tooltip-duration) var(--tooltip-easing);position:absolute}.c-tooltip__bubble:before{content:"";inset:calc(var(--tooltip-offset)*-1);position:absolute}.c-tooltip__bubble:after{content:"";inset-block:var(--tooltip-arrow-inset-block);inset-inline:var(--tooltip-arrow-inset-inline);translate:var(--tooltip-arrow-translate);inline-size:var(--tooltip-arrow-size);block-size:var(--tooltip-arrow-size);background-color:var(--tooltip-bg-color);clip-path:var(--tooltip-arrow-shape);position:absolute}.c-tooltip:not([data-tooltip-dismissed]):hover .c-tooltip__bubble{visibility:visible;opacity:1;transition-delay:var(--tooltip-delay)}.c-tooltip:not([data-tooltip-dismissed]):has([data-tooltip-trigger]:focus-visible) .c-tooltip__bubble{visibility:visible;opacity:1}@media (forced-colors:active){.c-tooltip__bubble{border:1px solid canvastext}.c-tooltip__bubble:after{display:none}}@media (prefers-reduced-motion:reduce){.c-tooltip__bubble{transition-duration:.01ms!important}}