@font-face{font-family:The Display St;src:url(../fonts/TheDisplaySt.ttf) format("opentype");font-weight:400}body{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}html{box-sizing:border-box}*,:after,:before{box-sizing:inherit}.red{border-right:12px solid #111;border-left:none;background:radial-gradient(circle,#ff4136 0,#ff4136 50%,#f57d76 0,#f57d76)}.blue,.red{border-top:none;border-bottom:12px solid #111}.blue{border-right:none;border-left:12px solid #111;background:radial-gradient(circle,#0074d9 0,#0074d9 50%,#58a4e6 0,#58a4e6)}.green{border-right:12px solid #111;border-left:none;background:radial-gradient(circle,#2ecc40 0,#2ecc40 50%,#6acc75 0,#6acc75)}.green,.yellow{border-top:12px solid #111;border-bottom:none}.yellow{border-right:none;border-left:12px solid #111;background:radial-gradient(circle,#ffdc00 0,#ffdc00 50%,#fbe977 0,#fbe977)}.blue,.green,.red,.yellow{background-size:.25rem .25rem;width:18.75rem;height:18.75rem;cursor:pointer}.activated-red{background:#ff4136}.activated-blue{background:#0074d9}.activated-green{background:#2ecc40}.activated-yellow{background:#ffdc00}.container,.controls-wrapper-btns,.controls-wrapper-inner,.controls-wrapper-outer,.digital-display,.flip-switch-container,.start-btn-wrapper,.strict-btn-wrapper{display:-ms-flexbox;display:flex}.container{-ms-flex-flow:row wrap;flex-flow:row wrap;width:39.75rem;height:39.75rem;border-radius:50%;border:1.125rem solid #000;box-shadow:0 0 .625rem .063rem rgba(0,0,0,.85),inset 0 0 3.125rem rgba(0,0,0,.7);overflow:hidden;position:relative}.controls-wrapper-outer{-ms-flex-flow:column nowrap nowrap;flex-flow:column;-ms-flex-pack:center;justify-content:center;width:18.75rem;height:18.75rem;border:10px solid #000;position:absolute;left:9.375rem;top:9.375rem;z-index:1;border-radius:50%;overflow:hidden;background-color:#ddd;box-shadow:0 0 3.125rem rgba(0,0,0,.7)}.controls-wrapper-outer h1{text-align:center}.controls-wrapper-inner{-ms-flex-flow:row nowrap;flex-flow:row;-ms-flex-pack:center;justify-content:center;padding:.313rem 3.125rem}.lcd-wrapper{-ms-flex-flow:column nowrap;flex-flow:column}.lcd-wrapper>h4{text-align:center;margin:.313rem auto}.flip-switch-container{-ms-flex-pack:center;justify-content:center;margin-bottom:1.2rem}.controls-wrapper-btns{-ms-flex-flow:row nowrap;flex-flow:row}.start-btn-wrapper{margin-right:1rem}.start-btn-wrapper,.strict-btn-wrapper{-ms-flex-flow:column nowrap;flex-flow:column}#start-label>h4,#strict-label>h4{margin:0;padding-top:.7rem}.lcd{width:5rem;height:4.688rem;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;border-radius:.625rem;border:.4rem solid #000;margin:.5em 1rem}.lcd p{font-size:3em;font-family:The Display St,monospace;color:#ff851b;margin:0}.lcd-off{background:#430710}.led-box{width:1rem;height:1rem;border:.1rem solid #fff;border-radius:50%;-ms-flex-item-align:center;align-self:center;margin-bottom:.125rem}@keyframes a{0%{background-color:#ddd}to{background-color:#ffdc00;box-shadow:0 -1px 7px 1px rgba(0,0,0,.2),inset 0 -1px 9px #808002,0 2px 0 #ff0}}.led-box-on{animation:a 3s forwards}.led-box-off{animation:a 3s reverse}.btn-circle{width:2.5rem;height:2.5rem;border-radius:50%;border:.1rem solid #fff;-ms-flex-item-align:center;align-self:center;box-shadow:0 .38em 0 #aaa;transition:all .05s}.btn-circle:active{box-shadow:0 .25em 0 #aaa;transform:translateY(.2em)}.btn-circle:focus{outline:none}button{outline:0}.toggle{display:block;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.toggle .toggle--checkbox{display:none}.toggle .toggle--btn{display:block;margin:0 auto;font-size:1.4em;transition:all .35s ease-in}.toggle .toggle--btn:hover{cursor:pointer}.toggle .toggle--btn,.toggle .toggle--btn:after,.toggle .toggle--btn:before,.toggle .toggle--checkbox,.toggle .toggle--checkbox:after,.toggle .toggle--checkbox:before,.toggle .toggle--feature,.toggle .toggle--feature:after,.toggle .toggle--feature:before{transition:all .25s ease-in}.toggle .toggle--btn:after,.toggle .toggle--btn:before,.toggle .toggle--checkbox:after,.toggle .toggle--checkbox:before,.toggle .toggle--feature:after,.toggle .toggle--feature:before{content:"";display:block}.toggle--switch .toggle--btn{position:relative;width:120px;height:44px;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,#a4bf4d,#a4bf4d 50%,#ca5046 0,#ca5046 200%);background-position:-80px 0;background-size:200% 100%;box-shadow:inset 0 0 22px -8px #111}.toggle--switch .toggle--btn,.toggle--switch .toggle--btn:before{border-radius:4px}.toggle--switch .toggle--btn:before{display:block;position:absolute;top:50%;left:0;transform:translateY(-50%);height:44px;width:52px;border:2px solid #202027;background-image:linear-gradient(90deg,transparent 50%,hsla(0,0%,100%,.15));background-color:#2b2e3a;background-size:5px 5px;text-indent:-100%}.toggle--switch .toggle--feature{position:relative;display:block;overflow:hidden;height:44px;text-shadow:0 1px 2px #666}.toggle--switch .toggle--feature:after,.toggle--switch .toggle--feature:before{position:absolute;top:50%;transform:translateY(-50%)}.toggle--switch .toggle--feature:before{content:attr(data-label-on);left:-60%}.toggle--switch .toggle--feature:after{content:attr(data-label-off);right:10%}.toggle--switch .toggle--checkbox:checked+.toggle--btn{background-position:0 0}.toggle--switch .toggle--checkbox:checked+.toggle--btn:before{left:calc(100% - 52px)}.toggle--switch .toggle--checkbox:checked+.toggle--btn .toggle--feature:before{left:20%}.toggle--switch .toggle--checkbox:checked+.toggle--btn .toggle--feature:after{right:-60%}