.cmp-cap:before{content:"";height:10px;position:absolute;bottom:100%;left:0;right:0}.cmp-tip{z-index:6;border-radius:var(--radius-chip);background:var(--color-ink);width:232px;color:var(--color-cream);text-align:left;white-space:normal;overflow-wrap:anywhere;box-shadow:var(--shadow-card-md);opacity:0;visibility:hidden;pointer-events:none;padding:10px 12px;font-size:12.5px;font-weight:500;line-height:1.5;transition:opacity .15s ease-out,transform .15s ease-out,visibility 0s linear .15s;position:absolute;bottom:calc(100% + 8px);left:-4px;transform:translateY(4px)}.cmp-tip:after{content:"";border:6px solid #0000;border-top-color:var(--color-ink);position:absolute;top:100%;left:16px}.cmp-tip-end{left:auto;right:-4px}.cmp-tip-end:after{left:auto;right:16px}.cmp-cap:is(:hover,:focus-within,[data-state=open]):not([data-state=dismissed])>.cmp-tip{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .15s ease-out,transform .15s ease-out,visibility;transform:none}@media (prefers-reduced-motion:reduce){.cmp-tip{transition:none;transform:none}.cmp-cap:is(:hover,:focus-within,[data-state=open]):not([data-state=dismissed])>.cmp-tip{transition:none}}