@import"https://fonts.googleapis.com/css?family=Roboto+Condensed:300";*{font-family:Montserrat,sans-serif;font-size:12px;margin:0;padding:0}body{max-width:1440px;margin:0 auto;padding:0 100px;display:flex;flex-direction:column}@media (max-width: 1440px){body{padding:0 20px}}@media (max-width: 1024px){body{padding:0 10px}}@media (max-width: 768px){body{padding:0}}#root{display:flex;flex-direction:column;margin:0;height:100vh}header{display:flex;flex-direction:column}.div__header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px 20px;background-color:#eeeef0;position:relative}@media (max-width: 768px){.div__header{margin-bottom:10px;padding:10px 20px;flex-direction:column}}.div__header .header__icons{font-size:16px}@media (max-width: 1024px){.div__header .header__icons{font-size:14px}}@media (max-width: 768px){.div__header .header__icons{font-size:12px}}.div__header h1{color:#243974;position:absolute;left:50%;transform:translate(-50%);margin:0;text-transform:uppercase}@media (min-width: 1440px){.div__header h1{font-size:36px}}@media (max-width: 1440px){.div__header h1{font-size:24px}}@media (max-width: 768px){.div__header h1{font-size:18px;position:static;left:0;transform:none;order:-1}}.div__header .div__account{margin-left:auto}@media (max-width: 768px){.div__header .div__account{margin:0}}.div__header .div__account-user{padding:10px;display:flex;justify-content:flex-end;gap:10px}@media (max-width: 768px){.div__header .div__account-user{justify-content:center}}.div__header .div__account-user span{font-size:14px}@media (max-width: 1024px){.div__header .div__account-user span{font-size:12px}}.div__header .div__account-connection{display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px;background-color:#3d63dd;color:#fff;padding:10px;border-radius:5px;font-size:14px;font-weight:700;text-decoration:none}@media (max-width: 1024px){.div__header .div__account-connection{font-size:12px}}.div__header .div__account-connection:hover{background-color:#172448;color:#93b4ff;cursor:pointer}.div__switchLanguage{align-self:flex-start}.div__switch{padding:5px;width:160px;box-shadow:1px 1px #394a5a33;background-color:#fff;text-align:center;display:flex;flex-direction:row;justify-content:center;align-content:center}.input-switch{display:flex;flex-direction:row;align-items:center}.input-switch label{display:flex;flex-direction:row}.input-switch span{margin:0 2px}.input-switch .input{position:absolute;visibility:hidden}.input-switch .input+.switch{position:relative;height:10px;width:45px;margin-right:10px;margin-left:10px;border-radius:10px;background-color:#e4ecfa;vertical-align:middle;display:inline-block;cursor:pointer;transition:.3s .05s}.input-switch .input+.switch:before,.input-switch .input+.switch:after{content:"";position:absolute;transition:.35s}.input-switch .input+.switch:before{top:0;left:0;height:100%;width:20%;border-radius:10px;background-color:#739ce6}.input-switch .input+.switch:after{left:5px;top:50%;height:20px;width:20px;border-radius:50%;border:none;background-color:#cad9f5;transform:translateY(-50%);opacity:1}.input-switch .input+.switch:hover:after{transform:translateY(-50%) scale(1.1)}.input-switch .input:checked+.switch{background-color:#fadfe0}.input-switch .input:checked+.switch:before{width:calc(100% - 5px);background-color:#e65a62}.input-switch .input:checked+.switch:after{left:calc(100% - 25px);background-color:#f3b3b6}.section__loggedOut{display:flex;flex-direction:column;align-items:center;margin-top:50px}.section__loggedOut-image{width:200px;height:200px;border-radius:100px;background-color:#3f5cb0;display:flex;justify-content:center;align-items:center;margin-bottom:20px}.section__loggedOut img{width:auto;height:80%;object-fit:cover}.div__add{z-index:99;position:sticky;top:0;background-color:#fff;padding:5px 0}.btn__add{width:120px;height:30px;margin-left:auto;margin-bottom:10px;background-color:#90ee90;color:#000;text-align:center;align-content:center;border-radius:5px;font-weight:700;font-size:14px}.btn__add:hover{background-color:#00f;color:#fff;cursor:pointer}.active{background-color:gray;color:#fff;border-radius:5px 5px 0 0;margin-bottom:0}.active:hover{background-color:#000;color:#d3d3d3}.inactive{background-color:#90ee90;color:#000}.inactive:hover{background-color:green;color:#fff}.div__form{border-radius:5px 0 5px 5px;border:1px solid grey;margin-bottom:10px;padding:15px;display:flex;justify-content:flex-start;align-items:baseline;gap:50px;row-gap:10px;flex-wrap:wrap}@media (max-width: 480px){.div__form{flex-direction:column}}.div__form label{font-size:12px;font-weight:700}.div__form select,.div__form input{margin:0 10px;padding:0 5px;height:24px}@media (max-width: 480px){.div__form select,.div__form input{margin:0}}.div__form-year-quantity{display:flex;flex-direction:row;gap:20px}.div__form-category,.div__form-appellation,.div__form-name,.div__form-meal{display:flex;flex-direction:row;align-items:baseline}@media (max-width: 480px){.div__form-category,.div__form-appellation,.div__form-name,.div__form-meal{flex-direction:column;width:100%}}.div__form .ipt__category{min-width:150px}@media (max-width: 768px){.div__form .ipt__category{width:100%;min-width:0}}.div__form .ipt__appellation,.div__form .ipt__name,.div__form .ipt__meal{min-width:300px}@media (max-width: 768px){.div__form .ipt__appellation,.div__form .ipt__name,.div__form .ipt__meal{width:100%;min-width:0}}.div__form .ipt__year,.div__form .ipt__quantity{text-align:center;margin-left:10px}.div__form button{background-color:#90ee90;color:#000;font-weight:700;width:100px;height:28px;border-radius:5px;border:none}.div__form button:hover{background-color:green;color:#fff;cursor:pointer}.div__form .div__addSuccess{display:flex;justify-content:space-between;align-items:center;height:28px;align-content:center;padding:0 10px;border-radius:5px;color:green;font-weight:700;opacity:0;transition:opacity 1s ease}.div__form .div__addSuccess-icon{margin-right:10px}.div__form .visible{opacity:1}.div__category{background:linear-gradient(to right,#3f5cb0,#93b4ff);height:44px;display:flex;align-items:center}.category-pill{width:28px;height:28px;margin:0 5px 0 10px;border-radius:14px;text-align:center;align-content:center}h2{padding:10px;font-size:14px;font-weight:700;color:#fff}article{background-color:#eeeef0;display:flex;flex-direction:row;justify-content:space-between;padding:0 5px;font-size:16px;border-bottom:1px solid #ddd}@media (max-width: 768px){article{flex-direction:column;border-bottom:3px solid #ddd}}article div{text-align:center;align-content:center;padding:5px}.div__appellation{font-weight:700}@media (min-width: 768px){.div__appellation{width:15%}}@media (min-width: 768px){.div__name{width:20%}}@media (min-width: 768px){.div__year{width:5%}}.div__quantity{display:flex;justify-content:space-between;align-items:center}@media (min-width: 768px){.div__quantity{width:5%}}@media (max-width: 768px){.div__quantity{justify-content:center;gap:10px}}.div__quantity-add{color:green}.div__quantity-add:hover{cursor:pointer;color:#243974}.div__quantity-remove{color:orange}.div__quantity-remove-inactive{visibility:hidden}.div__quantity-remove:hover{cursor:pointer;color:#243974}@media (min-width: 768px){.div__meal{width:25%}}.div__update-delete{display:flex;flex-direction:row;justify-content:center}.div__update>* :hover{cursor:pointer}.div__delete>* :hover{cursor:pointer}.div__edit :hover{color:#00f;animation:shake-rotation .5s ease-in-out infinite}.div__recycleBin :hover{color:red;animation:shake-rotation .5s ease-in-out infinite}@keyframes shake-rotation{0%{transform:rotate(0)}25%{transform:rotate(-5deg)}50%{transform:rotate(5deg)}75%{transform:rotate(-5deg)}to{transform:rotate(0)}}.div__none{display:flex;flex-direction:row;justify-content:space-between;padding:10px;border-bottom:1px solid #ddd}.div__wines{margin-bottom:30px;box-shadow:0 2px 10px #0000001a}.section__login{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1}.form{background-color:#eeeef0;display:block;padding:20px;max-width:350px;border-radius:5px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.form-title{font-size:18px;font-weight:700;text-align:center;color:#000;margin-bottom:10px}.input-container{position:relative}.input-container input,.form button{outline:none;border:1px solid #e5e7eb;margin:8px 0}.input-container input{background-color:#fff;padding:10px;font-size:14px;width:300px;border-radius:5px;box-shadow:0 1px 2px #0000000d}.submit{padding:10px 20px;background-color:#3d63dd;color:#fff;font-size:14px;font-weight:700;width:100%;border-radius:5px}.submit:hover{background-color:#172448;color:#93b4ff;cursor:pointer}.div__loginDenied{background:#ff8f44;color:#fff;text-align:center;padding:10px 5px;border-radius:5px;font-weight:700;animation:shake-rotation .5s ease-in-out}@keyframes shake-rotation{0%{transform:rotate(0)}25%{transform:rotate(-1deg)}50%{transform:rotate(1deg)}75%{transform:rotate(-1deg)}to{transform:rotate(0)}}.container__error{display:flex;flex-direction:column;align-items:center;padding:0 30px}.container__error h1{font-size:288px;margin:80px auto}@media (max-width: 480px){.container__error h1{font-size:96px}}@media (min-width: 480px) and (max-width: 1024px){.container__error h1{font-size:192px}}.container__error h2{font-size:36px;margin:0 auto;text-align:center;font-weight:500;line-height:26px}@media (max-width: 480px){.container__error h2{font-size:18px}}@media (min-width: 480px) and (max-width: 1024px){.container__error h2{font-size:24px}}.container__error-link{font-size:18px;color:#000;text-decoration:underline;text-align:center;margin:120px auto 100px}@media (max-width: 480px){.container__error-link{font-size:14px}}@media (min-width: 480px) and (max-width: 1024px){.container__error-link{font-size:16px}}footer{margin-top:auto;align-content:center;padding:20px 30px;background-color:#000;height:40px}footer p{color:#fff;font-size:14px;font-weight:500;text-align:center}@media (min-width: 480px) and (max-width: 1024px){footer p{font-size:12px}}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/montserrat-cyrillic-ext-400-normal-vOaqz9CW.woff2) format("woff2"),url(/assets/montserrat-cyrillic-ext-400-normal-4z3sNOWE.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C88,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/montserrat-cyrillic-400-normal-9OhHGxkQ.woff2) format("woff2"),url(/assets/montserrat-cyrillic-400-normal-95VoEncJ.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/montserrat-vietnamese-400-normal-BWKK40rE.woff2) format("woff2"),url(/assets/montserrat-vietnamese-400-normal-DoB8ClNE.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/montserrat-latin-ext-400-normal-omNc5MGi.woff2) format("woff2"),url(/assets/montserrat-latin-ext-400-normal-DE2qOTV3.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Montserrat;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/montserrat-latin-400-normal-BfmCfwfZ.woff2) format("woff2"),url(/assets/montserrat-latin-400-normal-BhTl8mZv.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}