@font-face{font-family:Modelo;font-style:normal;font-weight:400;src:url(Modelo-Regular.24ab7ea2.woff2) format("woff2"),url(Modelo-Regular.746bac60.woff) format("woff")}@font-face{font-family:Modelo;font-style:normal;font-weight:700;src:url(Modelo-Bold.e0c2d730.woff2) format("woff2"),url(Modelo-Bold.f211c72a.woff) format("woff")}@font-face{font-family:Modelo;font-style:normal;font-weight:lighter;src:url(Modelo-Light.6f95b35d.woff2) format("woff2"),url(Modelo-Light.1c8e033d.woff) format("woff")}:root{--font-family:"Modelo",Helvetica,Arial,sans-serif;--font-h1:bold 2.7em/1.3em var(--font-family);--font-h2:bold 1.3em/1.3em var(--font-family);--font-text:normal normal 1.2em/1.3em var(--font-family);--groove-border:groove 3px #fff}@keyframes spokenWord{0%{color:blue;font-weight:700}to{color:inherit;font-weight:inherit}}@keyframes voice{0%{background:repeating-radial-gradient(#00d4ff,#090979 31%);box-shadow:0 0 30px 15px rgba(0,212,255,.7)}to{background:repeating-radial-gradient(#00d4ff,#090979 32%);box-shadow:0 0 30px 15px #00d4ff}}::selection{background:#000;color:#fff}html{box-sizing:border-box}body{margin:0}*,:after,:before{box-sizing:inherit}body{background:#db6269;font:normal 1rem var(--font-family)}#app{align-items:flex-start;display:flex;height:100vh;justify-content:center;overflow:hidden}#app[data-session=start] #board{transform:scale(1)}#app[data-session=active] #overlay,#app[data-session=summary] #overlay{display:none}#app[data-session=active] #board,#app[data-session=summary] #board{transform:perspective(1000px) rotate3D(10,-2,2,30deg) scale(.8) translateY(-300px)}#app[data-session=active] #app-header article,#app[data-session=summary] #app-header article{display:none}#app[data-session=summary] #receipt{right:0}#app[data-session=summary] #board{pointer-events:none}#overlay{align-items:center;background:rgba(219,98,105,.97);display:flex;height:100vh;justify-content:center;left:0;position:absolute;top:0;width:100vw;z-index:50}#overlay button{background:#fff;border:0;border-radius:5px;box-shadow:3px 3px 10px rgba(0,0,0,.6);cursor:pointer;font:var(--font-h1);padding:20px 20px 15px;transition:all .2s ease-out}#overlay button:hover{background:#e6e6e6}#overlay button:active{background:#c8c8c8;box-shadow:0 0 5px rgba(0,0,0,.6)}#restart-button{background:#fff;border:none;border-radius:2px;cursor:pointer;font:var(--font-text);padding:5px 15px 2px;position:fixed;right:5px;top:5px;z-index:20}#restart-button:hover{background:#e6e6e6}#app-header{background:#000;color:#fff;left:0;min-height:100vh;padding:20px;position:fixed;top:0;width:100%;z-index:100}@media screen and (min-width:1023px){#app-header{min-height:0;width:auto}#app-header #small-screen-msg{display:none}}#app-header #small-screen-msg{color:red}#app-header h1{font:var(--font-h2);margin:0}#app-header p{font:var(--font-text);width:300px}#app-header span{text-decoration:underline}#app-header a{color:#fff;text-decoration:none}#app-header img{border:2px solid hsla(0,0%,100%,.8);filter:grayscale(1);height:70px;margin:0 auto;object-fit:cover;transition:filter .2s ease-out;width:145px}#app-header img:hover{filter:grayscale(0)}#receipt{background:#000;color:#fff;padding:30px 50px;position:fixed;right:-450px;top:150px;transition:all .2s ease-out;width:450px;z-index:100}#receipt table tfoot tr{color:red;font-weight:700}#board{background:rgba(0,0,0,.2);box-shadow:5px 5px 50px 50px rgba(0,0,0,.2);position:relative;transition:transform 1s ease-out;width:1300px}.panel-group{background:#f5f5f5;border-radius:2px;box-shadow:1px 1px 3px rgba(0,0,0,.6);display:flex;gap:0;justify-content:space-between;position:relative}.panel-group#top-group{align-items:center;height:300px;padding:0 40px;transform:perspective(1000px) rotate3D(-1,0,0,22deg) translateZ(56px) translateY(-11px);transition:transform 1s ease-out}.panel-group#front-3d,.panel-group#top-3d{background:#88969c;transition:transform 1s ease-out}.panel-group#top-3d{height:40px;transform:perspective(1000px) rotateX(45deg) translateZ(65px) translateY(75px)}.panel-group#front-3d{height:40px;transform:perspective(1000px) rotate3D(-1,0,0,45deg) translateZ(-15px) translateY(8px)}.panel{background:#ebebeb;border-bottom:var(--groove-border);border-right:var(--groove-border);color:rgba(0,0,0,.6);display:flex;flex:1 1 auto;flex-direction:column;width:350px}.panel h1{color:#dbdbdb;font:var(--font-h1);margin:30px 0 20px;text-align:center;text-shadow:0 -1px 0 rgba(0,0,0,.2),0 1px 0 #fff;text-transform:uppercase}.panel h2{font:var(--font-h2);margin:0 0 10px}.panel .panel__prop{border-top:var(--groove-border);display:flex;flex:1 1 auto;transition:background .2s ease-out}.panel .panel__prop:hover{background:rgba(0,0,0,.04)}.panel .panel__prop .panel__prop__state{--color:#fa6e6e;background:var(--color);border:1px solid rgba(0,0,0,.15);border-radius:3px;box-shadow:0 0 3px var(--color);height:30px;margin:20px 0 0 20px;transition:background .1s ease-out;width:25px}.panel .panel__prop .panel__prop__input{margin:20px;width:100%}.panel .panel__prop .panel__prop__input label{display:inline-block;font:var(--font-text);margin-bottom:5px}.panel .panel__prop .panel__prop__input input[type=tel],.panel .panel__prop .panel__prop__input input[type=text]{background:#d1dadd;border:2px inset rgba(0,0,0,.4);border-radius:4px;box-shadow:inset 0 0 3px #a8b7bd;color:#88969c;font:var(--font-text);height:35px;outline:none;padding:0 10px;width:100%}.panel .panel__prop .panel__prop__input input[type=range]{width:100%}.panel .panel__prop .panel__prop__input output{float:right;font:var(--font-text)}.panel .panel__prop .panel__prop__reset{align-items:center;border-left:var(--groove-border);display:flex;padding:0 10px}.panel .panel__prop .panel__prop__reset button{background:rgba(0,0,0,.05);border-left:var(--groove-border);border-radius:30px;height:30px;width:30px}.panel .panel__prop[data-state=set] .panel__prop__state{--color:#adff2f}ul{list-style-type:none;margin:0;padding:0}#assistant{display:flex;height:70%}#assistant article{background:#d1dadd;border:2px inset rgba(0,0,0,.4);border-radius:4px;box-shadow:inset 0 0 3px #a8b7bd;color:#88969c;display:flex;flex-direction:column-reverse;font:var(--font-text);height:100%;overflow-y:scroll;padding:30px;width:400px}#assistant p{margin-top:0}#assistant p:first-child span:last-child{animation:spokenWord .5s linear}#speech-visual{align-items:center;border:15px groove hsla(0,21%,60%,.7);border-radius:9999px;display:flex;justify-content:center}#speech-visual #voice{background:repeating-radial-gradient(#00d4ff,#090979 31%);border:2px solid #565e61;border-radius:9999px;box-shadow:0 0 30px 15px rgba(0,212,255,.7);height:180px;transition:all 2s ease-out;width:120px}#speech-visual #voice[data-speaking]{animation:voice .2s linear}#price{display:none}#price output{font:var(--font-h2)}#close-session h1{text-align:center}#close-session .closing-buttons{align-items:center;border:var(--groove-border);border-radius:20px;display:flex;height:130px;justify-content:center;overflow:hidden}#close-session .close-btn{align-items:center;background:#cacaca;display:flex;font:var(--font-text);font-size:1.5em;height:100%;transition:all .2s ease-out;width:200px}#close-session .close-btn:first-child{border-right:var(--groove-border)}#close-session .close-btn img{flex:0 0 auto;margin:5px 15px 5px 5px;width:70px}#close-session .close-btn:hover{background:#fa6e6e;font-weight:700}
/*# sourceMappingURL=index.9e7f448a.css.map */