.ht-tip{display:inline;position:relative}.ht-tip--block{display:block}.ht-tip:focus-visible{outline:2px solid var(--ht-focus,#a84e00);outline-offset:2px;border-radius:var(--ht-r-pill,999px)}.ht-tip__box{z-index:70;transform:translateX(calc(-50% + var(--ht-tip-shift,0px)));width:max-content;max-width:min(300px,100vw - 16px);padding:var(--ht-s2,8px) var(--ht-s3,12px);border-radius:var(--ht-r-control,10px);background:var(--ht-ink,#22332e);color:var(--ht-paper,#f6f4ef);font-family:var(--ht-font-body,system-ui, sans-serif);font-size:var(--ht-text-caption,13px);letter-spacing:0;text-align:left;white-space:normal;text-transform:none;box-shadow:0 0 0 1px var(--ht-paper,#f6f4ef), var(--ht-shadow-2,0 8px 24px #22332e12);pointer-events:none;visibility:hidden;opacity:0;transition:opacity 60ms var(--ht-ease,ease), visibility 0s linear 60ms;font-weight:500;line-height:1.45;position:absolute;bottom:calc(100% + 8px);left:50%}.ht-tip__box:after{content:"";top:100%;left:calc(50% - var(--ht-tip-shift,0px));border:6px solid #0000;border-top-color:var(--ht-ink,#22332e);border-bottom:0;width:0;height:0;margin-left:-6px;position:absolute}.ht-tip[data-place=below] .ht-tip__box{top:calc(100% + 8px);bottom:auto}.ht-tip[data-place=below] .ht-tip__box:after{border-top:0;border-bottom:6px solid var(--ht-ink,#22332e);top:auto;bottom:100%}.ht-tip:hover>.ht-tip__box,.ht-tip:focus-visible>.ht-tip__box,.ht-tip[data-open=true]>.ht-tip__box{visibility:visible;opacity:1;transition-delay:0s}.ht-tip:has(:focus-visible)>.ht-tip__box{visibility:visible;opacity:1;transition-delay:0s}@media (prefers-reduced-motion:reduce){.ht-tip__box{transition:none}}