body{margin:0;font-family:Titillium Web,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box}html{font-size:62.5%;scroll-behavior:smooth}.background-marble{width:1rem;height:1rem;top:5%;right:20%;background:#e4f6f6}.background-marble-bottom{background:#cff2f6}.background-marble-container{width:120px;height:120px;position:fixed;z-index:-1;display:grid;grid-template-columns:repeat(5,1fr)}.background-marble-container-rotate{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.background-marble-bottom-right{right:8rem;bottom:0}.app-back{width:100vw;height:100vh;min-height:75rem;background:#e4f8ff;z-index:-1;position:fixed;-webkit-clip-path:polygon(51% 0,100% 0,100% 100%,0 100%);clip-path:polygon(51% 0,100% 0,100% 100%,0 100%)}.jar-wrapper{padding-top:10rem;margin-bottom:10rem}.jar,.jar-wrapper{width:20rem;height:25rem}.jar{background-color:#bde5dc;border-radius:2.5rem;border-top-right-radius:4.5rem;border-top-left-radius:4.5rem;position:relative}.jar .jar-top{width:12rem;height:2rem;background-color:#bde5dc;position:absolute;top:-20px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.jar .jar-lid{position:absolute;width:13rem;height:3.5rem;background-color:#999;-webkit-transform:translate(-50%,-220%);transform:translate(-50%,-220%);left:50%;border-top-right-radius:1rem;border-top-left-radius:1rem}.jar .jar-lid .jar-lid-seal{z-index:-1;width:15.5rem;height:1.5rem;background-color:#999;bottom:-1.3rem;border-radius:25px}.jar .jar-lid .jar-lid-seal,.jar .jar-lid .jar-lid-seal:after{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.jar .jar-lid .jar-lid-seal:after{content:"";border-top:.3rem solid #838383;width:80%;height:100%}.jar .jar-lid .jar-lid-seal-2{bottom:-2.6rem}.jar .jar-grip-line{position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:12rem;height:2.2rem;top:15%;display:flex;justify-content:space-between;z-index:-1}.jar .jar-grip-line div{height:100%;width:.3rem;border-radius:25px;background:#838383;display:inline}.jar .jar-light-reflection-curve{width:5rem;height:5rem;background:#fff;position:absolute;right:5%;top:10%;z-index:2;-webkit-clip-path:polygon(33% 22%,32% 14%,35% 9%,40% 8%,46% 8%,50% 12%,55% 18%,58% 22%,62% 28%,63% 33%,64% 37%,67% 43%,69% 48%,72% 57%,73% 65%,73% 75%,72% 81%,69% 89%,66% 95%,60% 98%,54% 91%,52% 81%,52% 70%,52% 63%,52% 55%,49% 48%,45% 39%,41% 36%,36% 31%);clip-path:polygon(33% 22%,32% 14%,35% 9%,40% 8%,46% 8%,50% 12%,55% 18%,58% 22%,62% 28%,63% 33%,64% 37%,67% 43%,69% 48%,72% 57%,73% 65%,73% 75%,72% 81%,69% 89%,66% 95%,60% 98%,54% 91%,52% 81%,52% 70%,52% 63%,52% 55%,49% 48%,45% 39%,41% 36%,36% 31%)}.jar .jar-light-reflection-dot{position:absolute;width:1.3rem;height:1.3rem;border-radius:50%;top:5%;right:20%;z-index:2;background:#fff}.jar-inside{width:95%;height:100%;padding-top:10%;padding-left:5%}.marble-count{padding-top:2rem}.marble-count>p{font-size:3rem;font-weight:700}.jar-lid__name{width:13rem;height:2.5rem;background:#f5e7c2;color:#000;font-size:2rem;text-align:center;position:absolute;top:110%;left:50%;-webkit-transform:translate(-50%,-25%);transform:translate(-50%,-25%)}@media screen and (min-width:768px){.jar-wrapper{margin-top:0}}@media screen and (min-width:1024px){.jar,.jar-wrapper{width:25rem;height:32rem}.jar .jar-grip-line,.jar .jar-top{width:16rem}.jar .jar-lid{width:18rem}.jar .jar-lid .jar-lid-seal{width:19.5rem}}.JarForm,.LoginForm>div,.SignUpForm>form{width:30rem}.absoluteCenter{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.LoginForm,.SignUpForm{background-color:#eaeaea;width:45rem;height:auto;border-radius:3.5rem;padding:5rem}.LoginForm p,.SignUpForm p{font-size:1.5rem}.LoginForm p>a,.SignUpForm p>a{text-decoration:none;color:#3b6877;font-weight:700}.SignUpForm{width:auto}.SignUpForm,.SignUpWrapper{display:flex;justify-content:center;align-items:center}.SignUpWrapper{width:100vw;height:100vh}label{font-size:2rem}input[type=email],input[type=password],input[type=text],select,textarea{width:100%;padding:1.7rem 2.5rem;margin:1.5rem 0;display:inline-block;border:1px solid #ccc;font-size:1.5rem;font-weight:700;border-radius:2.5rem;background-color:#fff}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");background-repeat:no-repeat;background-position-x:97%;background-position-y:50%}.btn{padding:1.2rem 2rem;display:block;border:1px solid #ccc;border-radius:1rem;font-size:1.5rem;font-weight:700;cursor:pointer;color:#000;background-color:#e4f8ff;margin:0 auto}.btn--gray{background-color:#eaeaea}.btn--danger{background-color:red;color:#fff;font-weight:700}.btn-progress{opacity:.5;cursor:progress}.JarForm>p{font-size:3rem;text-align:center;font-weight:700}.LogOut>a,.LogOut>p{font-size:2.5rem;padding-bottom:3rem}.switch{position:relative;display:inline-block;width:60px;height:34px}.switch input{opacity:0;width:0;height:0}.slider{cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc}.slider,.slider:before{position:absolute;-webkit-transition:.4s;transition:.4s}.slider:before{content:"";height:26px;width:26px;left:4px;bottom:4px;background-color:#fff}input:checked+.slider{background-color:#2196f3}input:focus+.slider{box-shadow:0 0 1px #2196f3}input:checked+.slider:before{-webkit-transform:translateX(26px);transform:translateX(26px)}.slider.round{border-radius:34px}.slider.round:before{border-radius:50%}.visibility{padding:2rem}.Loading--button1{height:12rem;width:12rem;background:#e4f8ff;border-radius:50%;border:2px solid rgba(0,0,0,.4);border-top-color:#fff;-webkit-animation:spinner2 .6s linear infinite;animation:spinner2 .6s linear infinite}@-webkit-keyframes spinner2{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spinner2{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.capsule--wrapper{position:relative}.capsule--wrapper:hover .capsule-text{display:block;min-width:20rem}.capsule-text{display:none;position:absolute;background-color:#eaeaea;padding:2rem;border-radius:1.5rem;z-index:5}.capsule-text p{font-size:2rem}.capsule-text-left{top:-3rem;left:6rem}.capsule-text-right{top:-5rem;right:6rem}.capsule__bottom{border-bottom-left-radius:8rem;border-bottom-right-radius:8rem;background:rgba(0,0,0,.2)}.capsule__bottom,.capsule__top{cursor:pointer;width:4rem;height:2rem}.capsule__top{border-top-left-radius:8rem;border-top-right-radius:8rem}.cap-orange{background-color:#ee9c29}.cap-red{background-color:#f88963}.cap-blue{background-color:#53a9ef}.cap-yellow{background-color:#dfda12}.cap-green{background-color:#8ae281}.cap-purple{background-color:#b363a7}.marble-container{position:absolute;bottom:.4rem;width:17.5rem;left:45%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.marble-container>div{display:flex;width:17.5rem;max-height:24rem;justify-content:flex-end;align-items:flex-end;flex-flow:row wrap-reverse}.marble{width:4rem;height:4rem;border-radius:50%;top:5%;right:20%;background:#000;cursor:pointer}.black{background-image:-webkit-gradient(linear,right top,left top,from(#000),to(grey));background-image:linear-gradient(-90deg,#000,grey)}.mar-orange{background-image:linear-gradient(-45deg,red,#ff0)}.mar-blue-green{background-image:linear-gradient(45deg,#00f,green)}.mar-red{background:#f43d51;background-image:repeating-linear-gradient(-45deg,transparent,transparent 5px,#db0028 0,#db0028 10px);background-image:repeating-linear-gradient(-45deg,transparent 5px,#db0028 5px 10px)}.mar-blue{background:#2564ab;background-image:repeating-linear-gradient(45deg,transparent,transparent 5px,#0c4396 0,#0c4396 10px);background-image:repeating-linear-gradient(45deg,transparent 5px,#0c4396 5px 10px)}.mar-orange-leaf{background-image:radial-gradient(orange 20%,red 40%,#ff0 65%)}.mar-green-blue{background:#1a3c3d;background-image:repeating-linear-gradient(-90deg,transparent,transparent 5px,#84a174 0,#84a174 10px);background-image:repeating-linear-gradient(-90deg,transparent 5px,#84a174 5px 10px)}.mar-yellow-blue{background:#fff700;background-image:repeating-linear-gradient(-45deg,transparent,transparent 5px,#004e72 0,#004e72 10px);background-image:repeating-linear-gradient(-45deg,transparent 5px,#004e72 5px 10px)}.mar-med-blues{background-image:radial-gradient(#aba6bf 20%,#595775 40%,#583e2e 65%)}.mar-exotic-orchids{background-image:radial-gradient(#192e5b 20%,#1d65a6 40%,#f2a104 65%)}@media screen and (min-width:1024px){.marble-container{width:23rem}.marble-container>div{width:23rem;max-height:30rem}.marble{width:5rem;height:5rem}.capsule__bottom{width:5rem;height:2.5rem;border-bottom-left-radius:10rem;border-bottom-right-radius:10rem}.capsule__top{width:5rem;height:2.5rem;border-top-left-radius:10rem;border-top-right-radius:10rem}}.msg{font-size:2rem;padding-top:2rem;text-align:center;font-weight:700}.msg--success{color:#2b6b28}.msg--error{color:#d60808}.hide{display:none}.modal{width:100vw!important;height:100vh!important;background:rgba(0,0,0,.5);position:fixed;z-index:5;top:0;left:0;right:0;bottom:0}.modal label{font-size:1.5rem}.modal__buttons{width:100%;height:11.5rem;display:flex;flex-direction:column;justify-content:space-evenly}.modal--panel{width:80%;min-width:30rem;max-width:70rem;background:#eaeaea;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:1.5rem}.modal--close{cursor:pointer;font-size:2.5rem;position:absolute;right:1.5rem;top:1rem}.modal--form{width:80%;margin:5rem auto}.modal--form select{width:55%}.modal__trash p{font-size:2rem;margin-bottom:5rem}@media screen and (min-width:400px){.modal__buttons{flex-direction:row;height:auto}}.jarImageWrapper,.jarImageWrapperMobile{width:5.5rem;height:5.5rem;background-color:#eaeaea;border-radius:5rem;display:flex;justify-content:center;align-items:center;-webkit-transition:width 1s;transition:width 1s}.jarImageWrapper:hover,.jarImageWrapperMobileClick{width:15rem;justify-content:space-evenly}.jarImageWrapper a:first-child img,.jarImageWrapperMobile a:first-child img{opacity:1;width:2.5rem!important}.jarImageWrapper a img,.jarImageWrapperMobileImage{opacity:0;width:0;cursor:pointer;-webkit-transition:width .5s,opacity .5s;transition:width .5s,opacity .5s}.jarImageWrapper:hover a img,.jarImageWrapperMobileClickImage{display:block;opacity:1;width:3.5rem}.jarImage{width:2.5rem;cursor:pointer}.nav-black{background-color:grey}.nav-wrapper{width:100%;height:6rem;position:relative}.nav{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border-radius:5rem}.capsuleModal--buttons{display:flex;padding-top:5rem}.capsuleModal--p{font-size:2rem}.create-page--wrapper{display:flex;justify-content:center;align-items:center;flex-direction:column}.create-page{width:100%;max-width:120rem;min-height:60rem;background-color:#eaeaea;border-radius:25px;padding:2rem}.createPageFlex{display:flex;align-items:center;flex-direction:column}@media screen and (min-width:768px){.create-page--wrapper{height:100vh}.createPageFlex{flex-direction:row;justify-content:space-around}}.lobbiesPage{align-items:center;max-width:65rem;max-height:80vh;min-height:auto;overflow:auto}.HomePageGrid,.lobbiesPage{display:flex;flex-direction:column}.HomePageGrid{justify-content:space-evenly}.HomePage__h1{height:12.8rem;display:flex;align-items:center;justify-content:center}.HomePage__h1>h1{font-family:Righteous,cursive;font-size:6rem;line-height:4.8rem;text-align:center}.HomePage{padding-bottom:5rem}.HomePage,.HomePage__info{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.HomePage__info{height:40rem;width:35rem;font-family:Lato,sans-serif;font-weight:300}.HomePage__info--big{font-size:5rem;width:35rem;line-height:5.8rem}.HomePage__info--medium{width:35rem;font-size:2.5rem}.HomePage__info--medium a{text-decoration:none;color:#000;font-weight:700}@media screen and (min-width:768px){.HomePage{flex-direction:row;justify-content:space-evenly;align-items:center}.HomePageGrid{height:100vh}}.lobbiesPageDiv{width:100%;height:100%;overflow:auto}.lobbyContainer{background-color:#cacaca;height:12rem;border-radius:1.5rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:space-around;cursor:pointer;position:relative}.lobbyContainer__hover{position:absolute;right:40%;width:0;background:#9acfef;opacity:0;height:100%;-webkit-transition:width .4s,opacity .4s;transition:width .4s,opacity .4s;display:flex;justify-content:center;align-items:center}.lobbyContainer__hover.gear{background:#a5aeb1;right:20%}.lobbyContainer__hover.trash{background:#ff3939;border-top-right-radius:1.5rem;border-bottom-right-radius:1.5rem;right:0}.lobbyContainer__hover>img{width:55%}.lobbyContainer:hover .lobbyContainer__hover{width:20%;opacity:1}.lobbyContainer__image{width:5rem}.lobbyContainer div:nth-child(2){width:15rem}.lobbyContainer div:nth-child(2) p:first-child{font-size:2rem}.lobbyContainer div:nth-child(2) p:last-child{margin-top:.5rem;font-size:1.5rem}.NoLobbyMessage>h1{font-size:4rem;text-align:center;padding-bottom:5rem}.NoLobbyMessage>a{font-size:3rem;text-decoration:none;display:block;text-align:center}.panel>div>h2{font-size:4rem;text-align:center}.panel>div.app-grid{display:flex;width:100vw;align-items:center;justify-content:center;flex-direction:column}.panel>div.app-grid .jar-wrapper{height:40rem}.lobbyFooter{text-align:center}.lobbyFooter a{font-size:3rem;text-decoration:none;color:#000;-webkit-transition:.2s ease-in;transition:.2s ease-in;font-family:Righteous,cursive}.lobbyFooter a:hover{font-size:3.1rem}@media screen and (min-width:768px){.panel{height:90vh;min-height:68rem;display:flex;flex-direction:column}.panel,.panel>div.app-grid{align-items:center;justify-content:space-evenly}.panel>div.app-grid{padding-top:0;flex-direction:row;height:46rem}}@media screen and (min-width:1024px){.panel>div.app-grid{height:50rem}}.notFound{width:100vw;height:100vh;justify-content:center}.notFound,.notFound>div{display:flex;align-items:center}.notFound>div{width:60rem;height:60rem;background-color:#eaeaea;border-radius:50%;justify-content:space-evenly;flex-direction:column}.notFoundJarText{text-align:center}.notFoundJarText>h2{padding:2rem}.notFoundJarText>a{font-size:1.5rem;color:#000;text-decoration:none}.notFoundJar{height:40rem;display:flex;align-items:flex-end}.LoadingWrapper{width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.LoadingWrapper--Message{padding-top:2rem;font-size:2rem}
/*# sourceMappingURL=main.09ad68b7.chunk.css.map */