*{box-sizing:border-box}p,blockquote,pre,ul,ol,hr,.tabbed-set{margin:0 0 1em}hr{border:none}a:focus{outline:none}body{margin:0;font-family:"Open Sans", sans-serif;background:#dfdfdf}header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:2em 1em;background:#5c3290;color:#d4e7ff}header h1{margin:0}header a{color:inherit}main{max-width:55em;margin:0 auto;padding:0.5em}@media (min-width: 520px){main{padding:2em}}.message{margin-bottom:2em;padding:1em}.message.success,.message.green{background:#61cc00;color:#fff}.message.error,.message.red{background:#ce184a;color:#fff}.message.violet{background:#743fb6;color:#fff}.card{margin-bottom:0.5em;padding:1.5em;background:#f4f4f4;color:#333}@media (min-width: 520px){.card{margin-bottom:1em;padding:2em}}li>:last-child,blockquote>:last-child,.message>:last-child,.card>:last-child,.footnote>:last-child{margin-bottom:0}.grid-2-4{display:grid;grid-template-columns:1fr 1fr;justify-items:center;align-items:center;gap:0.5em}@media (min-width: 520px){.grid-2-4{grid-template-columns:1fr 1fr 1fr 1fr}}.grid-2-4>.grid-wrap{grid-column-start:1}.grid-2-4>img[src$=".svg"]{width:100%;max-height:8em}.tabbed-set{display:flex;flex-wrap:wrap}.tabbed-set label{width:auto;padding:0.25em 1em;order:-1;border-bottom:0.2em solid #dfdfdf;cursor:pointer;user-select:none}.tabbed-set input{display:none}.tabbed-set input:checked+label{border-color:#743fb6}.tabbed-content{display:none;width:100%;margin-top:1em}input:checked+label+.tabbed-content{display:block}.highlight .gi{color:#00A000}.highlight .gd{color:#a00000}.highlight .ge{font-style:italic}.highlight .gs{font-weight:bold}.highlight .gh,.highlight .gp{color:#000080;font-weight:bold}.highlight .gu{color:#800080;font-weight:bold}.highlight .go{color:#888888}.highlight .gr{color:#ff0000}.highlight .gt{color:#0044dd}.highlight .w{color:#bbbbbb}.highlight .err{border:1px solid #ff0000}.highlight .hll{background:#f8f8f8}.highlight .c,.highlight .ch,.highlight .cm,.highlight .cpf,.highlight .c1,.highlight .cs{color:#408080;font-style:italic}.highlight .cp{color:#bc7a00}.highlight .k,.highlight .kc,.highlight .kd,.highlight .kn,.highlight .kr{color:#008000;font-weight:bold}.highlight .kp{color:#008000}.highlight .kt{color:#b00040}.highlight .o{color:#666666}.highlight .ow{color:#aa22ff;font-weight:bold}.highlight .m,.highlight .mb,.highlight .mf,.highlight .mh,.highlight .mi,.highlight .il,.highlight .mo{color:#666666}.highlight .s,.highlight .sc,.highlight .s1,.highlight .s2,.highlight .sb,.highlight .sh,.highlight .sa,.highlight .dl{color:#ba2121}.highlight .sd{color:#ba2121;font-style:italic}.highlight .se{color:#bb6622;font-weight:bold}.highlight .si{color:#bb6688;font-weight:bold}.highlight .sr{color:#bb6688}.highlight .ss{color:#19177c}.highlight .sx{color:#008000}.highlight .na{color:#7d9029}.highlight .nb,.highlight .bp{color:#008000}.highlight .nc,.highlight .nn{color:#0000ff;font-weight:bold}.highlight .no{color:#880000}.highlight .nd{color:#aa22ff}.highlight .ni{color:#999999;font-weight:bold}.highlight .ne{color:#d2413a;font-weight:bold}.highlight .nf,.highlight .fm{color:#0000ff}.highlight .nl{color:#a0a000}.highlight .nt{color:#008000;font-weight:bold}.highlight .nv,.highlight .vc,.highlight .vg,.highlight .vi,.highlight .vm{color:#19177c}@font-face{font-family:"Quicksand";src:url("../font/Quicksand.woff2") format("woff")}hr{height:0.2em;background:#dfdfdf}a{color:#0047a1;text-decoration:none}a:hover,a:focus{text-decoration:underline}a.unstyled{color:inherit}a.unstyled:hover{text-decoration:none}sup,sub{font-size:0.7em}h1,h2,h3,h4,h5,h6{font-weight:normal;font-family:"Quicksand", sans-serif;margin:0 0 0.5em}h1{font-size:2em}h2{font-size:1.8em}h3{font-size:1.5em}h4{font-size:1.3em}h5{font-size:1.2em}h6{font-size:1.1em}img{max-width:100%}img.wide{margin-left:-2em;max-width:calc(100% + 4em)}img.right{margin-left:2em;float:right}blockquote{padding:0.5em 1em;position:relative;background:#e7e7e7}blockquote::before{content:"»";top:-0.4em;left:-0.7em}blockquote::after{content:"«";bottom:-0.1em;right:-0.7em}blockquote::before,blockquote::after{position:absolute;font-size:2em;color:#743fb6}pre,code{padding:0.2em 0.4em;background:#e7e7e7;border-radius:0.4em;line-height:1.5}pre{padding:1em}ul,ol{padding-left:1.5em}.keys kbd{padding:0.2em 0.4em;background:#666;color:#fff;border-radius:0.2em;white-space:nowrap}.keys kbd::before{padding-right:0.1em;font-size:1.6em;color:#dfdfdf}.keys kbd.key-tab::before{content:"↹";padding-right:0.2em;font-size:1.4em}.keys kbd.key-enter::before{content:"⏎";padding-right:0.2em;font-size:1.4em}.keys kbd.key-control::before,.keys kbd.key-left-control::before,.keys kbd.key-right-control::before{content:"^";padding-right:0.4em;font-size:1em}.keys kbd.key-shift::before,.keys kbd.key-left-shift::before,.keys kbd.key-right-shift::before{content:"⇧"}.keys kbd.key-caps-lock::before{content:"⇪"}.keys kbd.key-alt-gr::before,.keys kbd.key-mod-3::before{content:"⇮"}.keys kbd.key-compose::before{content:"♫";padding-right:0.2em;font-size:1.2em}.keys span{padding:0 0.2em;color:#666}table{width:100%;border-collapse:collapse}thead tr{border-bottom:2px solid #dfdfdf}tr:nth-child(even){background:#e7e7e7}td,th{padding:0.5em 1em}td *,th *{vertical-align:middle}th{text-align:start}input,select,textarea{display:block;border:3px solid #743fb6;margin:0.2em 0 1em;max-width:100%;color:#333;background:#fff}input{width:24em}input:invalid{border-color:#333;box-shadow:none}input:read-only{background:#dfdfdf}input:-moz-read-only{background:#dfdfdf}textarea{width:100%;height:8em;font:inherit;resize:vertical}button,.button{display:inline-block;min-width:8em;border:none;background:#743fb6;color:#fff;cursor:pointer;text-align:center}button:disabled,.button:disabled{background:#796a8b;color:#dfdfdf;cursor:default}button::-moz-focus-inner{border:none}.button:hover,.button:focus{text-decoration:none}input,select,textarea,button,.button{padding:0.8em;font-size:1em;border-radius:2px;transition:width 0.5s, background 0.2s, color 0.2s, box-shadow 0.2s}input:focus,select:focus,textarea:focus,button:focus,.button:focus{box-shadow:0 0 2px #666}.icon{flex:none;min-width:unset;width:3em;padding:0;overflow-x:hidden}.input-group{display:flex;align-items:center;width:min-content;max-width:100%;margin:0.2em 0 1em;background:#8e60c8;border-radius:2px}.input-group input{margin:0;min-width:10em}.input-group button{background:inherit}.input-group output{width:1.5em;padding:0.5em 0;font-size:1.2em;text-align:center;color:#fff;transition:width 0.5s, opacity 0.5s}.input-group output.wide{width:3em;background:#743fb6}.input-group output.muted{opacity:0.2}.input-group .collapsed{width:0}.form-grid{display:grid;grid-template-columns:1fr 24em 1fr 8em;gap:1em}.form-grid h1,.form-grid h2,.form-grid h3,.form-grid h4,.form-grid h5,.form-grid h6{grid-column:1 / -1}.form-grid input,.form-grid select,.form-grid textarea{margin:0}.form-grid textarea{grid-column:2 / -1}.form-grid label{place-self:center end}.form-grid button{grid-column:2;justify-self:start}.color-sample{display:inline-block;width:3em;height:3em;border-radius:1em;box-shadow:0em 0em 0.2em 0.1em #dfdfdf;vertical-align:middle}.bulb{display:inline-block;width:1em;height:1em;border-radius:1em;background:#666}.bulb-active{background:#61cc00}@keyframes pulse{50%{transform:scale(1.2)}100%{transform:none}}svg{display:block;height:2em;margin:0.5em;fill:none;stroke:#fff;stroke-width:.6;stroke-linecap:round;stroke-linejoin:round}.toggable-eye .fill{fill:#fff;stroke:none}.toggable-eye>.slash{transition:stroke-dashoffset 0.5s ease-in-out}.toggable-eye>.breaker{stroke:#8e60c8;stroke-width:1.8}.circle-progress{flex:none}.circle-progress>.circle{stroke-linecap:butt;transform:rotate(-90deg);transition:fill 0.5s, stroke 0.5s, stroke-dashoffset 0.2s}.circle-progress.completed>.circle{fill:#61cc00;stroke:#61cc00}.circle-progress>.tick{transition:stroke-dashoffset 0.5s ease-in-out}.star{stroke-width:3}.star.filled{fill:#fff}.star.pulsating{animation:pulse 0.25s infinite}.undo{stroke-width:3}.undo>.arrow{transition:stroke-dashoffset 0.5s 0.3s ease-in-out}