abbr.abbr-root:focus,abbr.abbr-root:hover,abbr.abbr-root[data-open=true]{text-decoration-color:currentColor}abbr.abbr-root:after{content:attr(data-expand);bottom:calc(100% + 8px);white-space:normal;width:-moz-max-content;width:max-content;max-width:280px;text-align:left;background:#1c1d20;color:#ffffff;font-size:.75rem;line-height:1.4;font-weight:500;padding:8px 12px;border-radius:8px;box-shadow:0 6px 20px rgba(0,0,0,.18);animation:none}abbr.abbr-root:after,abbr.abbr-root:before{position:absolute;left:50%;transform:translateX(-50%);pointer-events:none;z-index:200;opacity:0}abbr.abbr-root:before{content:"";bottom:calc(100% + 3px);width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:5px solid #1c1d20}abbr.abbr-root:hover:after{opacity:1;animation:abbrFadeIn .15s ease-out forwards}abbr.abbr-root:hover:before{opacity:1}abbr.abbr-root[data-open=true]:after{opacity:1;animation:abbrFadeIn .15s ease-out forwards}abbr.abbr-root[data-open=true]:before{opacity:1}abbr.abbr-root[data-pos=below]:after{bottom:auto;top:calc(100% + 8px)}abbr.abbr-root[data-pos=below]:before{bottom:auto;top:calc(100% + 3px);border-top:none;border-bottom:5px solid #1c1d20}abbr.abbr-root[data-surface=dark]:after{background:#d5ff82;color:#222e48;box-shadow:0 6px 20px rgba(0,0,0,.4)}abbr.abbr-root[data-surface=dark]:before{border-top-color:#d5ff82}abbr.abbr-root[data-surface=dark][data-pos=below]:before{border-bottom-color:#d5ff82}@keyframes abbrFadeIn{0%{opacity:0;transform:translateX(-50%) translateY(4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes abbrFadeInBelow{0%{opacity:0;transform:translateX(-50%) translateY(-4px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}abbr.abbr-root[data-pos=below]:hover:after,abbr.abbr-root[data-pos=below][data-open=true]:after{animation:abbrFadeInBelow .15s ease-out forwards}