html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#0f0f0f}*,*:before,*:after{box-sizing:border-box}[data-tooltip]{position:relative}[data-tooltip]:hover:after,[data-tooltip]:focus-visible:after{content:attr(data-tooltip);position:absolute;z-index:1000;pointer-events:none;white-space:nowrap;font-family:system-ui,sans-serif;font-size:.75rem;line-height:1.2;color:#f4ead0;text-shadow:0 1px 0 rgba(0,0,0,.65);background:#14100cf0;border:1px solid rgba(255,220,150,.28);border-radius:3px;padding:.3rem .5rem;box-shadow:0 4px 12px #0000008c;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);animation:tooltip-fade .08s ease-out}[data-tooltip][data-tooltip-pos=bottom]:hover:after,[data-tooltip][data-tooltip-pos=bottom]:focus-visible:after{bottom:auto;top:calc(100% + 6px)}[data-tooltip][data-tooltip-pos=right]:hover:after,[data-tooltip][data-tooltip-pos=right]:focus-visible:after{bottom:auto;left:calc(100% + 6px);top:50%;transform:translateY(-50%)}[data-tooltip][data-tooltip-pos=left]:hover:after,[data-tooltip][data-tooltip-pos=left]:focus-visible:after{bottom:auto;right:calc(100% + 6px);left:auto;top:50%;transform:translateY(-50%)}@keyframes tooltip-fade{0%{opacity:0}to{opacity:1}}