html{line-height:1.15;text-size-adjust:100%}body{margin:0}main{display:block}h1{margin:.67em 0;font-size:2rem}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1rem}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1rem}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25rem}sup{top:-.5rem}img{border-style:none}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625rem}legend{display:table;box-sizing:border-box;max-width:100%;padding:0;color:inherit;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{appearance:none}::-webkit-file-upload-button{appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}header{flex:1 0 0;color:var(--white);padding:2rem 3rem;min-width:22rem;min-height:100%}header nav{margin-left:auto;margin-bottom:3rem;max-width:16rem}header ul{list-style-type:none;margin:0;padding:0}header li{border-radius:.6rem;margin-bottom:1rem;transition:background-color .3s ease-in-out,padding-left .3s ease-in-out,margin-right .3s ease-in-out}header li:before{content:"";opacity:0;transition:opacity .2s ease-in-out .1s}header li.active{background-color:var(--gray);position:relative;padding-left:1.5rem;margin-right:-1.5rem;transition:padding-left .3s ease-in-out,margin-right .3s ease-in-out}header li.active:before{content:"active";display:inline-block;color:var(--text);font-variant-caps:all-petite-caps;position:absolute;top:1.3rem;left:-.6rem;transform:rotate(-90deg);opacity:1;z-index:1}header li button{background-color:var(--gray);border:0;border-radius:.6rem;font-weight:700;text-align:left;color:inherit;padding:.5rem;width:100%}header li button div{pointer-events:none;background:#0004;border-radius:.3rem;text-shadow:0 0 .3rem #000;padding:.75rem 1.5rem;transition:background .15s ease-in-out,color .15s ease-in-out}header li button:hover div,header li button:focus-visible div{background:#0008}main{display:flex;flex-flow:column nowrap;flex:2;background-color:var(--bg);padding:2rem 3rem;max-width:50rem}main h1,main h2{font-variant:all-petite-caps;color:var(--light-gray);margin:3rem 0 1.5rem}main ul{list-style-type:none;margin:0;padding:0}main form .field-error{display:block;font-size:.75rem;color:var(--error);margin-top:.5rem}main form label:has(.field-error)+input{border:.3rem solid var(-error)}main .title{font-variant:initial;font-size:2rem}main .title+section h2{margin-top:0}#title{display:flex;align-items:center;gap:1.5rem}#title h1{font:inherit;font-size:1.5rem;font-weight:lighter;text-shadow:.1rem .1rem .3rem var(--black);color:var(--text);margin:0}#title h1 span span:nth-of-type(1){color:red}#title h1 span span:nth-of-type(2){color:#0f0}#title h1 span span:nth-of-type(3){color:#00f}#title img{display:block;background-color:var(--white);box-shadow:.1rem .1rem .5rem var(--black);border-radius:50%;width:2.5rem;height:2.5rem}#title nav{display:flex;gap:.5rem;align-self:flex-start;margin-left:auto}#title nav>span{display:inline-flex;flex-flow:row nowrap;align-items:center;gap:1rem;margin-left:.5rem}#title nav>span span{font-size:1.25rem}#title nav>span[hidden]{display:none}#title nav a,#title nav button{background-color:var(--gray);border:0;border-radius:100vw;font-size:1rem;font-weight:700;text-decoration:none;white-space:nowrap;color:var(--text);padding:.5rem 1.5rem;transition:background-color .15s ease-in-out,color .15s ease-in-out}#title nav a:focus-visible,#title nav a:hover,#title nav button:focus-visible,#title nav button:hover{background-color:var(--primary);color:var(--black)}#title nav img{max-width:2rem;max-height:2rem}#main-aside>div{overflow-y:scroll;background-color:var(--bg);border:1px solid var(--gray);border-radius:.5rem;position:sticky;top:3rem;padding:2rem 3rem;min-width:20rem;max-width:30rem;min-height:min(30rem,100vh - 6rem);max-height:calc(100vh - 6rem)}#main-aside>div h2{font-variant:all-petite-caps;color:var(--light-gray);margin:2rem 0 1rem}#main-aside>div .title{display:block;font-weight:700;font-variant:initial;font-size:1.5rem;margin:1em 0}#main-aside .badges{display:flex;flex-flow:row nowrap;justify-content:space-between;gap:3rem}#main-aside .badges h2{white-space:nowrap}#main-aside .badges h2:first-child{margin-top:0}#main-aside .badges>div{text-align:center}#main-aside .badges span.material-symbols-outlined{width:1.5rem;height:1.5rem}#main-aside .badge{cursor:default;display:inline-flex;align-items:center;gap:.75rem;background-color:var(--static-darker-gray);border:1px solid #f80;border-radius:3rem;color:#f80;padding:.25rem .75rem}#main-aside .badge.online{border-color:var(--success);color:var(--success)}#main-aside .badge.offline{border-color:var(--error);color:var(--error)}#main-aside .badge p{line-height:normal;margin:0}#ap.error{display:flex;flex-flow:column nowrap;align-items:center;gap:1rem}#ap.error span{font-size:1.25rem}#ap.error span.material-symbols-outlined{font-size:3rem}#ap-preview{background-color:var(--gray);border-radius:3rem;height:3rem;padding:.5rem}#ap-preview div{background-color:var(--darker-gray);border-radius:3rem;height:100%}#ap-colors{display:flex;flex-flow:row wrap;gap:1rem;list-style-type:none;margin:2rem 0;padding:0}#ap-colors li{display:block;text-align:center;background-color:var(--dark-gray);border-radius:.3rem;padding:.5rem}#ap-colors li h3{font-size:1rem;margin:.5rem 0 1rem}#ap-colors li div{display:flex;justify-content:center;border-radius:.3rem;margin:0 auto;padding:2rem 0;width:5rem;height:5rem}#ap-options{display:flex;flex-flow:column nowrap;gap:1rem;list-style-type:none;margin:0;padding:0;width:100%}#ap-options .row{display:flex;flex-flow:row nowrap;justify-content:space-between;gap:1rem}#ap-options .row dd{font-weight:lighter;margin:0}#ap-options .row span:nth-child(2){flex:1;border-top:1px solid var(--gray);margin:auto 0}footer{margin-top:10rem}footer p{color:#888;margin:auto 0 0}:root{--white: #fff;--black: #1b1b1f;--bg: var(--black);--text: var(--white);--static-darker-gray: #161618;--darker-gray: var(--static-darker-gray);--dark-gray: #202127;--gray: #393939;--light-gray: #ddd;--primary: #3bf;--error: #e22;--success: #2e2}@media(prefers-color-scheme:light){:root{--bg: var(--white);--text: var(--black);--darker-gray: #eee;--dark-gray: #ddd;--gray: #ccc;--light-gray: #444}}::-webkit-scrollbar{width:max(15px,.8rem)}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--primary)}::-webkit-color-swatch{display:none}::-moz-color-swatch{display:none}html{scroll-behavior:smooth;background-color:var(--darker-gray);color:var(--text);font-family:Montserrat,sans-serif;font-size:1rem;position:relative}body{display:flex;justify-content:space-between;min-height:100vh;margin:0}*,*:before,*:after{box-sizing:border-box}footer,main+aside{display:flex;flex-flow:column nowrap;flex:1 0 0}main+aside{padding:3rem}h2{color:var(--text);margin:1rem 0}picture,img{display:inherit}button{cursor:pointer}input[type=color]{display:block;cursor:pointer}input:not(.spin-button)::-webkit-outer-spin-button,input:not(.spin-button)::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]:not(.spin-button){appearance:textfield}#skip-to-content:first-child{background-color:var(--bg);border-radius:.3rem;font-weight:700;text-decoration:none;color:var(--text);position:fixed;top:1rem;left:1rem;padding:1rem;z-index:99}#skip-to-content:first-child:not(:focus-visible){overflow:hidden;left:-9px;padding:0;width:1px;height:1px}span.material-symbols-outlined{user-select:none;font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24}.error-message{background-color:var(--darker-gray);border:0;border-top:.5rem solid var(--error);border-radius:.5rem;box-shadow:.25rem .25rem 1rem #000;position:fixed;top:1.5rem;padding:2rem;max-width:44rem;z-index:50}.error-message span{display:block;font-size:3rem;text-align:center}.error-message h2{text-align:center;margin:1.5rem 0 3rem}.hidden{display:none}.error{color:var(--error)}.success{color:var(--success)}.button{background-color:var(--darker-gray);border:.3rem solid var(--text);border-radius:.3rem;font-weight:700;color:var(--text);margin:0;padding:0 1.5rem;height:3rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,color .15s ease-in-out}.button:hover,.button:focus-visible{background-color:var(--primary);border-color:var(--primary);color:var(--black)}.button.error:hover,.button.error:focus-visible{background-color:var(--error);border-color:var(--error);color:var(--white)}.button:active:not([disabled]){filter:brightness(.8)}.icon-container{display:flex;align-items:center;gap:1rem}.button-list{display:flex;gap:1rem;width:100%}