@keyframes fade{0%{opacity:1;pointer-events:inherit}90%{opacity:1;pointer-events:inherit}to{opacity:0;pointer-events:none}}@keyframes intro{0%{opacity:0;transform:scale(.5)}75%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes flip{0%{transform:scaleX(.5)rotateX(90deg)}to{transform:scaleX(1)rotateX(0)}}@keyframes swapflip{0%{opacity:0;color:var(--secondary);transform:translate(-50%)scaleX(-1)}25%{opacity:0;color:var(--secondary);transform:translate(-50%)scaleX(-1)}75%{opacity:1;color:var(--secondary);transform:translate(150%)scaleX(-1)}87.5%{opacity:1;color:var(--secondary);transform:translate(75%)scaleX(0)}to{opacity:1;color:var(--primary);transform:translate(0)scaleX(1)}}#splash{z-index:99999;background-color:var(--bg);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;animation:1.5s forwards fade;display:flex;position:fixed;top:0;left:0}#splash svg{max-width:10%;animation:1.25s intro}#splash-b{animation:.75s flip}#splash-a{animation:1s ease-in-out forwards swapflip}
#header{border:1px solid var(--accent);background-color:var(--bg-accent);border-radius:.5rem;flex-direction:row;justify-content:space-between;align-items:center;padding:1rem;display:flex}.header-logo-container{flex-direction:row;align-items:center;gap:1rem;display:flex}.header-logo{justify-content:center;align-items:center;width:1.5rem;margin-left:.5rem;display:flex}.header-logo svg{width:100%;height:100%;overflow:visible}.header-logo-link{flex-direction:row;align-items:center;gap:1rem;display:flex;color:var(--quaternary)!important;text-decoration:none!important}.header-logo-link:hover{opacity:.75}.header-logo-title{font-family:var(--header-font);color:var(--quaternary);margin-left:.25rem;font-size:1rem}.header-logo-version{font-family:var(--header-font);color:var(--secondary);margin-left:.25rem;font-size:.75rem}
#kofi{border:1px solid var(--accent);background-color:var(--bg-accent);border-radius:.5rem;flex-direction:row;justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.kofi-contents{flex-direction:row;align-items:center;display:flex;color:var(--tertiary)!important}.kofi-contents svg{width:1.5rem;height:1.5rem;color:var(--primary);margin-right:1.5rem}.kofi-contents #donator{color:var(--text);display:contents}.kofi-close{cursor:pointer;color:var(--tertiary);flex-direction:row;align-items:center;display:flex}.kofi-close:hover{color:var(--secondary)}#kofi.closed{display:none}
.icon-button:hover{cursor:pointer;fill:var(--secondary);color:var(--secondary)!important}.icon-button:active{fill:var(--accent);color:var(--accent)!important}.icon-button-svg{stroke-width:2px;width:1.5rem;height:1.5rem}.icon-button-label{color:var(--text);font-size:.85rem}.icon-button{border:1px solid var(--accent);background-color:var(--bg-accent);border-radius:.5rem;flex-direction:row;justify-content:center;align-items:center;gap:1rem;width:fit-content;padding:1rem;display:flex;text-decoration:none!important}.icon-button:hover svg{color:var(--text)}.icon-button:hover{border:1px solid var(--secondary);background-color:var(--accent);color:var(--text)!important}.header-button{pointer-events:all;cursor:pointer;justify-content:center;align-items:center;width:1rem;height:1rem;display:flex;color:var(--tertiary)!important}.header-button:hover{color:var(--secondary)!important}.header-button:active{color:var(--accent)!important}.lang-select{flex-direction:row;justify-content:center;align-items:center;gap:1rem;display:flex;background:0 0!important}.lang-select select{font-size:.75rem;color:var(--tertiary)!important}#lang-icon{width:1.25rem;height:1.25rem;color:var(--secondary)}
#footer{flex-direction:row;justify-content:space-between;align-items:center;padding:1rem;display:flex}#footer select,#footer .icon-button{padding:.75rem;background-color:var(--bg)!important}#footer-buttons,#download-container{flex-direction:row;justify-content:center;align-self:flex-end;align-items:center;gap:1rem;width:fit-content;display:flex}#footer select{background-color:var(--bg);border:none;padding:0}.lang-select select{background-color:var(--bg)!important}
#mobile{display:none}#mobile p{font-size:.8rem;font-family:var(--body-font);margin:0;padding:0}#mobile svg{stroke-width:1px;width:5rem;height:5rem}#small-folder-256{display:none}@media screen and (max-width:1400px){#left-container{width:50%!important;min-width:0!important}#right-container{width:50%!important}}@media screen and (max-width:1400px),screen and (max-height:720px){#small-folder-64,#small-folder-48,#big-folder-512{display:none}#small-folder-256{display:flex}.icon-button-label,#download-button span{display:none}}@media screen and (max-width:979px),screen and (max-height:499px){#app{display:none!important}#mobile{box-sizing:border-box;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100vh;padding:1rem;display:flex}}
.dropdown-content{flex-direction:column;gap:.5rem;padding:1rem 0 0 2rem;display:none}.dropdown-content.open{display:flex}.dropdown-header{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.25rem;flex-direction:row;align-items:center;gap:1.75rem;width:calc(100% - 1.25rem);margin-top:1rem;padding:.75rem;display:flex}.dropdown-header:hover{background-color:var(--accent)}.dropdown-divider{border:none;border-top:1px solid var(--accent);width:100%}.dropdown-icon,.dropdown-symbol{justify-content:center;align-items:center;width:1rem;height:1rem;display:flex}.dropdown-symbol svg{color:var(--tertiary)}.dropdown-icon svg{transition:transform .1s ease-in-out}.dropdown-icon svg.open{transform:rotate(90deg)}.dropdown-name{white-space:nowrap}.dropdown-break{width:100%;height:.5rem}
.radio{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:.25rem;flex-direction:row;align-items:center;gap:.5rem;padding:.5rem;display:flex}.radio:hover{background-color:var(--accent)}.radio-label{cursor:pointer}.radio-input{display:none}.radio-fake-input{border:1px solid var(--secondary);cursor:pointer;background-color:#fff0;border-radius:50%;width:1rem;height:1rem;margin-right:.5rem;transition:background-color 50ms ease-in-out,border-color 50ms ease-in-out;display:inline-block;position:relative}.radio-fake-input-inner{background-color:#fff0;border-radius:50%;width:1rem;height:1rem;transition:background-color .1s ease-in-out,width .1s ease-in-out,height .1s ease-in-out;display:inline-block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.radio-input:checked+.radio-fake-input .radio-fake-input-inner{background-color:var(--bg);width:.5rem;height:.5rem}.radio-input:checked+.radio-fake-input{background-color:var(--primary);border-color:var(--primary)}
.color{cursor:pointer;border-radius:.25rem;flex-direction:row;justify-content:space-between;align-items:center;padding:.5rem;display:flex}.color-left{flex-direction:row;align-items:center;gap:1rem;display:flex}.color:hover{background-color:var(--accent)}.color-fake-input{outline:1px solid var(--secondary);border:2px solid var(--bg-accent);background-color:#fff0;border-radius:50%;width:calc(1rem - 2px);height:calc(1rem - 2px);display:inline-block}.color-input{opacity:0;pointer-events:none;position:absolute}.color-value{color:var(--tertiary);font-size:.8rem}