.aa-mission nav .aa-index-trigger,.aa-index button{background:#241f33;color:#fff;border:1px solid #786584;border-radius:2em;min-height:44px;padding:0 18px;font:500 14px system-ui;cursor:pointer}
.aa-mission nav .aa-index-trigger{display:inline-flex!important;align-items:center;flex:none}
.aa-index{box-sizing:border-box;position:fixed;inset:0;margin:auto;width:min(92vw,580px);max-height:88dvh;padding:clamp(20px,5vw,40px);overflow:auto;border:1px solid #7f668c;border-radius:20px;color:#f7f1fb;background:radial-gradient(ellipse at 100% 0%,#423149,#171522 65%);box-shadow:0 20px 80px #05030a88}
.aa-index::backdrop{background:#0c0914ba}.aa-index-top{display:flex;align-items:center;justify-content:space-between;gap:1rem}.aa-index small{letter-spacing:.15em;font:600 11px/1.3 system-ui;color:#d8bfe5}.aa-index-rows{margin-top:22px}
.aa-index-rows a{display:flex;gap:18px;align-items:center;color:#faf4fb;text-decoration:none;border-top:1px solid #ffffff24;padding:12px 4px;font:400 clamp(22px,4vw,36px)/1.1 system-ui;transition:color .2s,padding .2s}.aa-index-rows i{font:18px system-ui;margin-left:auto;color:#bc9dcc}.aa-index a:is(:hover,:focus-visible){color:#debbf3;padding-left:12px}
@media(prefers-reduced-motion:no-preference){.aa-index[open] .aa-index-rows a{animation:aaIndexIn .38s both;animation-delay:var(--delay)}@keyframes aaIndexIn{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}}
@media(max-width:900px){.aa-mission nav .links{display:none!important}.aa-mission nav{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:8px!important}.aa-mission #examples .aa-stop-inner{max-width:min(92vw,28rem)}.aa-mission #examples .aa-screen-controls{display:flex;flex-wrap:wrap;gap:6px}}