.App{display:flex;justify-content:center;flex-direction:column;align-items:center;min-height:100vh;min-width:100vh;position:relative}button{width:100px;height:50px;display:block;font-size:1rem;font-weight:700;font-family:monospace;border-radius:30px;background:transparent;box-shadow:-5px -5px 5px hsla(0,0%,100%,.3),5px 5px 5px rgba(0,0,0,.25);border:none;outline:none;cursor:pointer}button:hover:enabled{background:none;box-shadow:-3px -3px 5px hsla(0,0%,100%,.3),3px 3px 5px rgba(0,0,0,.25)}button:active:enabled{background:none;box-shadow:inset -3px -3px 5px hsla(0,0%,100%,.3),inset 3px 3px 5px rgba(0,0,0,.25)}button:focus{outline:none}button:disabled{filter:grayscale(1);color:grey;cursor:not-allowed}.avatarIcon{grid-area:loginButton;display:block;width:50px;height:50px;border-radius:50%;border:2px solid #fff;box-shadow:-10px -10px 10px hsla(0,0%,100%,.05),10px 10px 10px rgba(0,0,0,.25);color:#fff;font-size:1.2rem;font-weight:700;transform:scale(1.2);cursor:pointer;background-color:none;transition:.3s ease-in-out;text-transform:uppercase}.avatarIcon:hover{color:var(--slice-color);border:2px solid var(--slice-color);box-shadow:-8px -8px 8px hsla(0,0%,100%,.05),8px 8px 8px rgba(0,0,0,.25)}.avatarIcon:active{box-shadow:inset -8px -8px 8px hsla(0,0%,100%,.05),inset 8px 8px 8px rgba(0,0,0,.25)}.menuIcon{grid-area:menu;display:block;width:50px;height:50px;transition:.5s ease-in-out;cursor:pointer;border:hidden;transform:scale(.8);filter:drop-shadow(1px 1px 1px black)}.menuIcon span{display:block;position:absolute;height:9px;width:100%;background:green;border-radius:9px;opacity:1;transform:rotate(0deg);transition:.25s ease-in-out}.menuIcon span:first-child{top:0}.menuIcon span:nth-child(2){top:18px}.menuIcon span:nth-child(3){top:36px}.menuIcon.open span:first-child{top:18px;transform:rotate(135deg)}.menuIcon.open span:nth-child(2){opacity:0}.menuIcon.open span:nth-child(3){top:18px;transform:rotate(-135deg)}.menuIcon:hover span:first-child,.menuIcon:hover span:nth-child(2),.menuIcon:hover span:nth-child(3){background:green}.loginButton{grid-area:loginButton;display:block;width:100px;height:50px;border:2px solid var(--slice-color);border-radius:10px;color:var(--slice-color);font-size:1rem;font-weight:700;transition:.3s ease-in-out;cursor:pointer}.loginButton,.loginButton:hover{box-shadow:-8px -8px 8px hsla(0,0%,100%,.1),8px 8px 8px rgba(0,0,0,.3)}.loginButton:active{box-shadow:inset -8px -8px 8px hsla(0,0%,100%,.05),inset 8px 8px 8px rgba(0,0,0,.25)}.signupButton{grid-area:loginButton;display:block;width:100px;height:50px;background-color:var(--slice-color);border-radius:10px;color:#000;font-size:1rem;font-weight:700;transition:.3s ease-in-out;cursor:pointer}.signupButton,.signupButton:hover{box-shadow:-8px -8px 8px hsla(0,0%,100%,.1),8px 8px 8px rgba(0,0,0,.3)}.signupButton:hover{color:var(--slice-color);border:2px solid var(--slice-color)}.signupButton:active{box-shadow:inset -8px -8px 8px hsla(0,0%,100%,.05),inset 8px 8px 8px rgba(0,0,0,.25)}.header{display:grid;grid-template-areas:"menu logo loginButton";grid-template-columns:1fr 1fr 1fr;justify-items:center;align-content:space-between;top:0;left:0;right:0;align-items:center;min-width:720px;min-height:10vh;height:100px;z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:initial;box-shadow:15px 15px 30px rgba(0,0,0,.25)}.header,.logo{position:fixed}.logo{grid-area:logo;top:30px;white-space:nowrap;filter:drop-shadow(2px 2px 2px black) drop-shadow(2px 2px 2px var(--sauce-color))}.logo a{display:flex;text-decoration:none}.logo img{height:50px;width:50px;margin-right:8px}.logo h1{color:#eda828;font-weight:lighter;text-shadow:2px 2px 2px #1a1a1a;font-family:lobster;font-size:2rem}.hamburgerMenu{grid-area:menu;left:25px}.avatar,.hamburgerMenu{display:block;position:fixed;top:25px}.avatar{grid-area:loginButton;right:25px}#avatar{display:inline-block;height:45px;width:45px;border-radius:50%}.loginSignupDiv{display:flex;grid-gap:20px;gap:20px}@media screen and (max-width:780px){.signupButtonDiv{display:none}.header{min-width:320px}.logo h1{font-size:1.4rem}}.backdrop{width:100%;height:100%;position:fixed;top:0;left:0;background:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:0}.modal{display:flex;position:fixed;flex-direction:column;justify-content:space-between;align-items:center;background:#1a1a2e;border:1px solid rgba(255,107,0,.3);width:90%;max-width:480px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:20px;z-index:101;padding:30px 28px;grid-gap:20px;gap:20px;box-shadow:0 20px 60px rgba(0,0,0,.5);animation:modalIn .25s ease}@keyframes modalIn{0%{opacity:0;transform:translate(-50%,-48%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.modalSuccess{display:flex;flex-direction:column;align-items:center;grid-gap:6px;gap:6px}.modalCheckmark{font-size:2.8rem;color:#ff6b00;line-height:1;font-weight:900}.modalSuccess h2{color:#fff;font-family:monospace;margin:0;font-size:1.5rem}.modalReceipt{width:100%;background:hsla(0,0%,100%,.04);border-radius:12px;padding:14px 18px;display:flex;flex-direction:column;grid-gap:10px;gap:10px}.receiptRow{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid hsla(0,0%,100%,.06);padding-bottom:8px}.receiptRow:last-child{border-bottom:none;padding-bottom:0}.receiptLabel{font-family:monospace;font-size:.75rem;color:hsla(0,0%,100%,.45);text-transform:uppercase;letter-spacing:1px}.receiptValue{font-family:monospace;font-size:.9rem;color:hsla(0,0%,100%,.85);text-align:right;max-width:60%}.receiptOid{color:#ff6b00;font-weight:700}.receiptStatus{background:#fff3cd;color:#856404;padding:2px 10px;border-radius:10px;font-size:.72rem;font-weight:700;letter-spacing:1px}.modalNote{font-family:monospace;font-size:.8rem;color:hsla(0,0%,100%,.4);text-align:center;margin:0}.modalActions{display:flex;grid-gap:12px;gap:12px;width:100%}.modalOkBtn,.modalOrdersBtn{flex:1 1;height:44px;border-radius:10px}.orderButton_orderButton__1Ex3c{width:160px;height:80px;font-size:1.5rem;border-radius:10px;color:#fff;box-shadow:-15px -15px 15px hsla(0,0%,100%,.05),15px 15px 15px rgba(0,0,0,.25)}.orderButton_orderButton__1Ex3c:hover:enabled{background:none;color:var(--slice-color);box-shadow:-10px -10px 10px hsla(0,0%,100%,.05),10px 10px 10px rgba(0,0,0,.25)}.orderButton_orderButton__1Ex3c:active:enabled{background:none;box-shadow:inset -10px -10px 10px hsla(0,0%,100%,.05),inset 10px 10px 10px rgba(0,0,0,.25)}.profileMenuDiv{display:flex;justify-content:center;align-items:center;position:fixed;right:0;z-index:100}.hideProfileMenuDiv{display:none}.profileMenu nav{width:250px;height:200px}.profileMenu,.profileMenu ul{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;list-style-type:none;width:95%;height:100%;-webkit-user-select:none;user-select:none;border-radius:10px;background-color:var(--slice-color)}.profileMenuButton{width:150px}.adminPanel{position:absolute;top:0;width:95%;display:flex;flex-direction:column;grid-gap:16px;gap:16px;padding-bottom:40px}.adminHeader{display:flex;justify-content:space-between;align-items:center;margin-top:10px}.adminHeader h1{font-family:monospace;color:#fff;margin:0}.adminRefresh{background:rgba(255,107,0,.12);border:1px solid rgba(255,107,0,.4);color:#ff6b00;border-radius:8px;padding:6px 16px;font-family:monospace;font-size:.85rem;cursor:pointer;transition:background .2s}.adminRefresh:hover{background:rgba(255,107,0,.22)}.adminCount{font-size:.8rem;margin:0}.adminCount,.adminEmpty{font-family:monospace;color:hsla(0,0%,100%,.4)}.adminEmpty{text-align:center;margin-top:40px}.adminLoading{display:flex;flex-direction:column;align-items:center;grid-gap:14px;gap:14px;margin-top:40px;color:hsla(0,0%,100%,.5);font-family:monospace}.adminSpinner{width:32px;height:32px;border:3px solid rgba(255,107,0,.2);border-top-color:#ff6b00;border-radius:50%;animation:adminSpin .8s linear infinite}@keyframes adminSpin{to{transform:rotate(1turn)}}.adminTable{display:flex;flex-direction:column;grid-gap:6px;gap:6px;overflow-x:auto}.adminTableHead,.adminTableRow{display:grid;grid-template-columns:160px 1fr 60px 160px 110px 130px;grid-gap:10px;gap:10px;align-items:center;padding:10px 16px;font-family:monospace;font-size:.82rem}.adminTableHead{background:hsla(0,0%,100%,.04);border-radius:10px;color:hsla(0,0%,100%,.4);text-transform:uppercase;letter-spacing:1px;font-size:.72rem}.adminTableRow{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.06);border-radius:10px;transition:background .15s}.adminTableRow:hover{background:hsla(0,0%,100%,.06)}.adminOid{color:#ff6b00;font-weight:700;font-size:.8rem}.adminCell{color:hsla(0,0%,100%,.75);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adminDate{font-size:.75rem;color:hsla(0,0%,100%,.5)}.adminStatus{padding:3px 10px;border-radius:12px;font-size:.68rem;font-weight:700;letter-spacing:1px;text-transform:uppercase;white-space:nowrap}.adminSelect{background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.15);color:#fff;border-radius:8px;padding:5px 8px;font-family:monospace;font-size:.78rem;cursor:pointer;outline:none;width:100%}.adminSelect:disabled{opacity:.4;cursor:not-allowed}@media (max-width:768px){.adminTableHead{display:none}.adminTableRow{grid-template-columns:1fr 1fr;grid-template-rows:auto}}.dummyPizza{width:250px;height:250px;position:relative;display:flex;justify-content:center;align-items:center;z-index:100;background-color:var(--slice-color);border-radius:50%;animation:spin 10s linear infinite;cursor:pointer}.sauce{background-color:var(--sauce-color);width:90%;height:90%;z-index:1}.cheese,.sauce{position:absolute;border-radius:50%;filter:drop-shadow(.5px .5px 1px #000)}.cheese{width:75%;height:75%;background-color:var(--cheese-color);z-index:3}.mozarella{position:absolute;width:80%;height:80%;border-radius:50%;background-color:var(--mozzarella-color);z-index:2;filter:drop-shadow(.5px .5px 1px #000)}.olive1,.olive2,.olive3,.olive4,.olive5,.olive6,.olive7,.Olives{position:absolute;width:20px;height:20px;content:url(/static/media/olive.869ec6cb.png);filter:drop-shadow(1px 1px 1px #000);z-index:8;top:60px;left:60px}.olive1{top:100px;left:80px}.olive2{top:160px;left:100px}.olive3{top:150px;left:150px}.olive4{top:100px;left:180px}.olive5{top:50px;left:150px}.olive6{top:160px;left:50px}.olive7{top:50px;left:100px}.Pepperoni,.pepperoni1,.pepperoni2,.pepperoni3,.pepperoni4,.pepperoni5,.pepperoni6,.pepperoni7{position:absolute;width:30px;height:30px;border-radius:50%;content:url(/static/media/pepperoni.1e6e2b7e.png);filter:drop-shadow(1px 1px 1px #000);z-index:5;top:80px;left:80px}.pepperoni1{top:90px;left:150px}.pepperoni2{top:180px;left:120px}.pepperoni3{top:140px;left:180px}.pepperoni4{top:40px;left:120px}.pepperoni5{top:110px;left:40px}.pepperoni6{top:130px;left:80px}.pepperoni7{top:120px;left:120px}.Sausage1,.sausage2,.sausage3,.sausage4,.sausage5,.sausage6,.sausage7{position:absolute;width:25px;height:25px;border-radius:40%;filter:drop-shadow(1px 1px 1px #000);content:url(/static/media/sausage.89ffef9d.png);z-index:6}.sausage1{top:70px;left:160px}.sausage2{top:180px;left:150px}.sausage3{top:140px;left:120px}.sausage4{top:120px;left:160px}.sausage5{top:170px;left:60px}.sausage6{top:80px;left:50px}.sausage7{top:65px;left:100px}.Peppers,.peppers1,.peppers2,.peppers3,.peppers4,.peppers5,.peppers6,.peppers7{position:absolute;width:30px;height:30px;content:url(/static/media/peppers.f0fda09a.png);filter:drop-shadow(1px 1px 1px #000);z-index:7;top:80px;left:120px}.peppers1{top:110px;left:100px;transform:rotate(30deg)}.peppers2{top:150px;left:170px;transform:rotate(60deg)}.peppers3{top:130px;left:60px;transform:rotate(120deg)}.peppers4{top:70px;left:170px;transform:rotate(150deg)}.peppers5{top:170px;left:90px;transform:rotate(180deg)}.peppers6{top:50px;left:80px}.peppers6,.peppers7{transform:rotate(210deg)}.peppers7{top:110px;left:190px}:root{--cheese-tb:0;--cheese-diagonal-tb:0;--cheese-diagonal-lr:0}.cheese_cheese__3ohh0,.cheese_slicedCheese__3eONA{position:absolute;background-color:var(--cheese-color);right:0;bottom:0;width:85%;height:85%;border-radius:100% 0 0 0}.cheese_slicedCheese__3eONA{width:80%;height:80%}.mozzarella{position:absolute;background-color:var(--mozzarella-color);right:0;bottom:0;width:75%;height:75%;border-radius:100% 0 0 0}.olive{width:15px;height:15px;content:url(/static/media/olive.869ec6cb.png);z-index:8}.olive,.pepperoni{position:absolute;filter:drop-shadow(1px 1px 1px #000)}.pepperoni{width:30px;height:30px;content:url(/static/media/pepperoni.1e6e2b7e.png)}.pepperoni:before{content:"";background:var(--pepperoni-color);border-radius:50%;margin:5px;filter:drop-shadow(.5px .5px 1px #000);display:none}.pepperoni:before,.peppers{position:absolute;width:30px;height:30px}.peppers{content:url(/static/media/peppers.f0fda09a.png)}.peppers.pep-one{top:20px;left:40px;transform:rotate(240deg)}.peppers.pep-two{top:20px;left:40px;transform:rotate(120deg)}.peppers.pep-three{top:20px;left:40px;transform:rotate(0deg)}.peppers.pep-four{top:20px;left:40px;transform:rotate(60deg)}.peppers.pep-five{top:20px;left:40px;transform:rotate(180deg)}.peppers.pep-six{top:20px;left:40px;transform:rotate(300deg)}:root{--sauce-tb:0;--sauce-diagonal-tb:0;--sauce-diagonal-lr:0}.sauce_sauce__2ehMZ,.sauce_slicedSauce__2L3QH{position:absolute;background-color:var(--sauce-color);right:0;bottom:0;width:90%;height:90%;border-radius:100% 0 0 0}.sauce_slicedSauce__2L3QH{height:88%;width:88%;margin:8px 0 0;animation:sauce_slice__1XGkA 5 linear 1s ease-in-out 0}@keyframes sauce_slice__1XGkA{to{height:88%;width:88%;margin:8px 0 0}}.sausage{position:absolute;width:25px;height:25px;border-radius:40%;filter:drop-shadow(1px 1px 1px #000);content:url(/static/media/sausage.89ffef9d.png);z-index:6}.sausage .one{top:10px;left:10px}.sausage .two{top:10px;right:10px}:root{--slice-tb:30px;--slice-diagonal-tb:60px;--slice-diagonal-lr:28px}.slice_slice-five__25CWE,.slice_slice-four__3qPxf,.slice_slice-one__lJVBq,.slice_slice-six__1NAmg,.slice_slice-three__3lhns,.slice_slice-two__1aJEJ,.slice_slice__2n3a-{position:absolute;display:inline-block;background-color:var(--slice-color);transform-origin:100% 100%;width:150px;height:150px;border-radius:100% 0 0 0}@keyframes slice_pull__2hJT6{0%{bottom:30px}to{bottom:-30px}}.slice_slice-one__lJVBq{top:var(--slice-tb)}.slice_slice-two__1aJEJ{top:var(--slice-diagonal-tb);right:var(--slice-diagonal-lr);transform:rotate(60deg)}.slice_slice-three__3lhns{bottom:var(--slice-diagonal-tb);right:var(--slice-diagonal-lr);transform:rotate(120deg)}.slice_slice-four__3qPxf{bottom:var(--slice-tb);transform:rotate(180deg);//animation:slice_pull__2hJT6 3s ease 3}.slice_slice-five__25CWE{bottom:var(--slice-diagonal-tb);left:var(--slice-diagonal-lr);transform:rotate(240deg)}.slice_slice-six__1NAmg{top:var(--slice-diagonal-tb);left:var(--slice-diagonal-lr);transform:rotate(300deg)}.slice_void__Mho4N{display:none;width:0;height:0%}.pizza{position:absolute;display:flex;align-items:center;justify-content:center;width:300px;height:300px;grid-column:2/3;grid-row:1/2;transform:rotate(45deg);animation-name:spin;animation-timing-function:ease-in-out;animation-iteration-count:0;animation-duration:3s}.slices{display:flex;width:200px;height:200px}@media screen and (max-width:1360px){.pizza{position:relative;display:flex;align-items:flex-start;justify-content:flex-start}}.checkout{position:absolute;display:grid;grid-template-areas:"checkoutPizza ingredients checkoutButtons";grid-template-columns:1fr;grid-template-rows:350px 1fr 250px;top:0;height:100%;width:100%}.checkout .pizza{display:flex;align-items:flex-start;justify-content:flex-start}.pizzaCheckoutDiv{display:flex;justify-content:center;align-items:center;position:relative;grid-area:checkoutPizza;grid-row:1/2;grid-column:1/1}.ingredients{grid-area:ingredients;grid-row:2/3;grid-column:1/1;display:table}.ingredients thead{text-align:center}.ingredients tbody{width:100%}.ingredients tbody tr td{padding-left:100px}.emptyCheckout{text-align:center}.checkoutOrderButton,.customizeButton{position:relative;bottom:20px;width:150px;height:50px;border-radius:50px}.checkoutButtons{grid-area:checkoutButtons;grid-row:3/4;grid-column:1/1;justify-content:center;grid-gap:50px;gap:50px}.checkoutButtons,.orders{display:flex;align-items:center}.orders{position:absolute;top:0;flex-direction:column;grid-gap:20px;gap:20px;width:95%;padding-bottom:30px}.orders h1{font-family:monospace;color:#fff;margin-top:10px;margin-bottom:0}.ordersHeader{justify-content:space-between;width:100%;margin-top:10px}.liveIndicator,.ordersHeader{display:flex;align-items:center}.liveIndicator{grid-gap:6px;gap:6px;font-family:monospace;font-size:.75rem;color:#4caf50;letter-spacing:1px;text-transform:uppercase}.liveDot{width:8px;height:8px;background:#4caf50;border-radius:50%;animation:livePulse 1.4s ease infinite}@keyframes livePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.8)}}.ordersLoading{display:flex;flex-direction:column;align-items:center;grid-gap:14px;gap:14px;margin-top:40px;color:hsla(0,0%,100%,.6);font-family:monospace}.spinner{width:36px;height:36px;border:4px solid rgba(255,107,0,.2);border-top-color:#ff6b00;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(1turn)}}.ordersEmpty{display:flex;flex-direction:column;align-items:center;grid-gap:10px;gap:10px;margin-top:50px;color:hsla(0,0%,100%,.5);font-family:monospace;font-size:1rem}.ordersEmptyIcon{font-size:3rem}.ordersList{display:flex;flex-direction:column;grid-gap:16px;gap:16px;width:100%;list-style:none;padding:0;margin:0}.orderCard{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:18px 22px;width:100%;box-sizing:border-box;transition:transform .15s ease,box-shadow .15s ease}.orderCard:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.3)}.orderCardHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.orderOid{font-size:.95rem;color:hsla(0,0%,100%,.7)}.orderOid,.orderStatus{font-family:monospace;font-weight:700;letter-spacing:1px}.orderStatus{padding:4px 14px;border-radius:20px;font-size:.75rem;text-transform:uppercase}.orderCardBody{display:flex;flex-direction:column;grid-gap:8px;gap:8px}.orderDetail{display:flex;grid-gap:12px;gap:12px;align-items:baseline}.orderDetailLabel{font-family:monospace;font-size:.75rem;color:hsla(0,0%,100%,.45);text-transform:uppercase;letter-spacing:1px;min-width:70px}.orderDetailValue{font-family:monospace;font-size:.9rem;color:hsla(0,0%,100%,.85)}.profile{width:90%;display:flex;flex-direction:column;grid-gap:24px;gap:24px;align-items:stretch;padding-top:10px}.profileAvatar{grid-gap:16px;gap:16px;padding:20px;background:hsla(0,0%,100%,.04);border-radius:16px;border:1px solid hsla(0,0%,100%,.08)}.profileAvatar,.profileInitial{display:flex;align-items:center}.profileInitial{width:60px;height:60px;background:#ff6b00;border-radius:50%;justify-content:center;font-size:1.8rem;font-weight:900;color:#fff;font-family:monospace;flex-shrink:0}.profileName{display:flex;flex-direction:column;grid-gap:4px;gap:4px}.profileName h2{margin:0;font-size:1.3rem}.profileBadge,.profileName h2{color:#fff;font-family:monospace}.profileBadge{display:inline-block;padding:2px 10px;border-radius:10px;font-size:.72rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.profileDetails{display:flex;flex-direction:column;grid-gap:0;gap:0;background:hsla(0,0%,100%,.04);border-radius:16px;border:1px solid hsla(0,0%,100%,.08);overflow:hidden}.profileRow{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;border-bottom:1px solid hsla(0,0%,100%,.05)}.profileRow:last-child{border-bottom:none}.profileLabel{font-family:monospace;font-size:.75rem;color:hsla(0,0%,100%,.4);text-transform:uppercase;letter-spacing:1px}.profileValue{font-family:monospace;font-size:.9rem;color:hsla(0,0%,100%,.85)}.profileActions{display:flex;grid-gap:12px;gap:12px}.profileActionBtn{width:100%;padding:12px;border-radius:12px;border:none;cursor:pointer;font-family:monospace;font-size:.9rem;font-weight:700;transition:opacity .2s}.profileActionBtn:hover{opacity:.85}.profileOrdersBtn{background:rgba(255,107,0,.15);border:1px solid rgba(255,107,0,.4);color:#ff6b00}.profileLogoutBtn{background:rgba(229,57,53,.12);border:1px solid rgba(229,57,53,.3);color:#e53935}.dashboard{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;position:fixed;right:1%;width:60%;height:95%;background-color:#d2691e;border-radius:20px;box-shadow:inset -5px -5px 5px hsla(0,0%,100%,.25),inset 5px 5px 5px rgba(0,0,0,.25);overflow:auto}.dashboard p{color:#000;font-family:monospace;font-size:1rem}.dashboardMenu{position:fixed;display:flex;flex-direction:column;justify-content:space-between;align-items:center;left:1%;width:38%;height:90%;border-radius:10px;background-color:var(--slice-color);z-index:100}.dashBoardLogo{font-size:.8rem;font-family:monospace;text-transform:uppercase}.userDashboard{display:flex;position:fixed;justify-content:space-evenly;align-items:stretch;background-color:var(--slice-color);width:88%;max-width:1000px;min-width:320px;height:70%;min-height:400px;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:20px;z-index:100;overflow:hidden}@media screen and (max-width:700px){.userDashboard{flex-direction:column;height:90%;width:96%;overflow-y:auto;align-items:stretch}}.base_baseRoot__wSgOG{position:relative;width:500px;height:300px;max-width:500px;max-height:300px;display:grid;grid-template-areas:"crust pizzaSizeContainer base baseDiv";grid-template-columns:1fr;grid-template-rows:50px 100px 50px 1fr;color:#fff;border-radius:20px;-webkit-user-select:none;user-select:none;box-shadow:-15px -15px 15px hsla(0,0%,100%,.05),15px 15px 15px rgba(0,0,0,.25)}.base_baseDiv__3wcKN{grid-area:baseDiv;grid-column:1/1;grid-row:4/5;width:100%;height:100%;display:flex;justify-content:space-evenly;align-items:center}.base_baseRoot__wSgOG h2{grid-row:1/2}.base_baseRoot__wSgOG h2,.base_baseRoot__wSgOG h3{grid-area:crust;grid-column:1/1;display:flex;justify-content:center;align-items:center}.base_baseRoot__wSgOG h3{grid-row:3/4}.base_pizzaSizeContainer__2RwRR{grid-area:pizzaSizeContainer;grid-column:1/1;grid-row:2/3;width:100%;height:100%;flex-direction:column}.base_pizzaSizeContainer__2RwRR,.base_sizeSlider__3IuWx{display:flex;justify-content:space-evenly;align-items:center}.base_sizeSlider__3IuWx{position:relative;width:80%;height:50px;border-radius:25px;box-shadow:inset 10px 10px 15px hsla(0,0%,100%,.05),inset -10px -10px 15px rgba(0,0,0,.25)}.base_sizeSlider__3IuWx input{width:100%;height:100%;display:flex;justify-content:center;align-items:center;-webkit-appearance:none;appearance:none;outline:none;cursor:pointer;font-size:medium;font-weight:700;text-transform:capitalize;border-radius:25px;transition:all .1s linear}.base_sizeSlider__3IuWx input:checked{background-image:linear-gradient(180deg,var(--slice-color),var(--sauce-color))}.base_sizeSlider__3IuWx input:before{content:attr(label);display:inline-block;text-align:center;width:100%}.base_sizeSlider__3IuWx input:hover{color:orange}.base_base__3B7jM{width:25%;height:75%;display:flex;border-radius:10px;justify-content:space-evenly;font-weight:700;text-transform:capitalize;align-items:center;box-shadow:-10px -10px 15px hsla(0,0%,100%,.05),10px 10px 15px rgba(0,0,0,.25);cursor:pointer}.base_base__3B7jM label{width:100%;height:100%}.base_base__3B7jM label span{display:flex;width:100%;height:100%;justify-content:center;align-items:center;cursor:pointer}.base_base__3B7jM label input{position:absolute;width:100%;height:100%;cursor:pointer;outline:none}.base_base__3B7jM label input:checked+span{border-radius:10px;box-shadow:10px 10px 15px hsla(0,0%,100%,.05),-10px -10px 15px rgba(0,0,0,.25),inset -15px -15px 15px hsla(0,0%,100%,.05),inset 15px 15px 15px rgba(0,0,0,.25)}.base_base__3B7jM label input[name=sauce]:checked+span{color:var(--sauce-color)}.base_base__3B7jM label input[name=mozzarella]:checked+span{color:var(--mozzarella-color)}.base_base__3B7jM label input[name=cheese]:checked+span{color:var(--cheese-color)}.base_base__3B7jM label input[name=sauce]:hover+span{color:var(--sauce-color)}.base_base__3B7jM label input[name=mozzarella]:hover+span{color:var(--mozzarella-color)}.base_base__3B7jM label input[name=cheese]:hover+span{color:var(--cheese-color)}.guestPage,.hideGuestPage{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;height:450px;width:60%;min-width:400px;min-height:450px;max-height:450px;max-width:600px;background:#cca156;border-radius:10px;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .5s ease;z-index:10}.guestPage h1,.hideGuestPage h1{text-transform:uppercase;font-family:monospace;font-size:2rem}.hideGuestPage{transform:translateX(300%)}.guestPage form,.hideGuestPage form{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:90%;width:90%;-webkit-user-select:none;user-select:none}.guestSubmitButton{width:200px;height:50px}.hideLoginPage,.loginPage{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;height:450px;width:60%;min-width:400px;min-height:450px;max-height:450px;max-width:600px;background:#cca156;border-radius:10px;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .5s ease;z-index:10}.hideLoginPage h1,.loginPage h1{text-transform:uppercase;font-family:monospace;font-size:2rem}.hideLoginPage{transform:translateX(300%)}.hideLoginPage form,.loginPage form{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:90%;width:90%;-webkit-user-select:none;user-select:none}.formLink{font-family:monospace;font-size:1em;font-weight:700;text-decoration:none}.formInputTextDiv{width:100%;height:60%;display:flex;flex-direction:column;justify-content:center;grid-gap:10px;gap:10px;align-items:center}.formInputTextDiv label{font-family:monospace;width:80px;font-weight:700;font-size:1.2rem}.formInputTextDiv input{width:95%;height:40px;font-size:1rem;font-family:monospace;border:none;outline:none;background:none;margin-left:15px}.formInputTextDiv .labelInputDiv{display:flex;flex-direction:column;grid-gap:5px;gap:5px;width:90%}.formInputTextDiv .inputField{border-radius:10px;background-color:initial;box-shadow:inset -5px -5px 5px hsla(0,0%,100%,.15),inset 5px 5px 5px rgba(0,0,0,.25)}.formInputTextDiv .inputField:hover{border-radius:10px;box-shadow:inset -4px -4px 4px hsla(0,0%,100%,.15),inset 4px 4px 4px rgba(0,0,0,.25)}.formInputTextDiv input:focus{border-radius:10px}.loginSubmitButton{width:200px;height:50px}.navLinkStyle a:hover{color:bisque}.hideMenu,.menu{position:fixed;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;left:10px;width:40%;height:400px;min-width:400px;max-width:500px;min-height:300px;max-height:400px;border-radius:10px;background-color:var(--slice-color);transition:transform .5s ease;transform:translateX(0);z-index:100}.hideMenu{transform:translateX(-100%)}.menuLogo h1{text-transform:uppercase}.menuLinks{width:100%;display:flex;justify-content:space-around;align-items:center}.menuLinks nav{width:90%}.menuLinks nav ul{width:100%;display:flex;flex-direction:column;grid-gap:20px;gap:20px;align-items:center;list-style-type:none}.menuLinks nav ul li{width:100%}.linkButton{width:100%;border-radius:15px}.hideSignUp,.signUp{display:flex;flex-direction:column;justify-content:center;align-items:center;position:fixed;height:450px;width:60%;min-width:400px;min-height:450px;max-height:450px;max-width:600px;background:#cca156;border-radius:10px;top:50%;left:50%;transform:translate(-50%,-50%);transition:transform .5s ease;z-index:10}.hideSignUp h1,.signUp h1{text-transform:uppercase;font-family:monospace;font-size:2rem}.hideSignUp{transform:translateX(300%)}.hideSignUp form,.signUp form{display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:90%;width:90%;-webkit-user-select:none;user-select:none}.signUpSubmitButton{width:200px;height:50px}.fieldError{color:#c0392b;font-size:.78rem;font-family:monospace;font-weight:700;margin-top:-2px;padding-left:4px}.toppingsMenu_toppingsMenu__2icEx{display:grid;position:relative;min-width:30vw;min-height:70vh;height:500px;width:500px;border-radius:20px;grid-template-rows:15% repeat(1,1fr);background-color:initial;-webkit-user-select:none;user-select:none;box-shadow:-15px -15px 15px hsla(0,0%,100%,.05),15px 15px 15px rgba(0,0,0,.25)}.toppingsMenu_toppingsMenu__2icEx h1{grid-row:1/2;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700}.toppingsMenu_toppings__2HUmS{display:flex;grid-row:2/3;flex-direction:column;align-items:center;justify-content:space-evenly}.toppingsMenu_topping__2EhqQ{display:grid;width:90%;height:20%;grid-template-columns:35% 1fr;grid-template-rows:40% 1fr;color:#fff;border-radius:10px;padding:5px;box-shadow:-10px -10px 10px hsla(0,0%,100%,.05),10px 10px 10px rgba(0,0,0,.25);transition:transform .2s ease,box-shadow .2s ease}.toppingsMenu_topping__2EhqQ:hover{transform:scale(1.015);box-shadow:-10px -10px 14px hsla(0,0%,100%,.07),10px 10px 14px rgba(0,0,0,.35)}.toppingsMenu_toppingActive__2xes2{border:1px solid rgba(186,218,85,.4);animation:toppingsMenu_toppingPop__3_pFK .25s ease}@keyframes toppingsMenu_toppingPop__3_pFK{0%{transform:scale(1)}50%{transform:scale(1.03)}to{transform:scale(1)}}.toppingsMenu_topping__2EhqQ h3{font-size:1.2rem;font-weight:700;text-align:center;text-transform:capitalize;padding:5px}.toppingsMenu_topping__2EhqQ .toppingsMenu_checkbox__BmaTT{display:flex;flex-direction:column;grid-column:1/2;grid-row:2/3;padding:5px;justify-content:space-evenly;align-items:center}.toppingsMenu_topping__2EhqQ .toppingsMenu_checkbox__BmaTT input[type=checkbox]{width:0;height:0;visibility:hidden}.toppingsMenu_topping__2EhqQ .toppingsMenu_checkbox__BmaTT label{cursor:pointer;text-indent:-9999px;width:60px;height:30px;background:grey;display:block;border-radius:80px;position:relative;box-shadow:inset -2px -2px 3px hsla(0,0%,100%,.05),inset 2px 2px 3px rgba(0,0,0,.25)}.toppingsMenu_topping__2EhqQ .toppingsMenu_checkbox__BmaTT label:after{content:"";position:absolute;top:10%;left:5%;width:50%;height:80%;border-radius:80px;transition:.3s;filter:drop-shadow(1px 1px 5px #000)}.toppingsMenu_topping__2EhqQ .toppingsMenu_checkbox__BmaTT label[for=pepperoni]:after{background:transparent url(/static/media/pepperoni.1e6e2b7e.png) no-repeat 50%;background-size:20px}.toppingsMenu_topping__2EhqQ .toppingsMenu_checkbox__BmaTT label[for=peppers]:after{background:transparent url(/static/media/peppers.f0fda09a.png) no-repeat 50%;background-size:25px}.toppingsMenu_topping__2EhqQ .toppingsMenu_checkbox__BmaTT label[for=sausage]:after{background:transparent url(/static/media/sausage.89ffef9d.png) no-repeat 50%;background-size:30px}.toppingsMenu_topping__2EhqQ .toppingsMenu_checkbox__BmaTT label[for=olives]:after{background:transparent url(/static/media/olive.869ec6cb.png) no-repeat 50%;background-size:25px}.toppingsMenu_topping__2EhqQ .toppingsMenu_checkbox__BmaTT input:checked+label{background:#bada55}.toppingsMenu_topping__2EhqQ .toppingsMenu_checkbox__BmaTT input:checked+label:after{left:95%;transform:translateX(-100%)}.toppingsMenu_topping__2EhqQ .toppingsMenu_checkbox__BmaTT label:active:after{width:45%}.toppingsMenu_topping__2EhqQ .toppingsMenu_radio__tCtSn{width:100%;height:100%;grid-column:2/3;grid-row:1/3;display:flex;justify-content:space-evenly;align-items:center;border-radius:10px;padding:5px}.toppingsMenu_topping__2EhqQ .toppingsMenu_radio__tCtSn label{width:40%;height:80%;display:flex;font-weight:700;position:relative;cursor:pointer;justify-content:center;align-items:center;border-radius:10px;box-shadow:-10px -10px 10px hsla(0,0%,100%,.05),10px 10px 10px rgba(0,0,0,.25)}.toppingsMenu_topping__2EhqQ .toppingsMenu_radio__tCtSn label:after{content:"";position:absolute;top:10%;left:10%;width:80%;height:80%;background:transparent;transition:.3s;border-radius:10px}.toppingsMenu_topping__2EhqQ .toppingsMenu_radio__tCtSn input[type=radio]{width:0;height:0;visibility:hidden}.toppingsMenu_radio__tCtSn input:checked+label{color:#ffa07a;border-radius:inherit;box-shadow:5px 5px 5px hsla(0,0%,100%,.05),-5px -5px 5px rgba(0,0,0,.25),inset -5px -5px 10px hsla(0,0%,100%,.05),inset 5px 5px 10px rgba(0,0,0,.25)}.toppingsMenu_radio__tCtSn input:disabled+label{color:grey;filter:grayscale(1);cursor:not-allowed}.toppingsMenu_radio__tCtSn label:hover{color:#ffa07a;background-color:initial}.pizzahub_pizzahub__1F9fx{display:grid;position:relative;height:100%;width:auto;min-height:100vh;min-width:100vw;grid-template-columns:1fr minmax(100px,300px) 1fr;grid-template-rows:55vh 1fr;z-index:0}.pizzahub_pizzaDiv__bajL5{width:300px;height:300px;grid-column:2/3;grid-row:1/2}.pizzahub_description__10_46,.pizzahub_pizzaDiv__bajL5{position:relative;display:flex;justify-content:center;align-items:center}.pizzahub_description__10_46{min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;flex-direction:column;color:#fff;font-size:1rem;font-weight:900;letter-spacing:2px;text-transform:capitalize;text-shadow:none}.pizzahub_descBase__2ZcIP{width:auto;height:100vh;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;grid-column:1/2;grid-row:1/3}.pizzahub_description__10_46 p{font-size:larger}.pizzahub_base__MRjFB{display:flex;justify-content:center;align-items:baseline;grid-column:1/1}.pizzahub_orderButton__2iY8F{grid-column:2/3;grid-row:2/3;display:flex;justify-content:space-evenly;align-items:center}.pizzahub_toppingsMenu__14Ocb{grid-column:3/4;grid-row:1/3;display:flex;justify-content:center;align-items:center}.pizzahub_backdrop__2SYNV{grid-column:1/4;grid-row:1/3}.pizzahub_priceTag__2Bd4c{display:flex;flex-direction:column;align-items:center;margin-top:12px;background:rgba(255,107,0,.12);border:1px solid rgba(255,107,0,.4);border-radius:12px;padding:10px 24px}.pizzahub_priceLabel__11jT6{font-size:.75rem;text-transform:uppercase;letter-spacing:2px;color:hsla(0,0%,100%,.6)}.pizzahub_priceValue__1eNAX{font-size:2rem;font-weight:900;color:#ff6b00;letter-spacing:1px}@media screen and (max-width:1360px){.pizzahub_pizzahub__1F9fx{display:flex;position:relative;flex-direction:column;justify-content:space-between;align-items:center;grid-gap:40px;gap:40px}.pizzahub_description__10_46{margin-top:120px}.pizzahub_pizza__26GwB{position:relative}.pizzahub_orderButton__2iY8F{margin-bottom:30px}.pizzahub_toppingsMenu__14Ocb{width:100%;justify-content:center}}@media screen and (max-width:520px){.pizzahub_description__10_46 h1{font-size:1.4rem}.pizzahub_priceValue__1eNAX{font-size:1.5rem}.pizzahub_priceTag__2Bd4c{padding:8px 16px}}.home{display:grid;height:100%;width:auto;grid-template-areas:"header pizzahub";grid-template-rows:100px 1fr}.headerDiv{grid-area:header;grid-row:1/2;position:fixed;top:0;z-index:100}.pizzahubDiv{grid-area:pizzahub;grid-row:2/3;height:100%}body{-webkit-user-select:none;user-select:none;min-width:720px;background:radial-gradient(#464040,#111110)}::-webkit-scrollbar{height:0;width:0;background:transparent}:root{--slice-color:#cca156;--sauce-color:red;--cheese-color:#f7a100;--pepper-color:#078407;--sausage-color:#b0926d;--pineapple-color:#ffffa2;--pepperoni-color:#a94100;--olives-color:#353535;--mozzarella-color:#dedec9}*{margin:0;padding:0;box-sizing:border-box;font-family:"Kanit",sans-serif}.void{display:none;width:0;height:0%}@media screen and (max-width:1300px){body{background:linear-gradient(90deg,#111110,#464040,#111110)}}
/*# sourceMappingURL=main.459c77f4.chunk.css.map */