:root{--border-radius: .5rem;--space: 1rem;--background-color-light: #ffffff;--background-color-dark: #000000;--text-color-light: #ffffff;--text-color-dark: #000000;--border-color: #000000;--grey-color-light: #d9d9d9;--grey-color-dark: #636363;--yellow-color: #ecd04c;--green-color: #63915c;--red-color: #a95855;--greenish-color-background: #e5f9ee}body{margin:0;padding:0;font-family:Arial,sans-serif}#main-container{display:flex;flex-direction:column;height:100dvh;background-color:var(--background-color);color:var(--text-color-dark);justify-content:flex-start}button{-ms-user-select:none;-webkit-user-select:none;user-select:none}.login-body-container{max-height:100dvh;min-height:100dvh;width:100%;background-color:#e5f9ee;display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;overflow-y:auto}.login-body-container input,.login-body-container button{border-radius:20px;margin-top:20px;height:40px;width:250px;text-align:center;border:black;font-size:1em;min-height:30px}.login-body-container button{background-color:#656363;color:#fff}.register{margin-top:50px;font-size:1em;text-align:center;font-style:italic;width:50%}.logo{margin-top:30px;width:50%;max-width:300px;aspect-ratio:1 / 1}@media screen and (min-width: 1024px){.login-body-container{background-color:#e5f9ee;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;overflow-y:auto}.login-body-container input{border-radius:20px;margin-top:20px;height:45px;width:450px;text-align:center;border:black;font-size:1.1em}.login-body-container button{border-radius:20px;margin-top:20px;height:45px;text-align:center;border:black;width:450px;background-color:#656363;color:#fff;font-size:1.1em;cursor:pointer}.register{display:flex;flex-direction:column;width:450px;margin-top:20px;text-align:center;font-style:italic;align-items:center}}header{display:flex;flex-direction:row;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border-color);min-height:40px;padding:var(--space);background-color:var(--background-color-dark);color:var(--text-color-light)}header #filter-button,header #back-button,header #settings-button{color:var(--background-color-light)}header #settings-button{padding-top:2px}header #app-name{text-align:center;font-size:2em}@media screen and (min-width: 1024px){header #settings-button,header #filter-button,header #back-button{cursor:pointer}}.home-body-container{min-height:100dvh-40px}.home-body-container h2{display:flex;justify-content:center;align-items:center;color:#000}@media (max-width: 375px){.home-body-container h2{font-size:1.3em}}.home-body-container .edit-favourites-button{padding-left:10px}.home-body-container .row-one-title{display:flex;justify-content:center;align-items:center;padding-left:10px;padding-right:10px;max-width:100vw;width:100%;box-sizing:border-box}.todays-favourite-menus-container .menu-container{display:flex;flex-direction:row;margin-left:10px;flex:1;justify-content:flex-start;align-items:flex-start;max-height:400px;overflow-x:scroll;gap:10px}.todays-favourite-menus-container .menu-container .menu-component{min-width:calc(100dvw - 52px);max-width:calc(100dvw - 52px);padding:15px;background:var( --greenish-color-background );border-radius:25px;border:1px solid black;margin-bottom:10px;box-shadow:0 2px 4px #00000080;max-height:300px}.todays-favourite-menus-container .menu-container .menu-component:last-of-type{margin-right:10px}.todays-favourite-menus-container .menu-container .menu-component .mensa-name{font-size:.8em;font-weight:700;margin-bottom:10px}.todays-favourite-menus-container .menu-container .menu-component .menu-title-and-price{display:flex;justify-content:space-between;margin:0;padding:0;max-width:calc(100dvw - 40px)}.todays-favourite-menus-container .menu-container .menu-component .menu-title-and-price .menu-title{padding-right:20px}.todays-favourite-menus-container .menu-container .menu-component .menu-title-and-price .menu-price{text-wrap:wrap;font-size:.8em;padding-top:4px}.todays-favourite-menus-container .menu-container .menu-component .ingredients-component{margin-top:10px;font-size:large}.todays-favourite-menus-container .menu-container .menu-component .allergens-component{margin-top:10px}.todays-favourite-menus-container .menu-container .menu-component .matched-allergens-component{margin-top:10px;color:red;font-weight:700;padding-bottom:20px}.todays-favourite-menus-container .banner-no-menus-available{display:flex;justify-content:center;align-items:center}.arrow-icon-container{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:20px}.arrow-icon-container .mini-info{font-size:.8em}.blurred{filter:blur(3px);overflow:hidden}.mensa-buttons-container{display:flex;margin-left:10px;margin-right:10px;flex-direction:column;align-items:stretch}.mensa-buttons-container a{text-decoration:none;color:inherit;display:block}.mensa-component{width:100%;height:80px;padding:15px;background:#d9d9d9;border:black;border-radius:25px;margin-bottom:10px;box-shadow:0 2px 4px #00000080}.first-row{display:grid;grid-template-columns:10fr 2fr}.second-row{margin-top:5px;display:grid;grid-template-columns:5fr 5fr 5fr}.mensa-title{font-size:1.2em;text-align:left;font-weight:700;color:#000}.open-closed-tag{background:#056909;padding:5px 10px;border-radius:15px;font-size:.8em;color:#fff;margin-top:5px;margin-left:10px;text-align:center}.closed{background:#a20a0a;opacity:65%}.location-tag{text-align:center;background:#656363;padding:5px 10px;border-radius:15px;font-size:.8em;color:#fff;margin-top:5px}.mark-as-favorite-mensa{display:flex;justify-content:flex-end}.goTo{display:flex;justify-content:flex-end;cursor:pointer}.overlay{position:fixed;top:0;left:0;width:100%;min-height:100dvh;z-index:100}@media screen and (min-width: 1024px){.mensa-buttons-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;justify-content:center;align-items:center;margin-bottom:20px}.mensas{display:flex;align-items:center;justify-content:center}.mensa-component{width:250px;height:150px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:10px;box-sizing:border-box;margin-bottom:0}.mensa-title{font-size:1.5em}.home-body-container h2{text-align:center}.row-one-title h2{font-size:1em}.first-row{justify-content:flex-start;padding:3px 15px;width:100%;height:auto}h2{font-size:1.5em}.second-row{padding:15px;width:100%;height:22px;display:flex;justify-content:space-around;align-items:center}.mark-as-favorite-mensa{font-size:30px;display:flex;cursor:pointer}.location-tag{min-width:75px;display:flex;justify-content:center;align-items:center;margin-top:0}.open-closed-tag{min-width:75px;height:auto;text-align:center;display:flex;justify-content:center;align-items:center;margin-top:0}.goTo{width:100%}.goTo-icon{font-size:35px}.edit-favourites-button,.left-arrow-icon,.right-arrow-icon{cursor:pointer}.mensa-name{font-size:1em!important}.todays-favourite-menus-container{display:flex;flex-direction:column;align-items:center}.todays-favourite-menus-container .menu-container{max-width:calc(60dvw - 10px)}.todays-favourite-menus-container .menu-container .menu-component{min-width:calc(60dvw - 52px);max-width:calc(60dvw - 52px);padding:15px;background:var( --greenish-color-background );border-radius:25px;border:1px solid black;margin-bottom:10px;box-shadow:0 2px 4px #00000080;max-height:300px}.todays-favourite-menus-container .menu-container .menu-component:last-of-type{margin-right:10px}.todays-favourite-menus-container .menu-container .menu-component:first-of-type{margin-left:5px}.todays-favourite-menus-container .menu-container .menu-component .mensa-name{font-size:.8em;font-weight:700;margin-bottom:10px}.todays-favourite-menus-container .menu-container .menu-component .menu-title-and-price{display:flex;justify-content:space-between;margin:0;padding:0;max-width:calc(100dvw - 40px)}.todays-favourite-menus-container .menu-container .menu-component .menu-title-and-price .menu-title{padding-right:20px}.todays-favourite-menus-container .menu-container .menu-component .menu-title-and-price .menu-price{text-wrap:wrap;font-size:.8em;padding-top:4px}.todays-favourite-menus-container .menu-container .menu-component .ingredients-component{margin-top:10px;font-size:large}.todays-favourite-menus-container .menu-container .menu-component .allergens-component{margin-top:10px}.todays-favourite-menus-container .menu-container .menu-component .matched-allergens-component{margin-top:10px;color:red;font-weight:700;padding-bottom:20px}.todays-favourite-menus-container .banner-no-menus-available{display:flex;justify-content:center;align-items:center}}.filter-component{position:fixed;top:1000px;width:100%;height:calc(100dvh - 240px);padding:20px;background-color:#000;box-shadow:0 4px 8px #0000001a;border-radius:25px 25px 0 0;z-index:1000;color:#fff;box-sizing:border-box;overflow-y:auto;animation:slideIn .5s forwards}.filter-component h2{text-align:center}.filter-component h3{margin-top:50px;text-align:center;font-size:medium}.filter-component .filter-container{display:grid;grid-template-columns:1fr 1fr;gap:20px}.filter-component .filter-container .filter-button{align-items:center;background:#656363;padding:5px 10px;border-radius:15px;font-size:1em;text-align:center;color:#fff;border:none}.filter-component .filter-container .applied{background:white;color:#000}.hidden-filter{display:none}@media screen and (min-width: 1024px){.filter-button{cursor:pointer}}.settings-component{position:fixed;top:1000px;width:100%;height:calc(100dvh - 240px);padding:20px;background-color:#000;box-shadow:0 4px 8px #0000001a;border-radius:25px 25px 0 0;z-index:1000;color:#fff;box-sizing:border-box;overflow-y:auto;animation:slideIn .5s forwards}.settings-component h2{text-align:center}.settings-component h3{margin-top:50px;text-align:center;font-size:medium}.settings-component .allergies-container{display:grid;grid-template-columns:1fr 1fr;gap:20px}.settings-component .price-container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}.settings-component .user-login-logout{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:20px}.settings-component .user-login-logout .login-button{width:100%;background:#656363;border-radius:15px;font-size:1em;text-align:center;color:#fff;border:none;padding:5px 10px;background-color:var(--green-color)}.settings-component .user-login-logout .logout-button{width:100%;background:#656363;border-radius:15px;font-size:1em;text-align:center;color:#fff;border:none;padding:5px 10px;background-color:var(--red-color)}.settings-component .user-login-logout .login-info,.settings-component .user-login-logout .logout-info{margin-top:20px}.settings-button{align-items:center;background:#656363;padding:5px 10px;border-radius:15px;font-size:1em;text-align:center;color:#fff;border:none}.applied{color:#000;background-color:#fff;border:none}.allergy-info{text-align:center;font-style:italic;margin-bottom:20px;font-size:.6em}.slideIn{animation:slideIn .5s forwards}.slideOut{animation:slideOut .5s forwards}.hidden-settings{display:none}@keyframes slideIn{0%{top:1000px}to{top:240px}}@keyframes slideOut{0%{top:240px}to{top:1000px}}@media screen and (min-width: 1024px){.settings-button,.login-button,.logout-button{cursor:pointer}}.mensa-body-container{display:flex;flex-direction:column;align-items:center;flex:1;max-width:100vw}.mensa-body-container .row-one-title{display:flex;justify-content:center;max-width:calc(100dvw - 20px);text-wrap:wrap}.mensa-body-container .row-one-title .mark-as-favorite-mensa{display:flex;justify-content:center;align-items:center;padding-left:10px}.mensa-body-container .row-one-title h2{color:#000}@media (max-width: 375px){.mensa-body-container .row-one-title h2{font-size:1.3em}}.mensa-body-container .second-row-tags{display:flex;margin-bottom:20px;justify-content:center}.mensa-body-container .menu-container{display:flex;flex-direction:column;margin-left:10px;margin-right:10px;flex:1;justify-content:space-between;min-width:calc(100dvw - 20px);max-width:calc(100dvw - 20px)}.mensa-body-container .menu-container .menu-component{padding:15px;background:var( --greenish-color-background );border-radius:25px;border:1px solid black;margin-bottom:10px;box-shadow:0 2px 4px #00000080}.mensa-body-container .menu-container .menu-component .menu-title-and-price{display:flex;justify-content:space-between;margin:0;padding:0;max-width:calc(100dvw - 40px)}.mensa-body-container .menu-container .menu-component .menu-title-and-price .menu-title{padding-right:20px}.mensa-body-container .menu-container .menu-component .menu-title-and-price .menu-price{text-wrap:wrap;font-size:.8em;padding-top:4px}.mensa-body-container .menu-container .menu-component .ingredients-component{margin-top:10px;font-size:large}.mensa-body-container .menu-container .menu-component .allergens-component{margin-top:10px}.mensa-body-container .menu-container .menu-component .matched-allergens-component{margin-top:10px;color:red;font-weight:700}.mensa-body-container .menu-container .menu-component .last-row-actions{display:flex;justify-content:space-around;margin-left:50px;margin-right:50px;margin-top:15px}.mensa-body-container .menu-container .menu-component .last-row-actions .marked-as-favourite{color:var(--yellow-color)}.mensa-body-container .banner-no-menus-available{display:flex;flex:1;justify-content:center;align-items:center;font-size:x-large;text-align:center;font-style:italic}.mensa-body-container .footer{display:flex;flex-direction:column;align-items:center}.mensa-body-container .footer .footer-container{display:grid;grid-template-columns:1fr 1fr;margin-bottom:10px;padding:15px;text-align:center}.mensa-body-container .footer .footer-container .footer-maps-link{margin-top:20px}.mensa-body-container .footer .visit-website{text-align:center;margin-bottom:30px}@media screen and (min-width: 1024px){.menu-container{display:flex;align-items:center;gap:10px}.menu-component{width:60vw}.menu-component .menu-price{text-wrap:wrap;font-size:1.17rem!important;padding-top:0!important}.row-one-title{font-size:25px;align-items:center}.second-row-tags{width:95vw;height:30px;padding-bottom:10px}.location-tag,.open-closed-tag{height:20px}.footer-container{width:100%;display:flex;justify-content:space-around}.footer-times{padding-right:100px;padding-left:100px}.visit-website,.star-icon,.share-icon{cursor:pointer}}.register-body-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#e5f9ee;min-height:100dvh;max-height:100dvh;width:100%;overflow-y:auto}.register-body-container .email-invalid{color:red;font-size:.8em}.register-body-container .password-requirements{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;font-size:.8em;color:red}.register-body-container .password-requirements ul{margin-bottom:0;padding:0}.register-body-container .password-requirements ul .valid{color:green}.register-body-container .password-requirements ul .invalid{color:red}.register-body-container h2{padding-top:20px;padding-bottom:20px;margin:0}.register-body-container .user-input-container{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;gap:10px}.register-body-container .user-input-container input{border-radius:20px;height:40px;width:250px;text-align:center;border:black;font-size:1em}.register-body-container button{border-radius:20px;height:40px;width:100px;text-align:center;border:black;background-color:#656363;color:#fff;font-size:1em}.register-body-container .register-settings-container{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;overflow-y:scroll;margin-top:20px;scrollbar-width:none;-ms-overflow-style:none}.register-body-container .register-settings-container::-webkit-scrollbar{width:8px}.register-body-container .register-settings-container::-webkit-scrollbar-track{background:none}.register-body-container .register-settings-container::-webkit-scrollbar-thumb{background:#656363;border-radius:6px}.register-body-container .register-settings-container h3{margin-top:20px;margin-bottom:0}.register-body-container .register-settings-container h3:first-of-type{margin-top:0;margin-bottom:0}.register-body-container .register-settings-container .mini-info{display:flex;flex-direction:row;align-items:center;justify-content:center;width:100%;font-size:.6em;padding-top:6px;padding-bottom:10px}.register-body-container .register-settings-container .register-price-container{display:flex;flex-direction:row;align-items:center;justify-content:center;max-width:calc(100dvw - 20px);padding-left:10px;padding-right:10px;gap:10px}.register-body-container .register-settings-container .register-price-container .applied{color:#000;background-color:#fff;border:1px solid black}.register-body-container .register-settings-container .register-allergies-container{display:grid;grid-template-columns:repeat(3,1fr);max-width:100dvw;justify-items:center;align-items:center;row-gap:5px;column-gap:5px;margin-left:10px;margin-right:10px}.register-body-container .register-settings-container .register-allergies-container .register-settings-button{display:flex;align-items:center;justify-content:center;width:100%;font-size:.8em}.register-body-container .register-settings-container .register-allergies-container .applied{color:#000;background-color:#fff;border:1px solid black}.register-body-container .register-button{font-size:1em;background-color:var(--green-color);color:#fff;margin-top:20px;margin-bottom:20px;width:200px;height:40px}.register-body-container .register-button:disabled,.register-body-container .register-button-disabled{font-size:1em;background-color:#d3d3d3;color:#a9a9a9;cursor:not-allowed;margin-top:20px;margin-bottom:20px;width:200px;height:40px}@media screen and (min-width: 1024px){.register-body-container .email-invalid,.register-body-container .password-requirements{font-size:1em}.register-body-container h2{padding-top:40px;padding-bottom:40px}.register-body-container .user-input-container input{height:45px;width:450px;font-size:1.1em}.register-body-container button{height:45px;width:200px;font-size:1.2em;cursor:pointer}.register-body-container .register-settings-container h3{font-size:1.2em}.register-body-container .register-settings-container .mini-info{font-size:.8em}.register-body-container .register-button{font-size:1.1em;width:350px;cursor:pointer;height:45px}.register-body-container .register-title{font-size:2em}.register-body-container .register-button:disabled,.register-body-container .register-button-disabled{font-size:1.2em;width:350px;min-height:45px}.register-body-container .register-allergies-container .register-settings-button{font-size:1.1em!important;width:250px!important;height:45px}}.favourite-body-container{display:flex;flex-direction:column;align-items:center;flex:1;max-width:100vw;justify-content:flex-start}.favourite-body-container h2{color:#000}@media (max-width: 375px){.favourite-body-container h2{font-size:1.3em}}.favourite-body-container .menu-container{display:flex;flex-direction:column;margin-left:10px;margin-right:10px;flex:1;justify-content:flex-start;min-width:calc(100vw - 20px);max-width:calc(100vw - 20px)}.favourite-body-container .menu-container .menu-component{padding:15px;background:var( --greenish-color-background );border-radius:25px;border:1px solid black;margin-top:10px;box-shadow:0 2px 4px #00000080}.favourite-body-container .menu-container .menu-component:first-of-type{margin-top:0}.favourite-body-container .menu-container .menu-component:last-of-type{margin-bottom:10px}.favourite-body-container .menu-container .menu-component .menu-title-and-price{display:flex;justify-content:space-between;margin:0;padding:0;max-width:calc(100dvw - 40px)}.favourite-body-container .menu-container .menu-component .menu-title-and-price .menu-title{padding-right:20px}.favourite-body-container .menu-container .menu-component .menu-title-and-price .menu-price{text-wrap:wrap;font-size:.8em;padding-top:4px}.favourite-body-container .menu-container .menu-component .ingredients-component{margin-top:10px;font-size:large}.favourite-body-container .menu-container .menu-component .allergens-component{margin-top:10px}.favourite-body-container .menu-container .menu-component .matched-allergens-component{margin-top:10px;color:red;font-weight:700}.favourite-body-container .menu-container .menu-component .last-row-actions{display:flex;justify-content:space-around;margin-left:50px;margin-right:50px;margin-top:15px}.favourite-body-container .menu-container .menu-component .trash-icon{color:#000;cursor:pointer}.favourite-body-container .banner-no-menus-available{display:flex;justify-content:center;align-items:center}
