html{height:100%}body{min-height:100%;width:100%;margin:0;padding:0;position:relative;width:auto;display:contents}a{text-decoration:none;outline:none}a:active{background:none}img{border:none}.page{min-height:100%;width:100%;margin:0;padding:0;display:flex;flex-direction:column;justify-content:stretch;align-items:stretch;background-image:url(/bg-home.jpg);background-size:cover;background-attachment:fixed;background-position:center;background-repeat:no-repeat}.header{width:100%;margin:0;padding:0;position:relative;flex-grow:0}.logo{width:100%;display:flex;justify-content:center;align-items:center}.body{flex-grow:1;overflow-y:auto;overflow-x:auto;margin:0;padding:20px;width:auto;min-height:100%}@media only screen and (min-width : 320px) and (max-width : 568px){.body{margin:0;padding:0;width:100%}}:root{--text-color: #38761d;box-sizing:border-box}@font-face{font-family:Reenie Beanie;font-style:normal;font-weight:400;src:url(//fonts.gstatic.com/s/reeniebeanie/v11/z7NSdR76eDkaJKZJFkkjuvWxXPq1qw.woff2)format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:lato-regular-webfont;src:url(../fonts/lato-regular-webfont.eot);src:url(../fonts/lato-regular-webfont.woff) format("woff"),url(../fonts/lato-regular-webfont.ttf) format("truetype"),url(../fonts/lato-regular-webfont.svg) format("svg")}@font-face{font-family:lato-bold-webfont;src:url(../fonts/lato-bold-webfont.eot);src:url(../fonts/lato-bold-webfont.woff) format("woff"),url(../fonts/lato-bold-webfont.ttf) format("truetype"),url(../fonts/lato-bold-webfont.svg) format("svg")}[v-cloak]{display:none!important}.spinner{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.week{width:100%;height:100%;background-color:#fffc;border:thin solid #AAAAAA;border-radius:10px}.calendar{font: 36px Reenie Beanie;display:flex;justify-content:space-between}.calendar>.link{min-width:40px;text-align:center;font: 36px Reenie Beanie}.link{border-radius:5px;cursor:pointer;border:none;background-color:initial}.link:hover{background-color:#888}.button-panel{display:flex;justify-content:flex-end;align-items:center}.button{margin-right:10px;margin-bottom:10px;cursor:pointer;color:gray;font-size:1.5rem;border-radius:30px;padding:5px}button:disabled{cursor:not-allowed;pointer-events:all!important}.grid-content{padding:0 20px 20px}.day-grid{width:100%;height:100%;overflow-x:auto;display:grid;grid-template-columns:repeat(7,minmax(200px,1fr));grid-row-gap:10px;grid-column-gap:10px}.day{padding:10px 5px;min-width:120px;display:flex;flex-direction:column;justify-content:stretch;flex-grow:1;flex-shrink:1;flex-basis:0}.day-name-wrapper{flex-grow:0;flex-shrink:0;position:relative;margin:0;padding:5px}.day-meal-wrapper{flex-grow:1;flex-shrink:1;display:grid;grid-template-rows:repeat(2,50%);grid-template-columns:auto;grid-gap:10px}.day-name{color:#7a6666;font-family:lato-bold-webfont;font-size:15px;font-weight:400;line-height:15px;text-align:center;text-transform:uppercase;letter-spacing:7px}.day-meal{padding:5px 0}.meal{padding:5px;min-height:180px;max-height:180px;min-width:180px;border:thin solid #888888;border-radius:5px;position:relative;display:flex;justify-content:stretch;align-items:stretch}.meal.loading{background-color:#0000001a;cursor:not-allowed}.meal-name{border-radius:60px;display:flex;justify-content:center;align-items:center;text-align:center;border-style:dashed;border-width:medium;border-color:#0000;color:var(--text-color);flex-grow:1;overflow:hidden;text-overflow:ellipsis;font: 32px Reenie Beanie}.meal-name:hover{cursor:pointer;border-style:dashed;border-width:medium;border-color:brown;background-color:#a52a2a33}.meal-name.droppable{border-style:dashed;border-width:medium;border-color:#006400;background-color:#00640033}.meal-drag{position:absolute;top:5px;left:5px;cursor:grab}.meal-close{position:absolute;top:5px;right:5px;cursor:pointer}.meal-leftovers{position:absolute;bottom:5px;right:5px}@media only screen and (max-width : 568px){.grid-content{padding:0 10px 10px 0}.day-grid{overflow-x:auto;display:grid;grid-template-columns:auto;grid-template-rows:repeat(7,minmax(160px,1fr));border:none}.day{padding:5px;min-height:150px;flex-direction:row;justify-content:stretch;position:relative}.day>div{padding:0 5px}.day-name-wrapper{min-width:10px;max-width:10px;display:flex;justify-content:center;align-items:center}.day-meal-wrapper{display:grid;grid-template-rows:auto;grid-template-columns:repeat(2,50%)}.day-name{-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.meal{min-height:150px;min-width:100px}.meal-name{font: 28px Reenie Beanie}}.modal-mask{position:fixed;z-index:9998;top:0;left:0;width:100%;height:100%;background-color:#0000001a;display:table;transition:opacity .3s ease}.modal-wrapper{display:table-cell;vertical-align:middle}.modal-container{width:300px;margin:0 auto;padding:20px 30px;background-color:#fff;border-radius:2px;box-shadow:0 2px 8px #00000054;transition:all .3s ease;font-family:Helvetica,Arial,sans-serif}.modal-header h3{margin-top:0;color:#42b983}.modal-body,.modal-footer{margin:20px 0}.modal-default-buttons{display:flex;justify-content:center;align-items:center}.modal-default-buttons>button{margin:0 5px}.recipe-form{display:flex;flex-direction:column;justify-content:space-between}.recipe-form>input{width:100%;margin-top:5px;margin-bottom:5px}.recipe-form>textarea{width:100%;height:100px;margin-top:5px;margin-bottom:5px}.modal-enter,.modal-leave-active{opacity:0}.modal-enter .modal-container,.modal-leave-active .modal-container{-webkit-transform:scale(1.1);transform:scale(1.1)}