body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;font-family:Nunito Sans,sans-serif}body{background-image:linear-gradient(to bottom right,#aab1b6d8,#000000c0),url(/cocktail-journal/static/media/cocktail-pattern.6a73da1f9825cc860306.jpg);margin:0;max-height:100vh}.sign--app{height:100vh;width:100vw}.App{display:flex;flex-direction:column;margin:auto;max-height:100vh;width:min(700px,100%)}.navbar{align-items:center;background:linear-gradient(to bottom right,rgba(71,23,9,.72),hsla(48,5%,79%,.425));border-radius:15px;box-shadow:0 2.98px 7.45px rgba(0,0,0,.5);display:flex;height:clamp(30px,10vw,70px);justify-content:space-between;padding:0 min(36px,3vw);text-align:center}.navbar-header{color:#fff;font-size:clamp(.4rem,3vw,1.7rem)}.navbar--buttons{display:flex;justify-content:space-between;max-width:224px}.btn--navbar{border-radius:10px;box-shadow:inset 0 -23px 25px 0 rgba(0,0,0,.17);height:min(56px,10vw);margin-right:min(8px,1vw);padding:10px;width:min(56px,10vw)}.navbar--dropdown{position:relative}.navbar--dropdown--btn{padding:0}.navbar--dropdown:hover .navbar--dropdown-content{display:flex;flex-direction:column}.navbar--dropdown-content{background-color:#f1f1f1;background-color:hsla(0,8%,9%,.925);border-radius:.5rem;box-shadow:0 8px 16px 8px rgba(95,158,160,.466);display:none;left:calc(-150px + min(56px, 10vw));list-style:none;margin:0;padding:0;position:absolute;top:min(56px,10vw);width:150px;z-index:1}.navbar--dropdown-content>li{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:500;height:3rem;padding:4px 4px 4px 10px;width:100%}.navbar--dropdown-content>li:hover{background-color:rgba(95,158,160,.322);transition:.5s ease-in}.btn--navbar:hover{cursor:pointer}.btn--enter-icon{-webkit-filter:brightness(0) invert(1);filter:brightness(0) invert(1)}.search-input{align-self:center;background:transparent;border:none;color:#fff;font-size:large;height:min(60px,9vw);margin:15px 0;width:60%}.search-input::-webkit-input-placeholder{color:#fff}.search-input::placeholder{color:#fff}.card-container{margin:10px 0 0}.card-container,.cocktail-card{display:flex;flex-direction:column}.cocktail-card{align-items:flex-start;background-color:hsla(0,8%,9%,.829);border-radius:15px;box-shadow:0 2.98px 7.45px rgba(0,0,0,.5);color:#fff;flex-grow:1;height:27vh;margin:0 0 10px;overflow:hidden;position:relative;transition:all .5s ease;width:min(700px,100%)}.cocktail-card-animation{height:64vh;transition:all .5s ease}.cocktail-card-animation-hidden{height:8.5vh;transition:all .5s ease}.cocktail-card-content{display:flex;flex-direction:row;width:min(700px,100%)}.cocktail-image{border-radius:15px;height:min(25vh,40vw);margin:1vh;width:min(22vh,38vw)}.cocktail--favorited{background-color:hsla(48,5%,79%,.425);border-top-left-radius:15px;bottom:0;cursor:pointer;padding:7px;position:absolute;right:0}.cocktail--favorited:hover{background:linear-gradient(to bottom right,rgba(71,23,9,.72),rgba(241,7,7,.83));transition:background 2s ease-in}.cocktail-info-side{align-self:stretch;display:flex;flex-direction:column;font-size:clamp(.5rem,3vw,1.2rem);height:27vh;overflow-y:scroll;padding:5px 15px}::-webkit-scrollbar{width:0}.cocktail-info-side>h3{margin:0}.cocktail-category{background-color:hsla(48,5%,79%,.425);border-radius:15px;font-size:1em;font-weight:500;padding:5px;transition:background 2s}.cocktail-category:hover{background:linear-gradient(to bottom right,rgba(71,23,9,.72),rgba(241,7,7,.83));cursor:pointer;transition:background 2s ease-in}.cocktail-name{padding-top:4px}.cocktail-description{font-size:.9em;margin:1px;text-align:left}.cocktail--details{display:flex;justify-content:center;margin-top:auto}.cocktail--fuel,.cocktail--glass{align-items:center;font-size:.7em;font-weight:400;margin:10px;text-transform:uppercase}.cocktail-ingredients-side{display:flex;font-size:.8em;justify-content:flex-start;line-height:1.5em;margin:15px 5px;text-align:left}.cocktail-ingredients-side>ul{list-style:none;margin:0;padding:3px;width:200px}.cocktail-ingredients>li{transition:1s}.cocktail-ingredients>li:hover{color:rgba(241,7,7,.83);cursor:pointer;font-size:.9em;font-weight:700}.pagination--container{display:flex;justify-content:center;margin-bottom:100%;margin-top:auto}.pagination>ul>li>button{background-color:hsla(0,8%,9%,.829)!important;color:#fff!important;max-height:10vw!important;max-width:10vw!important}.pagination>ul>li{max-width:10vw!important;min-width:none!important}.modal--box{display:flex;flex-direction:column;justify-content:flex-start}.modal--box>h2{padding-left:20px}.modal--box-content{display:flex;flex-direction:column}.advanced--search-checkboxes{padding:5px}.modal--box-button-container{display:flex;justify-content:flex-end}.btn--advanced-search-results{height:40px;margin-top:15px!important;width:90px}.no--data--container{align-items:center;background-color:#f1f1f1ec;border-radius:15px;display:flex;height:clamp(30px,10vw,70px);justify-content:center;margin-top:10px;position:absolute;top:clamp(50px,10vw,70px);width:min(700px,100%);z-index:1}.comment--container{display:flex;flex-direction:column;padding:5px 15px;width:min(700px,100%)}.comment--head{align-items:center;display:flex;justify-content:flex-start}.comment--image{background-color:#f1f1f1d1;border-radius:50%;height:36px;padding:3px;width:36px}.comment--username{margin:0;padding-left:10px}.comment--createdate{color:hsla(0,0%,100%,.4);margin:0;padding-left:15px}.comment--comment-text{font-size:.8em;margin:3px;padding-left:42px;text-align:left;white-space:normal;word-break:break-all}.cocktail--card--comments{overflow-y:scroll;padding-top:10px}.cocktail--card--comment-input{display:flex;padding:15px 25px;width:min(700px,100%)}.cocktail--card--comment-input>input{background:transparent;border:none;color:#fff;font-size:1.1em;height:45px;width:85%}.cocktail--card--comment-input>input::-webkit-input-placeholder{color:hsla(0,0%,100%,.719)}.cocktail--card--comment-input>input::placeholder{color:hsla(0,0%,100%,.719)}.comment--button{background-color:rgba(99,189,192,.5);border-radius:25px;color:#fff;cursor:pointer;font-size:1.1em;font-weight:400;margin-left:auto;margin-right:10px;padding:7px 15px}.comment--button--active{background-color:rgba(99,189,192,.9)}:focus{outline:none}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.si--container{background-color:#fff;border-radius:.5rem;left:50%;padding:1.25rem;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:clamp(350px,70vw,550px)}.si--form{grid-gap:.5rem;display:grid;gap:.5rem;margin-top:1.25rem}.si--h1{font-size:1.875rem;font-weight:700;line-height:2.25rem;text-align:center}.si--with--google-button{background-color:#fff;border-radius:.375rem;border-style:solid;border-width:1px;position:relative;width:100%}.si--google-or,.si--with--google-button{align-items:center;display:flex;justify-content:center}.si--google-or{gap:1rem;height:20px}.si--google-or-dash{background-color:#1f2937;display:block;height:1px;width:2.5rem}.si--with--google-button:hover{background-color:#f4f4f5;cursor:pointer}.si--with--google-icon{align-items:center;display:flex;height:100%;left:1rem;position:absolute;top:0}.si--username-label{cursor:text;position:relative}.si--username-input{background-color:#f4f4f5;border:1px solid transparent;border-radius:.375rem;outline:0;padding:1rem 1rem 1rem 3rem;width:100%}.si--username-input-invalid{background-color:rgba(255,228,230,.5);border-color:rgba(244,63,94,.5)}.si--username-input-valid{background-color:rgba(204,251,241,.5);border-color:rgba(20,184,166,.5)}.si--username-envelop-icon{height:100%;left:0;position:absolute;top:0}.si--submit-button,.si--username-envelop-icon{align-items:center;display:flex;padding-left:1rem}.si--submit-button{background-color:#52525b;border-color:#3f3f46;border-radius:.375rem;color:#fff;justify-content:space-between;margin-top:.75rem}.si--submit-button:hover{background-color:#18181b;cursor:pointer}.si--create-account{align-items:center;display:flex;font-size:1.1rem;gap:1rem;justify-content:center;margin-top:.25rem}.si--create-account-btn{background-color:initial;border:none;cursor:pointer;font-size:1.2rem;text-decoration:underline}.si--back-homepage{background-color:#52525b;border:1px;border-bottom-right-radius:.5rem;border-color:#3f3f46;border-top-left-radius:.5rem;color:#fff;display:flex;flex-direction:row;font-size:.9rem;left:0;padding:.3rem;position:absolute;top:0}.si--back-homepage:hover{background-color:#18181b;cursor:pointer}.si--back-homepage>p{display:inline;margin:0;padding:.2rem}.si--back-homepage>img{-webkit-transform:rotate(180deg);transform:rotate(180deg)}
/*# sourceMappingURL=main.4839d932.css.map*/