.loginModal{padding:32px 28px 28px}.loginModal .step{flex-direction:column;animation:.25s ease-out loginStepIn;display:flex}@keyframes loginStepIn{0%{opacity:0;transform:translateY(8px)}}.loginModal .inputContainer{--inputHeight:50px;flex-direction:column;gap:12px;width:100%;margin:28px 0;display:flex;position:relative}.loginModal .inputContainer .email,.loginModal .inputContainer .username,.loginModal .inputContainer .password{--iconSize:var(--inputHeight);width:100%;position:relative}.loginModal .inputContainer .email .label,.loginModal .inputContainer .username .label,.loginModal .inputContainer .password .label{margin-left:12px!important}.loginModal .inputContainer .username{opacity:0;height:0;transition:all var(--animDurFast) var(--cubicBezierPrimary);overflow:hidden}.loginModal .inputContainer .username.show{opacity:1;height:40px}.loginModal .loginAction{justify-content:space-between;align-items:center;gap:8px;width:100%;display:flex}.loginModal .loginAction .kitchenMode:not(.active){background:0 0}.loginModal .loginAction .kitchenMode:not(.active) span{font-variation-settings:"wdth" 75,"wght" 600}.loginModal .loginAction .next{margin-left:auto}.loginModal .loggedInAction{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.loginModal .start .header{padding-right:40px}.loginModal .start .header>h3,.loginModal .start .header>h4{font-variation-settings:"wdth" 75,"wght" 300;-webkit-user-select:none;user-select:none;margin:0;font-size:36px}.loginModal .start .header>h4{opacity:.75;margin-top:6px;font-size:15px}.loginModal .account .header{align-items:center;gap:14px;padding-right:40px;display:flex}.loginModal .account .header .details{flex-direction:column;gap:2px;min-width:0;display:flex}.loginModal .account .header .details .name{font-variation-settings:"wdth" 75,"wght" 600;margin:0;font-size:20px}.loginModal .account .header .details .address{opacity:.75;margin:0;font-size:14px}.loginModal .account .header .logout{flex-shrink:0;margin-left:auto}
.homeNavbar{--navHeight:80px;width:100%;height:var(--navHeight);-webkit-user-select:none;user-select:none;z-index:2;padding:0 30px 0 0;position:fixed;top:0}.homeNavbar .logo{height:100%;line-height:var(--navHeight);float:left;font-variation-settings:"wdth" 75,"wght" 500;text-transform:uppercase;letter-spacing:1.5px;cursor:pointer;outline:none;padding:0 30px;text-decoration:none;display:flex}.homeNavbar .menu{float:right;justify-content:center;align-items:center;height:100%;display:flex}.homeNavbar .menu.open .icon{transform:rotate(45deg)}.homeNavbar .menu.open .icon:hover span:nth-child(2){width:24px}.homeNavbar .menu.open .icon .line1{width:24px;top:50%;right:23px}.homeNavbar .menu.open .icon .line2{width:24px;top:50%;right:23px;transform:rotate(90deg)}.homeNavbar .menu.open .container{display:flex}.homeNavbar .menu.open .container .item:first-child{animation:.38s cubic-bezier(.175,.885,.32,1.275) .12s forwards riseIn}.homeNavbar .menu.open .container .item:nth-child(2){animation:.38s cubic-bezier(.175,.885,.32,1.275) .24s forwards riseIn}.homeNavbar .menu.open .container .item:nth-child(3){animation:.38s cubic-bezier(.175,.885,.32,1.275) .36s forwards riseIn}@keyframes riseIn{to{opacity:1;transform:translateY(0)}}.homeNavbar .menu .icon{width:var(--navHeight);height:var(--navHeight);cursor:pointer;justify-content:center;display:none;position:absolute;top:0;right:0}.homeNavbar .menu .icon,.homeNavbar .menu .icon>*{transition:all .3s ease-in-out}@media (hover:hover){.homeNavbar .menu .icon:hover .line2{width:25px}}.homeNavbar .menu .icon span{border-bottom:1px solid var(--colorContentPrimary);height:2px;display:block;position:absolute;right:18px}.homeNavbar .menu .icon span.line1{width:35px;top:38%}.homeNavbar .menu .icon span.line2{width:17.5px;top:52%}.homeNavbar .menu .container{height:100%;display:flex}.homeNavbar .menu .container .item{cursor:pointer;justify-content:center;align-items:center;height:100%;padding:0 20px;display:flex;position:relative}.homeNavbar .menu .container .item:after{content:"";border-bottom:2px solid hsl(var(--colorBrandPrimary));width:100%;height:5px;transition:transform .1s ease-in;display:block;position:absolute;bottom:12px;transform:scaleX(0)}.homeNavbar .menu .container .item p{font-variation-settings:"wdth" 75,"wght" 500;text-align:center;text-transform:uppercase;letter-spacing:1.5px;z-index:1;margin:0;font-size:12px}@media (hover:hover){.homeNavbar .menu .container .item:hover:after{transform:scaleX(.2)}}.homeNavbar .menu .tools{align-items:center;gap:8px;display:flex}.homeNavbar .menu .loginButton{flex-shrink:0;margin-left:12px}@media (max-width:800px){.homeNavbar .menu .container .item p{font-size:10px}}@media (max-width:630px){.homeNavbar{align-items:center;padding:0;display:flex}.homeNavbar .logo,.homeNavbar .loginButton{z-index:2;position:relative}.homeNavbar .logo{flex-shrink:0;padding:0 16px}.homeNavbar .menu{margin-left:auto;margin-right:64px}.homeNavbar .menu .tools{display:none}.homeNavbar .menu.open .tools{z-index:2;display:flex;position:fixed;bottom:48px;left:50%;transform:translate(-50%)}.homeNavbar .menu.open .tools .xtrColorButton{width:32px;height:32px}.homeNavbar .menu .loginButton{margin-left:0}.homeNavbar .menu .icon{z-index:2;width:64px;display:flex}.homeNavbar .menu .container{background-color:color-mix(in srgb, var(--colorBackgroundPrimary) 80%, transparent);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100dvh;display:none;position:absolute;top:0;left:50%;transform:translate(-50%)}.homeNavbar .menu .container .item{opacity:0;justify-content:center;width:fit-content;height:auto;padding:10px;transform:translateY(80px)}.homeNavbar .menu .container .item:first-child{animation:.1s ease-out .5s forwards riseIn}.homeNavbar .menu .container .item:nth-child(2){animation:.1s ease-out 1s forwards riseIn}.homeNavbar .menu .container .item:nth-child(3){animation:.1s ease-out 1.5s forwards riseIn}}@media (max-width:630px) and (hover:hover){.homeNavbar .menu .container .item:hover span{transition:width .1s ease-out}}@media (max-width:630px){.homeNavbar .menu .container .item.active span{width:100%;transition:width .3s cubic-bezier(.175,.885,.32,1.275)}.homeNavbar .menu .container .item span{bottom:8px}.homeNavbar .menu .container .item p{font-variation-settings:"wdth" 75,"wght" 300;font-size:34px}}