.header{padding:27px 25px}.header .container{display:flex;align-items:center;flex-direction:column;width:100%;padding:0 21px;margin:0 auto}.nav-list{display:flex;align-items:center;justify-content:center}@media screen and (min-width:400px){.nav-list{display:flex;align-items:center;justify-content:center;gap:10px}}.nav-link{text-transform:uppercase;color:#6e1a2b;font-size:7px;font-weight:600;line-height:21px;text-decoration:none;padding:10px;transition:background-color .3s cubic-bezier(.4,0,.2,1),border-radius .3s cubic-bezier(.4,0,.2,1)}.nav-link:hover{background-color:#fff;border-radius:16px}@media screen and (min-width:400px){.nav-link{font-size:9px;padding:6px}}@media screen and (min-width:600px){.nav-link{padding:15px;font-size:13px}}.title-dessert{font-size:40px;font-weight:700;color:#6e1a2b;text-align:center}.add-btn-dessert{color:#6e1a2b;font-size:12px;font-weight:500;line-height:15px;letter-spacing:.5px;text-align:center;text-transform:uppercase;border:2px solid rgb(255,255,255);width:200px;height:60px;border-radius:16px;background-color:#ffebed;margin-top:15px;cursor:pointer;transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),cursor .3s cubic-bezier(.4,0,.2,1)}.form-container-dessert{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-bottom:30px;margin-top:15px}.label-input-dessert{font-size:20px;font-weight:600;line-height:20px;color:#6e1a2b}.input-dessert{margin-top:20px;width:100%;height:40px;background-color:#ffebed;border:2px solid rgb(255,255,255);border-radius:16px;padding-left:15px;color:#6e1a2b}.btn-create-dessert{margin-top:20px;color:#6e1a2b;font-size:12px;font-weight:500;line-height:15px;letter-spacing:.5px;text-align:center;text-transform:uppercase;border:2px solid rgb(255,255,255);width:100%;height:50px;cursor:pointer;border-radius:16px;background-color:#ffebed;transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),cursor .3s cubic-bezier(.4,0,.2,1)}.form-edit-dessert{display:flex;flex-direction:column;gap:20px}.input-title-recepie{margin-top:10px;width:100%;height:30px;background-color:#ffebed;border:2px solid rgb(255,255,255);border-radius:16px;padding-left:15px;color:#6e1a2b}.input-title-recepie:focus{border:2px solid #6e1a2b}@media screen and (min-width:600px){.input-title-recepie{height:40px}}.btn-dessert{color:#6e1a2b;font-size:9px;font-weight:500;line-height:15px;letter-spacing:.5px;text-align:center;text-transform:uppercase;border:2px solid rgb(255,255,255);padding:10px;border-radius:16px;background-color:#ffebed;transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),cursor .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-dessert:hover{background-color:#f48fa3;border-color:transparent;fill:#fff;color:#fff;cursor:pointer}add-btn-dessert:hover{background-color:#f48fa3;border-color:transparent;fill:#fff;color:#fff;cursor:pointer}.btn-create-dessert:hover{background-color:#f48fa3;border-color:transparent;fill:#fff;color:#fff;cursor:pointer}.btn-addDiametr{margin-top:20px;margin-left:auto;margin-right:auto;color:#6e1a2b;font-size:12px;font-weight:500;line-height:15px;letter-spacing:.5px;text-align:center;text-transform:uppercase;border:2px solid rgb(255,255,255);width:200px;height:60px;border-radius:16px;background-color:#ffebed;transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),cursor .3s cubic-bezier(.4,0,.2,1)}.btn-addDiametr:hover{background-color:#f48fa3;border-color:transparent;color:#fff;cursor:pointer}.list-ingredients-recepie{display:flex;flex-direction:column;gap:15px;align-items:center}.btn-successfully-dessert{margin-top:20px;margin-left:auto;margin-right:auto;color:#6e1a2b;font-size:12px;font-weight:500;line-height:15px;letter-spacing:.5px;text-align:center;text-transform:uppercase;border:2px solid rgb(255,255,255);width:200px;height:60px;border-radius:16px;background-color:#ffebed;transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),cursor .3s cubic-bezier(.4,0,.2,1)}.btn-successfully-dessert:hover{background-color:#f48fa3;border-color:transparent;color:#fff;cursor:pointer}.visible-btn{color:#6e1a2b;font-size:8px;font-weight:500;line-height:10px;letter-spacing:.5px;text-align:center;text-transform:uppercase;border:2px solid rgb(255,255,255);height:30px;border-radius:16px;background-color:#ffebed;margin:0 auto;transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),cursor .3s cubic-bezier(.4,0,.2,1)}.visible-btn:hover{background-color:#f48fa3;border-color:transparent;color:#fff;cursor:pointer}.wrap-title-ingredients{display:flex;gap:10px;align-items:center;justify-content:center}.title-ingredients{font-size:15px;font-weight:600;line-height:20px;color:#6e1a2b}.wrap-recepie{display:flex;gap:20px;justify-content:center;align-items:center;flex-direction:column}.ingredients-text{margin-right:auto;font-size:13px;font-weight:400;line-height:20px;color:#6e1a2b}.list-ingredients-item{display:flex;align-items:center;gap:10px;width:-moz-fit-content;width:fit-content}.form-edit-ingredients{display:flex;justify-content:center}@media screen and (max-width:768px){.form-edit-ingredients{flex-direction:column;align-items:center;gap:10px}}.input-edit-ingredients{width:90%;height:30px;background-color:#ffebed;border:2px solid rgb(255,255,255);border-radius:16px;padding-left:15px;color:#6e1a2b}.label-edit-ingredients{font-size:13px;font-weight:600;line-height:20px;color:#6e1a2b;display:flex;gap:5px;align-items:start;flex-direction:column;width:100%}.form-recepie-ingredients{display:flex;flex-direction:column;justify-content:center;gap:15px}.list-recepie-dessert{width:100%;display:flex;flex-direction:column;padding-bottom:20px;gap:15px;justify-content:center;text-align:center;align-items:center}.label-title-recepie{font-size:11px;font-weight:600;line-height:20px;color:#6e1a2b}@media screen and (min-width:600px){.label-title-recepie{font-size:15px}}.recepie-item{display:flex;gap:20px;justify-content:center;align-items:center;flex-direction:column;background-color:#ffebed;border-radius:16px;box-shadow:0 2px 6px #0000000d;border:2px solid white;padding:20px}.title-recepie{font-size:15px;text-align:center;font-weight:600;line-height:20px;color:#6e1a2b}@media screen and (min-width:600px){.title-recepie{font-size:20px;font-weight:600;line-height:20px;color:#6e1a2b}}.sub-title-recepie{font-size:18px;font-weight:600;line-height:20px;color:#6e1a2b;margin-top:10px}@media screen and (min-width:600px){.sub-title-recepie{font-size:24px;font-weight:600;line-height:20px;color:#6e1a2b;margin-top:20px}}.wrap-btn{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:auto}.wrap-btns-edit-recepie{display:flex;gap:10px;justify-content:center;align-items:center;margin-top:15px}.label-edit-recepie{font-size:13px;font-weight:600;line-height:20px;color:#6e1a2b;display:flex;text-align:center;flex-direction:column}.form-recepie{display:flex;flex-direction:column;justify-content:center;gap:10px}.backdrop{position:fixed;inset:0;background-color:#00000080;z-index:9999;opacity:0;transition:opacity .25s cubic-bezier(.4,0,.2,1);pointer-events:none}.modalWindow{width:min(520px,92vw);position:fixed;top:50%;left:50%;padding:10px;transform:translate(-50%,-50%) scale(.95);opacity:0;transition:transform .25s cubic-bezier(.4,0,.2,1),opacity .25s cubic-bezier(.4,0,.2,1);background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a;pointer-events:none}.backdrop.is-open{opacity:1;pointer-events:auto}.backdrop.is-open .modalWindow{transform:translate(-50%,-50%) scale(1);opacity:1;pointer-events:auto}.titleForm{font-size:15px;text-align:center;font-weight:600;line-height:20px;color:#6e1a2b;margin-bottom:20px}.input-diameter{width:90%;height:30px;background-color:#ffebed;border:2px solid rgb(255,255,255);border-radius:16px;padding-left:15px;color:#6e1a2b}.formDiameter{display:flex;flex-direction:column;justify-content:center;align-items:center}.btn-close{display:flex;justify-content:center;align-items:center;background-color:transparent;border:none;margin-left:auto;cursor:pointer;transition:fill .3s cubic-bezier(.4,0,.2,1)}.btn-close:hover{fill:#f48fa3}.menu-title-dessert{font-size:40px;font-weight:700;color:#6e1a2b;text-align:center;margin-top:20px}.label-filtr-menu{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:20px;margin-bottom:25px;color:#6e1a2b;font-family:Montserrat,sans-serif;font-size:14px;font-weight:600}.filtr-menu{margin-top:10px;width:90%;height:30px;background-color:#ffebed;border:2px solid rgb(255,255,255);border-radius:16px;padding-left:15px;color:#6e1a2b}.list-menu-recepie{display:block;margin:0 auto;max-width:1200px}.dessert-card{width:300px;margin-bottom:15px;background-color:#ffebed;border-radius:16px;box-shadow:0 2px 6px #0000000d;border:2px solid white;padding:16px;display:flex;flex-direction:column}.dessert-card-title{font-size:24px;font-weight:700;color:#6e1a2b;margin-bottom:10px;text-align:center}.recipe-list{display:flex;flex-direction:column;gap:12px}.recipe{background-color:#ffeef0;border-radius:12px;padding:16px 20px;box-shadow:0 2px 6px #0000000d;border:2px solid white}.recipe-title{font-size:18px;font-weight:600;color:#6e1a2b;margin-bottom:6px}.recipe-subtitle{color:#6e1a2b;font-family:Montserrat,sans-serif;font-size:16px;font-weight:500;margin-bottom:5px}.ingredients-list{padding-left:18px;margin:6px 0;list-style:disc}.ingredients-list-item{font-size:14px;line-height:1.5;color:#6e1a2b}.ingredients-list-text{font-size:16px;font-weight:400;line-height:1.6;list-style-type:disc;color:#6e1a2b}.wrap-btn-dessert-card{display:flex;gap:10px;justify-content:center;align-items:center;flex-direction:column;margin-top:auto}.textarea-notes{width:100%;height:100px;border-radius:12px;border:2px solid #6e1a2b;padding:10px;font-size:14px;font-family:Montserrat,sans-serif;resize:none;margin-bottom:5px}.describe-dessert{margin-top:20px;margin-bottom:10px;font-size:14px;color:#6e1a2b;white-space:pre-line}.btn-dessert-card{color:#6e1a2b;font-size:9px;font-weight:500;line-height:15px;letter-spacing:.5px;text-align:center;text-transform:uppercase;border:2px solid rgb(255,255,255);padding:10px;border-radius:16px;background-color:#ffebed;transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),cursor .3s cubic-bezier(.4,0,.2,1);width:100%}.btn-dessert-card:hover{background-color:#f48fa3;border-color:transparent;fill:#fff;color:#fff;cursor:pointer}.form-notes{margin-bottom:10px}.dessert-diametr-text{font-size:16px;font-weight:400;line-height:1.6;list-style-type:disc;color:#6e1a2b;margin-bottom:10px}.wrap-info{display:flex;align-items:center;flex-direction:column;padding:20px 21px;background-color:#ffebed;border-radius:16px;box-shadow:0 2px 6px #0000000d;border:2px solid white;margin-bottom:20px}.title-calculator{font-size:15px;font-weight:700;color:#6e1a2b;text-align:center;margin-bottom:20px}.label-select{font-size:10px;font-weight:700;color:#6e1a2b;text-align:end;display:flex;justify-content:center;align-items:center;gap:10px}.form-calculation{display:flex;align-items:start;justify-content:center;flex-direction:column;margin-bottom:auto;gap:10px}.wrap-submit{display:flex;gap:10px}@media screen and (min-width:600px){.title-calculator{font-size:20px}.support-item{font-size:15px}}@media screen and (min-width:1000px){.title-calculator{font-size:30px}.label-select{font-size:18px}}.select-desserts{height:20px;background-color:#ffebed;border:2px solid rgb(255,255,255);border-radius:16px;padding-left:10px;padding-right:10px;color:#6e1a2b;font-size:10px;cursor:pointer}@media screen and (min-width:1000px){.select-desserts{height:30px;padding-left:15px;padding-right:15px;font-size:15px}}.result-submit-btn{color:#6e1a2b;font-size:5px;font-weight:500;line-height:15px;letter-spacing:.5px;text-align:center;text-transform:uppercase;border:2px solid rgb(255,255,255);padding:5px;border-radius:16px;background-color:#ffebed;transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),cursor .3s cubic-bezier(.4,0,.2,1);width:100%}.result-submit-btn:hover{background-color:#f48fa3;border-color:transparent;fill:#fff;color:#fff;cursor:pointer}@media screen and (min-width:600px){.result-submit-btn{font-size:7px}}@media screen and (min-width:1000px){.result-submit-btn{padding:5px;font-size:10px}}*{box-sizing:border-box}p,h1,h2,h3,h4,h5,h6{margin:0}ul{margin:0;padding-left:0;list-style:none}img{display:block;height:auto}fieldset{margin:0;padding:0}.hidden{display:none}body{font-family:Montserrat,sans-serif;background-color:#ffe0e4;background-image:url(/menu/img/background.png);background-size:70%;background-position:center;background-attachment:fixed}.section-form-menu .container{display:flex;align-items:center;flex-direction:column;width:100%;padding:20px 21px;margin:0 auto;background-color:#ffebed;border-radius:16px;box-shadow:0 2px 6px #0000000d;border:2px solid white}@media screen and (min-width:600px){.section-form-menu .container{width:550px}}.container{display:flex;align-items:center;flex-direction:column;justify-content:center}.cookie{width:100px;height:125px;animation:spin 1.5s linear infinite}.menu-desserts .container{display:flex;align-items:center;flex-direction:column;justify-content:center;width:100%;padding:0 21px;margin:0 auto}@media screen and (min-width:600px){.menu-desserts .container{width:600px}}@media screen and (min-width:800px){.menu-desserts .container{width:800px}}@media screen and (min-width:1200px){.menu-desserts .container{width:1200px}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#ffe0e4;display:flex;justify-content:center;align-items:center;z-index:9999}.btn-create-recepie{color:#6e1a2b;font-size:9px;font-weight:500;line-height:15px;letter-spacing:.5px;text-align:center;text-transform:uppercase;border:2px solid rgb(255,255,255);padding:10px;border-radius:16px;background-color:#ffebed;margin:0 auto;transition:background-color .3s cubic-bezier(.4,0,.2,1),border-color .3s cubic-bezier(.4,0,.2,1),color .3s cubic-bezier(.4,0,.2,1),cursor .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}svg{pointer-events:none}.btn-create-recepie:hover{background-color:#f48fa3;border-color:transparent;color:#fff;fill:#fff;cursor:pointer}
