#loadOverlay{display:flex;align-items:center;justify-content:center;letter-spacing:1vw;transition:all 125ms ease-in-out}#loadOverlay.hide{opacity:0;z-index:-1 !important}.btn{box-sizing:border-box;border-radius:3px;box-shadow:0em 0.2em 0em 0em rgba(30,30,30,0.3);color:#fff;background-color:#556270;display:inline-block;text-decoration:none;-webkit-text-size-adjust:none;padding:0.5em 0.6em;transition:125ms all ease-in-out;cursor:pointer;border:none;font-size:inherit}.btn:hover{background-color:#6b7b8d;color:#fff;transform:translateY(-3px)}.btn:focus{background-color:#606f7e;color:#fff;transform:translateY(-3px)}.btn:active{background-color:#4a5562;color:#f2f2f2}.btn.btn-positive{box-sizing:border-box;border-radius:3px;box-shadow:0em 0.2em 0em 0em rgba(30,30,30,0.3);color:#fff;background-color:#2ab27b;display:inline-block;text-decoration:none;-webkit-text-size-adjust:none;padding:2rem;transition:125ms all ease-in-out;cursor:pointer;border:none;font-size:inherit}.btn.btn-positive:hover{background-color:#3ed196;color:#fff;transform:translateY(-3px)}.btn.btn-positive:focus{background-color:#2fc789;color:#fff;transform:translateY(-3px)}.btn.btn-positive:active{background-color:#259d6d;color:#f2f2f2}.btn .ficon{display:inline-block;font-size:2em;padding:.5rem}.go-home{position:fixed;top:4.5rem;right:1.5rem;z-index:3;box-sizing:border-box;border-radius:3px;box-shadow:0em 0.2em 0em 0em rgba(30,30,30,0.3);color:#fff;background-color:#556270;display:inline-block;text-decoration:none;-webkit-text-size-adjust:none;padding:0.5em 0.6em;transition:125ms all ease-in-out;cursor:pointer;border:none;font-size:inherit}.go-home *{color:inherit}.go-home.no-options{top:0.5rem}.option-toggle{position:fixed;top:.5rem;right:1.5rem;z-index:9;box-sizing:border-box;border-radius:3px;box-shadow:0em 0.2em 0em 0em rgba(30,30,30,0.3);color:#fff;background-color:#556270;display:inline-block;text-decoration:none;-webkit-text-size-adjust:none;padding:0.5em 0.6em;transition:125ms all ease-in-out;cursor:pointer;border:none;font-size:inherit}.options{position:fixed;top:0;right:0;height:100vh;width:30vw;min-width:360px;overflow-y:scroll;z-index:5;background-color:#fff;padding:1rem}.options .just-help label{margin-bottom:0}.options .just-help label+small{margin-top:0}.options label em,.options small em{color:inherit !important}.options .option-choice{opacity:0}.options .option-choice:focus+.option-display{outline:3px dashed;outline-offset:2px}.options .option-choice:checked+.option-display{box-shadow:inset 0px 0px 0px 0.2em rgba(30,30,30,0.5)}.options .option-display{display:inline-flex;font-size:1.5rem;height:2em;width:2em;align-items:center;justify-content:center;border-radius:2px;margin:.1rem .2rem}.options .option-display.theme .text-display{font-weight:bold}.options .option-display.theme-back{height:5em;width:5em;background-repeat:no-repeat;background-size:contain;background-position:center center}.print-promo{display:none;position:fixed;bottom:0;left:0;width:100%;justify-content:center;z-index:9001}@media print{.print-promo{display:flex}}.print-promo span{padding:.5rem;background-color:#ffffff}.catspaw_mention a{padding:1rem 2rem;border-radius:5px;background:#f1f1f1;color:#525563;position:relative}.catspaw_mention img{position:absolute;top:-1.2rem;right:-.6rem;border:0.35rem solid #525563;border-radius:100%;background-color:inherit;box-sizing:content-box;width:36px;height:36px}.modal{display:none}.modal[data-show="1"]{display:block}.modal .modal-dialog{z-index:1040}.colourpicker .colourpicker_swatch{padding:4px}.colourpicker .colourpicker_swatch .colourpicker_swatch_button{border-radius:4px;border:none;overflow:hidden}.colourpicker .colourpicker_swatch .colourpicker_swatch_button:hover,.colourpicker .colourpicker_swatch .colourpicker_swatch_button:focus{outline:0.2em solid #2d769c}.tool-tip-launcher{box-sizing:border-box;border-radius:3px;box-shadow:0em 0.2em 0em 0em rgba(30,30,30,0.3);color:#fff;background-color:#556270;display:inline-block;text-decoration:none;-webkit-text-size-adjust:none;padding:0.5em 0.6em;transition:125ms all ease-in-out;cursor:pointer;border:none;font-size:inherit;text-align:center;border-radius:100%;height:2rem;width:2rem;line-height:1;line-height:0}.tool-tip-launcher:hover{background-color:#6b7b8d;color:#fff;transform:translateY(-3px)}.tool-tip-launcher:focus{background-color:#606f7e;color:#fff;transform:translateY(-3px)}.tool-tip-launcher:active{background-color:#4a5562;color:#f2f2f2}.tool-tip-launcher:hover,.tool-tip-launcherfocus{opacity:0.7}.tool-tip-launcher i{font-size:0.9em;color:white}tool-tip{background-color:#424242;color:#fff;border-radius:0.125rem;line-height:24px;height:24px;white-space:nowrap;padding:0 0.5rem;font-size:0.75rem;font-weight:600;box-shadow:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -1px rgba(0,0,0,0.06);pointer-events:none;transform-origin:center}tool-tip em{color:inherit}@keyframes limitedTooltip{0%{opacity:1}4%{opacity:1}96%{opacity:1}100%{opacity:0;animation-timing-function:ease-in-out}}@media print{#loadOverlay,.options,.option-toggle,.go-home,.modal{display:none !important}}body,html{font-size:1.1rem;height:100vh;width:100% !important}*{margin:0px;padding:0px;color:#5a5a5a;font-family:Arial, Helvetica, sans-serif}.btn{box-sizing:border-box;border-radius:3px;box-shadow:0em 0.2em 0em 0em rgba(30,30,30,0.3);color:#fff;background-color:#556270;display:inline-block;text-decoration:none;-webkit-text-size-adjust:none;padding:0.5em 0.6em;transition:125ms all ease-in-out;cursor:pointer;border:none;font-size:inherit}.btn:hover{background-color:#6b7b8d;color:#fff;transform:translateY(-3px)}.btn:focus{background-color:#606f7e;color:#fff;transform:translateY(-3px)}.btn:active{background-color:#4a5562;color:#f2f2f2}.btn .ficon{display:inline-block;font-size:2em;padding:.5rem}.ficon{color:inherit}.option-toggle{position:fixed;top:.5rem;right:1.5rem;z-index:9}.options{position:fixed;top:0;right:0;height:100vh;width:30vw;min-width:360px;overflow-y:scroll;z-index:5;background-color:#fff;padding:1rem}.options .just-help label{margin-bottom:0}.options .just-help label+small{margin-top:0}.options label em,.options small em{color:inherit !important}.options .option-choice{opacity:0}.options .option-choice:focus+.option-display{outline:3px dashed;outline-offset:2px}.options .option-choice:checked+.option-display{box-shadow:inset 0px 0px 0px 0.2em rgba(30,30,30,0.5)}.options .option-display{display:inline-flex;font-size:1.5rem;height:2em;width:2em;align-items:center;justify-content:center;border-radius:2px;margin:.1rem .2rem}.options .option-display.theme .text-display{font-weight:bold}.options .option-display.theme-back{height:5em;width:5em;background-repeat:no-repeat;background-size:contain;background-position:center center}#app{padding-top:3.5rem;min-height:100vh}#app .title{font-size:8vw;font-family:'Courier New', Courier, monospace;position:relative;color:#556270;vertical-align:middle;text-transform:uppercase}@media (max-width: 767px){#app .title{width:50%;font-size:9vw}}#app .timepiece{font-size:15vw}#app .timepiece .description{font-size:.25em}#app .btns,#app .makenew{position:relative;z-index:1}#app .btn.go{box-sizing:border-box;border-radius:3px;box-shadow:0em 0.2em 0em 0em rgba(30,30,30,0.3);color:#fff;background-color:#2ab27b;display:inline-block;text-decoration:none;-webkit-text-size-adjust:none;padding:0.5em 0.6em;transition:125ms all ease-in-out;cursor:pointer;border:none;font-size:inherit}#app .btn.go:hover{background-color:#3ed196;color:#fff;transform:translateY(-3px)}#app .btn.go:focus{background-color:#2fc789;color:#fff;transform:translateY(-3px)}#app .btn.go:active{background-color:#259d6d;color:#f2f2f2}#app .btn.pause{box-sizing:border-box;border-radius:3px;box-shadow:0em 0.2em 0em 0em rgba(30,30,30,0.3);color:#fff;background-color:#C44D58;display:inline-block;text-decoration:none;-webkit-text-size-adjust:none;padding:0.5em 0.6em;transition:125ms all ease-in-out;cursor:pointer;border:none;font-size:inherit}#app .btn.pause:hover{background-color:#d1737c;color:#fff;transform:translateY(-3px)}#app .btn.pause:focus{background-color:#ca606a;color:#fff;transform:translateY(-3px)}#app .btn.pause:active{background-color:#ba3e49;color:#f2f2f2}#app .ending{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 125ms ease-in-out;z-index:10}#app .ending .underlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(30,30,30,0.7)}#app .ending span{filter:drop-shadow(0rem 0.2rem 0em rgba(30,30,30,0.3))}#app .ending p{font-size:1.6em;position:relative;z-index:2;background:rgba(30,30,30,0.75);border-radius:1em}#app .ending .restart{box-sizing:border-box;border-radius:3px;box-shadow:0em 0.2em 0em 0em rgba(30,30,30,0.3);color:#fff;background-color:#2ab27b;display:inline-block;text-decoration:none;-webkit-text-size-adjust:none;padding:0.5em 0.6em;transition:125ms all ease-in-out;cursor:pointer;border:none;font-size:inherit;position:relative;z-index:2}#app .ending .restart:hover{background-color:#3ed196;color:#fff;transform:translateY(-3px)}#app .ending .restart:focus{background-color:#2fc789;color:#fff;transform:translateY(-3px)}#app .ending .restart:active{background-color:#259d6d;color:#f2f2f2}#app.design-default{background-color:#c4d6c5}#app.design-rainbow{margin-top:0;background-color:skyblue}#app.design-rainbow .animated-design-graphic{position:absolute;top:0;left:0;width:100%;padding:1rem;height:100%;z-index:0}#app.design-rainbow .animated-design-graphic ~ *{position:relative;z-index:2}#app.design-rainbow .title{text-shadow:1px 3px 0px #ffffff}#app.design-rainbow .timepiece{font-family:monospace;background:rgba(0,0,15,0.75) !important;border-radius:.1em !important}#app.design-circuit{background-color:#1C212D;margin-top:0;padding-top:3.5em}#app.design-circuit .animated-circuit.r-90 svg{transform:rotate(90deg)}#app.design-circuit .animated-circuit.r-180 svg{transform:rotate(180deg)}#app.design-circuit .animated-circuit.r-270 svg{transform:rotate(270deg)}#app.design-circuit .animated-circuit svg{z-index:0;position:fixed;top:0;left:0;background-color:#1C212D;width:100%;height:100%}#app.design-circuit .animated-circuit svg #colourins-1 path{stroke-dasharray:128;stroke-dashoffset:256;animation:draw 6.5s infinite forwards;animation-timing-function:linear}#app.design-circuit h1.title{background-color:rgba(10,10,20,0.7);border-radius:1em;color:#f8b519}#app.design-circuit .timepiece{font-family:monospace;background:rgba(0,0,15,0.85) !important;border-radius:0em !important;margin-left:0 !important;margin-right:0 !important;padding-bottom:.075em}#app.design-circuit .timepiece:first-child{border-top-left-radius:.1em !important;border-bottom-left-radius:.1em !important}#app.design-circuit .timepiece:last-child{border-top-right-radius:.1em !important;border-bottom-right-radius:.1em !important}#app.design-circuit .timepiece .digit{font-family:inherit}#app.design-circuit .timepiece .description{font-family:inherit}#app.design-halloween{background-color:#19161E;margin-top:0;padding-top:3.5em}#app.design-halloween .animated-halloween svg{position:fixed;top:0;left:0;background-color:#19161E;width:100%;height:100%}#app.design-halloween .mpg-waves{z-index:0;position:fixed;top:0;left:0;width:100%;height:100%;filter:blur(2px);opacity:0.2;transform:scale(1.3);animation:slow-fade 10s linear 10s alternate infinite}#app.design-halloween h1.title{background-color:rgba(10,10,20,0.7);border-radius:1em;color:#f8b519}#app.design-halloween .timepiece{font-family:monospace;background:rgba(0,0,15,0.85) !important;border-radius:0em !important;margin-left:0 !important;margin-right:0 !important;padding-bottom:.075em}#app.design-halloween .timepiece:first-child{border-top-left-radius:.1em !important;border-bottom-left-radius:.1em !important}#app.design-halloween .timepiece:last-child{border-top-right-radius:.1em !important;border-bottom-right-radius:.1em !important}#app.design-halloween .timepiece .digit{font-family:inherit}#app.design-halloween .timepiece .description{font-family:inherit}@keyframes draw{to{stroke-dashoffset:0;stroke-opacity:1}}@keyframes slow-fade{to{opacity:0}}
