*{box-sizing:border-box;}body{margin:0;}.container{width:100%;padding:0 10px;}.smallcontainer{max-width:800px;margin:auto;}.container-fluid{width:100%;}.row{display:flex;flex-wrap:wrap;align-items:flex-start;}.row > *{padding:0 1rem 0 1rem;flex:0 0 auto;max-width:100%;}.align-center{align-items:center;}.col-1{width:8.333%;}.col-2{width:16.666%;}.col-3{width:25%;}.col-4{width:33.333%;}.col-5{width:41.666%;}.col-6{width:50%;}.col-7{width:58.333%;}.col-8{width:66.666%;}.col-9{width:75%;}.col-10{width:83.333%;}.col-11{width:91.666%;}.col-12{width:100%;}.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-10,.col-11,.col-12{flex:0 0 auto;}.d-none{display:none !important;}.d-block{display:block !important;}@media (min-width:768px){.col-sm-1{width:8.333%;}.col-sm-2{width:16.666%;}.col-sm-3{width:25%;}.col-sm-4{width:33.333%;}.col-sm-5{width:41.666%;}.col-sm-6{width:50%;}.col-sm-7{width:58.333%;}.col-sm-8{width:66.666%;}.col-sm-9{width:75%;}.col-sm-10{width:83.333%;}.col-sm-11{width:91.666%;}.col-sm-12{width:100%;}.d-sm-none{display:none !important;}.d-sm-block{display:block !important;}}@media (min-width:992px){.container{width:970px;margin:auto;}.col-md-1{width:8.333%;}.col-md-2{width:16.666%;}.col-md-3{width:25%;}.col-md-4{width:33.333%;}.col-md-5{width:41.666%;}.col-md-6{width:50%;}.col-md-7{width:58.333%;}.col-md-8{width:66.666%;}.col-md-9{width:75%;}.col-md-10{width:83.333%;}.col-md-11{width:91.666%;}.col-md-12{width:100%;}.d-md-none{display:none !important;}.d-md-block{display:block !important;}}@media (min-width:1201px){.container{width:1180px;}.col-lg-1{width:8.333%;}.col-lg-2{width:16.666%;}.col-lg-3{width:25%;}.col-lg-4{width:33.333%;}.col-lg-5{width:41.666%;}.col-lg-6{width:50%;}.col-lg-7{width:58.333%;}.col-lg-8{width:66.666%;}.col-lg-9{width:75%;}.col-lg-10{width:83.333%;}.col-lg-11{width:91.666%;}.col-lg-12{width:100%;}.d-lg-none{display:none !important;}.d-lg-block{display:block !important;}}@media (min-width:1601px){.container{width:1480px;}.col-xl-1{width:8.333%;}.col-xl-2{width:16.666%;}.col-xl-3{width:25%;}.col-xl-4{width:33.333%;}.col-xl-5{width:41.666%;}.col-xl-6{width:50%;}.col-xl-7{width:58.333%;}.col-xl-8{width:66.666%;}.col-xl-9{width:75%;}.col-xl-10{width:83.333%;}.col-xl-11{width:91.666%;}.col-xl-12{width:100%;}.d-xl-none{display:none !important;}.d-xl-block{display:block !important;}}@font-face{font-display:swap;font-family:'Lato';font-style:normal;font-weight:300;src:url('/fonts/Lato-Light.ttf') format('truetype');}@font-face{font-display:swap;font-family:'Lato';font-style:italic;font-weight:300;src:url('/fonts/Lato-LightItalic.ttf') format('truetype');}@font-face{font-display:swap;font-family:'Lato';font-style:normal;font-weight:400;src:url('/fonts/Lato-Regular.ttf') format('truetype');}@font-face{font-display:swap;font-family:'Lato';font-style:italic;font-weight:400;src:url('/fonts/Lato-Italic.ttf') format('truetype');}:root{--dark-red:#6c3b3b;--red:#c54d4d;--light-red:#d55d5d;--light-red-2:#ffe6e6;--green:#318b29;--yellow:#F2CF4A;--dark-yellow:#ddbe44;--black:#333;--white:#fff;--extra-dark-grey-2:#444444;--extra-dark-grey-3:#555555;--extra-dark-grey-4:#595959;--extra-dark-grey:#999999;--dark-grey:#d2d2d2;--grey:#e2e2e2;--light-grey:#f2f2f2;--extra-light-grey:#fafafa;--border-radius:2rem;--primary:#387D46;--primary-hover:#488D56;--secondary:#2b572b;--secondary-hover:#3b673b;--accent:#EAF4E6;--body-bg-color:var(--white);--body-color:var(--black);--header-bg-color:var(--white);--header-icon-color:var(--black);--nav-arrow-bg-color:var(--secondary);--subnav-bg-color:var(--secondary);--subnav-border-color:var(--primary);--sidebar-bg-color:var(--white);--sidebar-color:var(--black);--sidebar-title-line-color:var(--grey);--item-bg-color:var(--extra-light-grey);--item-border-color:var(--grey);--item-input-bg-color:var(--white);--red-item-bg-color:var(--light-red-2);--form-input-bg-color:var(--extra-light-grey);--form-input-border-color:var(--grey);--form-input-focus-border-color:var(--extra-dark-grey);--faint-text-color:var(--extra-dark-grey);--highlighted-text-color:var(--light-grey);--profile-bg-color:var(--grey);--profile-border-color:var(--light-grey);--button-bg-color:var(--grey);--button-color:var(--black);--button-hover-bg-color:var(--dark-grey);--footer-bg-color:var(--black);--footer-color:var(--white);}html[data-theme="dark"]{--body-bg-color:var(--black);--body-color:var(--white);--header-bg-color:var(--black);--header-icon-color:var(--white);--sidebar-bg-color:var(--black);--sidebar-color:var(--white);--sidebar-title-line-color:var(--extra-dark-grey);--item-bg-color:var(--extra-dark-grey-2);--item-border-color:var(--extra-dark-grey-4);--item-input-bg-color:var(--black);--red-item-bg-color:var(--dark-red);--form-input-bg-color:var(--extra-dark-grey-3);--form-input-border-color:var(--extra-dark-grey-4);--form-input-focus-border-color:var(--dark-grey);--faint-text-color:var(--dark-grey);--highlighted-text-color:var(--extra-dark-grey-3);--profile-bg-color:var(--extra-dark-grey-3);--profile-border-color:var(--light-grey);--button-bg-color:var(--extra-dark-grey-4);--button-color:var(--white);--button-hover-bg-color:var(--extra-dark-grey-3);--footer-bg-color:var(--extra-dark-grey-2);--footer-color:var(--white);--accent:#33422E;}html{height:100%;}body{background:var(--body-bg-color);font-size:16px;display:flex;flex-flow:column;min-height:100%;}body.noscroll{position:fixed;left:0;right:0;width:100%;}.mainbody{margin-bottom:4em;}*{font-family:'Lato',sans-serif;color:var(--body-color);}*:focus{outline:solid 1px var(--primary);outline:none;}a{text-decoration:none;}a:hover{text-decoration:underline;}img,svg{display:inline-block;max-width:100%;height:auto;}ul{margin:0;}h1{font-size:2em;font-weight:normal;margin:0.4em 0 0.4em 0;}h2{font-size:1.5em;}h3,h4,h5,h6{font-size:1.2em;}h2,h3,h4,h5,h6,p{margin:0.2em 0;font-weight:normal;}.clickable,input[type="submit"],button,label{cursor:pointer;}.red{color:var(--red);}.hide{display:none;}.button{display:inline-block;background-color:var(--button-bg-color);color:var(--button-color);padding:0.6em 1em;border:none;font-size:0.9em;border-radius:var(--border-radius);text-align:center;}.button:hover{background-color:var(--button-hover-bg-color);text-decoration:none;}.button.redbutton{background-color:var(--red);color:var(--white);}.button.redbutton:hover{background-color:var(--light-red);}.button.primarybutton{background-color:var(--primary);color:var(--white);}.button.primarybutton:hover{background-color:var(--primary-hover);}.button.secondarybutton{background-color:var(--secondary);color:var(--white);}.button.secondarybutton:hover{background-color:var(--secondary-hover);}.iconbutton{display:flex;align-items:center;justify-content:center;width:max-content;}.iconbutton svg{margin-right:0.2em;}.iconbutton.primarybutton svg,.iconbutton.button.secondarybutton svg{stroke:var(--white);}header{padding:1em 0;background-color:var(--header-bg-color);margin-bottom:0;}header .headercontainer{align-items:center;}header .logo{font-size:1.5em;}header .logo svg{display:block;height:1.5em;width:auto;}header .logo:hover{text-decoration:none;}.headerleft,.headerright{padding:0;}.headerleft svg,.headerright svg{display:block;max-width:2em;stroke:var(--header-icon-color);}.headercenter{display:flex;align-items:center;justify-content:center;}.headerright{text-align:right;}.headerright .accountlink{display:inline-block;}.headerright .accountlink:hover{text-decoration:none;}#burgertoggle{background:none;border:none;}.sidebar{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;padding:0;}.sidebar.open{pointer-events:all;}.sidebarclose{background:rgba(0,0,0,0.4);border:none;position:absolute;width:100%;height:100%;top:0;left:0;z-index:-1;cursor:default;opacity:0;transition:opacity 0.2s ease-out;}.sidebar.open .sidebarclose{opacity:1;}.sidebar .sidebarcontent{position:relative;background:var(--sidebar-bg-color);height:100%;width:80%;max-width:300px;padding:50px 1em 0 1em;transform:translateX(-100%);transition:transform 0.2s ease-out;}.sidebar .sidebarcontent:has(.sidebartitle){padding-top:4em;}.sidebar.open .sidebarcontent{transform:translateX(0);}.sidebar .sidebartitle{font-size:1.2em;position:absolute;top:0;left:0;padding:0.5em 2.5em 0.5em 1em;width:100%;border-bottom:solid 1px var(--sidebar-title-line-color);}.sidebar .sidebarclosebutton{position:absolute;z-index:1;top:0.5em;right:1em;padding:0;background:none;border:none;}.sidebar .sidebarclosebutton svg{display:block;width:2.5em;}nav ul{list-style-type:none;padding:0;}nav > ul > li > ul{display:none;padding:0;background:var(--subnav-bg-color);}nav > ul li.open > ul{display:block;}nav > ul > li > a{border-bottom:solid 1px var(--subnav-border-color);}nav > ul ul > li:not(:first-child){border-top:solid 1px var(--subnav-border-color);}nav ul a{display:inline-block;position:relative;width:100%;padding:0.6em 1em;}nav ul a .navitemtoggle{position:absolute;right:0;height:100%;width:3em;top:0;display:flex;align-items:center;justify-content:center;border:none;background:var(--nav-arrow-bg-color);border-left:solid 1px var(--nav-arrow-bg-color);background-image:url(/images/icons/open.svg);background-repeat:no-repeat;background-size:50% auto;background-position:center;}nav ul a .navitemtoggle.open{background-image:url(/images/icons/close.svg);}nav ul a.active{background:var(--primary);color:var(--white);}footer{background-color:var(--footer-bg-color);margin-top:auto;padding:2em 0;}footer > *{color:var(--footer-color);}.form label,.form .checkboxgroup{display:block;width:100%;margin-bottom:0.5em;position:relative;}.form label span,.form .checkboxgroup span,.form .checkboxgroup label{display:block;font-size:0.8em;margin-bottom:0.3em;}input:not([type='submit']),select,textarea{padding:0.5em 1em;font-size:0.9em;border:solid 1px var(--form-input-border-color);background:var(--form-input-bg-color);border-radius:var(--border-radius);}input:not([type='submit']):focus,select:focus,textarea:focus{border:solid 1px var(--form-input-focus-border-color);}textarea{border-radius:calc(var(--border-radius) / 2);}.form .urlinput{display:flex;align-items:center;}.form .urlinput span{padding:0.5em 0.9em;font-size:0.9em;background:var(--white);margin:0;border:solid 1px var(--grey);border-right:none;}.form input:not([type="submit"]):not([type="datetime-local"]):not([type="checkbox"]),.form textarea{width:100%;}.form .smallinput{max-width:50%;}.form .xsmallinput{max-width:30%;}.form .checkboxlabel span{display:inline-block;}.form .checkboxtoggletarget{display:none;}.form .checkboxtoggletarget.active{display:block;}.errormessage,.successmessage{padding:0.5em;color:var(--white);text-align:center;}.errormessage{background-color:var(--red);}.successmessage{background-color:var(--green);}.form .inputhint{display:inline-block;margin:0 0 0 0.5em;}.form .inputhint svg{height:1.2em;width:1.2em;}.form .inputtooltip{display:none;z-index:1;position:absolute;top:100%;left:0;padding:0.8em;background-color:var(--accent);border:solid 1px var(--grey);}.form label:has(.inputhint:hover,.inputhint:focus) .inputtooltip{display:block;}.tabs:not(.selected) > .tab ~ .tab,.tabs.selected > .tab:not(.active){display:none;}.tabs > .tabnav{overflow-x:auto;overflow-y:hidden;display:flex;gap:5px;position:relative;top:1px;}.tabs > .tabnav > button{padding:0.8em 1.2em;border-radius:0;border:solid 1px transparent;background:transparent;border-bottom:solid 1px var(--item-border-color);text-wrap:nowrap;}.tabs > .tabnav > button.active,.tabs:not(.selected) > .tabnav > button:first-of-type{border:solid 1px transparent;border-bottom:solid 1px var(--primary);}.tabs > .tab{padding:15px 10px 10px 10px;border-top:solid 1px var(--item-border-color);}dialog{position:fixed;margin:auto;max-width:80%;max-height:80%;width:800px;border:none;padding:0;background:var(--item-bg-color);box-shadow:rgba(99,99,99,0.2) 0px 2px 8px 0px;display:flex;flex-direction:column;overflow:hidden;border-radius:calc(var(--border-radius) / 2);}dialog::backdrop{background:rgba(0,0,0,0.4);}dialog.fullscreen{height:100%;}dialog .title{font-size:1.4em;font-weight:bold;text-align:center;margin:0;padding:0.8rem 3rem 0.8rem;flex-shrink:0;border-bottom:1px solid var(--item-border-color);}dialog .closedialog{position:absolute;top:0.75rem;right:0.75rem;height:2rem;width:2rem;border:none;background:transparent;cursor:pointer;}dialog .closedialog img{width:100%;height:100%;object-fit:contain;}dialog .dialogbody{flex:1 1 auto;overflow-y:auto;overflow-x:hidden;padding:1rem 1rem 2rem 1rem;}dialog .dialog-buttons{text-align:center;margin-top:2em;}dialog .dialog-buttons button{margin:0 0.2em;}dialog.confirmpopup p{text-align:center;}@media (max-width:600px){dialog{max-width:90%;max-height:90%;}dialog .dialogbody{padding:0.75rem;}}@media (min-width:768px){}@media (min-width:992px){.button{padding:0.6em 1.8em;}}@media (min-width:1201px){}@media (min-width:1601px){}h1{text-align:center;margin:0 0 0.5em 0;}.resetbutton{display:block;text-align:center;width:100%;margin-top:0.5em;}.toolbar,.buttonsection{display:flex;justify-content:space-between;gap:0.5em;align-items:stretch;}.toolbar.center{justify-content:center;}.toolbar > .button,.buttonsection > .button{flex-basis:calc(50% - 0.5em);justify-content:center;}ul{padding-left:1em;}.headerbanner{background-color:var(--accent);padding:0.6em;}.headerbanner p{text-align:center;margin:0;}nav ul a.active{border-radius:var(--border-radius);}nav > ul > li > a{border:none;}.profilepicture{display:flex;justify-content:center;align-items:center;border-radius:50%;aspect-ratio:1/1;width:2em;border:solid 2px var(--profile-border-color);font-size:2em;background-size:cover;background-position:center;}.profilepicture.noborder{border:solid 1px transparent;}.profilepicture.text{background-color:var(--profile-bg-color);border:none;}.profilepicture.small{font-size:1em;}.profilepicture.large{font-size:4em;}.meals{margin-top:1em;align-items:unset;gap:0 1rem;}.meal{width:calc(50% - 0.5rem);padding:0;border:solid 1px var(--item-border-color);border-radius:0.6em;overflow:hidden;display:flex;flex-flow:column;justify-content:flex-start;margin-top:1rem;background-color:var(--item-bg-color);}.meal .button:not(.primarybutton):not(.secondarybutton){color:var(--body-color);}.meal:hover{text-decoration:none;}.meal .image{width:100%;position:relative;aspect-ratio:1/1;background-size:cover;background-position:center;border:none;}.meal .image .savedicon svg{stroke:var(--dark-yellow);}.meal .image .savedicon.saved svg{fill:var(--yellow);}.meal p,.meal .mealrating{padding:0 0.5rem;margin:0.4em 0;}.meal .buttons button,.meal a{width:50%;text-align:center;padding:0.5em 0;border-radius:0;}.meal .name{font-size:1.4em;text-transform:capitalize;}.meal .buttons{margin-top:0.4em;width:100%;display:flex;align-items:flex-end;}.meal .mealrating,.meal:not(:has(.mealrating)) .buttons{margin-top:auto;}.meal .mealrating{display:flex;align-items:center;}.star svg{display:block;width:1em;margin:0 0.1em;stroke:var(--dark-yellow);}.star.filled svg{fill:var(--yellow);}.meal .mealrating span{font-size:0.9em;}.meal .buttons .secondarybutton{border-radius:0 1rem 0 0;}.meal .buttons .button:not(.secondarybutton){background:none;}.meal .savedicon{position:absolute;top:0.5em;right:0.5em;margin:0;padding:0;background:none;border:none;}.meal .savedicon span{display:block;width:2em;height:2em;}#mealimages{gap:5px;}#mealimages > *:hover{cursor:move;}#mealimages .image{width:calc(50% - 5px);border-radius:calc(var(--border-radius) / 2);overflow:hidden;}#mealimages .image img{padding:0;}#mealimages .image .button{border-radius:0;text-align:center;}#newimage{display:none;}.mealview .images{width:100%;overflow:auto;display:flex;align-items:center;}.mealview ul{padding-left:1em;}.mealview img{margin:auto;}.mealview .subheading{font-size:1.1em;font-weight:bold;margin:1em 0 0.5em 0;}.mealview .usersection{display:flex;align-items:center;}.mealview .usersection p{margin-left:1em;}.mealview .usersection p span{display:block;}.mealview .usersection p .createdby{color:var(--faint-text-color);}.mealview .sectiontitle{display:block;margin:1em 0 0 0;color:var(--faint-text-color);}.selectmeal{margin-top:1em;}#mealplanview{flex-wrap:nowrap;overflow:auto;scroll-snap-type:x mandatory;margin-bottom:2em;}#mealplanview .day{margin:0 1em 1.5em 0;padding:0;scroll-snap-align:start;width:calc(100% - 1.5em);}#mealplanview .day:first-child{padding-left:0;}#mealplanview .day:last-child{padding-right:0;margin-right:0;}#mealplanview .day h2{text-align:center;margin:0.5em 0 1em 0;}#mealplanview .day h2 .today{font-size:0.6em;color:var(--primary);position:relative;margin-left:0.4em;bottom:0.15em;font-weight:bold;}#mealplanview .daymeals{border-radius:calc(var(--border-radius) / 2);overflow:hidden;background-color:var(--item-bg-color);border:solid 1px var(--item-border-color)}#mealplanview .today .daymeals{background-color:var(--accent);}#mealplanview .daymeals .button{border-radius:0 1rem 0 0;min-width:50%;justify-content:center;}#mealplanview .mealcontainer{padding:0;}#mealplanview .daytitle{font-weight:normal;display:flex;align-items:center;justify-content:space-between;padding:0.4em 0.5em;margin:0;}#mealplanview .typetitle{font-weight:normal;padding:0.2em 0.5em 1em 0.5em;}#mealplanview .typetitle .mealtype{display:block;font-size:0.8em;color:var(--extra-dark-grey);}#mealplanview .mealimage{margin-bottom:0.2em;width:100%;height:10em;background-size:cover;background-position:center;background-repeat:no-repeat;border:none;}.refreshmealplan{margin:auto;}#shoppinglist ul{max-width:800px;margin:auto;}#shoppinglist ul{list-style-type:none;padding:0;}#shoppinglist ul li{padding:0;border:solid 1px var(--item-border-color);border-radius:var(--border-radius);margin-bottom:0.5em;}#shoppinglist ul li label{display:block;padding:0.5em 1em;}#shoppinglist ul li input{margin-right:1em;}#shoppinglist ul li label:has(input:checked){text-decoration:line-through;}.sortable{display:flex;flex-wrap:wrap;}.progressbar{text-align:center;margin-top:1em;}.progressbar .bar{width:100%;max-width:400px;margin:0.4em auto;background-color:var(--grey);}.progressbar .progress{background-color:var(--secondary);height:0.2em;}.pagination{display:flex;align-items:center;justify-content:center;margin-top:1em;}.pagination a{display:flex;align-items:center;justify-content:center;padding:0 0.4em;margin:0 0.5em;height:2.4em;}.pagination a:not(.prev):not(.next):not(.last):not(.first){border-radius:50%;aspect-ratio:1/1;padding:0;}.pagination a:hover{text-decoration:none;}.pagination a.active{background-color:var(--primary);color:var(--white);}.userheader{display:flex;align-items:center;justify-content:center;flex-flow:column;margin-top:1.5em;margin-bottom:1.5em;}.userheader h1,.userheader h2{margin:0.5em 0;}.mealsummary{display:flex;align-items:center;justify-content:center;margin-bottom:1em;flex-wrap:wrap;}.mealsummary .type{padding:1em;width:50%;}.mealsummary .type span{display:block;text-align:center;}.mealsummary .type .number{font-size:2em;}.ratingform{text-align:center;padding-top:2em;margin-top:2em;border-top:solid 1px var(--item-border-color);}.ratingform .stars{margin-bottom:1em;}.ratingform .stars .starrating{border:none;margin:0 0.2em;display:inline-block;}.ratingform .stars .starrating input{display:none;}.ratingform .star svg{display:block;width:2em;stroke:var(--dark-yellow);fill:var(--yellow);}.ratingform .starrating:has(input:checked) ~ .starrating svg{fill:none;}.heroimagecontainer{background-color:var(--accent);border-radius:66% 34% 70% 30% / 57% 57% 43% 43%;margin:2em 0 2em 0;}.herosection{align-items:center;margin-bottom:1.4em;}.herosection .left{text-align:center;}.herosection .left h1{font-size:3em;font-weight:bold;margin:0.1em 0;}.herosection .left p{font-size:1.4em;}.herosection svg{max-width:70%;max-height:30em;height:auto;width:auto;margin:auto;display:block;padding:2em;}.imagesection{align-items:normal;}.imagesummary,.statsummary{margin:0.4em 0;padding:0 0.4em;}.imagesummary .inner{padding:0.8em;text-align:center;height:100%;}.imagesummary p{margin:0.6em 0 0 0;font-size:1.1em;}.imagesummary svg{max-height:7em;width:auto;height:auto;padding:1em;}.statsection{margin-bottom:2em;display:flex;flex-flow:column;justify-content:center;align-items:center;}.statsection .profilepicture{margin-bottom:0.2em;}.statsection h2,.statsection .statsummary{text-align:center;}.buttonsection{display:flex;justify-content:center;align-items:center;}.exploresection{margin-top:2em;}section.background{background-color:var(--accent);padding-top:2em;padding-bottom:2em;}.promptsection{text-align:center;padding:3em 0 0 0;}.promptsection h2{text-align:center;font-size:2em;font-weight:bold;}.promptsection p{text-align:center;font-size:1.4em;}.promptsection .button{font-size:1.2em;margin-top:1em;}#aboutus h2,#expandcabinet h2{font-size:1.6em;}#aboutus section:not(.herosection):not(.promptsection),#expandcabinet section:not(.herosection):not(.promptsection){padding-top:2em;padding-bottom:2em;}#expandcabinet section:not(.herosection):not(.promptsection) p,#expandcabinet section:not(.herosection):not(.promptsection) li{line-height:2em;}#account .smallcontainer{margin-bottom:2em;background-color:var(--item-bg-color);border:solid 1px var(--item-border-color);border-radius:calc(var(--border-radius) / 2);padding:1em;max-width:95%;}#account .smallcontainer h2{margin:0 0 0.5em 0;}#account input:not([type="submit"]),#account select,#account textarea{background-color:var(--item-input-bg-color);}#account .smallcontainer.deletecontainer{background-color:var(--red-item-bg-color);}#qrcode{display:block;max-height:15em;margin:auto;}.qrcodepopup{text-align:center;}footer{text-align:center;}footer > *{margin:0.6em 1em;}.swiper-pagination-bullet-active{background-color:var(--primary)}dialog .swiper{width:100%;height:auto;overflow:hidden;margin-bottom:1rem;}dialog .swiper-slide img{display:block;width:100%;height:auto;object-fit:cover;}dialog .swiper-slide img{object-fit:unset;max-height:400px;width:auto;margin:auto;}#callback .mainbody{text-align:center;}#callback .mainbody svg{max-height:12em;margin:2em auto;display:block;}#callback h2{margin:1em 0;font-size:1.8em;}#callback p{margin-bottom:1em;}#callback .button{font-size:1em;margin-top:1em;}dialog.recoverycode .dialogbody{text-align:center;}dialog.recoverycode .dialogbody .red{font-weight:bold;margin-bottom:1em;}dialog.recoverycode .dialogbody pre{display:inline-block;margin:auto;background-color:var(--highlighted-text-color);padding:0.5em 1em;}.products{display:flex;justify-content:center;margin:2em 0;flex-wrap:wrap;padding:0 10px;}.productlabel{display:flex;justify-content:center;align-items:center;border-radius:calc(var(--border-radius) / 2);background-color:var(--item-bg-color);border:solid 1px var(--item-border-color);padding:1em;width:100%;margin-bottom:0.5em;}.productlabel svg{width:50%;padding:1em 0.8em 1em 0;max-height:6em;}.productlabel .info{display:flex;flex-flow:column;width:50%;}.productlabel p{font-size:1.4em;margin:0;font-weight:bold;}.productlabel span{margin-top:0.3em;}.productlabel input{display:none;}.productlabel:has(input:checked){background-color:var(--accent);border:solid 1px var(--primary);}.note{text-align:center;}#expandcabinet .mainbody .container{text-align:center;}#darkmodetoggle{display:flex;align-items:center;justify-content:space-between;padding:0 1em;margin-top:2em;}#darkmodetoggle input{display:none;}#install-btn{width:100%;margin-top:2em;}.fancytoggle{display:inline-block;background-color:var(--item-bg-color);border:solid 1px var(--item-border-color);border-radius:2em;width:4em;height:2em;position:relative}.fancytoggle .togglecircle{height:1.6em;width:1.6em;border-radius:50%;background-color:var(--extra-dark-grey);position:absolute;top:0.1em;left:0.2em;transition:all 0.2s ease-out;}.fancytoggleinput:checked + .fancytoggle .togglecircle{left:calc(100% - 1.8em);background-color:var(--primary);}@media (min-width:600px){.productlabel{width:calc(33.33% - 1em);margin:0 0.5em;flex-flow:column;}.productlabel svg,.productlabel .info{width:100%;text-align:center;}}@media (min-width:768px){.toolbar > .button{flex-basis:auto;justify-content:center;}#mealimages .image{width:calc(33.33% - 10px);}.meal{width:calc(33.33% - 0.7rem);}.statsection{flex-flow:row;}.statsection .profilepicture{margin:0 0.5em 0 0;}.statsection h2,.statsection .statsummary{text-align:left;}.buttonsection > .button{flex-basis:unset;}#mealplanview .day{padding:0 1rem 0 1rem;width:40%;}.userheader{flex-flow:row;}.userheader .profilepicture{margin-right:0.2em;}.mealsummary .type{width:auto;}#mealplanview .day{margin:0 0 1.5em 0;padding:0 0.5em 0 0.5em;}}@media (min-width:992px){.meal{width:calc(25% - 0.8rem);}#account .smallcontainer{max-width:800px;}.herosection .left h1{font-size:4em;font-weight:bold;margin:0.1em 0;}.herosection .left p{font-size:2em;}}@media (min-width:1201px){#mealimages .image{width:calc(25% - 15px);}*:not(.searchresults) > .meal{width:calc(20% - 0.8rem);}#mealplanview .day{width:28.5%;}}@media (min-width:1601px){#mealplanview .day{width:22.5%;}}@media (max-width:991px){.fullwidth{width:100% !important;}}