:root{--main-bg-color:#fff;--primary-color:#16334e;--small-color:#666;--error-color:#ff2d55;--add-color:#35c759;--button-text-color:#fff;--button-bg-color:#16334e;--border-color:#c4c4c4;--border-color-focus:#16334e;--title-color:#000;--placeholder-color:#c4c4c4;--input-text-color:#16334e;--content-color:#16334e}body,html{background:var(--main-bg-color);padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}a{color:inherit;text-decoration:none}*{box-sizing:border-box}input{color:var(--input-text-color);background:var(--main-bg-color)}input::-moz-placeholder{color:var(--placeholder-color)}input:-ms-input-placeholder{color:var(--placeholder-color)}input::placeholder{color:var(--placeholder-color)}main{min-height:100vh;padding:4rem 0;flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center}main h3{color:var(--title-color);font-size:24px;line-height:32px;font-weight:400}main small{padding-left:2px;font-size:.9rem;font-weight:300;line-height:1.4;color:var(--small-color);margin-bottom:16px}main form{display:flex;flex-direction:column;max-width:720px;width:70%}main form em{color:--small-color;margin-bottom:50px}main form em.not-found{color:var(--error-color)}main form em.add-suggestion{color:var(--add-color)}main form textarea{width:100%;min-height:180px;resize:vertical;border-radius:4px;border:1px solid #3d3d3d;padding:8px;font-size:16px;font-family:Arial,Helvetica,sans-serif}main form input[type=email],main form input[type=number],main form input[type=text]{font-size:30px;margin:20px 0;min-height:32px;width:100%;border:0;padding:4px 2px;border-bottom:1px solid var(--border-color);border-radius:0;transition:border .22s ease-out}main form input[type=email]:focus,main form input[type=number]:focus,main form input[type=text]:focus{outline:transparent;border-bottom:2px solid var(--primary-color)}main .wine-suggestions{display:grid;grid-auto-columns:1fr;grid-template-columns:.4fr 1.6fr;grid-template-rows:1fr;grid-gap:0 20px;gap:0 20px;grid-template-areas:". ."}main .wine-suggestions>:first-child{display:flex;position:relative;justify-content:flex-start;flex-direction:column}main .wine-suggestions>:first-child button{position:absolute;margin-top:100px}main .options{margin:16px 0;color:var(--content-color)}main .options .option{z-index:1;margin:8px 0;max-width:400px;padding:8px;cursor:pointer;border:1px solid var(--border-color);border-radius:4px;transition:border .22s ease-out}main .options .option label{z-index:-1}main .options .option.checked,main .options .option:hover{border:1px solid var(--primary-color)}main .options .option input[type=checkbox],main .options .option input[type=radio]{cursor:pointer;margin-right:10px}main .options .option>input[type=text]{display:inline;height:32px;width:160px;margin-left:20px;border:1px solid var(--border-color);font-size:12px;padding-left:8px;border-radius:4px}main form button[type=submit]{margin-top:8px;min-width:60px;max-width:100px;padding:8px;background:var(--button-bg-color);border:0;color:var(--button-text-color);border-radius:4px;transition:opacity .22s ease-out;cursor:pointer}main form button:disabled{opacity:50%;cursor:not-allowed}.suggestion-search{width:100%;max-width:720px;font-size:30px;margin:20px 0;min-height:32px;border:0;padding:4px 2px;border-bottom:1px solid var(--border-color);border-radius:0;transition:border .22s ease-out}.suggestion-search:focus{outline:transparent;border-bottom:2px solid var(--border-color-focus)}.suggestion-selected-container.hide{display:none}.selected-suggestion-component{min-width:120px;background:transparent;display:grid;grid-auto-columns:1fr;grid-template-columns:1fr 30px;grid-template-rows:1fr;grid-gap:0 0;gap:0 0;grid-template-areas:". .";border:1px solid var(--border-color);border-radius:4px;margin-right:8px;margin-bottom:8px}.selected-suggestion-component>span{padding:8px;font-size:1rem}.selected-suggestion-component>button[type=button]{height:100%;cursor:pointer;background:none;border:none;font-size:10px;color:var(--border-color);transition:border-left .22s ease-out,color .22s ease-out}.selected-suggestion-component>button[type=button]:hover{color:var(--primary-color)}.suggestions-container ul{list-style-type:none;padding:0;margin:0}.suggestions-container li{padding:0;margin:0}.liquid-icons-logo{position:fixed;height:60px;bottom:0;right:0;margin-bottom:20px}.liquid-icons-logo,.liquid-icons-logo span{display:flex;justify-content:center;margin-right:20px}.liquid-icons-logo span{height:100%;align-items:center;color:#000;font-weight:400}.liquid-icons-logo img{height:100%}.react-tags-wine{display:grid;grid-auto-columns:1fr;grid-template-columns:1fr;grid-template-rows:.5fr 1fr 1fr;grid-gap:0 0;gap:0 0;grid-template-areas:"search" "selected" "suggestions"}.suggestion-search{grid-area:search}.suggestion-selected-container{grid-area:selected}.suggestions-container{grid-area:suggestions}button.floating{cursor:pointer;position:fixed;width:40px;height:40px;background-color:var(--button-bg-color);border:1px solid var(--button-bg-color);border-radius:50%;bottom:0;left:0;margin-left:20px;margin-bottom:20px;transition:opacity .22s ease-out,content .22s ease-out}button.floating:after{content:"👈🏻"}button.floating:disabled{opacity:60%}button.floating:disabled:after{content:"🤚"}form.referals input:first-of-type{margin-bottom:0}form.referals input[type=email]{width:66%;border:1px solid var(--border-color);border-radius:4px;height:48px;font-size:1rem;padding:12px}form.referals input[type=email]:focus{border:1px solid var(--primary-color)}form.privacy{line-height:1.3}form.privacy a{text-decoration:underline;font-weight:500;color:var(--primary-color)}.privacy ol li{margin-bottom:10px}button.skip-btn{margin-top:20px;width:60px;padding:8px;background:transparent;border:1px solid var(--button-bg-color);color:var(--button-bg-color);border-radius:4px;cursor:pointer}@media (max-width:640px){main{padding:2rem 0}main form{width:100%}main form input[type=email],main form input[type=number],main form input[type=text]{font-size:16px;margin:12px 0;min-height:24px}main .options{margin:16px 0}main .options .option{max-width:280px;font-size:.8rem}main .options .option>input[type=text]{font-size:16px}.suggestion-search{max-width:720px;font-size:1rem;min-height:24px}main form button[type=submit]{margin-top:40px;width:80px;padding:12px;border:0}form.referals input[type=email]{width:100%;height:48px;border:1px solid var(--border-color);border-radius:4px}main .wine-suggestions{grid-template-columns:.5fr 1.5fr;grid-gap:0 10px;gap:0 10px}main .wine-suggestions>:first-child{display:flex;position:relative;justify-content:flex-start;flex-direction:column}main .wine-suggestions>:first-child button{position:absolute;margin-top:80px}main .wine-suggestions input{margin:0!important}button.skip-btn{width:80px;padding:12px}}