.theme-switcher input{position:absolute;left:-200vw}.theme-switcher .slide-container{position:relative;display:flex;max-width:50em;line-height:2em;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#333;color:#fff;transition:background .1s ease-out;box-shadow:inset 0 2px 6px rgba(0,0,0,.3)}.theme-switcher .slide-container label{width:50%;text-transform:capitalize;text-align:center;padding-left:1em;padding-right:1em;z-index:2}.theme-switcher .slide-container a{position:absolute;left:50%;z-index:1;height:100%;width:50%;transition:left .1s ease-out;box-shadow:1px 0 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.15);background:#0088ce;border:1px solid #005f90}.theme-switcher label:nth-last-child(6),.theme-switcher label:nth-last-child(6)~a,.theme-switcher label:nth-last-child(6)~label{width:33.3334%}.theme-switcher label:nth-last-child(8),.theme-switcher label:nth-last-child(8)~a,.theme-switcher label:nth-last-child(8)~label{width:25%}.theme-switcher label:nth-last-child(10),.theme-switcher label:nth-last-child(10)~a,.theme-switcher label:nth-last-child(10)~label{width:20%}.theme-switcher label:nth-last-child(12),.theme-switcher label:nth-last-child(12)~a,.theme-switcher label:nth-last-child(12)~label{width:16.6667%}.theme-switcher input:checked~a{left:0;box-shadow:1px 0 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.25)}.theme-switcher label:nth-last-child(4)~input:nth-child(3):checked~a{left:50%}.theme-switcher label:nth-last-child(6)~input:nth-child(3):checked~a{left:33.3334%}.theme-switcher label:nth-last-child(6)~input:nth-child(5):checked~a{left:66.6667%}.theme-switcher label:nth-last-child(8)~input:nth-child(3):checked~a{left:25%}.theme-switcher label:nth-last-child(8)~input:nth-child(5):checked~a{left:50%}.theme-switcher label:nth-last-child(8)~input:nth-child(7):checked~a{left:75%}.theme-switcher label:nth-last-child(10)~input:nth-child(3):checked~a{left:20%}.theme-switcher label:nth-last-child(10)~input:nth-child(5):checked~a{left:40%}.theme-switcher label:nth-last-child(10)~input:nth-child(7):checked~a{left:60%}.theme-switcher label:nth-last-child(10)~input:nth-child(9):checked~a{left:80%}.theme-switcher label:nth-last-child(12)~input:nth-child(3):checked~a{left:16.6667%}.theme-switcher label:nth-last-child(12)~input:nth-child(5):checked~a{left:33.3334%}.theme-switcher label:nth-last-child(12)~input:nth-child(7):checked~a{left:50%}.theme-switcher label:nth-last-child(12)~input:nth-child(9):checked~a{left:66.6667%}.theme-switcher label:nth-last-child(12)~input:nth-child(11):checked~a{left:83.3334%}.theme-switcher input:not(:first-child):checked~a{box-shadow:1px 0 0 rgba(0,0,0,.2),-1px 0 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.25)}.theme-switcher label:nth-last-child(10)~input:nth-child(9):checked~a,.theme-switcher label:nth-last-child(12)~input:nth-child(11):checked~a,.theme-switcher label:nth-last-child(4)~input:nth-child(3):checked~a,.theme-switcher label:nth-last-child(6)~input:nth-child(5):checked~a,.theme-switcher label:nth-last-child(8)~input:nth-child(7):checked~a{box-shadow:-1px 0 0 rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.25)}fieldset{border:0;padding:0;margin-bottom:3em}fieldset legend{display:block;margin-bottom:10px;font-weight:600}.theme-switcher .slide-container label{cursor:pointer;text-shadow:0 1px 1px rgba(0,0,0,.4)}.theme-switcher[data-theme=stoplight] .slide-container>a{background:#c00;border-color:#8a0000}.theme-switcher[data-theme=stoplight] input:not(:first-child):checked~a{background:#ec7a08;border-color:#bc6106}.theme-switcher[data-theme=stoplight] label:nth-last-child(10)~input:nth-child(9):checked~a,.theme-switcher[data-theme=stoplight] label:nth-last-child(12)~input:nth-child(11):checked~a,.theme-switcher[data-theme=stoplight] label:nth-last-child(4)~input:nth-child(3):checked~a,.theme-switcher[data-theme=stoplight] label:nth-last-child(6)~input:nth-child(5):checked~a,.theme-switcher[data-theme=stoplight] label:nth-last-child(8)~input:nth-child(7):checked~a{background:#3f9c35;border-color:#307628}.switch{display:inline-flex;align-items:center;flex-wrap:wrap}.theme-switcher input:focus~a{outline:2px solid #0088ce}*,:after,:before{box-sizing:border-box}section[name=picker]{width:100%;border-bottom-style:solid;border-bottom-width:.25rem;height:4.245rem}#dev-header{float:right}#dev-header div{display:inline-block}#dev-header .d-none{display:none}#dev-header .separator{border-left:solid 2px #333;margin-left:10px;padding-left:10px}