html{box-sizing:border-box}html,body,#root{height:100%}*,*:before,*:after{box-sizing:inherit}body{margin:auto;overflow:hidden}h1,p{margin:0}.full-width-container{width:100%;display:flex;flex-direction:column;align-items:center}.content-container{width:600px;max-width:100%}.space-between{justify-content:space-between}.component-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding:48px 48px 64px;overflow-y:auto;gap:16px;height:100%;background-color:#eee}.northmill-radio{position:relative;display:inline-block;width:24px;height:24px;top:4px;left:4px;border:4px solid #1d1f20;border-radius:50%}.northmill-radio:after{content:"";background:#1d1f20;position:absolute;width:8px;height:8px;top:12px;left:12px;border-radius:50%}.logo-container{height:88px;width:100%;padding:0 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:600px}.small{padding:0;height:120px}.logo{width:auto;height:auto;max-width:100%;max-height:100%}.button{display:flex;justify-content:flex-start;align-items:center;height:48px;width:100%;padding:12px 16px 12px 4px;border-radius:32px;border:none;box-shadow:0 12px 27px #0102023b;font-family:Matter;font-weight:600;font-size:12px;line-height:14.4px;color:#fff}.button--primary{background-color:#d1af5b}.button--secondary{background-color:transparent;border:2px solid #fff}.button--disabled{background-color:#bdbfc1;border:none}.button-label{flex-grow:1;text-align:center}.counter{display:flex;justify-content:center;align-items:center;height:40px;width:40px;border-radius:50%;padding:4px;margin-right:-12px}.counter--primary{border:2px solid rgba(255,255,255,.5)}.counter--secondary{border:2px solid #dddfe1}.counter--disabled{border:2px solid #9d9fa1}.start-page-content-container{height:100%;display:flex;align-items:center;flex-direction:column}.welcome-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;margin-top:auto;max-width:600px}.no-margin{margin-top:0}.welcome-text{font-family:Matter;font-weight:600;font-size:24px;line-height:28.32px;color:#000;text-align:center}.welcome-subtext{font-family:Matter;font-weight:600;font-size:14px;line-height:18.2px;color:#000;text-align:center}.footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;height:120px}.footer-image{width:100%;max-width:400px}.warning-label_container{display:flex;align-items:center;justify-content:flex-start;background-color:#eb3434;height:40px;border-radius:8px;padding:0 12px;gap:16px}.warning-label_text{font-family:Matter;font-weight:400;font-size:12px;line-height:15.6px;color:#fff9fa}.warning-wrapper{padding:8px}.menu-page-container{height:calc(100% - 120px - env(safe-area-inset-top) - env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;overflow-x:hidden;margin-bottom:96px}.menu-page-container>div{width:100%;height:100%}.menu-top-container{width:100%;display:flex;flex-direction:column;align-items:center;height:120px}.category-items-wrapper{background-color:#eff0f1;margin:auto;z-index:10;height:48px;overflow-y:hidden;overflow-x:auto}.category-item-container{height:48px;padding:8px 16px;gap:8px;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;overflow-x:auto;overflow-y:hidden;white-space:nowrap;scrollbar-width:none}.category-item-container::-webkit-scrollbar{display:none}.menu-button-container{height:80px;padding:16px;margin-top:auto;position:fixed;bottom:0;padding-bottom:env(safe-area-inset-bottom);background-color:#fff}@supports (padding-bottom: env(safe-area-inset-bottom)){.menu-button-container{padding-bottom:env(safe-area-inset-bottom)}}.header-container{position:relative;display:flex;justify-content:center;align-items:center}.header-logo{max-width:80%;max-height:100%;height:50px}.light{background-color:#fff;color:#1d1f20}.dark{background-color:#17225c;color:#fff}.header-text{font-family:Matter;font-weight:600;font-size:16px;line-height:20px}.back-btn{position:absolute;left:0;height:32px;width:32px}.category-item{display:flex;align-items:center;justify-content:center;border-radius:40px;gap:8px;padding:9px 16px;background-color:#eff0f1;min-height:32px;font-family:Matter;font-weight:600;font-size:12px;line-height:14.4px;text-align:center}.active{background-color:#fff;border-radius:24px}.category-headline-container{width:calc(100% - 16px)}.divider{height:1px;background-color:#eff0f1;margin:0 16px}.headline_container_primary{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:24px 16px 0;border-bottom:1px solid #e5e6e7;width:100%}.headline_container_secondary{display:flex;width:100%;flex-direction:column;align-items:flex-start;justify-content:space-around;padding:20px 16px 0;border-bottom:1px solid #e5e6e7}.headline--no-border{border-bottom:none;padding:0}.headline_header_primary{font-family:Matter;font-weight:600;font-size:20px;line-height:24.4px;color:#1d1f30;text-align:left}.headline_header_secondary{font-family:Matter!important;font-weight:600;font-size:16px;line-height:20px;color:#1d1f30}.headline_description{font-family:Matter;font-weight:400;font-size:12px;line-height:15.6px;color:#5d5f61;text-align:left;margin-bottom:16px;margin-top:-12px}.counter-button{display:flex;align-items:center;justify-content:center;border-radius:69px;border:2px solid #dddfe1;font-size:12px;font-weight:600;line-height:14.4px;font-family:Matter;text-align:center;width:104px}.counter-button--small{height:40px;background-color:transparent}.counter-button--large{min-width:96px;height:48px;background-color:transparent;box-shadow:0 12px 27px #0102023b;border:none;gap:none}.counter-button--primary{background-color:#1d1f20;border:none;color:#fff}.counter-button--secondary{background-color:#fff;color:#1d1f20}.counter--button-primary span img{width:24px;height:24px;fill:currentColor}.counter--button-secondary span img{width:24px;height:24px;fill:#1d1f20}.icon-container{display:flex;align-items:center;justify-content:center;width:40px;height:40px}.no-wrap{text-wrap:nowrap;margin:0 auto;display:flex;justify-content:center}.menuitem-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;width:100%;background-color:#fff}.menuitem-top{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;width:100%}.menuitem-description{font-family:Matter;font-weight:400;font-size:12px;line-height:15.6px;color:#5d5f61;text-align:left;width:100%;margin-top:0;padding-top:24px}.in-cart{background-color:#f7f8f9}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:1000}.modal-container{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top-left-radius:20px;border-top-right-radius:20px;max-height:80%;min-height:75%;overflow-y:hidden;z-index:1001;transform:translateY(100%);transition:transform .3s ease-in-out;display:flex;flex-direction:column;width:600px;max-width:100%;margin:0 auto}.modal-container.open{transform:translateY(0)}.header{display:flex;justify-content:space-between;flex-direction:column;padding:16px}.close-btn{height:32px;width:32px;align-self:flex-end}.header-title-container{display:flex;flex-wrap:wrap;flex-direction:column;align-items:flex-start;justify-content:space-evenly}.header-category{color:#5d5f61;font-family:Matter;font-size:12px;font-weight:400;line-height:15.6px;margin:0}.header-price{font-family:Matter;margin:0;font-weight:400;font-size:20px;line-height:24.4px}.header-title{font-family:Matter;font-size:32px;line-height:36.48px;font-weight:600;color:#1d1f20;margin:0 0 0 -1px}.close-button{background:none;border:none;font-size:24px;cursor:pointer}.content{flex:1;overflow-y:auto;margin-bottom:0}.content h4{margin-bottom:8px}.modal-footer{padding:16px;width:100%;gap:8px;display:flex;justify-content:space-between;align-items:center;background-color:#fff;flex-shrink:0}.quantity-button{background:none;border:1px solid #ccc;padding:8px 16px;font-size:16px;cursor:pointer}.add-to-cart-button{background:#d4af37;border:none;padding:8px 16px;color:#fff;font-size:16px;border-radius:4px;cursor:pointer}.variation-item_container{padding:0 12px 0 16px;background-color:#fff;height:56px;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom:1px solid #eff0f1}.variation-item_name{font-family:Matter;font-weight:600;font-size:16px;line-height:20px;color:#1d1f20}.radio-button__container{display:flex;align-items:center;gap:8px}.radio-button{display:inline-block;position:relative;width:24px;height:24px;border-radius:50%;border:4px solid #dddfe1;background-color:transparent;cursor:pointer;transition:all .3s ease}.radio-button:hover{border-color:#dddfe1}.radio-button.checked{border-color:#1d1f20;background-color:transparent}.radio-button.checked:before{content:"";display:block;position:absolute;top:50%;left:50%;width:8px;height:8px;background-color:#1d1f20;border-radius:50%;transform:translate(-50%,-50%)}.radio-button.disabled{border-color:#dddfe1;background-color:#f2f2f2;cursor:not-allowed}.radio-button.disabled.checked{background-color:#eff0f1}.radio-button.disabled.checked:before{background-color:#eff0f1}.radio-button__label{font-family:Matter;font-weight:400;font-size:12px;line-height:15.6px;color:#5d5f61}.variation-group-container{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%}.variation-group-header{max-height:24px;display:flex;justify-content:space-between;align-items:center;background-color:#f7f8f9;width:100%;padding:3px 16px 5px}.variation-group-header-text{color:#5d5f61;font-family:Matter;font-size:12px;font-weight:400;line-height:15.6px}.variation-items_container{width:100%;padding:8px}.checkbox{display:inline-block;position:relative;width:24px;height:24px;border-radius:4px;border:2px solid #ccc;background-color:transparent;cursor:pointer;transition:all .3s ease}.checkbox:hover{border-color:#999}.checkbox.checked{border-color:#000;background-color:#1d1f20}.checkbox.checked:before{content:"";display:block;position:absolute;top:50%;left:50%;width:22px;height:22px;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjIiIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyMiAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHJlY3Qgd2lkdGg9IjIyIiBoZWlnaHQ9IjIyIiByeD0iNiIgZmlsbD0iIzFEMUYyMCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTE3LjAzOTEgNi43ODE4OEMxNy4yOTc2IDcuMDEwNTkgMTcuMzIxOCA3LjQwNTU4IDE3LjA5MzEgNy42NjQxMkw5LjkwNTYzIDE1Ljc4OTFDOS43OTQyOCAxNS45MTUgOS42MzY5MyAxNS45OTA3IDkuNDY5MDkgMTUuOTk5MkM5LjMwMTI1IDE2LjAwNzcgOS4xMzcwNiAxNS45NDgyIDkuMDEzNTggMTUuODM0M0w0Ljk1MTA4IDEyLjA4NDNDNC42OTc0NCAxMS44NTAxIDQuNjgxNjIgMTEuNDU0NyA0LjkxNTc1IDExLjIwMTFDNS4xNDk4OCAxMC45NDc0IDUuNTQ1MjkgMTAuOTMxNiA1Ljc5ODkzIDExLjE2NThMOS4zOTIzNSAxNC40ODI4TDE2LjE1NjkgNi44MzU5QzE2LjM4NTYgNi41NzczNiAxNi43ODA2IDYuNTUzMTggMTcuMDM5MSA2Ljc4MTg4WiIgZmlsbD0id2hpdGUiLz48L3N2Zz4=);background-size:22px 22px;background-repeat:no-repeat;background-position:center;transform:translate(-50%,-50%)}.checkbox.disabled{border-color:#ddd;background-color:#f2f2f2;cursor:not-allowed}.checkbox.disabled.checked{background-color:#ddd}.comment-box_container{display:flex;padding:16px 16px 0;gap:8px;width:100%}.noPaddingLeft{padding-left:0}.comment-box_textarea{resize:none;border:1px solid #eff0f1;border-radius:8px;gap:8px;padding:12px;height:88px;width:100%;background-color:#f7f8f9;font-family:Matter;font-weight:400;font-size:16px;line-height:15.6px;color:#5d5f61}.info-label{position:fixed;top:130px;font-family:Matter;font-weight:400;font-size:16px;line-height:15.6px;color:#fff9fa;background-color:#0ff;padding:12px;border-radius:8px;display:flex;align-items:center;opacity:1;transition:opacity .5s ease-in-out;z-index:100}.info-label.hidden{opacity:0}.cart-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;height:calc(100% - 72px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}.cart-page-container{height:80vh;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;overflow-y:auto;padding:0 16px}.cart-total{width:100%;height:72px;background-color:#f7f8f9;padding:24px 16px}.cart-total .content-container{display:flex;justify-content:space-between;align-items:center}.cart-total__price{font-family:Matter;font-size:20px;font-weight:600;line-height:24.4px;color:#1d1f20}.cart-footer{display:fixed;bottom:0;padding:16px;width:100%}.cartitem-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px 16px;width:100%;background-color:#fff;border-bottom:1px solid #eff0f1}.cartitem-container:last-child{border-bottom:none}.cart-item-buttons{display:flex;justify-content:space-around;align-items:center;gap:16px}.cartitem-top{display:flex;flex-direction:row;align-items:flex-start;justify-content:center;padding-bottom:16px;width:100%}.cartitem-changes{width:100%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border-radius:4px;gap:16px;padding:7px 8px 9px;background-color:#eff5fd;font-family:Matter;color:#5d5f61;font-size:12px;margin-bottom:24px}.flex-paragraph{display:flex;flex-direction:column;margin:0}.cartitem-changes-title{font-weight:600;line-height:14.4px}.cartitem-changes-text{font-weight:400;line-height:15.6px}.delete-button-container{display:flex;justify-content:center;align-items:center;padding:4px 10px;border-radius:68px;background-color:#dddfe1;height:40px;width:40px}.dialog-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#1d1f2080;display:flex;justify-content:center;align-items:center}.dialog{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#fff;padding:16px;border-radius:8px;box-shadow:0 16px 47px #0102024d;max-width:80%;width:600px}.dialog-button-container{display:flex;align-items:center;width:100%;justify-content:space-around;gap:8px}.dialog-button{display:flex;align-items:center;justify-content:center;height:48px;width:100%;border-radius:32px;border:none;padding:12px 16px;font-size:12px;font-weight:600;line-height:14.4px;font-family:Matter;text-align:center;color:#fff;background-color:#d1af5b;gap:8px}.dialog-button--ghost{background-color:#fff;color:#1d1f20;border:2px solid #1d1f20}.dialog-header{font-family:Matter;font-weight:600;font-size:20px;line-height:24.4px;color:#1d1f20;margin-bottom:16px}.loader-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#ffffffe6;display:flex;align-items:center;justify-content:center;z-index:9999}.spinner{width:129px;height:128px;border-radius:50%;background:radial-gradient(farthest-side,#d1af5b 94%,#0000) top/10px 10px no-repeat,conic-gradient(#0000 30%,#d1af5b);-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 10px),#000 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 10px),#000 0);animation:spinner .8s infinite linear}@keyframes spinner{to{transform:rotate(1turn)}}.checkout-page-container{height:calc(100% - 72px - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:100%;display:flex;flex-direction:column;align-items:center;overflow-x:hidden;background-color:#eff0f1}.checkout-section{display:flex;flex-direction:column;align-items:center;padding:0 16px 16px}.payment-section{background-color:#f7f8f9;margin:4px 0}.cart-section,.details-section,.button-container{background-color:#fff}.cartsection-total-wrapper{width:100%;display:flex;flex-direction:column;align-items:center;padding:24px 10px 16px 0}.cartsection-total{width:100%;margin:0;display:flex;justify-content:space-between;align-items:center}.cartsection-total__price{font-family:Matter;font-size:20px;font-weight:600;line-height:24.4px;color:#1d1f20;margin:0}.cartsection-total__VAT{font-family:Matter;font-size:12px;font-weight:400;line-height:15.6px;color:#5d5f61;margin:0}.button-container{height:80px;padding:16px;gap:8px}.tc{width:100%;padding:16px 0 8px;font-family:Matter;font-size:12px;font-weight:400;line-height:15.6px;text-align:left}.tc span{font-family:Matter;font-size:12px;font-weight:600;line-height:14.4px;text-align:left}.payment-container{display:flex;flex-direction:column;width:100%;margin:0 auto;border:1px solid #e5e6e7;border-radius:8px;background-color:#fff}.payment-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e6e7;padding:12px 12px 12px 8px;position:relative;font-family:Matter;font-size:12px;font-weight:400;line-height:15.6px}.payment-container .payment-row:last-child{border-bottom:none}.payment-row label{font-weight:700;position:absolute;left:16px;top:50%;transform:translateY(-50%);background:#fff;padding:0 4px;color:#5d5f61}.payment-row input{flex:1;padding:8px 8px 8px 120px;border:none;outline:none;color:#9d9fa1}.payment-text{font-family:Matter;font-size:14px;font-weight:600;line-height:18.2px;text-align:left;margin:0}.icon-span{display:flex;align-items:center;gap:12px}.icon-span svg{width:24px;height:24px}.accepted-cards{display:flex;height:48px;justify-content:space-between;align-items:center;font-family:Matter;font-size:12px;font-weight:400;line-height:15.6px;text-align:left;color:#5d5f61;padding:0 16px 0 12px}.available-cards-container{display:flex;gap:10px}.available-card{height:20px;-webkit-filter:grayscale(100%);filter:grayscale(100%);opacity:.4;-webkit-transition:all .6s ease}.available-card.active-card{-webkit-filter:grayscale(0%);filter:grayscale(0%);opacity:1}.checkoutsummary-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.heading-row{width:100%;font-family:Matter;font-size:12px;font-weight:400;line-height:15.6px;text-align:left;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e6e7;padding:11px 0}.summary-row{width:100%;font-family:Matter;font-size:14px;font-weight:600;line-height:18.2px;display:flex;align-items:center;padding:11px 0;text-align:center;justify-content:center}.primary-column{width:60%;text-align:left}.secondary-column{width:20%;text-align:right}.summary-row>span,.heading-row>span{flex:1;text-align:center;padding:0 10px 0 0}.summary-row>span:nth-child(1),.heading-row>span:nth-child(1){text-align:left}.summary-row>span:nth-child(3),.heading-row>span:nth-child(3){text-align:right}.checkoutitem-container{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid #e5e6e7}.checkoutitem-container:last-child{border-bottom:none}.form-container{display:flex;flex-direction:column;width:100%;margin:0 auto;border:1px solid #e5e6e7;border-radius:8px;background-color:#fff}.form-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5e6e7;padding:9px 8px 7px;position:relative;font-family:Matter;font-size:12px;font-weight:400;line-height:15.6px}.form-container .form-row:last-child{border-bottom:none}.form-row label{font-weight:700;position:absolute;top:50%;transform:translateY(-50%);background:#fff;padding:0 4px;color:#5d5f61}.form-row label.invalid{color:#eb3434}.form-row input{flex:1;padding:8px 8px 8px 120px;border:none;outline:none;color:#1d1f20;font-size:16px}.formdata-required{color:#eb3434}.order-number-container{background-color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;width:212px;border-radius:8px;border:1px solid #fff;padding:16px 0;font-family:Matter;color:#1d1f20;margin:24px}.order-number{font-size:56px;line-height:60.48px;font-weight:600;text-align:center;margin:0}.order-number-label{font-size:16px;line-height:20px;font-weight:400;text-align:center;margin:0}.success-body,.success-footer{width:600px;max-width:100%}.success-body{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;margin-top:auto;width:100%}.success-text{font-family:Matter;font-weight:600;font-size:24px;line-height:28.32px;color:#fff;text-align:center}.success-subtext{font-family:Matter;font-weight:600;font-size:14px;line-height:18.2px;color:#fff;text-align:center}.success-footer{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;margin-top:auto}.policy-container{height:100%;overflow-x:hidden;padding:16px}