:root{--root-background-color:#fff;--content-background-color:#eef0e5;--header-color:#cde7ca;--header-link-active:#b2d4b6;--navigation-link-color:#fff;--red-warning-color:#ef8383;--red-warning-color-hover:#e84a4a;--orange-pending-color:#ff8c00;--yellow-share-color:#ffa;--yellow-share-color-hover:#d9d980;--text-header-color:#756a64;--button-highlight-color:#90b493;--button-highlight-color-hover:#698c6c;--font-family-headers:"Amatic SC";--font-family-logo:"Sofia";--font-family-body:"Encode Sans Condensed";--navigation-link-font-size:19px;--header-input-size:17px;--input-h1-size:18px;--input-h2-size:17px;--input-tiny-size:8px;--common-border-radius:10px;--common-dashed-line:1px var(--text-header-color) dashed;--common-solid-line:1px var(--text-header-color) solid}body{background-color:#fff;background-color:var(--root-background-color);margin:0}div,input,label,p,pre,select,table,textarea{font-family:"Encode Sans Condensed";font-family:var(--font-family-body)}button{font-size:20px}button,h1,h2,h3,h4,h5{font-family:"Amatic SC";font-family:var(--font-family-headers)}h1{font-size:40px;margin:5px 0}p{line-height:30px}.backgroundLayer{background-image:url(/static/media/lemon.16cf1e78.png);background-repeat:no-repeat;background-size:500px;background-position:65% 0;height:100%;position:absolute;z-index:0}.backgroundLayer,.centerWrap{width:100%;margin:auto}.logowrap{max-width:1080px;margin:auto;z-index:10}.headerLine{background-color:#cde7ca;background-color:var(--header-color);height:72px;position:absolute;top:60px;width:100%;z-index:4}.accountIconStyle{width:65px;text-align:center;color:#756a64;color:var(--text-header-color)}.ReactModal__Overlay{opacity:0;transition:opacity .3s ease-in-out}.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}.ModalContent{position:relative;border:1px solid #ccc;background:#eef0e5;background:var(--content-background-color);overflow-y:auto;-webkit-overflow-scrolling:touch;border-radius:4px;outline:none;padding:20px;width:500px;max-height:550px}.FriendListModalContent{width:800px}@media screen and (max-width:840px){.FriendListModalContent{width:360px;left:0;right:0;padding:0}}@media screen and (max-width:580px){.ModalContent{width:360px;left:0;right:0;padding:0}}.ModalOverlay{position:fixed;outline:none;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.4);z-index:50;display:flex;align-items:center;justify-content:center}.header{position:relative;max-width:1080px;margin:auto;font-family:"Amatic SC";font-family:var(--font-family-headers);min-width:320px;z-index:999}.header .active{background-color:#b2d4b6;background-color:var(--header-link-active)}.header li{display:inline;list-style-type:none;margin:0}.header ul{background-color:#cde7ca;background-color:var(--header-color);padding:0;margin:0}.header li a{color:#fff;color:var(--navigation-link-color);display:inline-block;font-size:19px;font-size:var(--navigation-link-font-size);font-weight:700;padding:24px 7px;text-decoration:none}.mainHeader{color:#756a64;font-family:"Sofia";font-family:var(--font-family-logo);font-size:40px;margin:0}.content{background-color:#eef0e5;background-color:var(--content-background-color);border-radius:10px;border-radius:var(--common-border-radius);min-width:320px;position:relative;top:80px;max-width:1080px;margin:auto;width:90%;z-index:10;min-height:500px;padding:10px}.content h2{font-family:"Amatic SC";font-family:var(--font-family-headers);margin:0}.account-friendlist table{font-size:18px}.account-friendlist tr{text-align:left}.account-friendlist-name{width:250px}.account-friendlist-action{width:62px}.account-friendlist h3{padding-left:5px;text-align:left;font-size:20px;margin-bottom:5px}.change-recipe-wrapper{bottom:0;display:table;left:0;position:relative;width:100%}@media screen and (max-width:530px){.change-recipe-wrapper-left{float:left;min-width:100%}.change-recipe-wrapper-right{float:left;width:300px}.change-recipe-instructions textarea{margin-left:-15px}.change-recipe-functionkeys button{font-size:13px}.change-recipe-instructions{width:260px}.ingredientGroupNameInput{font-size:17px;font-size:var(--input-h2-size);width:150px}.styledSelectSheet{width:65px}.ingredientAmountInput,.styledSelectSheet{font-size:8px;font-size:var(--input-tiny-size)}.ingredientAmountInput{width:30px}.ingredientNameInput{font-size:8px;font-size:var(--input-tiny-size);width:70px}}.change-recipe-wrapper-left,.change-recipe-wrapper-right{display:table-column;float:left}.change-recipe-wrapper-right{padding-left:10px}.change-recipe-topwrapper{border-bottom:1px dashed #756a64;border-bottom:var(--common-dashed-line)}.change-recipe-infobox,.change-recipe-topwrapper{display:flex;padding-bottom:10px;margin-bottom:10px}.change-recipe-ingredientlist .groupHeader{padding-top:10px;padding-bottom:5px}.change-recipe-name-input{font-size:18px;font-size:var(--input-h1-size);width:100%}.change-recipe-name{padding-right:10px}.change-recipe-instructions{border-bottom:1px dashed #756a64;border-bottom:var(--common-dashed-line);height:400px;padding:10px 10px 20px}.change-recipe-instructions textarea{border-radius:10px;border-radius:var(--common-border-radius);height:100%;padding:5px;resize:none;line-height:1.5em;white-space:pre-wrap;width:100%}.change-recipe-categories{overflow:hidden;padding:10px}.ingredientGroupNameInput{font-size:17px;font-size:var(--input-h2-size);width:100%}.ingredientAmountInput{max-width:50px}.ingredientNameInput{max-width:150px}.inputOK{border:1px solid #fff}.inputError{border:1px dashed #ef8383;border:1px dashed var(--red-warning-color)}.login-page{text-align:center}.login-page h1{font-size:40px}.login-page p{font-size:25px}.login-page p,.SearchRecipe table{font-family:"Amatic SC";font-family:var(--font-family-headers)}.SearchRecipe table{cursor:pointer;font-size:33px}.SearchRecipe-SearchField{border-bottom:1px dashed #756a64;border-bottom:var(--common-dashed-line);padding-bottom:10px}@media screen and (max-width:600px){.show-recipe-ingredients,.show-recipe-instructions{float:left;width:280px}}.show-recipe{display:table}.show-recipe h2{color:#756a64;color:var(--text-header-color);font-size:25px}.show-recipe h1{font-size:40px;margin:0}.show-recipe-top p{color:#756a64;color:var(--text-header-color);font-size:14px}.show-recipe-instructions{white-space:pre-wrap;overflow:hidden;padding:10px}.show-recipe-ingredients{padding:10px;float:left}.show-recipe-ingredients th{border-bottom:1px dashed #756a64;border-bottom:var(--common-dashed-line);text-align:left;padding:5px}.show-recipe-ingredients td{padding:5px}.friend-panel{border:1px solid grey;padding:10px;border-radius:10px;height:100px;width:365px;background:#cde7ca;background:var(--header-color);display:flex;justify-content:space-between;margin-bottom:10px}.friend-panel-thumbnail{border-radius:50%;border:1px solid grey;width:96px}.friend-panel-button{border:2px solid #000;border-radius:5px;background:hsla(0,0%,100%,0);cursor:pointer;margin-right:5px;font-family:"Encode Sans Condensed";font-family:var(--font-family-body);font-size:15px;height:35px}.friend-panel-button:hover{background:hsla(0,0%,100%,.7)}@media screen and (max-width:580px){.friend-panel-thumbnail{width:65px}.friend-panel{width:320px}}input{border:none;border-radius:10px;border-radius:var(--common-border-radius);padding-left:5px}select{background:#fff}.iconButton,select{border:none;cursor:pointer;height:30px}.arrowButton,.iconButton{background-color:#eef0e5;background-color:var(--content-background-color);width:30px}.arrowButton{border:none;cursor:pointer;height:30px;font-size:13px}.styledButton{background-color:#eef0e5;background-color:var(--content-background-color);border-radius:10px;border-radius:var(--common-border-radius);border:2px solid transparent;cursor:pointer}.iconButton{height:44px;width:44px;text-align:center;color:#000}.styledButton:hover{border:2px solid grey}.buttonHighlighted{background:#90b493;background:var(--button-highlight-color)}.buttonOk{color:green}.buttonPending{color:#ff8c00;color:var(--orange-pending-color)}.buttonError{color:#ef8383;color:var(--red-warning-color)}.container{display:block;position:relative;padding-left:35px;margin-bottom:12px;cursor:pointer;font-size:15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.container input{position:absolute;opacity:0;cursor:pointer}.checkmark{position:absolute;top:0;left:0;height:25px;width:25px;background-color:#eee;border:1px solid grey}.container:hover input~.checkmark{background-color:#ccc}.container input:checked~.checkmark{background-color:#2196f3}.checkmark:after{content:"";position:absolute;display:none}.container input:checked~.checkmark:after{display:block}.container .checkmark:after{left:6px;top:3px;width:10px;height:10px;border:solid #fff;border-width:0 3px 3px 0;transform:rotate(45deg)}.shopping-list-menu-top{border-bottom:var(--common-dashed-line);padding-bottom:5px}.shopping-list-menu{width:100%;height:100%;min-height:500px}.shopping-list-menu h2{font-size:22px;font-weight:400}.MenuTile{border-radius:var(--common-border-radius);cursor:pointer;height:120px;margin:5px;padding:5px;word-break:keep-all;width:120px;text-align:center}.TransparentTile{align-items:center;margin:-5px;padding:-5px;position:absolute;background-color:hsla(0,0%,100%,.7);display:flex}.ExistingTile{background:var(--button-highlight-color)}.ExistingTile:hover{background:var(--button-highlight-color-hover)}.DeleteTile{background:var(--red-warning-color)}.DeleteTile:hover{background:var(--red-warning-color-hover)}.ShareTile{background:var(--yellow-share-color)}.ShareTile:hover{background:var(--yellow-share-color-hover)}.AddNewTile{background:#d3d3d3}.AddNewTile:hover{background:#95d2cc}.shopping-list__items{padding-top:10px}.shopping-list__item{align-items:center;display:flex}.shopping-list__item input{width:190px;font-size:22px;height:35px}.shopping-list__item-text{font-size:22px;width:70%}.shopping-list__item-text-checked{text-decoration:line-through;color:#d3d3d3}.shopping-list__item-text-display{cursor:pointer}.shopping-list__new-item{align-items:center;display:flex;border-bottom:1px dashed grey;padding-bottom:10px;padding-top:10px}.shopping-list__new-item input{font-size:22px;height:35px}.shopping-list__name{align-items:center;display:flex}.shopping-list__name input{font-family:"Amatic SC";font-size:40px;font-weight:700;width:240px}
/*# sourceMappingURL=main.a6dc826a.chunk.css.map */