.tip-anchor{flex:none;display:inline-flex;position:relative}.tip-bubble{z-index:60;background:var(--navy-900,#0e1730);width:max-content;max-width:min(228px,100vw - 16px);color:var(--au-soft,#ebd9a0);border:1px solid var(--au,#d4af37);border-radius:var(--r-sm,6px);box-shadow:var(--shadow-toast,0 6px 20px #14213d1f);font:400 var(--t-small,13px) / 1.4 var(--sans);text-align:center;text-transform:none;letter-spacing:0;white-space:normal;opacity:0;pointer-events:none;transform:translateX(calc(-50% + var(--tip-shift,0px))) translateY(2px);transition:opacity var(--d-fast,.15s) var(--ease-out,ease);padding:7px 10px;display:none;position:absolute;left:50%}.tip-top{bottom:calc(100% + 8px)}.tip-bottom{top:calc(100% + 8px)}.tip-bubble[data-open]{opacity:1;transform:translateX(calc(-50% + var(--tip-shift,0px))) translateY(0);display:block}.tip-bubble:after{content:"";left:calc(50% - var(--tip-shift,0px));background:var(--navy-900,#0e1730);width:8px;height:8px;position:absolute;transform:translate(-50%)rotate(45deg)}.tip-top:after{border-right:1px solid var(--au,#d4af37);border-bottom:1px solid var(--au,#d4af37);bottom:-4px}.tip-bottom:after{border-left:1px solid var(--au,#d4af37);border-top:1px solid var(--au,#d4af37);top:-4px}@media (prefers-reduced-motion:reduce){.tip-bubble{transition:opacity var(--d-fast,.15s) var(--ease-out,ease);transform:translateX(calc(-50% + var(--tip-shift,0px)))}.tip-bubble[data-open]{transform:translateX(calc(-50% + var(--tip-shift,0px)))}}