.buttonWrapper{display:flex;justify-content:center;align-items:center;gap:1rem}.buttonWrapper>*{flex:1}.iconButton{display:flex;justify-content:center;align-items:center;padding:.5rem;border:2px solid var(--sec-bg-color);border-radius:.5em;background:transparent;cursor:pointer;transition:background .3s,border-color .3s}.iconButton:hover{background:var(--sec-bg-color);border-color:var(--sec-fg-color)}.iconButton crb-icon{margin-right:.5rem}@font-face{font-family:SourceSans;src:url(/assets/fonts/SourceSans3-Regular.otf.woff2) format("woff2"),url(/assets/fonts/SourceSans3-Regular.otf.woff) format("woff")}@font-face{font-family:SourceCode;src:url(/assets/fonts/SourceCodePro-Regular.otf.woff2) format("woff2"),url(/assets/fonts/SourceCodePro-Regular.otf.woff) format("woff")}html,body{margin:0;padding:0;font-family:SourceSans,sans-serif}.ml5{margin-left:.5rem}.mb5{margin-bottom:.5rem}.flex-grow-10{flex-grow:10}.spacer{border-right:1px solid var(--main-fg-color)}.flex{display:flex;justify-content:space-between;align-items:center}.code{font-family:SourceCode,monospace}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}section{min-height:calc(100dvh - 5rem);padding-top:5rem;padding-bottom:2rem;background:var(--main-bg-color);display:flex;flex-direction:column;gap:1.5rem}section hr{color:green;border-color:var(--sec-fg-color);box-shadow:0 0 10px 3px var(--sec-bg-color)}section header,section .card{width:40dvw;min-width:700px;margin:0 auto;border:2px solid var(--sec-bg-color)}section header.no-border,section .card.no-border{padding:0;border:0}section header .inner,section .card .inner{display:flex;flex-direction:column;gap:.5rem;padding:1rem}section header{text-align:center;border-width:0}section .card{border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;box-shadow:0 0 10px 3px var(--sec-bg-color)}section .card.no-border{box-shadow:none}section .card-wrapper{width:40dvw;min-width:700px;display:flex;flex-direction:row;gap:1rem;margin:0 auto}section .card-wrapper .card{flex:1;width:auto;min-width:0}a,a:link,a:visited,a:hover,a:active{display:flex;align-items:center;text-decoration:none;color:inherit}a.active,a:link.active,a:visited.active,a:hover.active,a:active.active{color:var(--sec-fg-color)}a:hover crb-icon,a:link:hover crb-icon,a:visited:hover crb-icon,a:hover:hover crb-icon,a:active:hover crb-icon{color:var(--sec-fg-color)}h2{font-size:1.25rem}.crbInput{position:relative}label:not(.checkbox):not(.iconButton),.pseudoLabel{display:block;padding-bottom:.5rem;font-size:1.25rem}input[type=text],input[type=number]{appearance:textfield;width:100%;font-family:SourceCode,monospace;font-size:1.5rem;background-color:var(--input-bg-color);color:var(--main-fg-color);caret-color:var(--main-fg-color);border:0;transition:color .25s linear;outline:none}input[type=text][size],input[type=number][size]{width:auto;text-align:center}input[type=text]:focus,input[type=number]:focus{color:var(--sec-fg-color)}input[type=text]::-webkit-outer-spin-button,input[type=text]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=text]:disabled,input[type=number]:disabled{background-color:var(--input-bg-disabled-color)}input[type=radio]{display:none}input[type=radio][checked=true]+label{background:var(--sec-bg-color);border-color:var(--sec-fg-color)}select{width:100%;font-family:SourceCode,monospace;font-size:1.5rem;background-color:var(--input-bg-color);color:var(--main-fg-color);cursor:pointer;border:0;transition:color .25s linear;outline:none}select:focus{color:var(--sec-fg-color)}option{background:var(--main-bg-color);color:var(--main-fg-color)}option:checked{background:var(--sec-bg-color);color:var(--sec-fg-color)}option:hover,option:focus{background:var(--sec-bg-color)}input[type=range]{width:100%;accent-color:var(--sec-fg-color)}textarea{-moz-appearance:textfield;font-family:SourceCode,monospace;font-size:1em;background:var(--input-bg-color);border:0;color:var(--main-fg-color);caret-color:var(--main-fg-color);line-height:1.5;box-shadow:none;transition:color .25s linear;outline:none}textarea:focus{color:var(--sec-fg-color);border-color:var(--sec-fg-color)}textarea::-webkit-outer-spin-button,textarea::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}textarea:disabled{background-color:var(--input-bg-disabled-color)}input[type=color]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:40px;padding:0;background-color:transparent;border:none;cursor:pointer}input[type=color]::-webkit-color-swatch{border-radius:.375em;border:1px solid var(--sec-bg-color)}input[type=color]::-moz-color-swatch{border-radius:.375em;border:1px solid var(--sec-bg-color)}input[type=color]:disabled{cursor:default}input[type=checkbox]{display:none}label.checkbox{display:flex;align-items:flex-start}label.checkbox crb-icon{margin-right:.5em}label.checkbox crb-icon[image=checkboxRound]{color:var(--sec-fg-color)}