.explained-chip{position:relative;cursor:default}@media (max-width:639px){.explained-chip:after{content:"";position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);height:36px}}.explained-chip:focus-visible{outline:2px solid var(--border-focus);outline-offset:1px}.explained-chip:focus:not(:focus-visible){outline:none}.explained-chip__tooltip{position:absolute;bottom:calc(100% + 5px);left:50%;transform:translateX(-50%);max-width:min(240px,calc(100vw - 32px));width:max-content;padding:4px 8px;border-radius:4px;background:var(--hover-bg);color:var(--text);border:1px solid var(--border);font-family:Georgia,serif;font-size:.78rem;font-style:normal;font-feature-settings:normal;font-variant:normal;font-weight:400;letter-spacing:0;text-align:left;white-space:normal;pointer-events:none;z-index:200;visibility:hidden;opacity:0;transition:opacity 80ms ease}.explained-chip__tooltip--visible{visibility:visible;opacity:1}.explained-chip__tooltip--below{bottom:auto;top:calc(100% + 5px)}.explained-chip__tooltip--traversable{pointer-events:auto}.explained-chip__tooltip--traversable:before{content:"";position:absolute;left:0;right:0;top:100%;height:8px}.explained-chip__tooltip--traversable.explained-chip__tooltip--below:before{top:auto;bottom:100%}