.tooltip-trigger{border:0;cursor:help;text-align:left;z-index:3}
.tooltip-trigger:focus-visible{outline:2px solid #caff5a;outline-offset:4px}
.tooltip-caret{color:#ff624c;margin-left:8px;font-size:14px}
.art-tooltip{position:absolute;left:0;top:calc(100% + 14px);z-index:5;display:grid;gap:8px;width:260px;padding:16px;background:#101312;color:#f5f2eb;border:1px solid rgba(255,255,255,.22);box-shadow:8px 8px 0 rgba(0,0,0,.24);font:400 11px/1.45 'DM Sans',Arial,sans-serif;letter-spacing:0;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}
.art-tooltip::before{content:'';position:absolute;left:20px;top:-7px;width:12px;height:12px;background:#101312;border-left:1px solid rgba(255,255,255,.22);border-top:1px solid rgba(255,255,255,.22);transform:rotate(45deg)}
.art-tooltip strong{display:block;color:#caff5a;font:500 10px 'DM Mono',monospace;letter-spacing:.08em;text-transform:uppercase;margin-bottom:3px}
.art-tooltip span{display:block;color:#aeb5ad}
.art-tooltip b{color:#f5f2eb;font-weight:700}
.tooltip-trigger:hover .art-tooltip,.tooltip-trigger:focus-visible .art-tooltip{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.note-two .art-tooltip{left:auto;right:0;width:285px}
.note-two .art-tooltip::before{left:auto;right:20px}
@media(max-width:800px){.art-tooltip{position:fixed;left:var(--gutter);right:var(--gutter);top:auto;bottom:20px;width:auto!important}.art-tooltip::before{display:none}.note-two .art-tooltip{right:var(--gutter)}}