@import url(https://fonts.googleapis.com/css2?family=Comfortaa&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:Comfortaa,sans-serif}input{outline:none}a,input{font-weight:700}a{text-decoration:none}svg{cursor:pointer;width:34px;height:34px;stroke-width:2}#app{font-family:Comfortaa,sans-serif;background:var(--category-main-color);box-sizing:border-box;overflow:hidden}#app .router{min-height:calc(100vh - 65px);margin-top:65px}.slide-fade-enter-active[data-v-19ed507e]{transition:all .3s ease-out}.slide-fade-enter-from[data-v-19ed507e],.slide-fade-leave-to[data-v-19ed507e]{transform:scale(.5%)}.active[data-v-19ed507e]{color:var(--category-second-color);border-bottom:var(--category-second-color) 2px solid}section[data-v-19ed507e]{max-width:900px;margin:auto;padding:10px;height:100vh;font-family:Roboto,-apple-system,Helvetica Neue,Segoe UI,Arial,sans-serif}section h2[data-v-19ed507e]{margin:10px;text-align:center}section .switcher[data-v-19ed507e]{display:flex;justify-content:space-around;margin-bottom:20px}section .switcher h3[data-v-19ed507e]{color:#665949;cursor:pointer;font-size:18px}.menu-page[data-v-3850416c]{background:var(--category-main-color);color:var(--category-second-color)}.menu-page .menu[data-v-3850416c]{padding:10px;max-width:1100px;margin:auto;min-height:calc(100vh - 65px)}.menu-page .menu h1[data-v-3850416c]{padding:10px;margin:15px 0}div[data-v-46ec88d0]{padding:10px 20px}div h2[data-v-46ec88d0]{margin:10px 0}div a[data-v-46ec88d0]{display:block;margin:5px 10px}.favorites[data-v-341318a6]{max-width:1100px;margin:auto;padding:10px}.favorites h2[data-v-341318a6]{margin:15px 0}.favorites h3[data-v-341318a6]{margin-top:10px;width:100%;display:flex;justify-content:center}.favorites .error[data-v-341318a6]{cursor:pointer}.create-category[data-v-3838ba05]{max-width:1000px;margin:auto;padding-top:10px}.create-category h2[data-v-3838ba05]{width:100%;margin:20px 0}.create-category form[data-v-3838ba05]{display:flex;background-color:rgba(59,59,59,.369);height:45px;border-radius:10px}.create-category form input[data-v-3838ba05]{background:none;height:44px;color:var(--category-second-color)}.create-category form button[data-v-3838ba05]{background:var(--category-second-color);padding:5px;border-radius:0 10px 10px 0;float:right;border:none}.create-category form button svg[data-v-3838ba05]{stroke:var(--category-main-color)}h3[data-v-1fc87b05]{padding-bottom:10px;margin-bottom:15px;color:var(--category-main-color);border-bottom:2px solid}ul[data-v-1fc87b05]{list-style-type:none}li[data-v-1fc87b05]{padding:5px 0 5px 30px;border-radius:7px}.recipe-page[data-v-1fc87b05]{background:var(--category-main-color);min-height:calc(100vh - 65px);padding:35px 0 35px 0}.recipe-page section[data-v-1fc87b05]{position:relative;min-height:92.4vh;max-width:900px;margin:auto}.recipe-page section .arrowDown[data-v-1fc87b05]{stroke:var(--category-main-color);background:var(--category-second-color);position:absolute;right:10px;top:10px;border-radius:5px}.recipe-page section article[data-v-1fc87b05]{max-width:900px;margin-bottom:20px;padding:20px;box-shadow:0 2px 10px rgba(0,0,0,.3);border-radius:10px}.recipe-page section .adout[data-v-1fc87b05]{background:var(--category-main-color);color:var(--category-second-color);display:flex;padding:20px 0 20px 0}.recipe-page section .adout .title-image[data-v-1fc87b05]{width:50%;max-height:350px;overflow:hidden;display:flex;justify-content:center;align-items:center}.recipe-page section .adout .title-image img[data-v-1fc87b05]{display:block;margin:0 auto 20px;width:70%;max-width:700px;border-radius:10px}.recipe-page section .adout .info[data-v-1fc87b05]{color:var(--category-second-color);width:50%;padding:10px;border-radius:10px}.recipe-page section .adout .info h2[data-v-1fc87b05]{border-bottom:var(--category-second-color) 2px solid;padding-bottom:10px;margin-bottom:20px;font-size:24px}.recipe-page section .components[data-v-1fc87b05]{background:var(--category-second-color);color:var(--category-main-color)}.recipe-page section .components ul li[data-v-1fc87b05]:nth-child(odd){background-color:var(--modification-color)}.recipe-page section .recipe[data-v-1fc87b05]{background:var(--category-second-color);color:var(--category-main-color)}.recipe-page section .recipe ul li[data-v-1fc87b05]:nth-child(odd){background-color:var(--modification-color)}.recipe-page section .comments[data-v-1fc87b05]{padding:20px;widows:100%}.recipe-page section .comments h3[data-v-1fc87b05]{color:var(--category-second-color)}.recipe-page section .comments h4[data-v-1fc87b05]{font-size:20px;text-align:center;margin-bottom:20px;font-style:italic;color:var(--category-second-color)}@media(max-width:600px){.adout[data-v-1fc87b05]{flex-direction:column;align-items:center}.adout .title-image[data-v-1fc87b05]{height:100wv}.adout .info[data-v-1fc87b05]{width:100%}}.create-post-page[data-v-d1c24d7e]{padding:10px 20px;gap:10px}.create-post-page section[data-v-d1c24d7e]{border:2px solid #000;padding:10px;border-radius:10px;margin-top:10px}.create-post-page section h3[data-v-d1c24d7e]{margin-bottom:10px}.create-post-page .info[data-v-d1c24d7e]{display:grid;grid-template-rows:1fr;gap:10px;grid-template-columns:1fr 1fr}.create-post-page .info textarea[data-v-d1c24d7e]{background-color:rgba(0,0,0,.1);border-radius:10px;border:none}.create-post-page button[data-v-d1c24d7e]{width:100%;padding:5px;font-size:18px;margin-top:10px;border-radius:10px;background-color:var(--category-second-color);border:2px solid #000;color:var(--category-main-color)}@media(max-width:750px){.info[data-v-d1c24d7e]{display:block}.info div[data-v-d1c24d7e]{margin-top:10px}}@media(min-width:1000px){.create-post-page[data-v-d1c24d7e]{max-width:1000px;margin:auto}}.users[data-v-1bf236de]{max-width:1000px;margin:auto;padding-top:20px}.users h2[data-v-1bf236de]{margin-bottom:10px}div input[data-v-2fb304a9]{width:50px;height:50px}.categoriy-styling[data-v-2fb304a9]{max-width:1000px;margin:auto;box-shadow:0 5px 10px 2px rgba(34,60,80,.3);padding:10px 20px}.categoriy-styling section[data-v-2fb304a9]{display:flex;gap:10px;margin-top:5px;align-items:center}.categoriy-styling h2[data-v-2fb304a9]{margin:10px 0}.categoriy-styling button[data-v-2fb304a9]{padding:10px;border:none;font-weight:600;background-color:var(--category-second-color);border-radius:10px;color:var(--category-main-color)}.menu[data-v-39ec7471]{padding:10px;max-width:1200px;margin:auto;min-height:calc(100vh - 65px)}.menu h1[data-v-39ec7471]{padding:10px}form[data-v-34c31b56]{width:80%;margin:auto;background-color:var(--category-second-color);display:flex;border-radius:12px;flex-direction:column;padding:20px 25px}form[data-v-34c31b56] h4{margin:10px 0 5px 0;color:var(--category-main-color)}form[data-v-34c31b56] button{align-self:center;padding:10px 17px;margin-top:20px;cursor:pointer}form[data-v-34c31b56] button,form[data-v-34c31b56] input{border:none;border-radius:5px;background:var(--category-main-color);font-size:1.1rem;color:var(--category-second-color)}form[data-v-34c31b56] input{padding:7px;width:100%}form[data-v-34c31b56] label{display:flex;align-items:center;position:relative}form[data-v-34c31b56] .password-control{position:absolute;height:30px;width:30px;right:5px}select[data-v-7fd2678a]{width:100%;border:none;font-size:20px}span[data-v-2872d185]{align-items:center;display:flex;gap:10px}.edit_input[data-v-2872d185]{width:225px}.preview[data-v-5bd0f2f6]{width:100%;background-color:var(--category-main-color);color:#f0f8ff;margin:40px 0}.preview .header[data-v-5bd0f2f6]{background:var(--category-second-color);display:flex;align-items:center;justify-content:space-around;padding:3px 0}.preview .wrapp[data-v-5bd0f2f6]{padding:7px;overflow:hidden}.preview .list[data-v-5bd0f2f6]{overflow:hidden}.preview article[data-v-5bd0f2f6]{background-color:rgba(0,0,0,.1);border-radius:12px;padding:10px 20px 5px 20px;max-width:350px;font-size:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:11;-webkit-box-orient:vertical;margin:auto;height:350px;text-align:center}.preview img[data-v-5bd0f2f6]{width:100%;height:260px;margin-bottom:10px}input[data-v-0015c0db]{margin-bottom:20px;background:rgba(59,59,59,.369)}input[data-v-0015c0db]::-moz-placeholder{color:gray}input[data-v-0015c0db]::placeholder{color:gray}.item[data-v-7f03ad7c]{display:flex;justify-content:space-between;background-color:rgba(59,59,59,.369);padding:7px 10px;border-radius:10px;margin-top:10px;align-items:center}span[data-v-7f03ad7c]{align-items:center;display:flex;gap:10px}.edit_input[data-v-7f03ad7c]{width:225px}div[data-v-480ccb5a]{color:var(--category-second-color);border:var(--category-second-color) 2px solid;border-radius:13px;margin-top:10px;padding:10px;overflow:hidden;word-break:break-all}div svg[data-v-480ccb5a]{float:right}span input[data-v-0d64fb23],span[data-v-0d64fb23]{color:var(--category-second-color)}span input[data-v-0d64fb23]{width:100%;padding:5px;font-size:16px;border-radius:10px;border:1px solid #000;margin-bottom:10px;background:none;border:var(--category-second-color) 2px solid;box-shadow:0 2px 10px rgba(0,0,0,.3)}span div[data-v-0d64fb23]{display:flex;justify-content:flex-end}span div button[data-v-0d64fb23]{border:none;padding:7px;font-size:14px;border-radius:10px;background-color:var(--category-second-color);color:var(--category-main-color)}.list[data-v-789808ae]{display:grid;margin:auto;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:10px}@media(max-width:1110px){.list[data-v-789808ae]{max-width:720px}}@media(max-width:750px){.list[data-v-789808ae]{max-width:390px}}@media(max-width:380px){.list[data-v-789808ae]{grid-template-columns:auto}}article[data-v-de4c7626]{margin:auto;text-align:center;background-color:rgba(0,0,0,.1);border-radius:12px;padding:10px 20px 5px 20px;width:350px;height:350px;font-size:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:11;-webkit-box-orient:vertical;position:relative;display:flex;justify-content:center}@media(max-width:370px){article[data-v-de4c7626]{margin:auto;width:100%;min-height:350px;height:calc(100vw - 20px)}}@media(max-width:750px){article[data-v-de4c7626]{margin:auto}}img[data-v-de4c7626]{width:260px;height:260px;transition:.4s;margin-bottom:10px;filter:drop-shadow(0 5px 5px #222)}img[data-v-de4c7626]:hover{transform:scale(1.1)}span[data-v-de4c7626]{position:absolute;right:5px;gap:3px;z-index:10;display:flex}a[data-v-de4c7626],input[data-v-bc4875e4]{color:var(--category-second-color)}input[data-v-bc4875e4]{color:var(--category-main-color);border-radius:10px;border:none}ul[data-v-c4128b06]{list-style:none}li[data-v-c4128b06]{font-size:18px;padding:1px;display:flex;align-items:center;justify-content:space-between}svg[data-v-c4128b06]{min-width:25px;min-height:25px;stroke-width:2}p[data-v-c4128b06]{max-width:calc(100% - 35px);word-wrap:break-word}div[data-v-3787528d]{display:flex;background-color:rgba(0,0,0,.1);border-radius:10px}input[data-v-3787528d]{width:100%;height:30px;box-sizing:border-box;padding:5px 10px;border:none;background:none;font-size:20px}input[data-v-3787528d]::-moz-placeholder{color:gray}input[data-v-3787528d]::placeholder{color:gray}button[data-v-3787528d]{width:30px;height:30px;box-sizing:border-box;background:#92000a;border:none;font-size:20px;border-radius:0 10px 10px 0;color:var(--category-main-color)}.sidebar-button div{display:flex;align-items:center;margin:3px 15px}.sidebar-button div svg{margin-right:12px;stroke:var(--category-second-color)}.sidebar-button div a{color:var(--category-second-color)}.profile[data-v-7421587a]{margin-top:auto;cursor:pointer}.profile div[data-v-7421587a]{font-size:20px;display:flex;background:var(--category-second-color);align-items:center;min-height:6vh;padding-left:15px;border-bottom-right-radius:15px;font-size:16px}.profile div p[data-v-7421587a]{color:var(--category-main-color);max-width:200px;padding-left:15px}.profile div svg[data-v-7421587a]{stroke:var(--category-main-color)}.profile div a[data-v-7421587a]{color:var(--category-main-color)}aside[data-v-6e9c3e03]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.05);z-index:-1;border-radius:15px}aside[data-v-6e9c3e03]{padding-top:65px;position:fixed;left:0;top:0;color:#45322e;background:var(--category-main-color);color:var(--category-second-color);z-index:120;transition:all .5s ease;min-width:255px;display:flex;flex-direction:column;border-radius:16px}.slide-fade-enter-active[data-v-6e9c3e03]{transition:all .3s ease-out}.slide-fade-enter-from[data-v-6e9c3e03],.slide-fade-leave-to[data-v-6e9c3e03]{transform:translateY(-100%)}li[data-v-2afbe8ce]{border-bottom:var(--category-second-color) 4px dotted;color:var(--category-second-color);display:flex;align-items:center;margin:15px;font-size:16px;padding-bottom:5px}div[data-v-2afbe8ce]{margin:15px}ul[data-v-2afbe8ce]{overflow:auto}header[data-v-9f32c8dc]{background-color:var(--category-second-color);display:flex;align-items:center;justify-content:space-between;min-height:65px;position:fixed;top:0;z-index:1000;padding:15px 20px;box-shadow:0 2px 10px rgba(0,0,0,.1);width:100%;transition:background-color .3s ease-in-out}div[data-v-9f32c8dc]{margin:0 20px}@media(min-width:800px){.search svg[data-v-9f32c8dc]{margin:0 10px 0 0}}form[data-v-9f32c8dc]{padding:0}h2[data-v-9f32c8dc],svg[data-v-9f32c8dc]{color:var(--category-main-color);stroke:var(--category-main-color);cursor:pointer}#loading-bar-spinner.spinner[data-v-fb8f7642]{left:50%;margin-left:-20px;top:50%;margin-top:-20px;position:absolute;z-index:19!important;animation:loading-bar-spinner-fb8f7642 .4s linear infinite}#loading-bar-spinner.spinner .spinner-icon[data-v-fb8f7642]{width:40px;height:40px;border:4px solid transparent;border-top-color:#000ac8!important;border-left-color:#000ac8!important;border-radius:50%}@keyframes loading-bar-spinner-fb8f7642{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}svg[data-v-49091002]{stroke:var(--category-main-color);background:var(--category-second-color);border-radius:5px;padding:5px}div[data-v-8a1d9a7c]{display:flex;justify-content:center;align-items:center;padding:10px;z-index:100;min-height:70px;position:fixed;right:15px;bottom:15px;color:var(--category-main-color);max-width:300px;border-radius:10px;transition:opacity 1s ease-out;opacity:1;background-color:var(--category-second-color)}.slide-fade-enter-active[data-v-8a1d9a7c]{transition:all .3s ease-out}.slide-fade-leave-active[data-v-8a1d9a7c]{transition:all .7s ease-in-out}.slide-fade-enter-from[data-v-8a1d9a7c],.slide-fade-leave-to[data-v-8a1d9a7c]{transform:translateY(20px);opacity:0}p[data-v-8a1d9a7c]{font-size:18px}svg[data-v-fb828090]{stroke-width:3}svg[data-v-732b931a],svg[data-v-fb828090]{background:var(--category-second-color);border-radius:5px;padding:5px}svg[data-v-732b931a]{stroke:var(--category-main-color);stroke-width:3}svg[data-v-8c3f848c]{stroke:var(--category-main-color);background:var(--category-second-color);border-radius:5px;padding:5px}.dark[data-v-2a12f220]{position:fixed;top:0;right:0;height:100%;width:100%;background:rgba(0,0,0,.451);z-index:100;align-items:center;display:flex;justify-content:center}h2[data-v-2a12f220]{overflow:hidden}.popup[data-v-2a12f220]{max-width:1000px;justify-content:center;flex-direction:column;max-height:70%;padding:20px;margin:20px;border-radius:20px;overflow:hidden;color:var(--category-second-color);display:flex;text-align:center;background-color:var(--category-main-color)}span[data-v-2a12f220]{justify-content:space-around;display:flex;margin:20px 0}img[data-v-2a12f220]{width:100%;height:100%}button[data-v-2a12f220]{margin:auto;margin-top:20px;padding:10px 35px;border-radius:10px;color:var(--category-main-color);background-color:var(--category-second-color);border:none}.activation-popup[data-v-98e3d000]{width:80%;stroke:var(--category-second-color);background:var(--category-main-color);margin:auto;padding:20px;border-radius:20px;min-height:120px;max-width:700px}.bg-popup[data-v-98e3d000]{background:rgba(0,0,0,.424);position:fixed;z-index:200;height:100%;display:flex;justify-content:center;width:100%}button[data-v-98e3d000]{background:var(--category-second-color);border:none;font-size:16px;margin-top:10px;color:var(--category-main-color);padding:5px 10px;border-radius:5px}input[data-v-18b117f9]{color:var(--category-second-color);background-color:var(--category-main-color);outline:none;font-size:20px;padding:5px;border-radius:10px;border:none;color:#000;width:100%}input[data-v-18b117f9]::-moz-placeholder{color:gray}input[data-v-18b117f9]::placeholder{color:gray}textarea[data-v-d5145482]{max-width:100%;width:100%;font-size:20px;padding:7px;margin-top:10px;resize:vertical}textarea[data-v-d5145482]::-moz-placeholder{color:gray}textarea[data-v-d5145482]::placeholder{color:gray}div[data-v-411df2e9]{background-color:rgba(0,0,0,.1);border-radius:10px;min-height:200px}img[data-v-411df2e9]{width:100%;height:100%}input[data-v-411df2e9]{opacity:0;visibility:hidden;position:absolute}input[data-v-411df2e9]::-moz-placeholder{color:gray}input[data-v-411df2e9]::placeholder{color:gray}label[data-v-411df2e9]{height:100%;width:100%;font-size:1.125rem;font-weight:700;display:flex;justify-content:center;cursor:pointer;align-items:center;color:gray}label img[data-v-411df2e9]{border-radius:10px}.observer[data-v-2c75eb28]{width:100%;height:10px;margin-bottom:1px}div[data-v-78519154]{border:1px solid #000;margin-top:10px;padding:15px;border-radius:10px;position:relative;overflow:hidden}.buttons[data-v-78519154]{position:absolute;right:15px;gap:10px;display:flex;flex-direction:column}p[data-v-78519154]{font-size:20px;max-width:80%;overflow:hidden}.admin[data-v-78519154]{color:#40c801}input[data-v-78519154],select[data-v-78519154]{height:30px;padding:0 5px}select[data-v-8733e6d0]{border:none;font-size:20px;display:block}:root{--default-main-color:#f0f0f0;--default-second-color:#92000a;--category-main-color:var(--default-main-color);--category-second-color:var(--default-second-color);--modification-color:#fff;--favorite-color:red}