.accordion-btn{background:none;color:#fff;cursor:pointer;padding:18px;width:100%;text-align:left;border-bottom:none;border-right:none;border-left:none;border-top:1px solid #567e44;outline:none;transition:.4s}.one-accordion:first-child .accordion-btn,.one-accordion:last-child .accordion-btn{border-right:1px solid #567e44;border-left:1px solid #567e44}.one-accordion:last-child .accordion-btn{border-bottom:1px solid #567e44}.accordion-btn:hover{background-color:#eee;color:#567e44}.accordion-btn.active{background-color:#567e44;color:#fff;border-bottom:1px solid #740a6e}.accordion-btn:after{content:"+";font-size:13px;color:#fff;float:right;margin-left:5px}.accordion-btn.active:after{content:"-"}.accordion-content{padding:0 0;background:#fff;color:#262525;max-height:0;overflow:auto;transition:max-height .2s ease-out;font-size:.8rem;text-align:justify}.accordion-content .title{font-size:24px;font-weight:700;letter-spacing:2px;width:95%;padding:1% 0 1% 1%;margin:1% auto;border-radius:5px;box-shadow:0 5px 7px -1px rgba(51,51,51,.23)}.accordion-content ul.info{list-style-type:none;width:95%;margin:1% auto;border-radius:5px}.accordion-content ul.info li{background-color:#fff;padding:1%;font-size:1rem}.accordion-content ul.info li span{font-weight:700}.accordion-content .info li:nth-child(2n){background-color:grey}.accordion-content ul.nutrition{list-style-type:none;display:flex;justify-content:space-evenly;text-align:center;width:95%;margin:2% auto 5% auto}.accordion-content ul.nutrition li{flex-basis:20%;margin-right:5px;display:flex;flex-direction:column;justify-content:space-between;padding:1% 0 1%;border-radius:5px}.accordion-content ul.nutrition li h6,.accordion-content ul.nutrition li p{font-size:1rem}.accordion-content ul.nutrition li p:last-child{font-size:.8rem}@media (max-width:768px){.accordion-btn{padding:15px}.accordion-content .title{font-size:1rem;letter-spacing:unset;text-align:center}.accordion-content ul.info li{font-size:.7rem}.accordion-content ul.nutrition li{margin-right:2px;padding:1% 0 1% 1%;border-radius:unset}.accordion-content ul.nutrition li h6,.accordion-content ul.nutrition p{font-size:.4rem}.accordion-content ul.nutrition li p:last-child{font-size:.3rem}}.nutrition-popup[data-v-fb8e92b8]{position:absolute;bottom:-300%;right:105%;width:100%;padding:5%;background-color:#fff;border:3px solid #f1f1f1;display:flex;flex-direction:column;justify-content:space-evenly}.nutrition-popup div[data-v-fb8e92b8]{display:flex;margin:5% 0;width:100%}.nutrition-popup div p[data-v-fb8e92b8]{flex:3;border:none;color:#567e44;font-size:12px;display:flex;justify-content:flex-start;align-items:center}.nutrition-popup div input[name=percent][data-v-fb8e92b8],.nutrition-popup div input[name=value][data-v-fb8e92b8]{flex:2}.nutrition-popup div button.add[data-v-fb8e92b8]{flex:0.1;margin:0;border:none;display:flex;justify-content:center;background-color:#740a0a}.nutrition-popup div input[data-v-fb8e92b8]{border-left:1px solid grey;border-top:1px solid grey;border-bottom:1px solid grey;margin-right:2%}.nutrition-popup div.button button[data-v-fb8e92b8]{border:none;text-align:center;display:flex;justify-content:center}@media (max-width:768px){.nutrition-popup div p[data-v-fb8e92b8]{font-size:8px}.nutrition-popup div input[data-v-fb8e92b8]{border-right:2px solid #740a0a;margin-right:1%}}.modal-content{background-color:#bdbdbd;margin:5% auto;width:90%;height:80%;overflow:auto;display:flex;flex-direction:column}.modal-header{background-color:#567e44;color:#fff;padding:1% 2%;display:flex;justify-content:space-between;align-items:center;flex:1}.modal-header h2{font-weight:lighter}.modal-header span{cursor:pointer}.modal-body{padding:2px 16px;flex:10}.upload-here{display:flex}.staging-area{width:30%}.staging-area .staged-img{height:100%;width:100%}.upload-form{width:70%;display:flex;flex-direction:column;align-items:flex-end;justify-content:space-around}.upload-form div{width:40%;text-align:justify}.upload-form button{width:100%;background-color:#740a0a;color:#fff;margin:1% 0 3%;padding:3.5%;cursor:pointer;border:none}.upload-form input[type=file]{background:none;padding-left:0}.upload-form .file-info{color:#2d6812;font-size:12px}.upload-form input,.upload-form select,.upload-form textarea{border-right:3px solid #740a0a;border-left:none;border-top:none;border-bottom:none;width:100%;padding:3%;color:#567e44;background:#fff}.upload-form div.text-description-input input{margin-bottom:5%}.upload-form div.nutrition{margin:0;position:relative}.upload-form div.nutrition button{border-right:3px solid #740a0a;border-left:none;border-top:none;border-bottom:none;display:flex;justify-content:space-between;color:#fff;background-color:#477afc}.upload-form div.backgroundColor,.upload-form div.svgColor{display:flex;flex-direction:column;width:40%;align-items:flex-end}.upload-form div.backgroundColor label,.upload-form div.svgColor label{font-size:12px;color:#2d6812}.upload-form .error{color:red;font-size:12px}@media (max-width:768px){.staging-area,.upload-form{width:50%}.upload-form div{width:100%}.upload-form .file-info{font-size:10px}.upload-form div.backgroundColor,.upload-form div.svgColor{width:100%}}.admin-container{height:90vh;overflow-y:hidden}.accordion-container{width:100%;height:100%;margin:auto;z-index:1;display:grid;grid-template-columns:auto 70%;grid-template-rows:8% auto;grid-gap:0}.accordion-container header{font-weight:lighter;display:flex;justify-content:space-between;align-items:center;grid-area:1/1/2/3;padding:2% 8% 0 8%}.accordion-container header h1{font-weight:lighter}.accordion-container header button{border:1px solid #fff;border-radius:5px;background:none;color:#fff;padding:1% 2%;cursor:pointer}.accordion-container header button:hover{background-color:#567e44}.accordion{grid-area:2/2/3/3;overflow:auto;padding-top:10%}.displayImage{grid-area:2/1/3/2;margin-right:5%;display:flex;align-items:center}.displayImage img{width:100%;height:100%}.displayImage .alternate{width:100%;text-align:center}.modal{width:100%;height:100%;margin:auto;position:fixed;top:0;left:0;z-index:11;overflow:hidden;background-color:#000;background-color:rgba(0,0,0,.7)}@media (max-width:768px){.admin-container{overflow-y:auto}.accordion-container{grid-template-columns:50% 50%}.accordion-container header{flex-direction:column;padding:1% 5% 0 5%}.accordion-container header h1{font-size:1.5rem}.accordion-container header button{width:50%;padding:2% 2%;border-radius:5px}.accordion{padding-top:50%}.displayImage img{height:60%}}