@font-face {font-family: 'Recoleta';src: url(../fonts/Recoleta-Bold.otf);font-weight: bold;font-style: normal;}@font-face {font-family: 'Carlito';src: url(../fonts/Carlito-Regular.ttf);font-weight: normal;font-style: normal;}@font-face {font-family: 'Carlito';src: url(../fonts/Carlito-Bold.ttf);font-weight: bold;font-style: normal;}:root {--cnsDarkGreen: #338445;--cnsGreen: #44A705;--cnsBlue: #0093B2;--cnsPurple: #87027B;--cnsRed: #D3163B;--cnsOrange: #F06400;--cnsYellow: #FFC72C;--cnsNavBarWidth: 15vh;--cnsContentWidth: calc(100vw - var(--cnsNavBarWidth));--cnsContentHeight: 100vh;--scrollbarWidth: 17px;--barchartColumnCount: 7;--barchartColumnWidth: 14vh;}html {background-color: #eaeeee;font-size: 2vw;}@media (min-aspect-ratio: 2/1) {html {font-size: 4vh;}}@media (max-aspect-ratio: 4/3) {:root {--cnsNavBarWidth: 12vmax;}}@media (max-aspect-ratio: 9/16) {:root {--cnsNavBarWidth: 20vw;}}@media (max-aspect-ratio: 1/1) {html {font-size: 3vw;}:root {--cnsContentWidth: 100vw;--cnsContentHeight: calc(100vh - var(--cnsNavBarWidth));}}@media (max-aspect-ratio: 3/4) {html {font-size: 2.25vh;}}body {margin: 0;-webkit-touch-callout: none;-webkit-text-size-adjust: none;-webkit-user-select: none;background-color: white;font-family: "Carlito";}.preloader {position: absolute;width: 1vw;height: 1vh;left: 0;top: 0;overflow: hidden;z-index: -1;}.app {padding: 0;margin: 0;width: 100vw;height: 100vh;overflow: hidden;display: grid;grid-template-rows: auto;grid-template-columns: auto var(--cnsNavBarWidth);background-repeat: no-repeat;display: none;}.content {position: relative;width: calc(100vw - var(--cnsNavBarWidth));height: 100vh;}.navbar {background-color: var(--cnsDarkGreen);position: relative;}.navbarbuttonholder {display: flex;flex-direction: column-reverse;width: 100%;height: 100%;}.navbarbutton {background-color: white;width: calc(0.7 * var(--cnsNavBarWidth));height: calc(0.7 * var(--cnsNavBarWidth));margin: calc(0.15 * var(--cnsNavBarWidth));border-radius: 50%;background-position: center;background-repeat: no-repeat;background-size: 80%;}#nbbhome {background-image: url("../img/buttons/home.svg");}#nbbgraph {background-image: url("../img/buttons/graph.svg");}#nbbstar {background-image: url("../img/buttons/funfactstar.svg");}#nbbtryagain {background-image: url("../img/buttons/tryagain.svg");}#nbbnextveg {background-image: url("../img/buttons/nextveg.svg");}#nbbhelp {background-image: url("../img/buttons/help.svg");}#nbbcleardata {background-image: url("../img/buttons/cleardata.svg");}#nbbexportdata {background-image: url("../img/buttons/exportdata.svg");display: none;}#nbbreturn {background-image: url("../img/buttons/return.svg");}#nbbmicadv {background-image: url("../img/buttons/adv.svg");}#nbbmictest {background-image: url("../img/buttons/simple.svg");display: none;}#nbbmicreset {background-image: url("../img/buttons/reset.svg");}#nbbadddata {background-image: url("../img/buttons/addnewdata.svg");}.background {background-size: auto 100%;background-position: center top;}.background.bg0 {background-image: url("../img/bg/frame-1920x1080.jpg");}.background.bg1 {background-image: url("../imgbg/surface-1920x1080.jpg");}@media (min-aspect-ratio: 16/9) {.background {background-size: 100% auto;background-position: center;}}@media (max-aspect-ratio: 4/3) {.background {background-size: auto 100%;}.background.bg0 {background-image: url("../img/bg/frame-1024x768.jpg");}.background.bg1 {background-image: url("../imgbg/surface-1024x768.jpg");}}@media (max-aspect-ratio: 1/1) {.content {width: 100vw;height: calc(100vh - var(--cnsNavBarWidth));}.app {grid-template-rows: auto var(--cnsNavBarWidth);grid-template-columns: auto;}.background {background-size: 100% auto;background-position: center;}.background.bg0 {background-image: url("../img/bg/frame-768x1024.jpg");}.background.bg1 {background-image: url("../imgbg/surface-768x1024.jpg");}.navbarbuttonholder {flex-direction: row-reverse;}}@media (max-aspect-ratio: 3/4) {.background {background-size: 100% auto;background-position: center 20%;}.background.bg0 {background-image: url("../img/bg/frame-1080x1920.jpg");}.background.bg1 {background-image: url("../imgbg/surface-1080x1920.jpg");}}@media (max-aspect-ratio: 9/16) {.background {background-size: auto 100%;background-position: center;}}.navmenu {display: grid;grid-template-columns: auto auto;font-weight: bold;}.navmenu.fillcontext {position: absolute;top: 50%;width: 100%;transform: translate(0, -50%);}.navmenuitem {color: white;text-align: center;background-color: var(--cnsDarkGreen);padding: 1%;margin: 2% auto;width: 75%;}.navmenuitem:hover {background-color: var(--cnsBlue);}@media (max-aspect-ratio: 4/3) and (min-aspect-ratio: 1/1) {.navmenuitem {font-size: 3vh;}}@media (min-aspect-ratio: 1/1) {.navmenuitem:nth-of-type(odd) {margin-right: 2vw;}.navmenuitem:nth-of-type(even) {margin-left: 2vw;}}@media (max-aspect-ratio: 1/1) {.navmenu {grid-template-columns: auto;}.navmenuitem {width: 50%;}}.tabbedcontent {display: grid;grid-template-rows: 6vh auto;}.tabbar {background-color: var(--cnsYellow);position: relative;}.separatordeco {position: absolute;display: grid;grid-template-columns: 1fr 2px 1fr 2px 1fr;width: 100%;height: 4vh;top: 1vh;}.divider {background-color: black;}.selectortab{width: calc(.33 * var(--cnsContentWidth) + 4vh);height: 100%;position: absolute;background: linear-gradient(0deg, white 49.9%, var(--cnsYellow) 50%);display: grid;grid-template-columns: 2vh auto 2vh;transform: translate(-2vh, 0);}.selectorleft {background-color: var(--cnsYellow);border-radius: 0 0 2vh 0;transform-origin: right;transform: scale(1.05, 1);}.selectorright {background-color: var(--cnsYellow);border-radius: 0 0 0 2vh;transform-origin: left;transform: scale(1.05, 1);}.selectormiddle {background-color: white;border-radius: 2vh;}.tablabels {width: 100%;position: absolute;display: grid;grid-template-columns: 1fr 1fr 1fr;}.tablabel {font-size: 3vh;font-weight: bold;text-align: center;padding: 1vh 0;}.splash {display: block;z-index: 100;background: black;overflow: hidden;}.splashlogo {position: absolute;height: 90vmin;width: 90vmin;background-image: url(../img/logos/splash.svg);background-repeat: no-repeat;background-position: center;left: 50%;top: 50%;transform: translate(-50%, -50%);border-radius: 45vmin;}#pagehome {grid-template-rows: auto 17vh !important;grid-template-columns: auto !important;}#pagehome .content {width: 100vw !important;height: 83vh !important;}#contenthome {display: grid;align-content: center;}.title {padding: 7vh 0;color: var(--cnsDarkGreen);font-family: "Recoleta";text-align: center;line-height: 300%;}.title .firstline {font-size: 300%;font-weight: bold;}.title .secondline {font-size: 450%;font-weight: bold;}@media (max-aspect-ratio: 4/3) {.title {line-height: 8vh;}.title .firstline {font-size: 8vh;}.title .secondline {font-size: 12vh;}}@media (max-aspect-ratio: 1/1) {#pagehome {grid-template-rows: auto 14vh !important;grid-template-columns: auto !important;}#pagehome .content {width: 100vw !important;height: 86vh !important;}.title {padding: 5% 0;line-height: 200%;}.title .firstline {font-size: 200%;}.title .secondline {font-size: 300%;}}@media (max-aspect-ratio: 1/2) {.title .firstline {font-size: 180%;}.title .secondline {font-size: 240%;}}.logobar {width: 100%;height: 90%;position: absolute;bottom: 0;background-color: white;display: grid;grid-template-columns: 1fr 1fr auto 3fr;}.imglogo {height: 100%;max-height: 16vh;max-width: 25vw;margin: auto;}#logocc {grid-column: 4;max-width: 50vw;}@media (min-aspect-ratio: 16/9) {.logobar {grid-template-columns: 1fr 1fr 2fr 3fr;}}.contentselectveg{width: calc(100% + var(--scrollbarWidth));overflow-y: scroll;}.vegheading {font-weight: bold;font-size: 4vh;color: var(--cnsDarkGreen);text-align: center;}.vegie-hor-grid {display: grid;grid-template-columns: 1fr 2fr 1fr;margin-bottom: 10vh;}.vegie-container {width: 100%;margin:auto;grid-column: 2;}.vegie-selector {font-size: 3vh;font-weight: bold;}.vegie-list {list-style-type: none;padding: 0;margin: 0;}.vegie {padding: 1vh;margin-bottom: 3vmin;text-align: center;transition-property: background-color;transition-duration: 0.5s;background-color: var(--cnsYellow);}.vegie:hover {background-color: var(--cnsOrange);}#vegieselected {background-color: var(--cnsBlue);color: white;position: relative;}.vegie-go {display: none;background-image: url(../img/buttons/go.svg);background-repeat: no-repeat;background-size: contain;background-position: center;width: 48%;height: 400%;max-height: 20vh;position: absolute;top: 50%;left: 100%;transform: translate(2%, -50%);margin: auto;}.vegie-go:hover {background-image: url(../img/buttons/gohover.svg);}.crunchpagetwo {grid-template-columns: auto !important;grid-template-rows: auto 15vh !important;}.crunchpagetwo .content {width: 100% !important;height: 85vh !important;}.countdown {display: none;width: 100%;height: 80%;position: absolute;top: 50%;transform: translate(0, -50%);background-repeat: no-repeat;background-size: contain;background-position: center;will-change: opacity;}.count-getready {background-image: url(../img/countdown/countgetready.svg);}@media (max-aspect-ratio: 3/4) {.vegheading {font-size: 3vh;}.vegie-hor-grid {grid-template-columns: 0.5fr 1.5fr 1fr;}.vegie-go {width: 64%;}.vegie-list {font-size: 2.5vh;}}.getreadycontinue {width: 100%;text-align: center;font-weight: bold;font-size: 4vh;color: white;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);padding: 30vh 0;}.getreadyprogressbar {display: none;box-sizing: border-box;width: 100%;height: 5vh;position: absolute;left: 0;bottom: 5vh;background-color: var(--cnsYellow);border: 1vh solid var(--cnsRed);border-left: none;transition-timing-function: linear;}.progressvegetable {display: none;box-sizing: border-box;width: 12vh;height: 12vh;position: absolute;left: 0;bottom: 7.5vh;transform: translate(-50%, 50%);background-size: 150%;background-position: center;background-color: var(--cnsYellow);border: 1vmin solid var(--cnsRed);border-radius: 50%;animation: progressvegani 0.3s ease-in-out infinite alternate;transition-timing-function: linear;}@keyframes progressvegani {from {width: 11vh; height: 11vh;}to {width: 13vh; height: 13vh;}}.count-three {animation: crunchtextani 0.3s ease-in-out infinite alternate;background-image: url(../img/countdown/count3.svg);}.count-two {animation: crunchtextani 0.3s ease-in-out infinite alternate;background-image: url(../img/countdown/count2.svg);}.count-one {animation: crunchtextani 0.3s ease-in-out infinite alternate;background-image: url(../img/countdown/count1.svg);}.count-crunch {background-image: url(../img/countdown/countcrunch.svg);}.graphic-container {width: 162vh;height: 95%;position: relative;left: 50%;top: 50%;transform: translate(-50%, -50%);}#crunchtext {animation: crunchtextani 0.3s ease-in-out infinite alternate;z-index: 5;}@keyframes crunchtextani {from {transform: translate(0, -50%) scale(0.8) rotate(10deg);}to {transform: translate(0, -50%) scale(0.8) rotate(-10deg)}}.graphic{position: absolute;max-height: 100%;width: 90%;top: 50%;left:50%;transform: translate(-50%, -50%);pointer-events: none;}.graphic.animal {display: none;z-index: 4;width: 25%;transition-property: width, top, left;transition-duration: 1s;transition-timing-function: ease-in-out;transform: none;}.graphic.meterlabel {display: none;}@keyframes meterlabelbounce {0% {transform: translate(-50%, -50%) scale(1);}50% {transform: translate(-50%, -55%) scale(1.2);}100% {transform: translate(-50%, -50%) scale(1);}}.crunch-needle {max-height: 8.5%;z-index: 6;opacity: 0.7;}.crunch-needle.needle {transform: translate(-50%, 290%);}.crunch-needle.shadow {transform: translate(-49.5%, 300%);}.crunch-max {max-height: 8.5%;z-index: 3;transform: translate(-49.5%, 300%);opacity: 0.7;display: none;}.crunch-max.max {transform: translate(-50%, 290%);display: none;}.graphic.blackout {display: block;opacity: 0.7;transition: opacity 0.3s;}.graphic.animal#echidna {display: none;left: 12%;top: 45%;}.graphic.animal#quokka {display: none;left: 27%;top: 15%;}.graphic.animal#koala {display: none;left: 47%;top: 15%;}.graphic.animal#crocodile {display: none;left: 62%;top: 45%;}@keyframes animalappear {0% {transform: rotate(0);}20% {transform: rotate(5deg);}40% {transform: rotate(-5deg);}60% {transform: rotate(5deg);}80% {transform: rotate(-5deg);}100% {transform: rotate(0);}}@keyframes animaldance {0% {transform: scale(1) rotate(15deg) translate(15%, 0);}100% {transform: scale(1) rotate(-15deg) translate(-15%, 0);}}.starscore {width: 25%;height: 50%;top: 7%;left: 15%;display: none;background-repeat: no-repeat;background-position: center;z-index: 10;}.starscore.star0 {background-image: url(../img/meter/comstars0.svg);}.starscore.star1 {background-image: url(../img/meter/comstars1.svg);}.starscore.star2 {background-image: url(../img/meter/comstars2.svg);}.starscore.star3 {background-image: url(../img/meter/comstars3.svg);}.starscore.star4 {background-image: url(../img/meter/comstars4.svg);}.starscore.star5 {background-image: url(../img/meter/comstars5.svg);}.starscore.star6 {background-image: url(../img/meter/comstars6.svg);}.starscore.star7 {background-image: url(../img/meter/comstars7.svg);}.starscore.star8 {background-image: url(../img/meter/comstars8.svg);}.starscore.star9 {background-image: url(../img/meter/comstars9.svg);}.starscore.star10 {background-image: url(../img/meter/comstars10.svg);}.starscore.star11 {background-image: url(../img/meter/comstars11.svg);}.starscore.star12 {background-image: url(../img/meter/comstars12.svg);}.starscore.blur {filter: blur(20px);}.resultbutton {display: none;}.retryvegbutton {display: none;}.nextvegbutton {display: none;}@media (max-aspect-ratio: 16/9) {.graphic-container {width: 100%;height: calc(var(--cnsContentWidth) * 0.6);}}#cheatometer {position: absolute;width: var(--cnsContentWidth);max-width: 150vh;height: var(--cnsContentHeight);top: var(--cnsContentHeight);left: calc(var(--cnsContentWidth)/2);transform: translate(-50%, -100%);background-image: url(../img/meter/commanual2.svg);background-position: bottom left;background-repeat: no-repeat;background-size: 100% auto;display: none;z-index: 20;}.ourdatapagecontent {display: grid;grid-template-rows: auto auto;align-content: center;}.chartnavcontainer {display: grid;grid-template: auto / repeat(3, auto);margin: auto;}.chartnavcontainer div {width: calc((100vw - var(--cnsNavBarWidth)) / 4);height: calc((100vw - var(--cnsNavBarWidth)) / 4);margin: 0 1vw;background-color: white;background-position: center;background-repeat: no-repeat;background-size: 90%;border: 2vmin solid var(--cnsDarkGreen);}.chartnavcontainer div:hover {border-color: var(--cnsBlue)}.chartnavlabel {width: 100%;margin: auto;font-size: 5vh;font-weight: bold;text-align: center;padding: 3vh 0;}@media (min-aspect-ratio: 16/9) {.chartnavcontainer div{width: 40vh;height: 40vh;}}@media (max-aspect-ratio: 3/4) {.chartnavcontainer {grid-template: repeat(3, auto) / auto;}.chartnavcontainer div {width: calc((100vh - var(--cnsNavBarWidth)) / 5);height: calc((100vh - var(--cnsNavBarWidth)) / 5);margin: 1vh 0;}}#gobarchart {background-image: url(../img/buttons/barchart.svg);}#gopiechart {background-image: url(../img/buttons/piechart.svg);}#gospreadsheet {background-image: url(../img/buttons/spreadsheet.svg);}.barchartpagecontent {display: grid;grid-template-rows: 6vh auto;height: 100%;}.barchartcontainer {background-color: rgba(255,255,255,.5);height: 100%;width: 100%;}.barchartcontainerNEW {position: relative;background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,.5) 15%);height: 100%;width: 100%;display: grid;grid-template-columns: 12vh auto;}#barchartcontainertoday, #barchartcontainerweek, #barchartcontainerall {display: none;}.barchartyaxiscontainerNEW {width: 100%;height: calc(100% - var(--scrollbarWidth));display: grid;grid-template: repeat(14, 1fr) / 2fr 1fr;}.yaxisunitlabel {position: absolute;font-weight: bold;font-size: 2.5vh;}.yaxislabel {width: 100%;height: 100%;font-size: 2.5vh;font-weight: bold;text-align: center;transform: translate(0, -0.5em);}.yaxismark {width: 100%;height: 100%;;box-sizing: border-box;border-top: black solid 2px;border-right: black solid 2px;}.yaxisanimal {width: 100%;height: 100%;background-position: center;background-size: contain;background-repeat: no-repeat;}.yaxiscrocodile {background-image: url("../img/charts/chartcrocodile.svg");}.yaxiskoala {background-image: url("../img/charts/chartkoala.svg");}.yaxisquokka {background-image: url("../img/charts/chartquokka.svg");}.yaxisechidna {background-image: url("../img/charts/chartechidna.svg");}.barcharttitlecontainer {position: absolute;left: 50%;display: flex;transform: translate(-50%, 30%);font-size: 3vh;font-weight: bold;z-index: 10;justify-content: center;align-items: center;width: 75%;}.barcharttitlenav {padding: 0 1em;}.barchartcolumns {height: 100%;grid-row: 2;display: grid;grid-template-columns: repeat(var(--barchartColumnCount), var(--barchartColumnWidth));box-sizing: border-box;background: linear-gradient(to bottom,rgba(68, 167, 5, 1) 8.3%,rgba(68, 167, 5, 0.7) 8.3%,rgba(68, 167, 5, 0.7) 16.6%,rgba(68, 167, 5, 0.4) 16.6%,rgba(68, 167, 5, 0.4) 25%,rgba(0, 147, 178, 1) 25%,rgba(0, 147, 178, 1) 33.3%,rgba(0, 147, 178, 0.7) 33.3%,rgba(0, 147, 178, 0.7) 41.6%,rgba(0, 147, 178, 0.4) 41.6%,rgba(0, 147, 178, 0.4) 50%,rgba(240, 100, 0, 1) 50%,rgba(240, 100, 0, 1) 58.3%,rgba(240, 100, 0, 0.7) 58.3%,rgba(240, 100, 0, 0.7) 66.6%,rgba(240, 100, 0, 0.4) 66.7%,rgba(240, 100, 0, 0.4) 75%,rgba(255, 199, 44, 1) 75%,rgba(255, 199, 44, 1) 83.3%,rgba(255, 199, 44, 0.7) 83.3%,rgba(255, 199, 44, 0.7) 91.6%,rgba(255, 199, 44, 0.4) 91.6%);}.barchartcolumns div {width: 100%;height: 100%;position: relative;}.barchartcolumns div div {width: 70%;height: 0%;position: absolute;bottom: 0;left: 15%;background-color: var(--cnsOrange);box-sizing: border-box;border: black solid 2px;border-bottom: 0;transform-origin: bottom;transition-property: transform;transition-duration: 1.5s;transition-timing-function: ease-in-out;}.barchartxlabels {height: 100%;grid-row: 3;display: grid;grid-template-columns: repeat(var(--barchartColumnCount), var(--barchartColumnWidth));box-sizing: border-box;border-top: black solid 2px;}.barchartxlabels div {font-size: 2vh;width: 100%;height: 100%;text-align: center;font-weight: bold;}.barchartylabel div {position: absolute;width: 100%;font-size: 3vh;transform: translate(0, -50%);}.barchartyanimal {position: relative;height: 100%;width: 100%;}.barchartyanimal div {height: 130%;width: 110%;background-repeat: no-repeat;background-position: center;transform: translate(10%, 0);}.barchartyanimal.crocodile div {background-image: url(../img/charts/chartcrocodile.svg);}.barchartyanimal.koala div {background-image: url(../img/charts/chartkoala.svg);}.barchartyanimal.quokka div {background-image: url(../img/charts/chartquokka.svg);}.barchartyanimal.echidna div {background-image: url(../img/charts/chartechidna.svg);}.barchartNEW {height: 100%;width: 100%;max-width: calc(100vw - var(--cnsNavBarWidth) - 12vh);position: relative;display: grid;grid-template-rows: 1fr 12fr 1fr;overflow-x: scroll;box-sizing: border-box;}@media (max-aspect-ratio: 1/1) {.barchartcontainerNEW {grid-template-columns: 8vh auto;}.barchartNEW {max-width: calc(100vw - 8vh);border-right: none;}}@media (max-aspect-ratio: 3/4) {:root {--barchartColumnWidth: 15vw;}.barchartcontainerNEW {grid-template-columns: 6vh auto;}.barchartNEW {max-width: calc(100vw - 6vh);}.barchartcolumns {grid-template-columns: repeat(var(--barchartColumnCount), var(--barchartColumnWidth));}.barchartxlabels {grid-template-columns: repeat(var(--barchartColumnCount), var(--barchartColumnWidth));}.barcharttitle {font-size: 2vh;}.yaxisunitlabel {font-size: 2vh;}.yaxislabel {font-size: 2vh;}.barchartxlabels div {font-size: 1.5vh;}}.piechartcontent {display: grid;background: linear-gradient(180deg, rgba(255,255,255,1) 10%, rgba(255,255,255,.5) 25%);grid-template-rows: 6vh 6vh auto;}.piechartcontainer {position: relative;display: grid;grid-template-columns: var(--cnsContentHeight) auto;}.piecharttitlecontainer {left: 50%;display: flex;font-size: 4vh;font-weight: bold;z-index: 10;justify-content: center;align-items: center;width: 100%;}.piecharttitlenav {padding: 0 1em;}.piechartconstrainer {position: relative;padding: 2vh;}.piechart {width: 100%;height: 100%;font-size: 200%;margin: auto;}.piechartlegend {display: grid;grid-template-columns: 4vh auto;text-align: left;font-weight: bold;font-size: 3vh;}.piechartlegendtitle {grid-column: 2 / 3;font-size: 120%;}.piechartlegendbullet {width: 2vh;height: 2vh;border-radius: 35%;margin: 1vh;float: left;}.piechartlegendlabel {padding: 0;}@media (max-aspect-ratio: 4/3) {.piechartcontainer {grid-template-columns: calc(var(--cnsContentWidth) * 0.75) auto;}}@media (max-aspect-ratio: 1/1) {.piechartcontainer {grid-template-columns: auto;grid-template-rows: 45vh auto;}.piecharttitlecontainer {font-size: 3vh;}.piechart {width: 100vw;}.piechartlegend {grid-template-columns: 4vh auto 4vh auto;}.piechartlegendtitle{grid-column: 1 / 5;text-align: center;}}@media (max-aspect-ratio: 3/4) {.piecharttitle {font-size: 3vh;}.piechartlegend {font-size: 2.8vh;}}@media (max-aspect-ratio: 9/16) {.piechartcontainer {grid-template-columns: auto;grid-template-rows: calc(0.8 * var(--cnsContentWidth)) auto;}.piecharttitle {font-size: 2.5vh;}.piechartlegend {font-size: 2.5vh;}}.spreadsheetcontent {display: grid;grid-template-rows: 7vh 5vh auto;}.spreadsheettitle {font-weight: bold;font-size: 4vh;text-align: center;padding-top: 0.25em;}.spreadsheetcolumnlabels {display: grid;grid-template-columns: 5fr 35fr 40fr 25fr var(--scrollbarWidth);}.spreadsheetcolumnlabel {text-align: center;font-weight: bold;font-size: 3vh;padding: 0.5vh 0;border: 1px solid black;overflow: hidden;}.spreadsheetcolumnlabel:first-child {border-left: 0;}.spreadsheetarea {width: 100%;height: 100%;overflow-y: scroll;max-height: calc(100vh - 12vh);}.spreadsheetrow {width: 100%;display: grid;grid-template-columns: 5fr 35fr 40fr 25fr;}.spreadsheetrow .spreadsheetdatum:nth-child(1), .spreadsheetrow .spreadsheetdatum:nth-child(4) {text-align: right;}.spreadsheetrow:nth-child(even) {background: rgba(255,255,255,0.5);}.spreadsheetrow:nth-child(odd) {background: rgba(0,0,0,0.1);}.spreadsheetdatum {font-size: 3vh;padding: 0.5vh;border: 1px solid black;overflow: hidden;}.spreadsheetdatum:first-child {border-left: 0;}.spreadsheetdatum:last-child {border-right: 0;}.updownsort {height: 1em;width: 1em;border-radius: 0.5em;margin-right: 0.5em;margin-top: 0.1em;float: right;background-image: url(../img/buttons/sortnone.svg);background-repeat: no-repeat;background-size: 100%;background-position: center;}.updownsort.up {background-image: url(../img/buttons/sortasc.svg);}.updownsort.down {background-image: url(../img/buttons/sortdesc.svg);}.spreadsheetcolumnlabel:hover {background-color: var(--cnsYellow);}@media (min-aspect-ratio: 4/3) {}@media (max-aspect-ratio: 1/1) {.spreadsheetarea {max-height: calc(100vh - 12vh - var(--cnsNavBarWidth));}.spreadsheetdatum {font-size: 2.5vh;}}@media (max-aspect-ratio: 9/16) {.spreadsheetcolumnlabel {font-size: 100%;}.spreadsheetdatum {font-size: 2vh;}}.settings-container {width: 100%;height: 100%;padding: 0;overflow-x: hidden;background-color: rgba(255,255,255,0.5);}.setting {display: grid;text-align: left;font-weight: bold;margin: 0px;padding: 2vh 3vw;border-bottom: 2px solid var(--cnsYellow);transition-property: background-color;transition-duration: 0.5s;transition-timing-function: ease-out;}.setting.horizontal {grid-template-columns: 80% auto;}.setting.vertical {grid-template-rows: 50% 50%;}.setting.heading {padding-left: 5vw;background: var(--cnsYellow);line-height: 1;}.settingtext.button {padding: 1vh;background-color: var(--cnsYellow);}.settingtext.button:hover {background-color: var(--cnsOrange);}.settingcontrol {margin: auto 0;}.slide-input {width: 100%;}#showcheatometer-setting {display: none;}#onetouch-setting {display: none;}#basicanimation-setting {display: none;}.mictestcontent {display: grid;grid-template-rows: 1fr 6vh 1fr;}#equalisercontainer {background-color: rgba(0,0,0,0.8);display: grid;grid-template-columns: repeat(100, 1fr);}.eqbarcontainer {position: relative;}.eqbar {background-color: green;position: absolute;bottom: 0;height: 10%;width: 70%;}#volumemetercontainer {background-color: rgba(0,0,0,0.8);box-sizing: border-box;border-top: 2px solid black;display: grid;}.volumemeterelement {margin: 0.6vw 0.3vw;}#mictestdata {color: white;position: absolute;top: 3vh;right: 3vw;text-align: right;}.testcontrolcontainer {background: rgba(255,255,255,0.5);overflow-y: scroll;}.mictestcontainer {font-weight: bold;}.micadvcontainer {display: none;}.testmeter {width: 6.3%;height: 1em;display: block;background-color: rgba(0,0,0,0.3);float: left;border-radius: 2vh;margin: 1%;box-sizing: border-box;border: 2px solid rgba(0,0,0,0.1);}.testmeterindicator {width: 4vw;position: absolute;transform: translate(-0.4vw, -2vw);display: none;}.testmeterindicatorarrow {width: 0;height: 0;border-left: 2vw solid transparent;border-right: 2vw solid transparent;border-top: 2vw solid #000;}.testmeterindicatorline {width: 2vw;height: 2.1em;border-right: 2px solid black;}@media (max-aspect-ratio: 9/16) {.mictestcontent {grid-template-rows: 1fr 4vh 1fr;}}#datamagementcontent {display: grid;grid-template-rows: 2em 1fr;}.datamanagementtitle {text-align: center;font-size: 1.2em;font-weight: bold;padding-top: 0.2em;}.datamanagementtablecontainer {overflow-y: scroll;background-color: rgba(255,255,255,0.5);}#datamanagementtable {width: 100%;}#datamanagementtable tbody tr:nth-child(2n + 1) {background-color: rgba(0,0,0,0.1);}#datamanagementtable tbody tr td:nth-child(4) {text-align: right;}.datamanagedelete, .datamanagemodify {width: 1em;height: 1em;background-size: auto 100%;background-repeat: no-repeat;background-position: top center;margin: 0.1em auto;border-radius: 50%;border: 0.2em solid rgba(0,0,0,0);}.datamanagedelete {background-image: url(../img/buttons/deletedatum.svg);}.datamanagemodify {background-image: url(../img/buttons/modify.svg);}.datamanagedelete:hover, .datamanagemodify:hover {background-color: var(--cnsYellow);border-color: var(--cnsYellow);}.mdsortableheader:hover {background-color: var(--cnsYellow);}.mdsort {height: 1em;width: 1em;border-radius: 0.5em;margin-right: 0.5em;margin-top: 0.1em;float: right;background-image: url(../img/buttons/sortnone.svg);background-repeat: no-repeat;background-size: 100%;background-position: center;}.mdsort.up {background-image: url(../img/buttons/sortasc.svg);}.mdsort.down {background-image: url(../img/buttons/sortdesc.svg);}.adddpinputlabel {width: 6em;}#contenthelp {display: grid;align-content: center;}.helptext {background-color: rgba(255,255,255,0.5);height: 100%;overflow-y: scroll;padding: 0 3vw;}.helptext h4 {font-size: 150%;}.helptext img {max-width: var(--cnsContentWidth);min-width: 50%;}.aboutlogo {width: 70%;height: 18vmin;margin: auto;margin-top: 3vh;background-position: center bottom;background-size: contain;background-repeat: no-repeat;}.crunchnsip {background-image: url(../img/logos/crunchnsip2.svg);}.cancercouncil {background-image: url(../img/logos/ccwa.svg);}.agriprodcom {background-image: url(../img/logos/apc.svg);}.healthway {background-image: url("../img/logos/healthway.svg")}.videotutorialscontainer {height: 100%;width: 100%;overflow-y: scroll;background-color: rgba(255,255,255,0.5);}.videotitle {font-size: 200%;font-weight: bold;margin: 2vmin;}.videotitle:nth-child(n+2) {margin-top: 6vmin;}.videowrapper {position: relative;width: 80vw;height: 45vw;max-width: 160vh;max-height: 90vh;margin: auto;background-size: auto 100%;background-repeat: no-repeat;background-position: center;}.videowrapper.basictut {background-image: url("../img/help/tutorialbasicthumb.jpg");}.videowrapper.advtut {background-image: url("../img/help/tutorialadvthumb.jpg");}.videooverlay {position: absolute;width: 100%;height: 100%;top: 3px;left: 3px;}.tutorialvideo {width: 100%;border: 3px solid var(--cnsDarkGreen);}.popupcontainer {display: none;position: absolute;top: 0;opacity: 0;background-color: rgba(0,0,0,0.8);width: 100%;height: 100%;z-index: 50;overflow: hidden;transition: opacity 0.5s ease-in;}.popup {position: absolute;width: 80vw;height: 90vh;left: 50%;transform: translate(-50%, 150%) rotate(-90deg);background-color: var(--cnsYellow);transition: transform 0.75s ease-in-out;box-shadow:2vw 2vw 0px rgba(0,0,0,0.5);}.popupheading {font-size: 200%;font-weight: bold;text-align: center;padding: 1em 0 0 0;width: 80%;}.popupmessage {font-size: 170%;padding: 0 3vw;}@media (max-aspect-ratio: 1/1){.popupheading {font-size: 150%;}.popupmessage {font-size: 120%;}}.popupdeco {position: absolute;background-position: center;background-repeat: no-repeat;width: 25vw;height: 25vw;max-height: 50vh;top: 0;filter: drop-shadow(1vw 1vw 0 rgba(0,0,0,0.5));display: none;}.decoani0 {background-image: url(../img/animals/echidna.svg);}.decoani1 {background-image: url(../img/animals/quokka.svg);}.decoani2 {background-image: url(../img/animals/koala.svg);}.decoani3 {background-image: url(../img/animals/crocodile.svg);}#alertpopupcontainer {opacity: 0;transition: opacity 0.2s ease;will-change: opacity;}.alertpopup {position: absolute;width: 80vmin;left: 50%;top: 50%;transform: translate(-50%, -50%);background-color: white;padding: 2vh 3vw;display: grid;grid-template-rows: auto auto auto;font-size: 3vmin;}.alertheading {text-align: center;}.alertheading h3 {margin: 3vmin;}.alertmessage input{font-size: 2.5vmin;padding: 0.5vmin 2vmin;}.alertinput {display: flex;}.alertinputbutton {margin: auto;background-color: var(--cnsYellow);color: black;padding: 1.5vmin 3vmin;font-weight: bold;}.alertinputbutton:hover {background-color: var(--cnsOrange);}.importdatatablecontainer {max-height: 45vmin;overflow-y: scroll;box-sizing: border-box;border: 1px solid black;}.importdatatable {width: 100%;}.importdatatablelegend {width: 100%;height: 3vmin;font-size: 75%;}.importdatatablelegend div {float: left;}.littlesquare {width: 2vmin;height: 2vmin;margin: 0.5vmin;}.littlesquare.red {background: var(--cnsRed);}.littlesquare.green {background: var(--cnsGreen);}.littlesquare.blue {background: var(--cnsBlue);}.importdatatable tbody tr {border-top: 1px solid black;}.inputblocker {display: none;position: absolute;width: 100%;height: 100%;opacity: 0%;z-index: 49;}.switch {position: relative;float: right;display: inline-block;width: 45px;height: 25px;}.switch input {display:none;}.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}.slider:before {position: absolute;content: "";height: 19px;width: 19px;left: 3px;bottom: 3px;background-color: white;-webkit-transition: .4s;transition: .4s;}input:checked + .slider {background-color: var(--cnsBlue);}input:focus + .slider {box-shadow: 0 0 1px var(--cnsBlue);}input:checked + .slider:before {-webkit-transform: translateX(19px);-ms-transform: translateX(19px);transform: translateX(19px);}input:disabled + .slider {background-color: #ccc;}.slider.round {border-radius: 25px;}.slider.round:before {border-radius: 50%;}input[type=range] {-webkit-appearance: none;width: 100%;background: transparent;}input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;}input[type=range]:focus {outline: none;}input[type=range]::-ms-track {width: 100%;cursor: pointer;background: transparent;border-color: transparent;color: transparent;}input[type=range]::-webkit-slider-thumb {-webkit-appearance: none;border: 3px solid #cccccc;height: 25px;width: 25px;border-radius: 50%;background: #ffffff;cursor: pointer;margin-top: 0px;}input[type=range]::-moz-range-thumb {border: 3px solid #cccccc;height: 19px;width: 19px;border-radius: 50%;background: #ffffff;cursor: pointer;}input[type=range]::-ms-thumb {border: 3px solid #cccccc;height: 19px;width: 19px;border-radius: 50%;background: #ffffff;cursor: pointer;}input[type=range]::-webkit-slider-runnable-track {width: 100%;height: 25px;cursor: pointer;background: #cccccc;border-radius: 13px;}input[type=range]:focus::-webkit-slider-runnable-track {background: #cccccc;}input[type=range]::-moz-range-track {width: 100%;height: 25px;cursor: pointer;background: #cccccc;border-radius: 13px;}input[type=range]::-ms-track {width: 100%;height: 25px;cursor: pointer;background: transparent;border-color: transparent;border-width: 16px 0;color: transparent;}input[type=range]::-ms-fill-lower {background: var(--cnsBlue);border-radius: 13px 0 0 13px;}input[type=range]:focus::-ms-fill-lower {background: var(--cnsBlue);}input[type=range]::-ms-fill-upper {background: #cccccc;border-radius: 0 13px 13px 0;}input[type=range]:focus::-ms-fill-upper {background: #cccccc;}