@import url(https://cdn-uicons.flaticon.com/3.0.0/uicons-solid-rounded/css/uicons-solid-rounded.css);@import url(https://cdn-uicons.flaticon.com/3.0.0/uicons-bold-rounded/css/uicons-bold-rounded.css);@import url(https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300..700&display=swap);:root{--font-size:16px;--foreground:#0f1522;--card-foreground:#162030;--header-foreground:#0e1525;--footer-foreground:#090f1d;--search-foreground:#0e1525;--input-foreground:#1e2939;--body-gradient:linear-gradient(307deg,#030814,#111b2f 50%,#030814);--header-icon-gradient:linear-gradient(132deg,#fd331d,#cb45fc);--item-loading-gradient:linear-gradient(90deg,#0f1522,#162030,#0f1522);--item-gradient:linear-gradient(90deg,#121a29,#151f2e);--border:#364153;--secondary:#eceef2;--secondary-text:#78808e;--accent:#f54900;--accent-border:#ff6900;--non-alcoholic:#59ac77;--non-alcoholic-border:#a7e399;--purple:#9b5de0;--purple-border:#d78fee}*{border:0;box-sizing:border-box;color:var(--secondary);font-family:Space Grotesk,sans-serif;font-optical-sizing:auto;font-size:var(--font-size);font-style:normal;font-weight:400;margin:0;outline:0;padding:0}i{font-size:2em;-webkit-user-select:none;user-select:none}a,a:link,a:visited{text-decoration:none}body,html{margin:0;min-height:100vh;overflow-x:hidden;padding:0;scroll-behavior:smooth;width:100%}body{background:#030814;background:var(--body-gradient)}ol,ul{display:flex;list-style-type:none}header{-webkit-backdrop-filter:blur(.5em);backdrop-filter:blur(.5em);background-color:color-mix(in srgb,var(--header-foreground) 90%,#0000);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:1em;position:fixed;top:0;width:100%;z-index:999}header .right-sec{display:flex;gap:1em}header .right-sec .favourites,header .right-sec .ingredients{align-items:center;background-color:initial;border:1px solid var(--border);border-radius:.5em;cursor:pointer;display:flex;justify-content:center;padding:.5em 1em;transition:all .3s ease}header .right-sec .favourites i,header .right-sec .ingredients i{display:flex;font-size:1.25em;margin-right:.5em;transition:transform .2s ease,color .3s ease}header .right-sec .favourites p,header .right-sec .ingredients p{margin:0;transition:color .3s ease}header .right-sec .favourites:hover,header .right-sec .ingredients:hover{border-color:var(--accent-border)}header .right-sec .favourites:hover i,header .right-sec .ingredients:hover i{transform:scale(1.2) rotate(-10deg)}header .right-sec .favourites.selected,header .right-sec .ingredients.selected{background-color:var(--purple);border-color:var(--purple-border)}header .right-sec .favourites.selected i,header .right-sec .favourites.selected p,header .right-sec .ingredients.selected i,header .right-sec .ingredients.selected p{color:#fff}header .right-sec .favourites:active,header .right-sec .ingredients:active{transform:scale(.95)}header .logo{display:flex;max-width:50vw}header .logo i{align-items:center;aspect-ratio:1/1;background:#fd331d;background:var(--header-icon-gradient);border-radius:.5em;display:flex;font-size:1.5em;justify-content:center;padding:.5em}header .logo .logo-content{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;padding-left:.75em}header .logo .logo-content p{color:var(--secondary-text);font-size:.75em}footer{align-items:center;background-color:var(--footer-foreground);border-top:1px solid var(--border);display:flex;flex-direction:column;gap:1em;justify-content:center;min-height:64px;padding:2em 1em;width:100%}footer .year{margin:0 .25em}footer .year,footer p{color:var(--secondary-text);font-size:.9em;text-align:center}main{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:6em 1em 1em;width:100%}main .banner{display:flex;flex-direction:column;padding:2em 0}main .banner h1{font-size:1.5em;font-weight:900;text-align:center}main .banner h1 i{color:var(--purple);font-size:1em;margin-left:.5em}main .banner p{color:var(--secondary-text);font-size:.9em;margin-top:.5em;text-align:center}main *{width:100%}main section{display:flex;padding:1em}main section.cocktail-list{flex-direction:column;row-gap:.5em}button,input{background-color:var(--input-foreground);border:none;border-radius:.75em;display:flex;font-size:1em;outline:none;padding:.5em 1em;text-align:center}#root{flex-direction:column}#root,main.loading .banner{align-items:center;display:flex;justify-content:center}main.loading .search{min-height:400px}main.loading .cocktail,main.loading .search{animation:loading-background 2s ease infinite;background:var(--item-loading-gradient);background-size:400% 400%}@keyframes loading-background{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@media only screen and (max-width:600px){header a p{display:none}header .right-sec button{aspect-ratio:1/1}header .right-sec button p{display:none}header .right-sec button i{margin:0!important}.cocktail.loading{margin:1em 0;width:100%}.cocktail{aspect-ratio:2/3;justify-content:center;margin:1em 0}}@media only screen and (min-width:600px){.cocktails-list{grid-gap:1em;display:grid;gap:1em;grid-template-columns:repeat(2,1fr);padding-top:1em}.cocktail{justify-content:flex-start;margin:0}.cocktail.loading{margin:0}.banner{font-size:20px;padding:4em 0!important}}@media only screen and (min-width:992px){.cocktails-list{grid-template-columns:repeat(3,1fr)}}@media only screen and (min-width:1200px){.cocktails-list{align-items:center;grid-template-columns:repeat(4,1fr);justify-content:center;padding:1em 0}.cocktails-list,.search{max-width:1248px}}.search{background:var(--item-gradient);border:1px solid var(--border);border-radius:1rem;display:flex;flex-direction:column;gap:1em;padding:1em;width:100%}.search i{display:flex;font-size:1em}.search p{color:var(--secondary-text);font-size:.9em}.search .search-input{position:relative;width:100%}.search .search-input input{background:none;border:1px solid var(--border);font-size:.9em;padding-left:2.5em;text-align:left;width:100%}.search .search-input input::placeholder{color:color-mix(in srgb,var(--secondary-text) 80%,#0000)}.search .search-input i{left:.75em;position:absolute;top:50%;transform:translateY(-50%);width:-webkit-min-content;width:min-content}.search .search-filter-options,.search .search-filter-options li{display:flex;flex-direction:column}.search .search-filter-options li{border-top:1px solid var(--border);margin:.25em 0;padding:.5em 0 .25em;row-gap:.5em}.search .search-filter-options li:first-child{border-top:none;flex-direction:row}.search .search-filter-options li:first-child i{margin-right:.35rem}.search .search-filter-options li *{color:var(--secondary-text);width:-webkit-fit-content;width:fit-content}.search .search-filter-options li #cocktail-alcohol,.search .search-filter-options li #cocktail-categories,.search .search-filter-options li #cocktail-glasses{display:flex;flex-wrap:wrap;gap:.5em}.search .search-filter-options li #cocktail-alcohol p,.search .search-filter-options li #cocktail-categories p,.search .search-filter-options li #cocktail-glasses p{background-color:var(--input-foreground);border:1px solid var(--border);border-radius:.5em;cursor:pointer;font-size:.8em;padding:.2em .4em;-webkit-user-select:none;user-select:none}.search .search-filter-options li #cocktail-alcohol p.selected,.search .search-filter-options li #cocktail-categories p.selected,.search .search-filter-options li #cocktail-glasses p.selected{background-color:var(--accent);border:1px solid var(--accent-border);color:#fff}.search .search-filter-options li #cocktail-alcohol p:hover,.search .search-filter-options li #cocktail-categories p:hover,.search .search-filter-options li #cocktail-glasses p:hover{border:1px solid var(--accent-border)}.cocktails-list-empty{gap:0}.cocktails-list-empty *,.no-cocktails{align-items:center;display:flex;justify-content:center}.no-cocktails{flex-direction:column;padding:2em 0}.no-cocktails>*{color:var(--secondary)}.no-cocktails p{margin-top:1em}.no-cocktails i{display:flex;font-size:5em;width:-webkit-fit-content;width:fit-content}.cocktail{aspect-ratio:2/3;background:#121a29;background:var(--item-gradient);border:1px solid var(--border);border-radius:1rem;cursor:pointer;display:flex;flex-direction:column;justify-content:flex-start;overflow:hidden;position:relative;transition:.2s ease-in-out;transition-property:background-color,transform,max-height,border,box-shadow}.cocktail:hover{border-color:var(--accent-border);box-shadow:4px 8px 24px -12px #ff6900cc;transform:scale(1.025)}.cocktail:hover .cocktail-background img{transform:scale(1.05)}.cocktail.loading{display:flex;position:relative}.cocktail.loading:hover{border-color:var(--border);box-shadow:none;transform:none}.cocktail .cocktail-background{aspect-ratio:1/1;display:flex;position:relative;width:100%}.cocktail .cocktail-background img{aspect-ratio:1/1;border-radius:.5rem .5rem 0 0;filter:brightness(80%);transition:transform .3s ease-in-out;width:100%}.cocktail .cocktail-background .cocktail-type{align-items:center;border:1px solid;border-radius:.5em;display:flex;justify-content:center;padding:.1em .25em;position:absolute;right:.75em;top:.75em;width:-webkit-fit-content;width:fit-content}.cocktail .cocktail-background .cocktail-type *{color:var(--secondary)}.cocktail .cocktail-background .cocktail-type i{display:flex;font-size:.8em;margin-right:.25em}.cocktail .cocktail-background .cocktail-type p{text-wrap:nowrap;font-size:.8em}.cocktail .cocktail-background .cocktail-type.cocktail-alcoholic{background-color:var(--accent);border-color:var(--accent-border)}.cocktail .cocktail-background .cocktail-type.cocktail-non-alcoholic{background-color:var(--non-alcoholic);border-color:var(--non-alcoholic-border)}.cocktail .cocktail-background *{-webkit-user-select:none;user-select:none}.cocktail .cocktail-background .cocktail-favourite{-webkit-backdrop-filter:blur(2em);backdrop-filter:blur(2em);background-color:color-mix(in srgb,var(--card-foreground),50% #0000);border-radius:100%;cursor:pointer;left:.75em;padding:.5em;position:absolute;top:.75em;transition:transform .2s ease;width:-webkit-fit-content;width:fit-content}.cocktail .cocktail-background .cocktail-favourite i{color:var(--secondary);display:flex;font-size:1.25em;transition:color .3s ease}.cocktail .cocktail-background .cocktail-favourite:hover i{color:var(--purple)}.cocktail .cocktail-background .cocktail-favourite.selected i{animation:heart-pop .4s ease;color:var(--purple)}.cocktail .cocktail-background .cocktail-favourite:after{background:var(--purple);border-radius:50%;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transform:scale(.5)}.cocktail .cocktail-background .cocktail-favourite.selected:after{animation:heart-pulse .6s ease}@keyframes heart-pop{0%{transform:scale(1)}40%{transform:scale(1.4)}60%{transform:scale(.9)}to{transform:scale(1)}}@keyframes heart-pulse{0%{opacity:.4;transform:scale(.5)}80%{opacity:0;transform:scale(2)}to{opacity:0;transform:scale(2)}}.cocktail .cocktail-content{display:flex;flex-direction:column;overflow:hidden;padding:1em}.cocktail .cocktail-content .cocktail-name{border-bottom:2px solid var(--font-color);display:flex;font-size:1em;font-weight:600;margin-bottom:.5em}.cocktail .cocktail-content .cocktail-description{line-height:1.5em;-webkit-mask-image:linear-gradient(180deg,#000 0,#00000080 70%,#0000);mask-image:linear-gradient(180deg,#000 0,#00000080 70%,#0000);max-height:6em;overflow:hidden;position:relative;transition:max-height .4s ease}.cocktail:hover .cocktail .cocktail-content .cocktail-description{-webkit-mask-image:none;mask-image:none;max-height:none}.cocktail .cocktail-info{display:flex;gap:.5em;margin-bottom:.5em;width:100%}.cocktail .cocktail-info li{background-color:var(--input-foreground);border:1px solid var(--border);border-radius:.5em;font-size:.7em;font-weight:400;padding:.25em .5em;width:-webkit-fit-content;width:fit-content}.cocktail p{color:var(--secondary-text);font-size:.9em;font-weight:400}.page-list{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:2em 0 1em}.page-list>p{color:var(--secondary-text);font-size:.9em;margin-top:1em;text-align:center}.page-list ol{gap:.25em}.page-list ol,.page-list ol li{align-items:center;display:flex;justify-content:center}.page-list ol li{max-width:3em}.page-list ol li button{align-items:center;aspect-ratio:1/1;border:0 solid var(--accent-border);border-radius:.5em;cursor:pointer;display:flex;justify-content:center;padding:.5em}.page-list ol li button:hover{border:1px solid var(--accent-border)}.page-list ol li button.current{background-color:var(--accent)}.page-list ol li button i{display:flex;font-size:1em}
/*# sourceMappingURL=main.4767748a.css.map*/