html{background-color:#f6f6f6}#app,body,html{height:100%;width:100%}#app{text-align:center}.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.modal[data-v-29c91ff4]{position:fixed;right:20px;top:-80px;background-color:#fff;border:1px solid #666;border-radius:8px;width:300px;height:60px;min-height:calc(.8em + 2*6px + 2*1px + 2*10px);z-index:100;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);transition:top 1s cubic-bezier(0,.47,.85,1.14)}.modal.active[data-v-29c91ff4]{top:20px}.modal .title[data-v-29c91ff4]{text-align:left;font-weight:500;font-size:1.2em;position:relative;top:5px;left:10px}.modal .content[data-v-29c91ff4]{text-align:left;font-weight:300;font-size:.8em;position:relative;top:10px;left:10px;max-width:calc(100% - 11em);max-height:2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal .button[data-v-29c91ff4]{float:right;font-weight:300;font-size:.8em;position:absolute;bottom:10px;right:5px;border:1px solid #666;border-radius:5px;padding:5px 30px;margin:0 10px;transition:all .4s ease}.modal .button[data-v-29c91ff4]:hover{cursor:pointer;bottom:12px;box-shadow:0 2px 4px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.13)}.main[data-v-4989a864]{height:100%;width:100%}.main[data-v-5b3e0fdb]{height:calc(100% - 40px);width:100%;position:fixed;top:40px;background-color:#f6f6f6;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-line-pack:start;align-content:flex-start}@media screen and (max-width:480px){.main[data-v-5b3e0fdb]{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr);-ms-grid-column-align:center;justify-items:center}}.card[data-v-f8e24302]{position:relative;height:13rem;width:10rem;margin:5px 10px;background-color:#fff;border-radius:5px;overflow:hidden;text-align:left;box-shadow:0 1px 2px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.13);transition:all .3s cubic-bezier(.25,.8,.25,1)}.card[data-v-f8e24302]:hover{transform:translateY(-3px);box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.beer-count-circle[data-v-f8e24302]{width:6rem;height:6rem;top:-3rem;left:-3rem;position:absolute;border-radius:3rem;background-color:#fff}.beer-count-circle .beer-count[data-v-f8e24302]{height:3rem;width:3rem;position:absolute;bottom:0;right:0;margin:-6px 3px;font-size:1.5em;text-align:center}.user-image[data-v-f8e24302]{width:10rem;height:10rem;background-size:cover}.name[data-v-f8e24302],.title[data-v-f8e24302]{margin-left:10px}.name[data-v-f8e24302]{font-size:1em;margin-top:5px;margin-bottom:3px}.title[data-v-f8e24302]{font-size:.5em}.progress-bar[data-v-f8e24302]{position:absolute;bottom:0;height:4px;width:100%;background-color:#666}.progress-bar .done[data-v-f8e24302]{background-color:teal;width:40px;height:100%}.card[data-v-69816101]{position:relative;width:4rem;margin:5px 10px;border-radius:5px;text-align:left}.beer-count-circle[data-v-69816101]{width:1.44rem;height:1.44rem;top:-.72rem;left:-.72rem;position:absolute;margin:5px;border-radius:.72rem;background-color:teal;color:#fff;text-align:center;font-size:12px;line-height:1.44rem}.user-image[data-v-69816101]{height:4rem;width:4rem;background-size:cover;border-radius:5px;box-shadow:0 1px 2px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.13)}.name[data-v-69816101]{font-size:1em;margin-top:5px;text-align:center;opacity:.71}.backdrop[data-v-2428c64a]{position:fixed;top:0;left:0;height:100%;width:100%;background-color:#fff;opacity:.95;z-index:1}.timer[data-v-2428c64a]{position:fixed;left:calc(50vw - .5 * 300px);top:calc(50vw - .5 * 300px);width:300px;height:300px}.selected-user[data-v-2428c64a]{width:90%;height:90%;margin:5%;border-radius:50%;background-size:cover}.beer-cart-number[data-v-2428c64a]{position:fixed;width:200px;left:calc(50vw - 100px - 10px);top:calc(50vw - 1.5em - 10px);font-size:12em;color:#fff;text-align:center;z-index:10}.halfclip[data-v-2428c64a]{width:50%;height:100%;right:0;position:absolute;overflow:hidden;transform-origin:left center;animation:cliprotate 1.5s steps(2) infinite;-webkit-animation:cliprotate 1.5s steps(2) infinite}.halfcircle[data-v-2428c64a]{box-sizing:border-box;height:100%;right:0;position:absolute;border:3px solid transparent;border-top-color:teal;border-left-color:teal;border-radius:50%}#clipped[data-v-2428c64a]{width:200%;animation:rotate .75s linear infinite;-webkit-animation:rotate .75s linear infinite}#fixed[data-v-2428c64a]{width:100%;transform:rotate(135deg);animation:showfixed 1.5s steps(2) infinite;-webkit-animation:showfixed 1.5s linear infinite}@keyframes cliprotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate{0%{transform:rotate(-45deg)}to{transform:rotate(135deg)}}.bar[data-v-6e26e4e9]{position:fixed;top:0;width:100%;height:40px;background-color:#fff;border-bottom-width:1px;border-bottom-color:#d3d3d3;border-bottom-style:solid}.menu-element[data-v-6e26e4e9]{display:inline-block;line-height:40px;font-size:2em;margin:0 27px;opacity:.71}.menu-element[data-v-6e26e4e9]:hover{opacity:.9}#logo[data-v-6e26e4e9]{float:left;opacity:.9;font-weight:600}#server-connection[data-v-6e26e4e9]{float:left;color:red;animation:blinker 3s ease-in-out infinite}#server-connection .material-icons[data-v-6e26e4e9]{font-size:1em;line-height:40px}@keyframes blinker{50%{opacity:0}}#time-date[data-v-6e26e4e9]{font-size:1.2em}#settings[data-v-6e26e4e9]{float:right}#settings .material-icons[data-v-6e26e4e9]{font-size:1em;line-height:40px}.menulist[data-v-79f82cbb]{position:relative;width:500px;height:500px;padding:0;border-radius:50%;list-style:none}.menulist>[data-v-79f82cbb]{display:block;position:absolute;top:50%;left:50%;width:80px;height:80px;margin:-40px}.menulist>[data-v-79f82cbb]:first-of-type{transform:rotate(195deg) translate(250px) rotate(-195deg)}.menulist>[data-v-79f82cbb]:nth-of-type(2){transform:rotate(217.5deg) translate(250px) rotate(-217.5deg)}.menulist>[data-v-79f82cbb]:nth-of-type(3){transform:rotate(240deg) translate(250px) rotate(-240deg)}.menulist>[data-v-79f82cbb]:nth-of-type(4){transform:rotate(262.5deg) translate(250px) rotate(-262.5deg)}.menulist>[data-v-79f82cbb]:nth-of-type(5){transform:rotate(285deg) translate(250px) rotate(-285deg)}.menulist>[data-v-79f82cbb]:nth-of-type(6){transform:rotate(307.5deg) translate(250px) rotate(-307.5deg)}.menulist>[data-v-79f82cbb]:nth-of-type(7){transform:rotate(330deg) translate(250px) rotate(-330deg)}.menulist>[data-v-79f82cbb]:nth-of-type(8){transform:rotate(352.5deg) translate(250px) rotate(-352.5deg)}.menulist>[data-v-79f82cbb]:nth-of-type(9){transform:rotate(375deg) translate(250px) rotate(-375deg)}.menulist>[data-v-79f82cbb]:nth-of-type(10){transform:rotate(397.5deg) translate(250px) rotate(-397.5deg)}.menulist>[data-v-79f82cbb]:nth-of-type(11){transform:rotate(420deg) translate(250px) rotate(-420deg)}.menulist>[data-v-79f82cbb]:nth-of-type(12){transform:rotate(442.5deg) translate(250px) rotate(-442.5deg)}.menulist>[data-v-79f82cbb]:nth-of-type(13){transform:rotate(465deg) translate(250px) rotate(-465deg)}.menulist>[data-v-79f82cbb]:nth-of-type(14){transform:rotate(487.5deg) translate(250px) rotate(-487.5deg)}.menulist>[data-v-79f82cbb]:nth-of-type(15){transform:rotate(510deg) translate(250px) rotate(-510deg)}.menulist>[data-v-79f82cbb]:nth-of-type(16){transform:rotate(532.5deg) translate(250px) rotate(-532.5deg)}.menulist.check-out[data-v-79f82cbb]{transform:rotate(90deg);transition:transform .2s;transition-timing-function:cubic-bezier(0,.19,.99,.4)}.menulist .menuitem[data-v-79f82cbb]{display:block;max-width:100%;border-radius:50%;background-size:cover;box-shadow:0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)}.ammount-beers[data-v-79f82cbb]{height:20px;width:20px;border-radius:50%;background-color:#23b883;position:relative;top:75%;float:right;color:#f5f5f5}.cartbutton[data-v-79f82cbb]{position:absolute;right:25px;bottom:25px;font-size:8em;z-index:2}.check-out-button[data-v-79f82cbb]{z-index:2;position:absolute;right:20px;bottom:20px;color:#c70d0d;font-weight:500;font-style:oblique;font-variant:small-caps;font-size:1.3em;opacity:.71}.check-out-overlay[data-v-79f82cbb]{height:250px;width:250px;position:fixed;bottom:-125px;right:-125px;border-radius:125px;opacity:0;z-index:10}.menu-circle[data-v-79f82cbb]{height:500px;width:500px;position:fixed;bottom:-250px;right:-250px;border-radius:250px;background-color:#fff;transition:all .5s ease}.menu-circle.drag-over[data-v-79f82cbb]{height:550px;width:550px;bottom:-275px;right:-275px;border-radius:275px}.slide-fade-enter-active[data-v-79f82cbb]{transition:all .3s ease}.slide-fade-leave-active[data-v-79f82cbb]{transition:all .5s ease}.slide-fade-enter[data-v-79f82cbb],.slide-fade-leave-to[data-v-79f82cbb]{transform:translateX(300px);opacity:0}.fade-out-enter-active[data-v-79f82cbb]{transition:all .3s ease}.fade-out-leave-active[data-v-79f82cbb]{transition:all .2s ease}.fade-out-enter[data-v-79f82cbb],.fade-out-leave-to[data-v-79f82cbb]{opacity:0}.slide-left-enter-active[data-v-79f82cbb]{transition:all .3s ease}.slide-left-leave-active[data-v-79f82cbb]{transition:all .2s ease}.slide-left-enter[data-v-79f82cbb],.slide-left-leave-to[data-v-79f82cbb]{transform:translateX(-50px);opacity:0}@keyframes moveinlist{0%{transform:rotate(90deg) translateY(250px) rotate(-90deg)}to{transform:rotate(105deg) translateY(250px) rotate(-105deg)}}@keyframes moveinlist-mobile{0%{transform:rotate(90deg) translateY(150px) rotate(-90deg)}to{transform:rotate(105deg) translateY(150px) rotate(-105deg)}}.smooth-list-enter-active[data-v-79f82cbb]{transition:all 1s;animation:moveinlist .5s ease}.smooth-list-enter[data-v-79f82cbb],.smooth-list-leave-to[data-v-79f82cbb]{opacity:0}@media screen and (max-width:480px){.menulist[data-v-79f82cbb]{position:relative;width:300px;height:300px;padding:0;border-radius:50%;list-style:none}.menulist>[data-v-79f82cbb]{display:block;position:absolute;top:50%;left:50%;width:50px;height:50px;margin:-25px}.menulist>[data-v-79f82cbb]:first-of-type{transform:rotate(195deg) translate(150px) rotate(-195deg)}.menulist>[data-v-79f82cbb]:nth-of-type(2){transform:rotate(217.5deg) translate(150px) rotate(-217.5deg)}.menulist>[data-v-79f82cbb]:nth-of-type(3){transform:rotate(240deg) translate(150px) rotate(-240deg)}.menulist>[data-v-79f82cbb]:nth-of-type(4){transform:rotate(262.5deg) translate(150px) rotate(-262.5deg)}.menulist>[data-v-79f82cbb]:nth-of-type(5){transform:rotate(285deg) translate(150px) rotate(-285deg)}.menulist>[data-v-79f82cbb]:nth-of-type(6){transform:rotate(307.5deg) translate(150px) rotate(-307.5deg)}.menulist>[data-v-79f82cbb]:nth-of-type(7){transform:rotate(330deg) translate(150px) rotate(-330deg)}.menulist>[data-v-79f82cbb]:nth-of-type(8){transform:rotate(352.5deg) translate(150px) rotate(-352.5deg)}.menulist>[data-v-79f82cbb]:nth-of-type(9){transform:rotate(375deg) translate(150px) rotate(-375deg)}.menulist>[data-v-79f82cbb]:nth-of-type(10){transform:rotate(397.5deg) translate(150px) rotate(-397.5deg)}.menulist>[data-v-79f82cbb]:nth-of-type(11){transform:rotate(420deg) translate(150px) rotate(-420deg)}.menulist>[data-v-79f82cbb]:nth-of-type(12){transform:rotate(442.5deg) translate(150px) rotate(-442.5deg)}.menulist>[data-v-79f82cbb]:nth-of-type(13){transform:rotate(465deg) translate(150px) rotate(-465deg)}.menulist>[data-v-79f82cbb]:nth-of-type(14){transform:rotate(487.5deg) translate(150px) rotate(-487.5deg)}.menulist>[data-v-79f82cbb]:nth-of-type(15){transform:rotate(510deg) translate(150px) rotate(-510deg)}.menulist>[data-v-79f82cbb]:nth-of-type(16){transform:rotate(532.5deg) translate(150px) rotate(-532.5deg)}.cartbutton[data-v-79f82cbb]{right:30px;bottom:30px;font-size:4em}.check-out-button[data-v-79f82cbb]{right:20px;bottom:20px;font-size:1em}.check-out-overlay[data-v-79f82cbb]{height:150px;width:150px;bottom:-75px;right:-75px;border-radius:75px}.menu-circle[data-v-79f82cbb]{height:300px;width:300px;bottom:-150px;right:-150px;border-radius:150px}.menu-circle.drag-over[data-v-79f82cbb]{height:330px;width:330px;bottom:-165px;right:-165px;border-radius:165px}.smooth-list-enter-active[data-v-79f82cbb]{transition:all 1s;animation:mobile-moveinlist .5s ease}}.pop-up[data-v-5fa62ac1]{position:absolute;top:60px;right:5px;width:200px;max-width:90%;background-color:#fff;border-radius:10px;border:3px solid #000}.pop-up .menu-item[data-v-5fa62ac1]{padding:8px;padding-left:15px;border-bottom:1px solid #a9a9a9;text-align:left}.pop-up .menu-item[data-v-5fa62ac1]:first-child{border-radius:7px 7px 0 0}.pop-up .menu-item[data-v-5fa62ac1]:last-child{border:0;border-radius:0 0 7px 7px}.pop-up .menu-item[data-v-5fa62ac1]:hover{background-color:#f0f8ff}.pop-up[data-v-5fa62ac1]:after,.pop-up[data-v-5fa62ac1]:before{content:"";position:absolute;color:transparent;width:0;height:0;border:15px solid;border-bottom-color:#fff;bottom:100%;right:10%;margin-left:-15px}.pop-up[data-v-5fa62ac1]:before{border-width:19px;border-bottom-color:#000;right:calc(10% - 4px)}.auth-modal{position:fixed;width:75%;height:90%;left:50%;top:10%;overflow:scroll;margin-left:-37.5%;z-index:100}#firebaseui-auth-container .firebaseui-container{width:250px;margin:auto;z-index:100;background-color:#fff;border:1px solid #a9a9a9;border-radius:5px;padding:10px 0}#firebaseui-auth-container .firebaseui-container:before{content:"Sign-In";font-size:1.3em;font-weight:600;opacity:.71;padding:5px 40px;border-bottom:2px solid #d3d3d3}.main[data-v-3c69c6e7]{background-color:#f6f6f6;top:0;position:absolute;height:100%;width:100%;text-align:left;padding:10px 20px}.content-next-to-card[data-v-3c69c6e7]{width:120px;float:right;height:200px;margin:20px 0 10px 20px}.container[data-v-3c69c6e7]{width:300px}.container button[data-v-3c69c6e7],.container input[type=number][data-v-3c69c6e7],.container input[type=text][data-v-3c69c6e7]{background-color:#fff;border:1px solid #d3d3d3;border-radius:5px;height:2rem;font-size:12px;padding:0 10px}.container button[data-v-3c69c6e7]:focus,.container input[type=number][data-v-3c69c6e7]:focus,.container input[type=text][data-v-3c69c6e7]:focus{border-color:#000;outline:none}.container button[data-v-3c69c6e7]{color:gray;font-weight:500}.container button[data-v-3c69c6e7]:hover{color:#000}.color-selector[data-v-3c69c6e7]{padding:5px 0}.color-selector input[type=radio][data-v-3c69c6e7]{display:none}.color-selector input[type=radio]+label span[data-v-3c69c6e7]{display:inline-block;width:23px;height:23px;border-radius:50%;vertical-align:middle;cursor:pointer;margin:3px;transition:transform .2s ease}.color-selector input[type=radio]+label span[data-v-3c69c6e7]:hover{transform:translateY(-2px)}.color-selector input[type=radio]:checked+label span[data-v-3c69c6e7]{border:2px solid #d3d3d3;margin:1px}label[data-v-3c69c6e7]{font-size:.8em;font-style:italic;color:grey;padding:3px}#name-input[data-v-3c69c6e7]{width:calc(100% - 20px)}#beers-input[data-v-3c69c6e7]{width:100px}#file-select[data-v-3c69c6e7]{width:120px}.title[data-v-3c69c6e7]{font-size:4em;font-weight:450}.divider[data-v-3c69c6e7]{width:100%;height:3px;background-color:#d8d8d8}.card[data-v-3c69c6e7]{margin:20px 0 10px}.clickable[data-v-3c69c6e7]{cursor:pointer}body{margin:0}#app{font-family:Roboto,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}main{display:-ms-flexbox;display:flex;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-flow:column;flex-flow:column;text-align:center;padding:20px}main>*{margin:20px 0}.header{-ms-flex-align:center;align-items:center;-ms-flex-direction:column;flex-direction:column}.header,.header__title-container{display:-ms-flexbox;display:flex}.header__title-container__logo{margin:5px}.header__title-container__text{font-size:68px;margin:0}.header__subtitle{opacity:.71}.demo-section{margin:0}.demo-section__text a{text-decoration:none;position:relative;color:inherit}.demo-section__text a:after{content:"";position:absolute;bottom:0;left:0;height:2px;width:100%;background:linear-gradient(-124deg,#ee1d1d,#e38222)}.tile{-ms-flex-pack:centre;justify-content:centre;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:700px;border-radius:5px;text-align:left;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.tile,.tile__section{display:-ms-flexbox;display:flex}.tile__section{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;width:calc(50% - 40px - .5px);min-width:200px;padding:20px;-ms-flex-positive:1;flex-grow:1;transition:box-shadow .3s cubic-bezier(.25,.8,.25,1)}.tile__section:first-child{border-radius:5px 0 0 5px}.tile__section:last-child{border-radius:0 5px 5px 0}@media screen and (max-width:520px){.tile{-ms-flex-direction:column;flex-direction:column}.tile__section{width:calc(100% - 40px)}.tile__section:first-child{border-radius:5px 5px 0 0}.tile__section:last-child{border-radius:0 0 5px 5px}}.tile__section:hover{box-shadow:0 14px 28px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.22)}.tile__section ul{padding-left:15px;margin:0}.tile__section__title{font-size:24px}.tile__section__content{opacity:.71;margin:5px 0}.tile__section__button{height:30px;width:150px;background-image:linear-gradient(-124deg,#ee1d1d,#e38222);background-color:red;color:#fff;font-weight:700;font-size:18px;border:none;border-radius:8px;transition:all .1s linear;margin:1px 0;cursor:pointer}.tile__section__button:hover{width:152px;height:32px;margin:0;font-size:19px;background-image:linear-gradient(-135deg,#738ff9,#48e2e4)}.tile__border{min-width:1px;min-height:1px;background-color:#d3d3d3}.spacer{height:10px;width:1px}.text-container[data-v-b1ea940a]{max-width:700px;text-align:left}.text-container__text[data-v-b1ea940a]{padding-left:20px}.main[data-v-353443cd]{background-color:#f6f6f6;top:0;position:absolute;height:100%;width:100%;text-align:left;padding:20px}.container[data-v-353443cd]{width:600px}.container button[data-v-353443cd],.container input[type=email][data-v-353443cd],.container input[type=number][data-v-353443cd],.container input[type=text][data-v-353443cd]{background-color:#fff;border:1px solid #d3d3d3;border-radius:5px;height:2rem;font-size:12px;padding:0 10px}.container button[data-v-353443cd]:focus,.container input[type=email][data-v-353443cd]:focus,.container input[type=number][data-v-353443cd]:focus,.container input[type=text][data-v-353443cd]:focus{border-color:#000;outline:none}.container button[data-v-353443cd]{color:gray;font-weight:500}.container button[data-v-353443cd]:hover{color:#000}th[data-v-353443cd]{color:#d5dde5;background:#1b1e24;border-bottom:3px solid teal;border-right:1px solid #343a45;font-size:16px;font-weight:100;padding:10px 15px;text-align:left;text-shadow:0 1px 1px rgba(0,0,0,.1);vertical-align:middle}th[data-v-353443cd]:first-child{border-top-left-radius:5px}th[data-v-353443cd]:last-child{border-top-right-radius:5px;border-right:none}tr[data-v-353443cd]{border-top:1px solid #c1c3d1;border-bottom-:1px solid #c1c3d1;color:#666b85;font-size:12px;font-weight:400;text-shadow:0 1px 1px hsla(0,0%,100%,.1)}tr[data-v-353443cd]:first-child{border-top:none}tr[data-v-353443cd]:last-child{border-bottom:none}tr:nth-child(odd) td[data-v-353443cd]{background:#ebebeb}tr:last-child td[data-v-353443cd]:first-child{border-bottom-left-radius:5px}tr:last-child td[data-v-353443cd]:last-child{border-bottom-right-radius:5px}td[data-v-353443cd]{background:#fff;padding:10px 15px;text-align:left;vertical-align:middle;font-weight:300;font-size:18px;text-shadow:-1px -1px 1px rgba(0,0,0,.1);border-right:1px solid #c1c3d1}td[data-v-353443cd]:last-child{border-right:0}label[data-v-353443cd]{font-size:.8em;font-style:italic;color:grey;padding:3px}.title[data-v-353443cd]{font-size:4em;font-weight:450}.divider[data-v-353443cd]{width:100%;height:3px;background-color:#d8d8d8}