@keyframes fade{0%{opacity:1;pointer-events:inherit}90%{opacity:1;pointer-events:inherit}to{opacity:0;pointer-events:none}}@keyframes intro{0%{transform:scale(.5);opacity:0}75%{transform:scale(1.2);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes flip{0%{transform:scaleX(.5) rotateX(90deg)}to{transform:scaleX(1) rotateX(0deg)}}@keyframes swapflip{0%{opacity:0;transform:translateX(-50%) scaleX(-1);color:var(--secondary)}25%{opacity:0;transform:translateX(-50%) scaleX(-1);color:var(--secondary)}75%{opacity:1;transform:translateX(150%) scaleX(-1);color:var(--secondary)}87.5%{opacity:1;transform:translateX(75%) scaleX(0);color:var(--secondary)}to{opacity:1;transform:translateX(0) scaleX(1);color:var(--primary)}}#splash{position:fixed;top:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100vw;height:100vh;z-index:99999;background-color:var(--bg);animation:fade 1.5s forwards}#splash svg{max-width:10%;animation:intro 1.25s}#splash-b{animation:flip .75s}#splash-a{animation:swapflip 1s ease-in-out forwards}.header-logo-container{display:flex;flex-direction:row;align-items:center;gap:1rem}.header-logo{display:flex;width:1.5rem;align-items:center;justify-content:center;margin-left:.5rem}.header-logo svg{width:100%;height:100%;overflow:visible}.header-logo-link{display:flex;flex-direction:row;align-items:center;gap:1rem;text-decoration:none!important;color:var(--quaternary)!important}.header-logo-link:hover{opacity:.75}.header-title{font-size:1rem;letter-spacing:.15rem;color:var(--quaternary)}.header-title,.header-version{font-family:var(--header-font);margin-left:.25rem}.header-version{font-size:.75rem;color:var(--secondary)}.modal-container{display:flex;position:fixed;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:1;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10}.modal{flex-direction:column;border-radius:.5rem;background-color:var(--bg-accent);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);width:720px;border:1px solid var(--secondary)}.modal,.modal-header{display:flex;gap:1rem}.modal-header{flex-direction:row;justify-content:space-between;align-items:center;border-bottom:1px solid var(--accent);padding:1rem}.modal-title{font-weight:600;margin:0}.modal-content{flex-direction:column}.modal-content,.modal-footer{display:flex;gap:1rem;padding:1rem}.modal-footer{flex-direction:row;justify-content:flex-end;border-top:1px solid var(--accent)}