@charset "UTF-8";@font-face{font-family:varela;src:url(../fonts/varelaround-regular.woff2) format('woff2'),url(../fonts/varelaround-regular.woff) format('woff');font-weight:400;font-style:normal}@font-face{font-family:massalleraregular;src:url(../fonts/massallera-webfont.eot);src:url(../fonts/massallera-webfont.eot?#iefix) format('embedded-opentype'),url(../fonts/massallera-webfont.woff2) format('woff2'),url(../fonts/massallera-webfont.woff) format('woff'),url(../fonts/massallera-webfont.ttf) format('truetype'),url(../fonts/massallera-webfont.svg#massalleraregular) format('svg');font-weight:400;font-style:normal}html{font:100% varela,Helvetica,sans-serif;font-weight:400;text-align:left}body{text-align:left;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}h1{line-height:1.2em;margin:0 0 .6em}h2,h3,h4{line-height:1.3em;margin:1.2em 0 .6em}h1{font-size:2.6em}h2{font-size:1.6em}h3{font-size:1.3em}p{font-size:1em;line-height:1.6em;margin-bottom:1em}dt,h1{font-family:massalleraregular;font-weight:400;font-style:normal}h2,h3,h4,h5{font-weight:400}*{outline:0 none;margin:0;padding:0;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}ul{list-style:none;margin:0;padding:0}li{margin:0;padding:0}svg{pointer-events:none}button{background-color:transparent;color:#a1c854;border:0 none;font-family:varela;font-weight:400;font-style:normal;line-height:1.4em;text-align:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}button:active{color:#617832!important;-webkit-transform:scale(.96)!important;transform:scale(.96)!important}button>*{cursor:pointer;pointer-events:none}button svg{max-width:100%;max-height:100%}#config button,#intro button,#result button,.super button,header button{-webkit-animation-name:fade-in,back-to-center;animation-name:fade-in,back-to-center;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:cubic-bezier(.5,0,0,1);animation-timing-function:cubic-bezier(.5,0,0,1)}button.info{font-family:varela,Helvetica,sans-serif;-webkit-animation-name:fade-in,bottom-to-center;animation-name:fade-in,bottom-to-center;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:cubic-bezier(.5,0,0,1);animation-timing-function:cubic-bezier(.5,0,0,1)}button.close,button.repeat{color:rgba(32,40,17,.3)}button.close:hover,button.repeat:hover{color:rgba(32,40,17,.5)}button.close:active,button.repeat:active{color:#202811!important}@media (hover){button:hover{color:#91b44c}button.question:hover{color:rgba(32,40,17,.5)}}html{background-color:#a1c854;color:#202811;font-size:100%}body{line-height:1}#container{-webkit-transition:background-color .6s cubic-bezier(.5,0,0,1);transition:background-color .6s cubic-bezier(.5,0,0,1)}header{right:5vw;top:5vw;position:fixed;z-index:3}header button{font-size:12vw;line-height:0}header button svg{width:1em;height:1em}header button.logo{left:5vw;top:5vw;position:fixed}main{z-index:2}footer{text-align:center;left:50%;bottom:5vw;position:fixed;z-index:3}footer button{background-color:#fff;color:#202811;border:2px solid rgba(32,40,17,.7);border-radius:1em;font-size:3vw;line-height:1.3em;width:14em;margin-left:-7em;padding:.4em 1.2em;position:relative}footer button:active{background-color:#91b44c!important;color:#fff!important;border-color:#718c3b!important}@media (hover){footer button:hover{background-color:#202811;color:#fff}}article{text-align:center;z-index:1;-webkit-animation-name:fade-in,bottom-to-center;animation-name:fade-in,bottom-to-center;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:cubic-bezier(.5,0,0,1);animation-timing-function:cubic-bezier(.5,0,0,1)}article hr{margin-top:1.6em;margin-bottom:1.6em}article .logos{text-align:center}article .logos svg{vertical-align:middle;margin:1em;width:9em;max-width:16rem;display:inline-block}.scrn,body,html{width:100%;height:100%;left:0;top:0;position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;overflow:hidden}.text{font-size:3vw;margin:0 auto;width:90vw;max-width:52rem;cursor:default}.text>:first-child{margin-top:10vw}.text>:last-child{margin-bottom:10vw}.menu{margin:auto;width:90vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}.menu>*{margin:1vw}.menu button{color:#202811;border:rgba(32,40,17,.15) solid .12em;border-radius:1em;font-family:massalleraregular;font-weight:400;font-style:normal;font-size:6vw;text-align:left;margin:0;padding:2vw;width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.menu button:active{background-color:#617832!important;color:#fff!important}.menu button:active svg{color:#202811!important;-webkit-transform:scale(1)!important;transform:scale(1)!important}.menu button .icon{height:2em}.menu button .icon.level-1 g{-webkit-transform:translateX(116px);transform:translateX(116px)}.menu button .icon.level-2 g{-webkit-transform:translateX(58px);transform:translateX(58px)}.menu button .icon.level-2 g+g{-webkit-transform:translateX(174px);transform:translateX(174px)}.menu button .icon-2{-webkit-transform:translateX(116px);transform:translateX(116px)}.menu button .icon-3{-webkit-transform:translateX(232px);transform:translateX(232px)}.menu button .title{width:5em;margin:0 .5em}@media (hover){.menu button:hover{background-color:#718c3b;color:#fff}}.super{width:90vw;height:140vw;max-width:58vh;max-height:90vh;position:absolute}.super ul{margin-top:28%;height:70%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center;-ms-flex-wrap:wrap;flex-wrap:wrap}.super ul>li{width:33.3%;height:33%;position:relative}.super ul>li button .title{background-color:rgba(255,255,255,.6);color:#000!important;border-radius:.4em;font-size:2vw;line-height:1.2em;margin:auto;padding:.4em;left:.8em;right:.8em;top:98%;position:absolute}.super .shelf{width:100%;height:100%;left:0;top:0;position:absolute;-webkit-transform:scale(.3);transform:scale(.3);-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transition-duration:.6s;transition-duration:.6s;-webkit-transition-timing-function:cubic-bezier(.5,0,0,1);transition-timing-function:cubic-bezier(.5,0,0,1)}.super .shelf:nth-child(1){-webkit-transform-origin:0 10%;transform-origin:0 10%}.super .shelf:nth-child(2){-webkit-transform-origin:50% 10%;transform-origin:50% 10%}.super .shelf:nth-child(3){-webkit-transform-origin:100% 10%;transform-origin:100% 10%}.super .shelf:nth-child(4){-webkit-transform-origin:0 60%;transform-origin:0 60%}.super .shelf:nth-child(5){-webkit-transform-origin:50% 60%;transform-origin:50% 60%}.super .shelf:nth-child(6){-webkit-transform-origin:100% 60%;transform-origin:100% 60%}.super .shelf svg{max-width:100%;max-height:100%}.super button{width:100%;height:100%;left:0;top:0;position:absolute}.super button .button-correct,.super button .button-incorrect{-webkit-transform:scale(.6) translateY(30%);transform:scale(.6) translateY(30%);-webkit-animation-name:fade-in,product-icon;animation-name:fade-in,product-icon;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:cubic-bezier(.5,0,0,1);animation-timing-function:cubic-bezier(.5,0,0,1)}.super button:not(.correct) .button-correct,.super button:not(.incorrect) .button-incorrect{visibility:hidden;display:none}.super button.shelf-select{color:#202811!important;font-size:3vw;z-index:1;opacity:0;-webkit-transition:color .6s cubic-bezier(.5,0,0,1);transition:color .6s cubic-bezier(.5,0,0,1)}.super .title{opacity:0;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.6s;transition-duration:.6s;-webkit-transition-timing-function:cubic-bezier(.5,0,0,1);transition-timing-function:cubic-bezier(.5,0,0,1)}.super svg{left:0;top:0;position:absolute;pointer-events:none}.super svg:not(.button-correct):not(.button-incorrect){z-index:-1}.super svg.button-correct,.super svg.button-incorrect{margin-top:-10%}.super.shelf-1 .title,.super.shelf-2 .title,.super.shelf-3 .title,.super.shelf-4 .title,.super.shelf-5 .title,.super.shelf-6 .title{opacity:1}.super.shelf-1 #shelf-1{-webkit-transform:scale(1);transform:scale(1);opacity:1;z-index:1}.super.shelf-1 #shelf-1 button.shelf-select{height:19%;top:93%;opacity:1}.super.shelf-1 #shelf-2,.super.shelf-1 #shelf-3,.super.shelf-1 #shelf-4,.super.shelf-1 #shelf-5,.super.shelf-1 #shelf-6{opacity:0}.super.shelf-2 #shelf-2{-webkit-transform:scale(1);transform:scale(1);opacity:1;z-index:1}.super.shelf-2 #shelf-2 button.shelf-select{height:19%;top:93%;opacity:1}.super.shelf-2 #shelf-1,.super.shelf-2 #shelf-3,.super.shelf-2 #shelf-4,.super.shelf-2 #shelf-5,.super.shelf-2 #shelf-6{opacity:0}.super.shelf-3 #shelf-3{-webkit-transform:scale(1);transform:scale(1);opacity:1;z-index:1}.super.shelf-3 #shelf-3 button.shelf-select{height:19%;top:93%;opacity:1}.super.shelf-3 #shelf-1,.super.shelf-3 #shelf-2,.super.shelf-3 #shelf-4,.super.shelf-3 #shelf-5,.super.shelf-3 #shelf-6{opacity:0}.super.shelf-4 #shelf-4{-webkit-transform:scale(1);transform:scale(1);opacity:1;z-index:1}.super.shelf-4 #shelf-4 button.shelf-select{height:19%;top:93%;opacity:1}.super.shelf-4 #shelf-1,.super.shelf-4 #shelf-2,.super.shelf-4 #shelf-3,.super.shelf-4 #shelf-5,.super.shelf-4 #shelf-6{opacity:0}.super.shelf-5 #shelf-5{-webkit-transform:scale(1);transform:scale(1);opacity:1;z-index:1}.super.shelf-5 #shelf-5 button.shelf-select{height:19%;top:93%;opacity:1}.super.shelf-5 #shelf-1,.super.shelf-5 #shelf-2,.super.shelf-5 #shelf-3,.super.shelf-5 #shelf-4,.super.shelf-5 #shelf-6{opacity:0}.super.shelf-6 #shelf-6{-webkit-transform:scale(1);transform:scale(1);opacity:1;z-index:1}.super.shelf-6 #shelf-6 button.shelf-select{height:19%;top:93%;opacity:1}.super.shelf-6 #shelf-1,.super.shelf-6 #shelf-2,.super.shelf-6 #shelf-3,.super.shelf-6 #shelf-4,.super.shelf-6 #shelf-5{opacity:0}.super[class*=shelf-]~.cashier{opacity:0}.cashbox{font-size:3vw}.cashbox .checkout{background-color:#fff;border-color:#202811;border-style:solid;border-width:0;border-bottom-width:1vw;font-size:1em;test-align:center;width:100vw;height:26vw;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-ms-flex-line-pack:center;align-content:center;-webkit-animation-name:fade-in,top-to-center;animation-name:fade-in,top-to-center;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:cubic-bezier(.5,0,0,1);animation-timing-function:cubic-bezier(.5,0,0,1)}.cashbox .checkout h3{font-size:5vw;margin:auto;padding:0 3vw}.cashbox .checkout .paid{font-size:1.8em;font-weight:700;line-height:1em;display:block}.cashbox .checkout .paid.over{color:#d00}.cashbox .cash{font-size:1em;margin-botton:0;padding:0 10vw;width:100vw;max-width:80rem;height:100%}.cashbox .cash .hand,.cashbox .cash .wallet{margin:auto;left:0;right:0;position:absolute;z-index:-1}.cashbox .cash .hand{max-height:70vh;top:-5vw}.cashbox .cash .wallet{max-height:60vh;bottom:-30vw}.cashbox .cash ul{margin:auto;max-width:60vh;height:calc(100vh - 26vw);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-ms-flex-line-pack:center;align-content:center}.cashbox .cash li{padding:1vw;width:100%;height:100%;position:relative}.cashbox .cash button{width:100%;height:50%;left:0;position:absolute}.cashbox .cash button.add{bottom:0}.cashbox .cash button.remove{top:0}.cashbox .cash .coins{bottom:0}.cashbox .cash .coins svg{bottom:0;position:absolute}.cashbox .cash .coins svg:nth-child(1){margin:15% 0}.cashbox .cash .coins svg:nth-child(2){margin:30% 0}.cashbox .cash .coins svg:nth-child(3){margin:45% 0}.cashbox .cash .coins svg:nth-child(4){margin:60% 0}.cashbox .cash .coins svg:nth-child(5){margin:75% 0}.cashbox .cash .coins svg:nth-child(6){margin:90% 0}.cashbox .cash .coins svg:nth-child(7){margin:105% 0}.cashbox .cash .coins svg:nth-child(8){margin:120% 0}.cashbox .cash .coins svg:nth-child(9){margin:135% 0}.cashbox .cash .coins svg:nth-child(10){margin:150% 0}.cashbox .cash .coins svg.added{top:0;bottom:auto}.cashbox .cash .coins svg.added~svg:not(.added):nth-last-child(3){margin:15% 0;z-index:1}.cashbox .cash .coins svg.added~svg:not(.added):nth-last-child(4){margin:30% 0;z-index:2}.cashbox .cash .coins svg.added~svg:not(.added):nth-last-child(5){margin:45% 0;z-index:3}.cashbox .cash .coins svg.added~svg:not(.added):nth-last-child(6){margin:60% 0;z-index:4}.cashbox .cash .coins svg.added~svg:not(.added):nth-last-child(7){margin:75% 0;z-index:5}.cashbox .cash .coins svg.added~svg:not(.added):nth-last-child(8){margin:90% 0;z-index:6}.cashbox .cash .coins svg.added~svg:not(.added):nth-last-child(9){margin:105% 0;z-index:7}.cashbox .cash .coins svg.added~svg:not(.added):nth-last-child(10){margin:120% 0;z-index:8}.cashbox .cash .coins svg.added~svg:not(.added):nth-last-child(11){margin:135% 0;z-index:9}.cashbox .cash .coins svg.added~svg:not(.added):nth-last-child(12){margin:150% 0;z-index:10}#loader{z-index:1}#loader:before{content:'';border-color:#718c3b;border-right-color:#fff;border-style:solid;border-width:.6vw;border-radius:100%;margin-left:-16vw;margin-top:-16vw;width:32vw;height:32vw;display:block;left:50vw;top:50vh;position:fixed;z-index:1;-webkit-animation:.5s a-rotation linear infinite;animation:.5s a-rotation linear infinite}#loader svg{margin-left:-8vw;margin-top:-8vw;width:16vw;height:16vw;display:block;left:50vw;top:50vh;position:fixed;z-index:2;fill:#fff}#loader .copy{color:#617832;font-size:1em;font-family:Arial;margin:0;padding:5vw;display:inline-block;right:0;bottom:0;position:fixed}#intro button svg{width:60vw;max-height:60vh}#config,#result{background-color:#91b44c}#config button,#result button{color:#fff;font-size:10vw;text-align:center}#config button:active,#result button:active{color:#fff!important}#config button .title,#result button .title{font-family:massalleraregular;font-weight:400;font-style:normal;margin-bottom:.2em;display:block}#config button .stars,#result button .stars{max-width:4em}#config button .title,#introb button .title{font-size:.8em;line-height:1.2em;margin-top:-30vh;padding:0 1em;max-width:80vw}#introb button{color:#202811!important;font-size:6vw}#introb button .title{-webkit-animation-name:fade-in,back-to-center;animation-name:fade-in,back-to-center;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:cubic-bezier(.5,0,0,1);animation-timing-function:cubic-bezier(.5,0,0,1)}#introb button .total{font-size:2em;line-height:1.6em;font-weight:700;display:block}#introb button .total:after{line-height:2em}#result button .title{margin-bottom:.2em}#question{background-color:#ddd;-webkit-transform:translateY(100%);transform:translateY(100%);-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-transition-duration:.6s;transition-duration:.6s;-webkit-transition-timing-function:cubic-bezier(.5,0,0,1);transition-timing-function:cubic-bezier(.5,0,0,1)}#question button{background-color:#fff;color:#202811!important}#question dl{-webkit-transform:translateZ(0);transform:translateZ(0)}#question dt{font-size:2em;line-height:1.6em;margin-bottom:.6em}#question dt:after{background-color:#f99;content:'';width:.06em;left:0;top:-100vh;bottom:-100vh;position:absolute}#question dd{color:#ccc;font-size:1.4em;line-height:1.4em;text-align:left;padding:.6em 0 .6em 3.3em;position:relative;-webkit-transition-property:color;transition-property:color;-webkit-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:cubic-bezier(.5,0,0,1);transition-timing-function:cubic-bezier(.5,0,0,1)}#question dd:after{background-color:rgba(0,0,0,.1);content:'';height:.06em;left:-100vw;right:-100vw;bottom:0;position:absolute}#question dd svg{color:rgba(32,40,17,.3);max-width:1.2em;max-height:1.2em;left:1.3em;top:.7em;position:absolute}#question dd.pose{color:#202811}#question dd.pose svg{color:#202811}#question dd.correct svg{color:#91b44c;-webkit-animation-name:fade-in,bottom-to-center;animation-name:fade-in,bottom-to-center}#question dd.correct,#question dd.incorrect{color:#718c3b}#question dd.correct svg,#question dd.incorrect svg{max-width:1.6em;max-height:1.6em;left:1.1em;top:.5em;-webkit-animation-duration:.2s;animation-duration:.2s;-webkit-animation-timing-function:cubic-bezier(.5,0,0,1);animation-timing-function:cubic-bezier(.5,0,0,1)}#question dd.correct .list,#question dd.incorrect .list{visibility:hidden;display:none}#question dd:not(.correct) .correct{visibility:hidden;display:none}#question dd:not(.incorrect) .incorrect{visibility:hidden;display:none}#container:not(.config) #config,#container:not(.info) #info,#container:not(.intro) #intro,#container:not(.introb) #introb,#container:not(.loader) #loader,#container:not(.result) #result,#container:not(.test):not(.question):not(.shelf) #test,#container:not(.testb) #testb{visibility:hidden;display:none}#container.loader{background-color:transparent;color:#617832}#container.loader footer button,#container.loader header,#container.loader main{visibility:hidden;display:none}#container:not(.loader){background-color:#fff}#container:not(.loader) #loader{visibility:hidden;display:none}#container.intro header button.logo{visibility:hidden;display:none}#container:not(.loader):not(.intro) footer{visibility:hidden;display:none}#container.testb header button.logo{visibility:visible!important;display:block!important}#container.testb header button.repeat{visibility:hidden;display:none}#container.config header button,#container.result header button{color:rgba(32,40,17,.5)}#container.config header button:hover,#container.result header button:hover{color:rgba(32,40,17,.7)}#container.config header button:active,#container.result header button:active{color:#202811!important}#container.config,#container.question,#container.result{background-color:#ddd}#container.config #question,#container.question #question,#container.result #question{-webkit-transform:translateY(0);transform:translateY(0)}#container:not(.question):not(.shelf) header button.close{visibility:hidden;display:none}#container:not(.test):not(.question):not(.shelf) #stage:not([data-state=audio]) header button.repeat{visibility:hidden;display:none}[data-state=audio] header button.close,[data-state=audio] header button.logo{visibility:hidden;display:none}[data-state=audio] header button.repeat{color:#202811!important;-webkit-animation:1s a-rotation linear infinite;animation:1s a-rotation linear infinite}@-webkit-keyframes a-rotation{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes a-rotation{0%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(180deg);transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes fade-in{0%{opacity:0}100%{opacity:1}}@keyframes fade-in{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes back-to-center{0%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes back-to-center{0%{-webkit-transform:scale(.9);transform:scale(.9)}100%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes top-to-center{0%{-webkit-transform:translateY(-2vh);transform:translateY(-2vh)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes top-to-center{0%{-webkit-transform:translateY(-2vh);transform:translateY(-2vh)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes bottom-to-center{0%{-webkit-transform:translateY(2vh);transform:translateY(2vh)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes bottom-to-center{0%{-webkit-transform:translateY(2vh);transform:translateY(2vh)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes product-icon{0%{-webkit-transform:scale(.6) translateY(30%);transform:scale(.6) translateY(30%)}100%{-webkit-transform:scale(.7) translateY(30%);transform:scale(.7) translateY(30%)}}@keyframes product-icon{0%{-webkit-transform:scale(.6) translateY(30%);transform:scale(.6) translateY(30%)}100%{-webkit-transform:scale(.7) translateY(30%);transform:scale(.7) translateY(30%)}}@-webkit-keyframes sequence-start{0%,100%{opacity:.001}}@keyframes sequence-start{0%,100%{opacity:.001}}html .sequence>*{-webkit-animation-name:sequence-start,bottom-to-center,fade-in;animation-name:sequence-start,bottom-to-center,fade-in;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}html .sequence>:nth-child(1){-webkit-animation-duration:0s,.6s,.6s;animation-duration:0s,.6s,.6s;-webkit-animation-delay:0s,0s,0s;animation-delay:0s,0s,0s}html .sequence>:nth-child(2){-webkit-animation-duration:.1s,.6s,.6s;animation-duration:.1s,.6s,.6s;-webkit-animation-delay:0s,.1s,.1s;animation-delay:0s,.1s,.1s}html .sequence>:nth-child(3){-webkit-animation-duration:.2s,.6s,.6s;animation-duration:.2s,.6s,.6s;-webkit-animation-delay:0s,.2s,.2s;animation-delay:0s,.2s,.2s}html .sequence>:nth-child(4){-webkit-animation-duration:.3s,.6s,.6s;animation-duration:.3s,.6s,.6s;-webkit-animation-delay:0s,.3s,.3s;animation-delay:0s,.3s,.3s}html .sequence>:nth-child(5){-webkit-animation-duration:.4s,.6s,.6s;animation-duration:.4s,.6s,.6s;-webkit-animation-delay:0s,.4s,.4s;animation-delay:0s,.4s,.4s}html .sequence>:nth-child(6){-webkit-animation-duration:.5s,.6s,.6s;animation-duration:.5s,.6s,.6s;-webkit-animation-delay:0s,.5s,.5s;animation-delay:0s,.5s,.5s}html .sequence>:nth-child(7){-webkit-animation-duration:.6s,.6s,.6s;animation-duration:.6s,.6s,.6s;-webkit-animation-delay:0s,.6s,.6s;animation-delay:0s,.6s,.6s}.paid:after,.total:after{content:' €';font-size:.7em;vertical-align:top;line-height:1.4em}.image-bottom{text-align:center;left:0;right:0;bottom:0;position:absolute}.image-bottom svg{-webkit-animation-name:fade-in,bottom-to-center;animation-name:fade-in,bottom-to-center;-webkit-animation-duration:.6s;animation-duration:.6s;-webkit-animation-timing-function:cubic-bezier(.5,0,0,1);animation-timing-function:cubic-bezier(.5,0,0,1)}.mon{pointer-events:none}.mon svg{max-height:40vh}.cashier{pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-duration:.6s;transition-duration:.6s;-webkit-transition-timing-function:cubic-bezier(.5,0,0,1);transition-timing-function:cubic-bezier(.5,0,0,1)}.cashier h2{font-size:2em}.cashier h2 .total{font-size:2em;display:block}.cashier svg{max-height:26vh}.introb .cashier svg{max-height:50vh}.stars .star{color:#fff}.star{opacity:.2}.star.s2{-webkit-transform:translateX(130px);transform:translateX(130px)}.star.s3{-webkit-transform:translateX(260px);transform:translateX(260px)}.score-1 .star.s1{opacity:1}.score-2 .star.s1,.score-2 .star.s2{opacity:1}.score-3 .star.s1,.score-3 .star.s2,.score-3 .star.s3{opacity:1}.hidden{visibility:hidden;display:none}.visible{visibility:visible;display:block}@media only screen and (orientation:landscape){header{right:5vh;top:5vh}header button{font-size:12vh}header button.logo{left:5vh;top:5vh}footer{bottom:5vh}footer button{font-size:3vh}.text{font-size:3vh}.text>:first-child{margin-top:10vh}.text>:last-child{margin-bottom:10vh}.menu{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.menu button{font-size:3vw;text-align:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.menu button .icon,.menu button .stars,.menu button .title{margin:.5vw}.super ul>li button .title{font-size:2vh}.super button.shelf-select{font-size:3vh}.cashbox .checkout{border-bottom-width:1vh;height:26vh}.cashbox .checkout h3{font-size:5vh}.cashbox .cash .hand{max-height:70vh;top:-5vh}.cashbox .cash .wallet{bottom:-30vh}.cashbox .cash ul{max-width:60vh;height:calc(100vh - 26vh)}.cashbox .cash li{padding:1vh}#config button,#result button{font-size:10vh}#introb button{font-size:6vh}.cashier svg{max-height:26vh}.introb .cashier svg{max-height:50vh}}@media only screen and (max-width:30rem){header button{font-size:16vw}footer button{font-size:4vw}.text{font-size:3.5vw}.menu button{font-size:7vw}.super ul>li button .title{font-size:3vw}.super button.shelf-select{font-size:4vw}}@media only screen and (orientation:landscape) and (max-height:30rem){header button{font-size:16vh}footer button{font-size:4vh}.text{font-size:3.5vh}.menu button{font-size:3.3vw}}