:root{--font-size:18px;--body-background-color:#2b2b2e;--menu-background-color:#2b2b2ecc;--blur-radius:10px;--content-background-color:#333336;--content-border-color:#444447;--spacing-3:1rem;--spacing-5:2.5rem;--header-color:#cccccce6;--header-2-color:#95c6ffe6;--header-2-other-color:#616161e6;--body-text-color:#a5b7c2e6;--body-text-color-dark:#24292be6;--link-text-color:#95c6ffe6;--link-hover-text-color:#fff;--link-active-text-color:#fff;--link-visited-text-color:#b2e3ff;--transition:all .2s ease-in-out;--border-radius:.5rem;--btn-background-color:#3a3a3de6;--btn-hover-background-color:#95d8ffe6;--btn-active-background-color:#95d8ffe6;--btn-border-color:#4a4a4de6;--btn-box-shadow-color:#95d8ff80;--btn-primary-background-color:#95d8ffcc;--btn-primary-hover-background-color:#95d8ffe6;--btn-primary-active-background-color:#95d8ffcc;--btn-primary-border-color:#95d8ffcc;--btn-primary-box-shadow-color:#95d8ff80;--card-background-color:#3a3a3d;--card-border-color:#4a4a4d;--card-interactive-hover-background-color:#95d8ffcc;--card-interactive-hover-border-color:#95d8ffcc;--card-interactive-active-background-color:#95d8ffcc;--card-interactive-box-shadow-color:#95d8ff80;--alert-danger-background:#a000004d;--alert-danger-color:#ffcfcfcc;--alert-danger-border:1px solid #b90000cc;--alert-info-background:#0045a04d;--alert-info-color:#cfecffcc;--alert-info-border:1px solid #0056b9cc}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;font-size:inherit}.p-3{padding:var(--spacing-3)!important}.p-5{padding:var(--spacing-5)!important}.mr-3{margin-right:var(--spacing-3)!important}.mb-3{margin-bottom:var(--spacing-3)!important}.mb-5{margin-bottom:var(--spacing-5)!important}.my-3{margin-top:var(--spacing-3)!important;margin-bottom:var(--spacing-3)!important}.m-0{margin:0}.m-2{margin:.5rem}.m-3{margin:var(--spacing-3)}.d-flex{display:flex}.gap-3{gap:1rem}.flex-column{flex-direction:column!important}.flex-row{flex-direction:row!important}.align-items-center{align-items:center}.justify-content-center{justify-content:center}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.text-center{text-align:center}html{height:100%}body{font-family:monospace;font-size:var(--font-size);background-color:var(--body-background-color);color:var(--body-text-color);height:100%;margin:0}h1,h2,h3,h4,h5,h6{margin:0 0 1rem}h1{color:var(--header-color)}h2{color:var(--header-2-color)}h2.other{color:var(--header-2-other-color)}*{box-sizing:border-box;margin:0}#menu ul{padding:0;list-style-type:none}#menu li{line-height:2rem}a{color:var(--link-text-color);transition:var(--transition);cursor:pointer;text-decoration:none}p{margin-bottom:1rem}a:hover,a:focus{color:var(--link-hover-text-color);text-decoration:none}a:active{color:var(--link-active-text-color)}a:visited{color:var(--link-visited-text-color)}header{align-items:center;padding:1rem;display:flex}#app{height:100%}#main-wrapper{flex-direction:row;height:100%;display:flex;position:relative}#main{flex-direction:column;height:100%;display:flex}#menu{background-color:var(--menu-background-color);-webkit-backdrop-filter:blur(var(--blur-radius));backdrop-filter:blur(var(--blur-radius));width:14rem;border-right:1px solid var(--content-border-color);flex-shrink:0;padding:1rem;transition:all .2s ease-in-out;position:absolute;top:0;bottom:0;left:0;transform:translate(-100%)}#menu.visible{transform:translate(0)}#content-wrapper{margin-left:var(--spacing-3);margin-right:var(--spacing-3);flex-direction:column;display:flex}#content{background-color:var(--content-background-color);border-top:1px solid var(--content-border-color);padding:var(--spacing-3);border:1px solid var(--content-border-color);border-radius:var(--border-radius);flex:1}#main header button{cursor:pointer;color:var(--body-text-color);background:0 0;border:none;margin:0 1rem 0 0;padding:0;display:inline-block}#main header button:hover{color:var(--link-hover-text-color);transition:var(--transition)}#download-buttons{justify-content:space-between;align-items:stretch;gap:var(--spacing-3);flex-direction:column;display:flex}.card{background-color:var(--card-background-color);border:1px solid var(--card-border-color);border-radius:var(--border-radius);color:var(--body-text-color);margin-bottom:1rem;padding:1rem}.card.card-interactive{cursor:pointer;transition:var(--transition);color:var(--body-text-color)}.card.card-interactive:hover{background-color:var(--card-interactive-hover-background-color);border:1px solid var(--card-interactive-hover-border-color);box-shadow:0 0 0 3px var(--card-interactive-box-shadow-color);color:var(--body-text-color-dark)}.card.card-interactive:focus{background-color:var(--card-interactive-hover-background-color);border:1px solid var(--card-interactive-hover-border-color);color:var(--body-text-color-dark);box-shadow:0 0 0 3px var(--card-interactive-box-shadow-color);outline:none}.card.card-interactive:active{background-color:var(--card-interactive-active-background-color);box-shadow:0 0 0 3px var(--card-interactive-box-shadow-color)}.btn{background-color:var(--btn-background-color);border:1px solid var(--btn-border-color);border-radius:var(--border-radius);cursor:pointer;width:100%;color:var(--body-text-color);transition:var(--transition);text-align:center;align-items:center;padding:.5rem 1rem;text-decoration:none;display:flex}.btn .material-symbols-outlined{margin-right:var(--spacing-3)}.btn-lg,.btn-lg .btn.material-symbols-outlined{font-size:x-large}.btn:hover{background-color:var(--btn-hover-background-color);box-shadow:0 0 0 3px var(--btn-box-shadow-color);text-decoration:none}.btn:focus{box-shadow:0 0 0 3px var(--btn-box-shadow-color);outline:none;text-decoration:none}.btn:active{background-color:var(--btn-active-background-color);box-shadow:0 0 0 3px var(--btn-box-shadow-color)}.btn.btn-primary{background-color:var(--btn-primary-background-color);border:1px solid var(--btn-primary-border-color);color:var(--body-text-color-dark)}.btn.btn-primary:hover{background-color:var(--btn-primary-hover-background-color);box-shadow:0 0 0 3px var(--btn-primary-box-shadow-color)}.btn.btn-primary:focus{box-shadow:0 0 0 3px var(--btn-primary-box-shadow-color);outline:none}.btn.btn-primary:active{background-color:var(--btn-primary-active-background-color);box-shadow:0 0 0 3px var(--btn-primary-box-shadow-color)}.alert{border-radius:var(--border-radius);padding:var(--spacing-3);margin-bottom:var(--spacing-3)}.alert.alert-danger{background-color:var(--alert-danger-background);color:var(--alert-danger-color);border:var(--alert-danger-border)}.alert.alert-info{background-color:var(--alert-info-background);color:var(--alert-info-color);border:var(--alert-info-border)}@media (width>=992px){#main{width:calc(992px - 2rem);margin-left:auto;margin-right:auto}#menu{background-color:var(--menu-background-color);-webkit-backdrop-filter:none;backdrop-filter:none;border:none;display:block;position:static;transform:none}#main header button{display:none}#content-wrapper{border-radius:.5rem;margin-left:0;margin-right:0}#download-buttons{flex-direction:row}.btn{display:inline-flex;width:auto!important}}@media (width>=1400px){#main{width:calc(1400px - 2rem);margin-left:auto;margin-right:auto}}