#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:hover,.btn:focus{transform:translateY(-3px)}.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.btn-positive:hover,.btn.btn-positive:focus{transform:translateY(-3px)}.btn .ficon{display:inline-block;font-size:2em;padding:.5rem}.btn em{color:inherit}.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-launcher:focus{transform:translateY(-3px)}.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{background-color:#c4d6c5;font-size:1.1rem}*{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:hover,.btn:focus{transform:translateY(-3px)}.btn .ficon{display:inline-block;font-size:2em;padding:.5rem}.ficon{color:inherit}.option-toggle{position:fixed;top:.5rem;right:1.5rem;z-index:6}.options{position:fixed;top:0;right:0;height:100vh;width:40vw;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{padding:0.2em;font-size:2rem}.options .option-display.theme .msg{display:block;height:0.4em;width:0.4em;background-color:white}.options .option-display.theme .msg.msg-1{opacity:.8}.options .option-display.theme .msg.msg-2{opacity:.6}.options .option-display.theme .msg.msg-3{opacity:.4}.graphics{position:fixed;inset:0;background-color:white}.graphics .graphic{position:absolute;bottom:0%;left:0;width:100%;height:100%}.graphics .graphic img{display:block;width:100%;height:100%;object-fit:contain}.display{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;max-width:100%;filter:drop-shadow(5px 8px 0 rgba(30,30,50,0.1))}.display #thermometer{--thermo-gap: 4rem;--liquid-colour: rgb(200,100,100);position:relative;aspect-ratio:376 / 1024;margin:var(--thermo-gap) 0.5rem;height:calc(100vh - (2* var(--thermo-gap)));opacity:0;transition:opacity 250ms ease-in-out;overflow:hidden}.display #thermometer.show{opacity:1}.display #thermometer>*{position:absolute;inset:0}.display #thermometer .backing{background-color:#FAFAFA;inset:1% 20%}.display #thermometer .liquid{--liquid-wave-height: 5%}.display #thermometer .liquid>*{position:absolute;width:48%;left:26%}.display #thermometer .liquid #base{bottom:1%;height:calc(22% - (var(--liquid-wave-height) * .1));background-color:var(--liquid-colour);transition:background-color 250ms ease-in-out}.display #thermometer .liquid #active{bottom:calc(32.8% - (var(--liquid-wave-height) * .1));bottom:calc(22.9% - (var(--liquid-wave-height) * .1));height:49.1%}.display #thermometer .liquid #active>*{position:absolute;width:100%}.display #thermometer .liquid #active #waves{height:5%;bottom:0%}.display #thermometer .liquid #active #fill{bottom:0%;height:0%;background-color:var(--liquid-colour);transition:background-color 250ms ease-in-out}.display #thermometer .liquid .parallax>use{animation:move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;transition:fill 250ms ease-in-out}.display #thermometer .liquid .parallax>use:nth-child(1){animation-delay:-2s;animation-duration:7s;opacity:0.7;fill:var(--liquid-colour)}.display #thermometer .liquid .parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s;opacity:0.5;fill:var(--liquid-colour)}.display #thermometer .liquid .parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s;opacity:0.3;fill:var(--liquid-colour)}.display #thermometer .liquid .parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s;opacity:1;fill:var(--liquid-colour)}@keyframes move-forever{0%{transform:translate3d(-90px, 0, 0)}100%{transform:translate3d(85px, 0, 0)}}.display #thermometer .case{background-image:url("/img/adnoddau/thermomedr/thermometer-case.png");background-repeat:no-repeat;background-size:contain}.display #thermometer .case.scale-0{background-image:url("/img/adnoddau/thermomedr/thermometer-case-0.png")}.display #thermometer .case.scale-1{background-image:url("/img/adnoddau/thermomedr/thermometer-case-1.png")}.display .reading{background-color:#fafafa;border-radius:15px;padding:1rem;display:flex;flex-direction:column;justify-content:inherit;align-items:inherit;max-width:calc(100% - 1rem)}.display .reading label{color:black}.display .reading .readout{font-size:1.2em;font-family:monospace;padding:.5rem 1rem;background:#464646;display:block;margin:0 0 .5rem;border-radius:5px;font-weight:bold;color:white}.display .reading .readout>*{color:inherit}.display .reading #slider{width:100%}@media (max-width: 480px){.display{flex-direction:column}.display #thermometer{--thermo-gap: 2rem;max-height:50vh}}