.nav{width:5rem;z-index:10;display:flex;flex-direction:column;background-color:#fff;color:#fff;height:100vh;transition:width .3s ease,background-color .3s ease;position:fixed;box-shadow:0 0 5px #0000004d}.nav .logo{color:#00000089}.nav-expanded{width:15rem}.nav-expanded li a div{width:100%;transform:translate(-35%);display:flex;align-items:"center"}.nav-expanded li a div p{position:absolute;justify-self:center;width:100%;right:0;transform:translate(70%);font-size:1rem;font-weight:700;height:100%;display:flex;align-items:center;color:#00000089}.nav .toggle-button{display:flex;align-items:center;justify-content:center;background-color:transparent;border:none;cursor:pointer;height:5rem;transition:background-color .3s ease}.nav .expandLogo{color:#000;font-size:1.2rem}.nav .expandLogo-expanded{transform:translate(4rem);color:orange;transition:transform .3s ease,color .5s ease}.nav .logoArea{width:100%;height:8rem;display:flex;justify-content:center}.nav .logoArea img{width:70%;height:80%;object-fit:contain}.nav ul{list-style:none;padding:0;margin:0}.nav li a{display:flex;color:#fff;text-decoration:none;justify-content:center;width:100%;height:5rem;font-size:1.5rem;align-items:center}.nav li a.active{background-color:#9932cc}.nav li a.active .logo,.nav li a.active .logo p{color:#fff}.nav li a div{justify-content:center}.overview{width:100%;height:auto}.overview .categories{padding:2rem 0;display:flex;height:auto;flex-direction:row;flex-wrap:wrap;gap:2rem;align-items:center;justify-content:center}.overview .category{-webkit-box-shadow:0px 0px 25px 0px rgba(62,66,66,.11);-moz-box-shadow:0px 0px 25px 0px rgba(62,66,66,.11);box-shadow:0 0 25px #3e42421c;background:white;width:20rem;height:20rem;border-radius:2rem;position:relative;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.4s ease-in-out;color:#000;text-decoration:none}.overview .category .categoryTitle{position:absolute;bottom:1.5rem;font-size:1.3rem;font-weight:600;left:2rem}.overview .category .categoryValue{display:flex;align-items:center;justify-content:flex-start}.overview .category .categoryValue p{font-size:5rem;font-weight:500}.overview .category .categoryValue .arrow{font-size:1.4rem;margin-top:1.7rem}.overview .category .categoryValue .arrow.down{color:red}.overview .category .categoryValue .arrow.up{color:green}.overview .category:hover{transform:scale(1.07)}.beerContainer{width:100%;height:5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 1px #0000001a}.beerContainer .newbeer{width:10rem;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;border:none;outline:none}.createBeerContainer{width:100%;height:auto}.createBeerContainer .uploadContainer{width:100%;height:auto;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center}.createBeerContainer .uploadContainer .imagePreview{width:30rem;height:30rem;display:flex;align-items:center;justify-content:center;background-repeat:no-repeat;background-position:center;background-size:contain;background-color:#dfe6e9;position:relative}.createBeerContainer .uploadContainer .imagePreview button{position:absolute;top:2rem;right:2rem;width:3rem;aspect-ratio:1;border:none;outline:none;background-color:transparent;font-size:2rem;color:red;cursor:pointer}.createBeerContainer .uploadContainer .uploadZone{width:30rem;height:30rem;align-items:center;justify-content:center;display:flex;flex-direction:column}.createBeerContainer .uploadContainer .uploadZone p{margin-top:0;margin-bottom:1rem}.createBeerContainer .uploadContainer .uploadZone input[type=file]{display:none}.createBeerContainer .uploadContainer .uploadZone button{width:10rem;height:3rem;border-radius:2rem;border:none;cursor:pointer;margin-top:1rem;background-color:#9932cc;color:#fff;transition:.3s}.createBeerContainer .uploadContainer .uploadZone button:hover{background-color:#7d07b8}.createBeerContainer .uploadContainer.dragOver{background-color:#b2bec3}.createBeerContainer .beerDetails{width:100%;height:20rem;display:flex;flex-direction:column;justify-content:center;align-items:center}.createBeerContainer .beerDetails input{width:50%}.warehouse{width:100%;height:auto;display:flex;flex-direction:column}.warehouse .menubar{display:flex;flex-direction:row;height:10rem;background-color:#f4f3f3;align-items:center;justify-content:center;gap:1rem}.warehouse .menubar input{width:30rem;height:3rem;background-color:#fff;border:none;outline:none;text-indent:1rem}.warehouse .menubar button{height:3rem;aspect-ratio:1;border:none;outline:none;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:transparent;color:#000}.breweryCreater{width:100%;height:auto;display:flex;align-items:center;justify-content:center}.breweryCreater .createrFields{height:auto;width:40rem;box-shadow:0 0 5px #0000001a;display:flex;flex-direction:column;gap:1rem;padding:1rem;margin-bottom:10rem}.breweryCreater .createrFields span{font-size:1rem;font-weight:600}.breweryCreater .createrFields input{text-indent:1rem;outline:none;border:none;height:3rem;font-size:1.5rem;box-shadow:0 0 5px #0000001a}.breweryCreater .createrFields .dropField{width:100%;height:30rem;position:relative;display:flex;justify-content:center;align-items:center;overflow:hidden}.breweryCreater .createrFields .dropField img{max-width:100%;height:auto;object-fit:cover}.breweryCreater .createrFields .dropField .removeImage{position:absolute;top:2rem;right:2rem;background-color:red;color:#fff;border:none;cursor:pointer;padding:2rem}.breweryCreater .createrFields .createBrewery{width:10rem;height:3rem;align-self:center;margin-bottom:2rem}.breweryCreaterButton{margin-bottom:2rem;border:none;outline:none;background-color:green}.breweryHeader{width:50%;height:5rem;display:flex;align-items:center;justify-content:center;gap:5rem}.breweryHeader input{width:60%;height:3rem;text-indent:1rem}.breweryHeader button{height:5rem}.breweryList{width:100%;height:auto;display:flex;flex-direction:column;overflow:hidden;align-items:center;margin-bottom:5rem;gap:2rem;padding:1rem 0}.breweryList .managerList{height:"auto";min-height:15rem;position:relative}.breweryList .managerList .manager{width:100%;height:8rem;background-color:#d3d3d3;display:flex;flex-direction:row;align-items:center;gap:1rem;font-size:1.3rem}.breweryList .managerList .noManagers{font-size:2rem;margin-left:5rem;margin-top:5rem}.breweryList .managerList .managerCreator{width:100%;height:"auto";display:flex;flex-direction:column;gap:.5rem}.breweryList .managerList .managerCreator input{width:20rem;height:3rem;text-indent:1rem}.breweryList .managerList .managerCreator button{width:10rem;height:3rem;background-color:green;color:#fff;border:none;outline:none;cursor:pointer}.breweryList .breweryItem{width:90%;background-color:#fff;height:"auto";position:relative;box-shadow:0 0 5px #0000001a}.breweryList .breweryItem .deleteButton{width:7rem;height:3rem;background-color:red;color:#fff;border:none;outline:none;position:absolute;top:-13px;border-radius:2rem;right:-30px;cursor:pointer}.breweryList .breweryItem .breweryTopItem{display:flex;flex-direction:row;align-items:center;height:8rem;cursor:pointer}.breweryList .breweryItem .breweryTopItem.active{background:rgb(161,167,170)}.breweryList .breweryItem .breweryTopItem img{height:100%;object-fit:contain;width:5rem;margin-left:2rem;margin-right:4rem}.breweryList .breweryItem .breweryTopItem span{width:20rem}.breweryList .breweryItem .breweryTopItem .beerTitle{font-size:2rem;font-weight:500;width:60%}.breweryList .breweryItem .breweryTopItem .beers{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem}.breweryList .breweryItem .breweryTopItem .beers p{font-size:1.3rem}.breweryList .breweryItem .breweryTopItem .beers p:nth-child(2){background-color:#9932cc;color:#fff;padding:1rem 2rem;border-radius:2rem}.breweryList .breweryItem .breweryTopItem .managers{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;margin-left:3rem}.breweryList .breweryItem .breweryTopItem .managers p{font-size:1.3rem}.breweryList .breweryItem .breweryTopItem .managers p:nth-child(2){background-color:#9932cc;color:#fff;padding:1rem 2rem;border-radius:2rem}.breweryList .breweryItem .breweryBottomItem{display:none;height:50rem}.breweryList .breweryItem .breweryBottomItem.active{display:block;height:auto}.breweryList .breweryItem .breweryBottomItem.active .menuBar{width:100%;height:5rem}.breweryList .breweryItem .breweryBottomItem.active .menuBar button{width:50%;height:100%;border:none;background-color:#fff;opacity:.4;cursor:pointer}.breweryList .breweryItem .breweryBottomItem.active .menuBar button.active{opacity:1}.breweryList .breweryItem .breweryBottomItem.active .menuBar button p{font-size:1.4rem;font-weight:500}.breweryList .breweryItem .breweryBottomItem.active .beerAdd{width:100%;height:8rem;background-color:#d3d3d3}.breweryList .breweryItem .breweryBottomItem.active .beerAdd .addBeer{display:flex;align-items:center;justify-content:center;gap:1rem;height:100%;cursor:pointer}.breweryList .breweryItem .breweryBottomItem.active .beerAdd .addBeer .icon{color:green}.breweryList .breweryItem .breweryBottomItem.active .beerAdd .addBeer p{font-size:1.3rem;font-weight:500}.breweryList .breweryItem .breweryBottomItem.active .beerContainer{width:100%;height:50rem;background:red}.breweryList .breweryItem .breweryBottomItem.active .beer{background-color:#d8d8d8;gap:2rem;position:relative;display:flex;height:auto;flex-direction:column;justify-content:center}.breweryList .breweryItem .breweryBottomItem.active .beer .topBeer{display:flex;flex-direction:row;align-items:center}.breweryList .breweryItem .breweryBottomItem.active .beer .topBeer img{height:5rem;transition:height .3s}.breweryList .breweryItem .breweryBottomItem.active .beer .topBeer .titles p{font-size:1.8rem;color:#000}.breweryList .breweryItem .breweryBottomItem.active .beer .topBeer .titles h5{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:500}.breweryList .breweryItem .breweryBottomItem.active .beer .topBeer .titles h5 span{font-weight:800;font-size:.6rem}.breweryList .breweryItem .breweryBottomItem.active .beer .topBeer button{width:5rem;height:2rem;background-color:#000;color:#fff;cursor:pointer;border:none;outline:none;position:absolute;right:10%}.breweryList .breweryItem .breweryBottomItem.active .beer .topBeer .id{font-size:.8rem;position:absolute;right:3rem;top:1rem;font-weight:800;color:#000}.breweryList .breweryItem .breweryBottomItem.active .beer .unfoldedBeerDetails{display:none}.breweryList .breweryItem .breweryBottomItem.active .beer.beer-unfolded{height:auto;z-index:2;position:relative;width:100%;padding:0}.breweryList .breweryItem .breweryBottomItem.active .beer.beer-unfolded .beerStateSwitcher{width:10rem;height:3rem;position:absolute;top:0;left:30%;background-color:green}.breweryList .breweryItem .breweryBottomItem.active .beer.beer-unfolded img{height:20rem}.breweryList .breweryItem .breweryBottomItem.active .beer.beer-unfolded .unfoldButton{background-color:transparent;position:absolute;top:3rem;right:10%;font-size:5rem}.breweryList .breweryItem .breweryBottomItem.active .beer.beer-unfolded .unfoldedBeerDetails{display:block;width:100%;height:auto;min-height:30rem;background-color:#fff;display:flex;flex-direction:column}.breweryList .breweryItem .breweryBottomItem.active .beer.beer-unfolded .unfoldedBeerDetails .beerMenu{height:6rem;background-color:#d8d8d8;box-shadow:0 1px 1px #0000001a;display:flex;list-style:none;position:relative;transition:.3s;overflow:hidden;width:100%}.breweryList .breweryItem .breweryBottomItem.active .beer.beer-unfolded .unfoldedBeerDetails .beerMenu .beerLine{width:33.33333%;height:.5rem;background-color:#9932cc;position:absolute;transition:cubic-bezier(.165,.84,.44,1) .5s;transform:translate(100%);border-radius:2rem;left:0;bottom:0}.breweryList .breweryItem .breweryBottomItem.active .beer.beer-unfolded .unfoldedBeerDetails .beerMenu li{font-size:1.2rem;padding:0;margin:0;height:100%;width:33.33333%;display:flex;padding-top:2rem;align-self:center;justify-content:center;cursor:pointer;font-weight:700;color:#5e5e5e}.breweryList .breweryItem .breweryBottomItem.active .beer.beer-unfolded .unfoldedBeerDetails .unfoldedBeerOption{width:100%;height:auto;display:flex;flex-direction:column;flex-wrap:wrap}.breweryList .breweryItem .breweryBottomItem.active .beer.beer-unfolded .unfoldedBeerDetails .unfoldedBeerOption .imageButtonChange{width:10rem;height:4rem;margin:0 0 2rem 2rem}.breweryList .breweryItem .breweryBottomItem.active .beer.beer-unfolded .unfoldedBeerDetails .unfoldedBeerOption .dragAndDropZone{width:400px;height:500px;margin:2rem 0 2rem 2rem;display:flex;align-items:center;justify-content:center;background-color:#add8e6;position:relative}.breweryList .breweryItem .breweryBottomItem.active .beer.beer-unfolded .unfoldedBeerDetails .unfoldedBeerOption .dragAndDropZone img{width:100%;height:100%;object-fit:contain}.breweryList .breweryItem .breweryBottomItem.active .beer.beer-unfolded .unfoldedBeerDetails .unfoldedBeerOption .dragAndDropZone:hover .removeImage{display:block}.breweryList .breweryItem .breweryBottomItem.active .beer.beer-unfolded .unfoldedBeerDetails .unfoldedBeerOption .dragAndDropZone .removeImage{display:none;top:0;width:10rem;height:3rem;border:2rem;right:0;position:absolute;background-color:red;color:#fff;cursor:pointer}.breweryList .breweryItem .breweryBottomItem.active .beer.beer-unfolded .unfoldedBeerDetails .unfoldedBeerOption .activeKeys{width:40rem;height:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem}.breweryList .breweryItem .breweryBottomItem.active .beer.beer-unfolded .unfoldedBeerDetails .unfoldedBeerOption .activeKeys .key{box-shadow:#63636333 0 2px 8px;height:auto;min-height:3rem;padding:1rem 0;width:100%;display:flex;flex-direction:row;justify-content:space-between}.breweryList .breweryItem .breweryBottomItem.active .beer.beer-unfolded .unfoldedBeerDetails .unfoldedBeerOption .activeKeys .key .keyValue{display:flex;flex-direction:column;justify-content:center;padding-left:2rem}.breweryList .breweryItem .breweryBottomItem.active .beer.beer-unfolded .unfoldedBeerDetails .unfoldedBeerOption .activeKeys .key .keyStatus{display:flex;flex-direction:row;gap:.5rem;align-items:center;justify-content:center;padding-right:2rem;font-size:1rem;font-weight:400}.breweryList .breweryItem .breweryBottomItem.active .beer.beer-unfolded .unfoldedBeerDetails .unfoldedBeerOption .activeKeys .key .keyStatus .keyStatusIcon{width:.5rem;aspect-ratio:1;background-color:green;border-radius:1rem}.breweryList .breweryItem .breweryBottomItem.active .beer.beer-unfolded .unfoldedBeerDetails .unfoldedBeerOption .keyInformation{width:40rem;height:40rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.breweryList .breweryItem .breweryBottomItem.active .beer.beer-unfolded .unfoldedBeerDetails .unfoldedBeerOption .keyInformation p{padding-top:4rem;font-size:1.2rem;font-weight:600}.breweryList .breweryItem .breweryBottomItem.active .beer.beer-unfolded .unfoldedBeerDetails .unfoldedBeerOption .keyInformation button{width:10rem;height:3rem}.sellerContainer{width:100%;display:flex;flex-direction:column;align-items:center;margin-bottom:10rem}.sellerContainer input{width:50%;height:3rem;border:3px solid black;text-indent:1rem}.sellerContainer .beerSearch{width:80%;position:absolute;top:15rem;height:auto;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;padding:2rem 0;gap:1rem;background-color:#fff;z-index:5}.sellerContainer .beerSearch .beerResult{width:100%;height:5rem;display:flex;flex-direction:row;align-items:center}.sellerContainer .beerSearch .beerResult img{height:100%;object-fit:contain;width:5rem;margin:0 2rem}.sellerContainer .beerSearch .beerResult button{width:7rem;height:3rem;position:absolute;right:10%}.sellerContainer .beerSeller{width:70%;margin-top:5rem;height:auto;background-color:#e2e2e2;z-index:1;display:flex;flex-direction:column}.sellerContainer .beerSeller .topSeller{display:flex;flex-direction:row;align-items:center;gap:5rem}.sellerContainer .beerSeller .topSeller img{width:15rem;height:15rem;object-fit:contain;margin:2rem 0 0 1rem}.sellerContainer .beerSeller .topSeller h2{font-size:3rem;margin-top:11rem}.sellerContainer .beerSeller .bottomSeller{padding-left:7rem;margin-top:5rem;height:20rem}.sellerContainer .beerSeller .bottomSeller input{margin-bottom:2rem}.sellerContainer .beerSeller .bottomSeller p{margin-bottom:.5rem;font-size:1.2rem;font-weight:600}.sellerContainer .beerSeller button{width:50%;height:5rem;align-self:center;margin-bottom:5rem;border:none;outline:none;background-color:green;color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer}.tasteCreator{width:100%;align-items:center;justify-content:center;flex-direction:column;display:flex;margin-bottom:5rem}.tasteCreator .topButton{width:10rem;height:3rem;background-color:#522fc4;color:#fff;border:none;cursor:pointer}.tasteCreator .tasteCreate{margin-top:1rem;width:60%;height:auto;background-color:#d8d8d8;display:none;flex-direction:column}.tasteCreator .tasteCreate.active{display:flex}.tasteCreator .tasteCreate .tasteCreateMenu{width:100%;height:3rem;display:flex;flex-direction:row}.tasteCreator .tasteCreate .tasteCreateMenu select{width:10%}.tasteCreator .tasteCreate .tasteCreateMenu input{width:70%;outline:none;text-indent:1rem}.tasteCreator .tasteCreate .tasteCreateMenu button{height:100%;margin:0;width:20%;background-color:#9932cc;border:none;color:#fff;cursor:pointer}.tasteCreator .tasteCreate .imageDrop{width:100%;height:10rem;background-color:#ededed;display:flex}.tasteCreator .tasteCreate .imageDrop .preview{width:50%;display:flex;align-items:center}.tasteCreator .tasteCreate .imageDrop .preview img{height:50%;margin-left:2rem;object-fit:contain}.tasteCreator .tasteCreate .imageDrop .dropOrSelect{width:50%;padding:2rem;background-color:#f0f0f0}.tasteCreator .tasteCreate .imageDrop .dropOrSelect.dragging{background-color:#dcdcdc}.tasteCreator .tasteCreate .saveButton{align-self:center;background-color:green;width:10rem;height:3rem;border:none;color:#fff;margin:2rem;cursor:pointer}.tasteCreator .tasteCreate .tasteTranslations{padding:1rem;width:100%;display:flex;height:auto;min-height:8rem;gap:1rem;flex-direction:column}.tasteCreator .tasteCreate .tasteTranslations .tasteParameter{width:100%;display:flex;flex-direction:row;gap:2rem}.tasteContainer{width:100%;display:flex;flex-direction:column;align-items:center;gap:1rem;padding-bottom:10rem}.tasteContainer .taste{width:80%;height:auto;display:flex;flex-direction:column;cursor:pointer}.tasteContainer .taste .tasteHeader{background-color:#b1b1b1;width:100%;height:4rem;display:flex;flex-direction:row;align-items:center;gap:1rem}.tasteContainer .taste .tasteHeader img{height:70%;object-fit:contain;padding-left:1rem}.tasteContainer .taste .tasteHeader .tasteHeaderTitle{font-size:1.2rem;font-weight:500}.tasteContainer .taste .tasteBottom{background-color:#d4d4d4;display:none;height:auto;flex-direction:column;padding:2rem}.tasteContainer .taste .tasteBottom.active{display:flex}.tasteContainer .taste .tasteBottom .translation{width:100%;height:3rem;display:flex;flex-direction:row;gap:2rem}.tasteContainer .taste .tasteBottom .translation p:nth-child(1){font-weight:600}.auth{height:100vh;width:100vw;overflow:hidden;display:flex;flex-direction:row}.auth .left{width:40%;height:100%;overflow:hidden;background:white;position:relative}.auth .left .overlay{background:linear-gradient(270deg,#150cc1,#000000);opacity:.3;position:absolute;width:100%;height:100%}.auth .left video{width:100%;height:100%;object-fit:cover}.auth .left img{z-index:5;position:absolute;bottom:1rem;left:2rem;width:10rem}.auth .right{width:60%;height:100%;display:flex;align-items:center;justify-content:center;position:relative}.auth .right .background{width:100%;height:100%;object-fit:cover;position:absolute}.auth .right .signIn{width:60%;z-index:2;height:80%;background-color:#fff;display:flex;flex-direction:column;gap:3rem;align-items:center;-webkit-box-shadow:0px 7px 18px 6px rgba(62,66,66,.11);-moz-box-shadow:0px 7px 18px 6px rgba(62,66,66,.11);box-shadow:0 7px 18px 6px #3e42421c}.auth .right .signIn .title{padding-top:5rem}.auth .right .signIn .imageContainer{width:100%;height:12rem;display:flex;align-items:center;justify-content:center}.auth .right .signIn .imageContainer img{width:20rem;height:100%;object-fit:contain}.auth .right .signIn .inputContainer{width:80%;height:5rem;background-color:#f9f9f9;-webkit-box-shadow:0px 0px 7px 0px rgba(62,66,66,.11);-moz-box-shadow:0px 0px 7px 0px rgba(62,66,66,.11);box-shadow:0 0 7px #3e42421c;position:relative}.auth .right .signIn .inputContainer input{width:85%;left:15%;bottom:0;height:100%;position:absolute;background-color:transparent;outline:none;text-indent:.5rem;font-size:1.2rem;border:none}.auth .right .signIn .inputContainer span{z-index:2;position:absolute;left:calc(15% + .5rem);top:2rem;text-transform:uppercase;font-size:.8rem;font-weight:600;color:#828282;transition:.15s ease-in-out;pointer-events:none}.auth .right .signIn .inputContainer span.active{transform:translateY(-1.5rem)}.auth .right .signIn .inputContainer .icon{width:15%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;color:#828282}.auth .right .signIn .inputContainer .icon.active{color:#9932cc}.auth .right .signIn button{width:10rem;height:3.5rem;background-color:#9932cc;border:none;color:#fff;font-weight:700;font-size:.9rem;cursor:pointer;transition:.5s;margin-top:1rem}.auth .right .signIn button:hover{transform:scale(1.05)}.newBeerContainer{width:100%;height:100vh;display:flex;flex-direction:row;justify-content:center;align-items:center;background-color:#0115229d;position:absolute;flex-direction:column;z-index:3}.newBeerContainer p{font-size:2.5rem;font-weight:700;margin-bottom:3rem}.newBeerContainer .addNewBeer{width:20rem;aspect-ratio:1;border-radius:2rem;background-color:#fafafa;box-shadow:#63636333 0 2px 8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:.2s ease-in-out}.newBeerContainer .addNewBeer .beerAddIcon{color:#cecece;font-size:70px}.newBeerContainer .addNewBeer:hover{background-color:#9932cc}.newBeerContainer .addNewBeer:hover .beerAddIcon{color:#fff}.beerUploadModal{position:absolute;width:50rem;height:30rem;background-color:#ececec;border-radius:2rem;margin-top:10rem;display:flex;z-index:4;flex-direction:column;align-items:center;justify-content:center}.beerUploadModal p{font-size:2rem;font-weight:600;margin-bottom:2rem}.beerUploadModal span{font-size:1.2rem;margin:1rem 0;font-weight:600}.beerUploadModal input{width:80%;height:4rem;border:none;outline:none;text-indent:1rem}.beerUploadModal button{margin-top:2rem;width:20rem;height:5rem;border-radius:2rem;border:none;cursor:pointer;background-color:#9932cc;color:#fff;font-size:1.1rem;font-weight:500}.beerUploadsContainer{width:100%;height:auto;display:flex;flex-direction:row;flex-wrap:wrap}.beerUploadsContainer .createNewBeer{position:absolute;right:15rem;width:7rem;height:3rem;background-color:green;border:none;outline:none;color:#fff;border-radius:1.5rem;cursor:pointer}.beerUploadsContainer .imageHeaderText{margin-left:25%;margin-bottom:1rem;font-size:1.3rem}.beerUploadsContainer .header{width:100%;height:5rem;background-color:#eaeaea;display:flex;flex-direction:column;font-size:2rem;align-items:start;font-weight:600;margin-bottom:2rem;flex-direction:row;justify-content:space-between;align-items:center}.beerUploadsContainer .header .uploadInfo{margin-left:5rem}.beerUploadsContainer .header .uploadInfo p{font-size:1rem}.beerUploadsContainer .header .status{margin-right:4rem;display:flex;flex-direction:column;gap:.2rem}.beerUploadsContainer .header .status p:nth-child(1){margin-left:.3rem}.beerUploadsContainer .header .status p{border-radius:1rem;font-size:.8rem}.beerUploadsContainer .header .status p.waiting{color:#fff;font-size:.7rem;background-color:#e37d01;padding:.2rem;padding:.4rem .7rem}.beerUploadsContainer .header .status p.approved{color:#fff;font-size:.7rem;background-color:green;padding:.2rem;padding:.4rem .7rem}.beerUploadsContainer .header p{font-size:1rem}.beerUploadsContainer .controller{width:100%;position:fixed;background-color:#e8e8e8;bottom:0;height:5rem;align-items:center;justify-content:center;display:flex}.beerUploadsContainer .controller .view{position:absolute;left:2rem}.beerUploadsContainer .controller .checkButtons{position:absolute;right:10%;gap:3rem;display:flex}.beerUploadsContainer .controller .checkButtons button{color:#fff;border:none;width:auto;padding:0 3rem;height:3rem;cursor:pointer}.beerUploadsContainer .controller .checkButtons button:nth-child(1){background-color:#8b0000}.beerUploadsContainer .controller .checkButtons button:nth-child(2){background-color:green}.beerUploadsContainer .controller .buttons{height:100%;width:20rem;display:flex;justify-content:center;gap:5rem;position:"absolute";left:"10%";align-items:center;flex-direction:row}.beerUploadsContainer .controller .buttons .icon{font-size:2rem;cursor:pointer}.beerUploadsContainer .left{width:33.33%;height:600px;padding-top:50px;position:relative}.beerUploadsContainer .left .topDragDrop{margin-left:1rem;margin-top:1rem}.beerUploadsContainer .left .dragAndDropZone{width:400px;height:500px;margin:2rem 0 0 2rem;display:flex;align-items:center;justify-content:center;background-color:#add8e6;position:relative}.beerUploadsContainer .left .dragAndDropZone img{width:100%;height:100%;object-fit:contain}.beerUploadsContainer .left .dragAndDropZone:hover .removeImage{display:block}.beerUploadsContainer .left .dragAndDropZone .removeImage{display:none;top:0;width:10rem;height:3rem;border:2rem;right:0;position:absolute;background-color:red;color:#fff;cursor:pointer}.beerUploadsContainer .left .imageController{position:absolute;z-index:0;top:0;left:0;width:100%;background-color:#9932cc;border-radius:5rem;height:50px;display:flex;flex-direction:row;overflow:hidden;margin-left:1rem}.beerUploadsContainer .left .imageController button{display:flex;align-items:center;justify-content:center;width:50%;height:100%;background-color:none;border:none;cursor:pointer;z-index:1}.beerUploadsContainer .left .imageController button.active{background-color:#9932cc;color:#fff;font-weight:900}.beerUploadsContainer .left .removeBgButton{margin:3rem 0 0 30%;width:13rem;height:4rem;background-color:#9932cc;color:#fff;border:none;border-radius:3rem;cursor:pointer;font-weight:600}.beerUploadsContainer .left img{width:100%;height:70%;object-fit:contain}.beerUploadsContainer .middle{width:33.33%;height:600px;padding-top:50px}.beerUploadsContainer .middle .imageContainer{width:80%;height:500px;background-color:#e6e6e6;display:flex;align-items:center;justify-content:center}.beerUploadsContainer .middle .imageContainer .icon{color:#606060;font-size:4rem}.beerUploadsContainer .middle img{width:100%;height:70%;object-fit:contain}.beerUploadsContainer .right{width:32.33%;margin-right:1%;margin-bottom:20rem;height:auto;background-color:#e6e6e6;display:flex;flex-direction:column;position:relative}.beerUploadsContainer .right .barcode{margin-left:1rem}.beerUploadsContainer .right .barcode .noBarcode{color:red;font-weight:700}.beerUploadsContainer .right h6{font-size:.8rem;text-transform:uppercase;margin:2rem 0 1rem 1rem}.beerUploadsContainer .right .beerName{width:100%;background-color:#00000010;display:flex;align-items:center}.beerUploadsContainer .right .beerName .beerNameInput{border:none;outline:none;height:5rem;background-color:transparent;text-indent:1rem;font-size:1.2rem;width:100%}.beerUploadsContainer .right .beerName .edit{margin-left:1rem}.beerUploadsContainer .right .abuAndIbu{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;height:5rem}.beerUploadsContainer .right .abuAndIbu input{width:5rem}.beerUploadsContainer .right .abuAndIbu .leftSide,.beerUploadsContainer .right .abuAndIbu .rightSide{align-items:center;justify-content:center;gap:1rem;width:50%;display:flex;flex-direction:column}.beerUploadsContainer .right .release{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:1rem 0;gap:.5rem}.beerUploadsContainer .right .missingBrewery{width:100%;background-color:#db343c;height:5rem;display:flex;align-items:center;justify-content:center}.beerUploadsContainer .right .missingBrewery p{color:#fff;font-weight:600;font-size:.7rem}.beerUploadsContainer .right .missingBrewery p span{margin-left:.7rem;background-color:#db9334;padding:1rem;border-radius:1rem}.beerUploadsContainer .right .missingBrewery button{width:8rem;height:2rem;margin-left:2rem;background-color:#1a6cca;color:#fff;font-weight:600;font-size:.7nrem;border:none;cursor:pointer;transition:.3s}.beerUploadsContainer .right .missingBrewery button:hover{transform:scale(1.1)}.beerUploadsContainer .right .confirm{position:absolute;bottom:2rem;width:10rem;height:4rem;background-color:green;color:#fff;cursor:pointer;border:none}.beerUploadsContainer .right .filter{display:flex;flex-direction:row;gap:.2rem;margin-top:1rem}.beerUploadsContainer .right .subCategorySearch{width:20rem;height:2rem;text-indent:1rem;margin-top:1rem}.beerUploadsContainer .right .allSub{font-size:.8rem;margin-top:.5rem}.beerUploadsContainer .right .categoryBox{padding-left:1rem}.beerUploadsContainer .right .categoryBox button{cursor:pointer;width:10rem;height:2rem;margin-bottom:.5rem}.beerUploadsContainer .right .categoryBox .categoryTitle{font-size:.9rem}.beerUploadsContainer .right .categoryBox .categoryTitle span{font-weight:700}.beerUploadsContainer .right .beerTagsContainer{display:flex;flex-direction:row;flex-direction:wrap;gap:1rem}.beerUploadsContainer .right .beerTagsContainer .tagItem{padding:1rem;border-radius:1rem;box-shadow:#64646f33 0 7px 29px;cursor:pointer}.beerUploadsContainer .right .beerTagsContainer .tagItem.selected{background-color:#9932cc;color:#fff}.beerUploadsContainer .right .tags{padding-left:1rem;margin-bottom:2rem}.beerUploadsContainer .right .selectedTagsContainer{display:flex;flex-direction:row;flex-direction:wrap;gap:1rem;margin-bottom:5rem}.beerUploadsContainer .right .selectedTagsContainer .tagItem{padding:1rem;border-radius:1rem;box-shadow:#64646f33 0 7px 29px;cursor:pointer}.beerUploadsContainer .right .selectedTagsContainer .tagItem.selected{background-color:#9932cc;color:#fff}.beerUploadsContainer .right .subCategoryContainer{margin-top:1rem;width:100%;display:flex;flex-direction:row;flex-wrap:wrap;max-height:500px;gap:.5rem;align-items:center}.beerUploadsContainer .right .subCategoryContainer .subCategoryItem{width:auto;background-color:#fff;box-shadow:#63636333 0 2px 8px;display:flex;padding:1rem;border-radius:2rem;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;font-size:.7rem}.beerUploadsContainer .right .subCategoryContainer .subCategoryItem.selected{background-color:#9932cc;color:#fff}.beerUploadsContainer .right .addBrewery{background-color:green;align-self:center;border:none;width:10rem;color:#fff;height:3rem;border-radius:3rem;margin:1rem 0 0 1rem}.beerUploadsContainer .right .breweryDropdown{width:100%;height:auto;background-color:#fff;display:flex;flex-direction:column;box-shadow:#00000029 0 1px 4px;position:relative}.beerUploadsContainer .right .breweryDropdown .categoryTop{height:3rem!important}.beerUploadsContainer .right .breweryDropdown .categoryTop .category{margin-left:2rem}.beerUploadsContainer .right .breweryDropdown .top{height:5rem;display:flex;flex-direction:row;gap:.5rem;align-items:center}.beerUploadsContainer .right .breweryDropdown .top .deleteButton{position:absolute;right:1rem;border:none;top:1rem;background-color:#8b0000;color:#fff;border-radius:2rem;width:4rem;height:2rem;cursor:pointer}.beerUploadsContainer .right .breweryDropdown .top .breweryImage{margin-left:3rem;margin-right:1rem;width:3rem;aspect-ratio:1;object-fit:contain}.beerUploadsContainer .right .breweryDropdown .top .arrow{position:absolute;right:10rem;font-size:1.2rem}.beerUploadsContainer .right .breweryDropdown .bottom{display:none}.beerUploadsContainer .right .breweryDropdown.active .top .arrow{transform:rotate(180deg)}.beerUploadsContainer .right .breweryDropdown.active .bottom{display:block;width:100%;max-height:20rem;transition:.3s;background-color:#fff}.beerUploadsContainer .right .breweryDropdown.active .bottom .line{width:100%;height:1px;background-color:#e3e3e3}.beerUploadsContainer .right .breweryDropdown.active .bottom .searchInput{background-color:#fff;height:3rem;display:flex;align-items:center}.beerUploadsContainer .right .breweryDropdown.active .bottom .searchInput input{outline:none;border:none;width:100%;height:100%;text-indent:1rem;background-color:transparent}.beerUploadsContainer .right .breweryDropdown.active .bottom .searchInput .blocks{right:2.5rem;position:absolute}.beerUploadsContainer .right .breweryDropdown.active .bottom .searchInput .icon{margin-left:1rem}.beerUploadsContainer .right .breweryDropdown.active .bottom .breweriesSearched{display:flex;flex-direction:column;height:auto}.beerUploadsContainer .right .breweryDropdown.active .bottom .breweriesSearched .brewery{width:100%;height:3rem;display:flex;flex-direction:row;align-items:center;gap:1rem;cursor:pointer}.beerUploadsContainer .right .breweryDropdown.active .bottom .breweriesSearched .brewery img{margin-left:1rem;width:2rem;aspect-ratio:1;object-fit:contain}.beerUploadsContainer .right .breweryDropdown.active .bottom .breweriesSearched .brewery p{font-size:.9rem;font-weight:600}.beerUploadsContainer .right .breweryDropdown.active .bottom .categoriesSearched{width:100%;height:auto;display:flex;flex-direction:row;flex-wrap:wrap}.beerUploadsContainer .right .breweryDropdown.active .bottom .categoriesSearched .categoryItem{background-color:#ededed;padding:1rem;width:10rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.modalStyle{width:100%;height:"auto";min-height:100%;background-color:#414141b4;position:absolute;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);top:0;justify-content:center}.modalStyle .innerModal{margin-top:5rem;background-color:#fff;min-height:500px;margin-left:10%;width:80%;border-radius:3rem;padding-bottom:3rem}.modalStyle .innerModal .beerItem{width:100%;height:15rem;display:flex;align-items:center;background-color:#e4e4e4;margin-bottom:1rem;position:relative}.modalStyle .innerModal .beerItem .addBarcode{position:absolute;right:2rem;background-color:#188acc;width:13rem;height:5rem;cursor:pointer;border:none;transition:.3s}.modalStyle .innerModal .beerItem .addBarcode p{color:#fff;font-weight:600}.modalStyle .innerModal .beerItem .addBarcode:hover{transform:scale(1.1)}.modalStyle .innerModal .beerItem .beerImage{height:90%;width:15rem;object-fit:contain;margin-left:1rem}.modalStyle .innerModal .beerItem .breweries{display:flex;flex-direction:row;gap:.5rem;margin-left:1rem}.modalStyle .innerModal .beerItem .breweries .brewery{display:flex;height:3rem;flex-direction:row;gap:.5rem;padding:1rem;align-items:center;justify-content:center;background-color:#fff;border-radius:2rem;overflow:hidden}.modalStyle .innerModal .beerItem .breweries .brewery img{width:3rem}.modalStyle .innerModal .innerBottom{display:flex;align-items:center;justify-content:center;margin-top:2rem}.modalStyle .innerModal .innerBottom button{width:15rem;height:5rem;border:none;background-color:#9932cc;color:#fff;font-size:1.2rem;font-weight:600;cursor:pointer;transition:.3s}.modalStyle .innerModal .innerBottom button:hover{transform:scale(1.1)}.modalStyle .innerModal .innerTop{width:100%;height:15rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.modalStyle .innerModal .innerTop .barcode{margin-top:2rem}.modalStyle .innerModal .innerTop .innerTopResponse .similarTitle{font-size:1.5rem;font-weight:600}.modalStyle .innerModal .innerTop .innerTopResponse .similarTitle span{padding:1rem;background-color:#9932cc;border-radius:2rem;color:#fff}.modalStyle .innerModal .innerTop .innerTopResponse .noMatch{display:flex;gap:1rem;align-items:center;font-size:2rem}.modalStyle .innerModal .innerTop .innerTopWait{display:flex;align-items:center;gap:3rem}.modalStyle .innerModal .innerTop .innerTopWait p{font-size:1.5rem;font-weight:600}.modalStyle .innerModal .innerTop .innerTopWait .loader{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:50px;height:50px;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.barcode-table-container{max-height:150px;overflow-y:auto;border:1px solid #e5e7eb}.barcode-table{width:100%;border-collapse:collapse}.barcode-table th,.barcode-table td{padding:8px;text-align:left;border-bottom:1px solid #e5e7eb}.addSub{height:auto;margin-bottom:5rem;width:70%}.addSub .subCategoryCreator{height:auto;margin-top:1rem;background-color:#c5c5c5;display:flex;flex-direction:column;width:30rem}.addSub .subCategoryCreator input{width:80%;margin:.5rem 0}.addSub .subCategoryCreator .createSub{background-color:green;color:#fff;border:none;outline:none;margin-top:1rem;width:50%;cursor:pointer;height:2rem}.beerCategories{width:100%;height:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}.beerCategories .beerCategory{width:70%;background-color:#fff;border-radius:5rem;height:auto;display:flex;flex-direction:column;position:relative;margin-bottom:2rem;box-shadow:#00000014 0 4px 18px;transition:.3s}.beerCategories .beerCategory .beerCategoryTop{cursor:pointer;width:100%;height:15rem;position:relative}.beerCategories .beerCategory .beerCategoryTop .beerCategoryName{font-size:1.2rem;font-weight:600;position:absolute;left:10%;top:2rem}.beerCategories .beerCategory .beerCategoryTop .beerSubCategoryAmount{position:absolute;left:10%;bottom:3.5rem}.beerCategories .beerCategory .beerCategoryTop .beerSubCategoryAmount span{margin-left:.5rem;font-size:3rem;font-weight:900}.beerCategories .beerCategory .beerCategoryTop .totalBeers{position:absolute;right:10%;bottom:2rem;display:flex}.beerCategories .beerCategory .beerCategoryTop .totalBeers .totalAmount{font-size:7rem;font-weight:900}.beerCategories .beerCategory .beerCategoryBottom{display:flex;flex-direction:column;align-items:center}.beerCategories .beerCategory .beerCategoryBottom .beerSubCategories{display:none}.beerCategories .beerCategory .beerCategoryBottom.active{height:auto;border-bottom-left-radius:5rem;border-bottom-right-radius:5rem;padding-bottom:5rem}.beerCategories .beerCategory .beerCategoryBottom.active .line{width:80%;height:1px;background-color:#c5c5c5;margin-bottom:2rem}.beerCategories .beerCategory .beerCategoryBottom.active .beerSubCategories{display:block;flex-direction:column;width:100%;height:100%}.beerCategories .beerCategory .beerCategoryBottom.active .beerSubCategories .beerSubCategory{width:100%;height:3rem;display:flex;flex-direction:row}.beerCategories .beerCategory .beerCategoryBottom.active .beerSubCategories .beerSubCategory .subCategoryName{padding-left:10%;width:30%}.category-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center}.category-modal-overlay .category-modal-container{background:white;width:50%;height:70%;padding:20px;margin-top:50px;border-radius:5px;position:relative}.category-modal-overlay .category-modal-container .modal-close-button{position:absolute;top:10px;right:10px}.category-modal-overlay .category-modal-container .category-modal-content{margin-top:15px}.searchHeader{width:70%;height:5rem;display:flex;align-items:center;justify-content:center;position:relative;background-color:#000;border:1px solid black}.searchHeader input{width:100%;height:100%;outline:none;border:none;padding-left:5%;text-indent:5%}.searchHeader .searchIcon{width:5rem;height:5rem;position:absolute;left:0;display:flex;align-items:center;justify-content:center}.searchHeader .searchIcon .icon{font-size:2rem}.userList{width:70%;height:auto;margin-top:2rem;display:flex;flex-direction:column;gap:1rem}.userList .userItem{height:10rem;background-color:#e2e2e2;display:flex;flex-direction:row}.userList .userItem img{height:100%;width:10rem;object-fit:contain}.userList .userItem .userDetails{margin-left:2rem;margin-top:1rem}.userList .userItem .userDetails .username{font-size:2rem;font-weight:500}.betaCodes{width:"100%";height:"auto";display:flex;flex-direction:column;gap:3rem;padding:5rem 0}.betaCodes .betaCode{width:40rem;height:5rem;border-radius:2rem;background-color:#d3d3d3;display:flex;flex-direction:row;align-items:center;padding:0 0 0 2rem;position:relative}.betaCodes .betaCode .codeTitle{font-size:1.5rem;font-weight:700}.betaCodes .betaCode .deactivate{cursor:pointer;background-color:red;color:#fff;border:none;padding:1rem;border-radius:2rem;position:absolute;right:-1rem;top:-1rem}.userBox{width:"auto";top:2rem;padding:.5rem 2rem;height:3rem;display:flex;align-items:center;justify-content:center;background-color:#fff;position:absolute;right:5rem;border-radius:2rem;box-shadow:#00000014 0 4px 12px}.userBox p{font-size:1.1rem;font-weight:500}.userBox .icon{width:1.5rem;aspect-ratio:1;border-radius:23rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(90deg,rgb(39,17,239) 3%,rgb(141,0,255) 100%,rgb(0,212,255) 100%);padding:.4rem;margin-right:.7rem}.userBox .icon h1{font-size:1rem;font-weight:400;color:#fff;font-weight:600}.addContainer{display:flex;height:50rem;width:100%;background-color:#eee}.addContainer .imageContainer{width:40%}.addContainer .imageContainer .imageDropZone{width:40rem;background-color:#a7a7a7;display:flex;align-items:center;justify-content:center;position:relative;height:50rem;transition:background-color .3s ease}.addContainer .imageContainer .imageDropZone img{width:100%;height:80%;object-fit:contain}.addContainer .imageContainer .imageDropZone.dragging{background-color:#9932cc}.addContainer .imageContainer .imageDropZone.dragging .dragTitle{color:#fff}.addContainer .imageContainer .imageDropZone .dragTitle{font-size:10rem;font-weight:500;color:#727272;padding:5rem}.addContainer .imageContainer .imageDropZone .removeButton{display:none}.addContainer .imageContainer .imageDropZone:hover .removeButton{display:block;background-color:red;position:absolute;border:none;top:2rem;width:10rem;height:5rem;right:2rem;z-index:100;color:#fff;cursor:pointer}.addContainer .beerDetailsContainer{display:flex;flex-direction:column;width:100%}.addContainer .beerDetailsContainer .inputField{width:100%;height:8rem;display:flex;flex-direction:column;background:gray;align-items:center;justify-content:center}.addContainer .beerDetailsContainer .inputField span{font-size:2rem;font-weight:700;color:#fff}.addContainer .beerDetailsContainer .inputField input{width:40rem;height:4rem;border-radius:2rem;outline:none;text-indent:1rem;border:none;font-size:1.7rem}.beerSearcher{width:60%;height:6rem;background-color:#dfdfdf;border-radius:2rem}.beerSearcher input{width:100%;height:100%;outline:none;border:none;background-color:transparent;text-indent:2rem;font-size:1.3rem}.searchValues{margin:1rem 0;display:flex;width:90%;flex-direction:column;gap:1rem}.searchValues span{padding:.5rem 1rem;background-color:#9932cc;font-size:2rem;color:#fff;border-radius:2rem}.searchValues .span2{background-color:#065dc0}.beersContainer{margin:3rem 0;width:90%;display:flex;flex-direction:column;height:auto;padding:0 2rem;background-color:#e7e7e7;padding:1rem;gap:1rem}.beersContainer .beerItem{height:10rem;display:flex;flex-direction:row;align-items:center;background-color:#fff;gap:1rem}.beersContainer .beerItem img{width:auto;height:90%;width:10%;object-fit:contain}.beersContainer .beerItem .beerInfo input{height:2rem;font-size:2rem}.beersContainer .beerItem .beerInfo h3{font-size:2rem}.scanContainer{width:70%;height:5rem;background-color:#f3f3f3;border-radius:2rem;display:flex;flex-direction:row}.scanContainer .scanItem{width:25%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;flex-direction:column}.scanContainer .scanItem p:nth-child(1){font-size:1rem}.scanContainer .scanItem p:nth-child(2){font-size:1.7rem;font-weight:700}.buttonPanel{width:70%;height:5rem;display:flex;align-items:center;justify-content:center;gap:5%;z-index:10}.buttonPanel button{width:20%;height:50%;color:#fff;background-color:#9e9e9e;border:none;cursor:pointer;font-weight:700;border-radius:2rem}.buttonPanel button.selected{background-color:#9932cc}.chart-container{margin-top:5rem;height:600px;width:80%;align-self:center;display:flex;align-items:center;justify-content:center;padding:2rem 0rem}.appContainer{display:flex;flex-direction:column;align-items:center;justify-content:center;height:"auto";background-color:#f5f5f5}@font-face{font-family:Switzer;src:url(/assets/Switzer-Variable-373c2d2a.ttf)}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Variable-02ad1319.ttf)}*{font-family:Satoshi;margin:0;padding:0}.pageWrapper{width:calc(100% - 5rem);height:auto;position:absolute;right:0;transition:width .2s ease;display:flex;flex-direction:column;align-items:center}.pageWrapper-expanded{width:calc(100% - 15rem);transition:width .3s ease}.header{height:10rem;width:100%;display:flex;justify-content:center;align-items:center}.header p{font-size:3rem}@-webkit-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@-moz-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@-o-keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes Gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}