.hint{vertical-align:middle;align-items:center;display:inline-flex;position:relative}.hint-trigger{min-height:0;color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;margin:0;padding:0;line-height:1;display:inline-flex}.hint-trigger:hover,.hint-trigger:active{box-shadow:none;color:var(--color-brand);background:0 0}.hint-trigger:focus-visible{box-shadow:none;color:var(--color-brand);background:0 0}.hint-popup{bottom:calc(100% + var(--space-xs));z-index:30;width:max-content;max-width:16rem;padding:var(--space-sm) var(--space-sm);background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border);white-space:normal;text-align:left;border-radius:.5rem;font-size:.8rem;font-weight:400;line-height:1.35;display:block;position:absolute;left:50%;transform:translate(-50%);box-shadow:0 0 0 1px #00000014,0 8px 24px #00000059}.hint-popup[hidden]{display:none}.hint-popup-text{display:inline}.hint-close{float:right;min-height:0;padding:0 0 0 var(--space-xs);color:var(--color-text-muted);font-size:var(--font-size-sm);cursor:pointer;background:0 0;border:none;margin:0;line-height:1.35}.hint-close:hover,.hint-close:active{box-shadow:none;color:var(--color-text);background:0 0}.hint-close:focus-visible{box-shadow:none;color:var(--color-text);background:0 0}.hint-popup:after{content:"";border:.4rem solid #0000;border-top-color:var(--color-surface);position:absolute;top:100%;left:50%;transform:translate(-50%)}.hint-popup--below{top:calc(100% + var(--space-xs));bottom:auto}.hint-popup--below:after{border-top-color:#0000;border-bottom-color:var(--color-surface);top:auto;bottom:100%}.hint-popup--shifted:after{display:none}