@import "https://fonts.googleapis.com/css2?family=Marmelad&display=swap";*,:after,:before{box-sizing:border-box;border:none;margin:0;padding:0}html{background-color:#000;font-size:10px}body{color:#e6e6e6;max-width:72rem;margin:0 auto;font-family:Marmelad,serif;font-size:1.6rem}section{background-color:#2b2b2b;border-radius:.8rem;margin-top:1.6rem;padding:.8rem}section:last-of-type{margin-bottom:1.6rem}.row{gap:.4rem;display:flex}.row.start{justify-content:start}.row.center{justify-content:center}.row.end{justify-content:end}.row.between{justify-content:space-between}.row.around{justify-content:space-around}.row.top{align-items:start}.row.middle{align-items:center}.row.bottom{align-items:end}.col{flex:1 0 0}.col.top{align-self:start}.col.middle{align-self:center}.col.bottom{align-self:end}.col.min{flex:none}.col.size-1{flex:0 0 8.33333%}.col.size-2{flex:0 0 16.6667%}.col.size-3{flex:0 0 25%}.col.size-4{flex:0 0 33.3333%}.col.size-5{flex:0 0 41.6667%}.col.size-6{flex:0 0 50%}.col.size-7{flex:0 0 58.3333%}.col.size-8{flex:0 0 66.6667%}.col.size-9{flex:0 0 75%}.col.size-10{flex:0 0 83.3333%}.col.size-11{flex:0 0 91.6667%}.col.size-12{flex:0 0 100%}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}p{margin-bottom:.8rem}h1,h2,h3,h4,h5,h6{margin-bottom:.8rem;font-weight:500;line-height:1.2}h1{font-size:4rem}h2{font-size:3.2rem}h3{font-size:2.4rem}h4{font-size:2rem}h5{font-size:1.6rem}h6{font-size:1.2rem}small{font-size:80%}abbr[title]{cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}mark{color:#1a1a1a;background-color:#bfbfbf;border-radius:.4rem;padding:0 .2rem}code,kbd{background-color:#2b2b2b;border-radius:.4rem;padding:0 .2rem;font-family:monospace}blockquote{border-left:.4rem solid #525252;margin-bottom:.8rem;padding:.8rem 1.2rem;font-size:1.8rem}blockquote footer,blockquote cite{color:#ababab;margin-top:.4rem;font-size:1.4rem;font-style:normal;display:block}ul,ol{margin-bottom:.8rem;padding-left:2rem}dl{margin-bottom:.8rem}dl dt{font-weight:600}dl dd{margin-bottom:.4rem;padding-left:.8rem}img{border-radius:.8rem;max-width:100%;height:auto;display:block}figure{margin-bottom:.8rem}figure figcaption{color:#ababab;margin-top:.4rem;font-size:1.4rem}table{border-collapse:separate;border-spacing:0;border:.2rem solid #525252;border-radius:.8rem;width:100%;margin-bottom:.8rem;overflow:hidden}table th,table td{text-align:left;border-bottom:.2rem solid #525252;border-right:.2rem solid #525252;padding:.6rem .8rem}table th:last-child,table td:last-child{border-right:none}table tr:last-child td{border-bottom:none}table th{font-weight:600}form .row+.row{margin-top:.8rem}label{margin-bottom:.2rem;font-weight:600;display:block}label:has(input:is([type=checkbox],[type=radio])){cursor:pointer}label:has(input:is([type=checkbox],[type=radio]):disabled){cursor:not-allowed;color:gray}button,input[type=submit],input[type=button],input[type=reset]{font-family:inherit;font-size:inherit;color:#1a1a1a;cursor:pointer;background-color:#e6e6e6;border:.1rem solid #e6e6e6;border-radius:.8rem;padding:.6rem 1.2rem;display:inline-block}button:hover,input[type=submit]:hover,input[type=button]:hover,input[type=reset]:hover{background-color:#d1d1d1;border-color:#d1d1d1}button:active,input[type=submit]:active,input[type=button]:active,input[type=reset]:active{background-color:#bfbfbf;border-color:#bfbfbf}button:focus,input[type=submit]:focus,input[type=button]:focus,input[type=reset]:focus{border-color:#999;outline:none}button:disabled,input[type=submit]:disabled,input[type=button]:disabled,input[type=reset]:disabled{opacity:.5;cursor:not-allowed}input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{width:100%;height:3.4rem;font-family:inherit;font-size:inherit;color:#e6e6e6;background-color:#1a1a1a;border-bottom:.4rem solid #525252;border-radius:.8rem;padding:.6rem .8rem;line-height:1.6rem;display:block}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,textarea:focus,select:focus{border-color:#999;outline:none}input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=number]:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed}input[type=checkbox],input[type=radio]{appearance:none;vertical-align:middle;cursor:pointer;background-color:#1a1a1a;border:.2rem solid #525252;width:2rem;height:2rem;margin-right:.4rem;display:inline-block}input[type=checkbox]:focus,input[type=radio]:focus{border-color:#999;outline:none}input[type=checkbox]:disabled,input[type=radio]:disabled{opacity:.5;cursor:not-allowed}input[type=checkbox]{border-radius:.6rem}input[type=checkbox]:checked{background-color:#e6e6e6;border-color:#e6e6e6}input[type=checkbox]:checked:after{content:"✓";text-align:center;color:#1a1a1a;font-size:1.6rem;font-weight:700;line-height:1.8rem;display:block}input[type=radio]{border-radius:50%}input[type=radio]:checked{background-color:#e6e6e6;border-color:#e6e6e6;box-shadow:inset 0 0 0 .2rem #1a1a1a}textarea{resize:vertical;min-height:8rem}fieldset{border:.2rem solid #525252;border-radius:.8rem;padding:.8rem}legend{padding:0 .4rem;font-weight:600}.alert{background-color:#404040;border-left:.4rem solid #999;border-radius:.8rem;margin-bottom:.8rem;padding:.8rem 1.2rem}.alert.success{background-color:#36493d;border-left-color:#70c28b}.alert.error{background-color:#4d3333;border-left-color:#d16161}.alert.warning{background-color:#504530;border-left-color:#dbaf57}.alert.info{background-color:#34404b;border-left-color:#69c}.card{background-color:#404040;border-radius:.8rem;padding:1.2rem}dialog{color:#e6e6e6;background-color:#2b2b2b;border-radius:.8rem;min-width:32rem;max-width:90vw;padding:1.2rem;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}dialog::backdrop{background-color:#0009}.demo-row{background-color:#404040;border-radius:.4rem}.demo-col{text-align:center;background-color:#525252;border-radius:.4rem}