.switch *{-webkit-transition:.2s;-moz-transition:.2s;transition:.2s;font-size:12px;vertical-align:middle}.switch>input[type=checkbox]{display:none}.switch>span{position:relative;display:inline-block;padding:1px;width:calc(36px - 2px);height:calc(18px - 2px);margin:-1px 4px 0 0;vertical-align:middle;background:#444;background-size:100%;cursor:pointer;border-radius:10px;border:.5px solid #555}.switch[checked]>span{margin:-1px 4px 0 0;background:#13C100;border:.5px solid #19A309}.switch>span nav{width:16px;height:16px;border-radius:100%;background-color:#FFF;box-shadow:1.5px 0 2px #111}.switch[checked]>span nav{position:absolute;right:.4px;box-shadow:-1.5px 0 2px #555}label[for=switch]{color:#222;text-transform:uppercase}label[for=switch]:after{content:' '}.navigation{position:initial;display:block;width:100%;background:#222}.navigation>.left{width:40%;text-align:left}.navigation>.center{width:20%;text-align:center}.navigation>.right{width:40%;text-align:right}.navigation .nav .nav-button{position:initial;display:none;height:100%;width:100%;max-width:24px;max-height:24px;padding:3.5px 7px;background:#444;border:.5px solid #555;border-radius:5px;cursor:pointer}.navigation .nav .nav-button>.nav-button-line{display:block;line-height:7px;text-indent:0;margin:3px 0;border-radius:100px;border:2px solid #FAFAFA;width:20px}.navigation .nav .nav-content{display:block}@media screen and (max-width:1025px){.navigation .nav .nav-button{display:block}.navigation .nav-content{position:fixed;background:#333;z-index:99999999999;width:100%;left:0;right:0}.navigation .nav-content>*{width:100%!important;display:block!important}}.theme.cyan,.theme.cyan *{outline-color:#4ADB9E}.theme.cyan .button button:hover,.theme.cyan .dropdown select:hover,.theme.cyan .navigation .nav .nav-button:hover,.theme.cyan .textarea textarea:hover,.theme.cyan .textbox input:hover{border:thin solid #4ADB9E!important}.theme.cyan .switch[checked]>span,.theme.cyan.switch[checked]>span{background:#4ADB9E;border:.5px solid #1A6B48}.theme.yellow,.theme.yellow *{outline-color:#FCE74B}.theme.yellow .button button:hover,.theme.yellow .dropdown select:hover,.theme.yellow .navigation .nav .nav-button:hover,.theme.yellow .textarea textarea:hover,.theme.yellow .textbox input:hover{border:thin solid #FCE74B!important}.theme.yellow .switch[checked]>span,.theme.yellow.switch[checked]>span{background:#FCE74B;border:.5px solid #AD9605}