:root{--main-color:#fff;--main-background-color:hsla(0,0%,100%,.1);--text-color:#fff;--text-color-secondary:hsla(0,0%,100%,.5);--text-font:Helvetica,Arial,sans-serif;--text-size:16px;--text-line-height:20px;--text-weight:normal;--text-size-name:16px;--text-line-height-name:20px;--text-weight-name:bold;--text-size-control:18px;--text-line-height-control:22px;--text-weight-control:normal;--text-size-title:18px;--text-line-height-title:22px;--text-weight-title:bold;--text-size-menu:20px;--text-line-height-menu:28px;--text-weight-menu:normal;--text-size-selected-menu:24px;--text-line-height-selected-menu:28px;--text-weight-selected-menu:bold;--text-size-subheader:24px;--text-line-height-subheader:28px;--text-weight-subheader:bold;--text-size-header:32px;--text-line-height-header:38px;--text-weight-header:bold;--filter-category-color:rgba(247,57,217,.1);--filter-glass-color:rgba(57,133,247,.1);--filter-alcoholic-color:rgba(247,183,57,.1);--filter-ingredient-color:rgba(57,247,99,.1)}*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}html{background:#000}body,html{min-width:320px;height:100%}body{margin:0;padding:0;color:var(--text-color);font-family:var(--text-font);font-size:var(--text-size);font-weight:var(--text-weight)}#root{height:100%}button,input{cursor:pointer;-webkit-appearance:none;margin:0}input{padding:0;vertical-align:middle;border-radius:0;background:none;border:0;font:inherit}:focus{outline:auto orange}.loading-bar{width:100%;height:100%}@-webkit-keyframes loading{0%{left:-50px}to{left:calc(100% - 50px)}}@keyframes loading{0%{left:-50px}to{left:calc(100% - 50px)}}.loading-bar__item{background:#fff;height:100%;border-radius:2px;width:100px;-webkit-animation-name:loading;animation-name:loading;-webkit-animation-duration:3s;animation-duration:3s;-webkit-animation-delay:.5s;animation-delay:.5s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;position:relative;left:-100px}.background-image{position:fixed;z-index:-1;height:100vh;width:100%;min-width:320px;background:#000;background-position:50%;background-size:cover;background-repeat:no-repeat;background-image:url(/static/media/search.c94bf1da.png)}.background-image_search{background-image:url(/static/media/search.c94bf1da.png)}.background-image_favorites{background-image:url(/static/media/favorites.df318c85.png)}.background-image_random{background-image:url(/static/media/random.38fef598.png)}.background-image_ingredients{background-image:url(/static/media/ingredients.260f9ea3.png)}.background-image_about{background-image:url(/static/media/about.082c1110.png)}.icon{width:100%;height:100%;display:inline-block;background-position:50%;background-size:contain;background-repeat:no-repeat}.icon_logo{background-image:url(/static/media/logo.0105f3d9.svg)}.icon_logo.icon_light{background-image:url(/static/media/logo_light.b4fccf36.svg)}.icon_remove{background-image:url(/static/media/remove.abd2c536.svg)}.icon_remove.icon_light{background-image:url(/static/media/remove_light.8fc43626.svg)}.icon_search{background-position:0;background-image:url(/static/media/search.4a80d55b.svg)}.icon_search.icon_light{background-image:url(/static/media/search_light.28511078.svg)}.icon_edit{background-position:0;background-image:url(/static/media/edit.69ad9aad.svg)}.icon_edit.icon_light{background-image:url(/static/media/edit_light.7e8966a9.svg)}.icon_spinner{background-image:url(/static/media/spinner.332fa932.svg)}.icon_spinner.icon_light{background-image:url(/static/media/spinner_light.7007e7bf.svg)}.icon_category{background-image:url(/static/media/category.14cbc871.svg)}.icon_category.icon_light{background-image:url(/static/media/category_light.8a55061a.svg)}.icon_glass{background-image:url(/static/media/glass.60b958a6.svg)}.icon_glass.icon_light{background-image:url(/static/media/glass_light.6d7b1106.svg)}.icon_iba{background-image:url(/static/media/iba.9a884aaf.svg)}.icon_iba.icon_light{background-image:url(/static/media/iba_light.2acb6be5.svg)}.icon_alcohol{background-image:url(/static/media/alcohol.c22fc7b4.svg)}.icon_alcohol.icon_light{background-image:url(/static/media/alcohol_light.8f28be1c.svg)}.icon_star{background-image:url(/static/media/star.d0597f62.svg)}.icon_star.icon_light{background-image:url(/static/media/star_light.1a717105.svg)}.icon_star_filled{background-image:url(/static/media/star_filled.98c88a75.svg)}.icon_star_filled.icon_light{background-image:url(/static/media/star_filled_light.9a212542.svg)}.icon_favorites{background-image:url(/static/media/favorites_light.f3f468e3.svg)}.icon_favorites_filled{background-image:url(/static/media/favorites_filled_light.f3b3adfd.svg)}.icon_dislike{background-image:url(/static/media/dislike_light.10e83292.svg)}.icon_checked{background-image:url(/static/media/checked.b8604e2c.svg)}.icon_checked.icon_light{background-image:url(/static/media/checked_light.a49d64b1.svg)}.icon_arrow_up{top:-1px;position:relative;background-image:url(/static/media/arrow_up.c6bf7467.svg)}.icon_arrow_down{top:1px;position:relative;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);background-image:url(/static/media/arrow_up.c6bf7467.svg)}.icon_arrow_left{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);background-image:url(/static/media/arrow_up.c6bf7467.svg)}.icon_arrow_right{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);background-image:url(/static/media/arrow_up.c6bf7467.svg)}.icon_arrow_down.icon_light,.icon_arrow_left.icon_light,.icon_arrow_right.icon_light,.icon_arrow_up.icon_light{background-image:url(/static/media/arrow_up_light.86c8fa22.svg)}.notification{border-radius:8px;background:#fff;max-width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-align:center;align-items:center;height:32px;padding:0 8px;margin-top:16px;color:#000;border:none;font-size:var(--text-size-control);line-height:var(--text-line-height-control);font-weight:var(--text-weight-control)}@media (min-width:700px){.notification{margin-top:8px}}.notification:disabled{background:hsla(0,0%,100%,.4)}.notification:hover{background:hsla(0,0%,100%,.8)}.notification:active{background:hsla(0,0%,100%,.6)}.notification__message{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis}.notification__icon{display:block;width:18px;height:18px;margin:6.4px;margin-left:8px}.notifications{padding:0 16px 16px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:100%}.notifications__item{-ms-flex:100% 1;flex:100% 1;max-width:100%}.header{font-size:var(--text-size-header);line-height:var(--text-line-height-header);font-weight:var(--text-weight-header)}.action-button{border:none;border-radius:50%;background:#fff;mix-blend-mode:screen;padding:0;width:100%;height:100%}.action-button:hover{background:hsla(0,0%,100%,.8)}.action-button:active{background:hsla(0,0%,100%,.6)}.action-button.action-button_dark{border:1px solid #fff}.action-button.action-button_light{background:hsla(0,0%,100%,.1);border:1px solid #fff}.action-button.action-button_light:hover{background:hsla(0,0%,100%,.3)}.action-button.action-button_light:active{background:hsla(0,0%,100%,.5)}.action-button:disabled{background:hsla(0,0%,100%,.4)}.action-button.action-button_light:disabled{background:transparent}.action-button.action-button_none{background:transparent;opacity:.6}.action-button.action-button_none:hover{opacity:.8}.action-button.action-button_none:active{opacity:1}.action-button.action-button_none:disabled{opacity:.4}.action-button.action-button_transparent{background:transparent;opacity:1}.action-button.action-button_transparent:hover{opacity:.8}.action-button.action-button_transparent:active{opacity:.6}.action-button.action-button_transparent:disabled{opacity:.4}.action-button__icon{display:block}.action-button_full .action-button__icon{width:100%;height:100%}.action-button_medium .action-button__icon{width:20px;height:20px;margin:auto}.action-button_default .action-button__icon{width:60%;height:60%;margin:20%}.main-header-wrapper{width:100%}.main-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center}.main-header_full{display:none}@media (min-width:700px){.main-header_full{display:-ms-flexbox;display:flex}}.main-header_compact{display:-ms-flexbox;display:flex}@media (min-width:700px){.main-header_compact{display:none}}.main-header__title{margin-right:10px}.main-header__button{height:40px;-ms-flex:0 0 40px;flex:0 0 40px}.main-header__icon{height:60%;width:60%;margin:20%}.main-header__icon-wrapper{height:40px;-ms-flex:0 0 40px;flex:0 0 40px;border:1px solid #fff;border-radius:20px}.menu-link,.menu-link:visited{font-weight:var(--text-weight-menu);line-height:var(--text-line-menu);font-size:var(--text-size-menu);color:hsla(0,0%,100%,.6);background:transparent;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;max-width:100%;text-decoration:none}.menu-link_selected{color:#fff;font-weight:var(--text-weight-selected-menu);line-height:var(--text-line-selected-menu);font-size:var(--text-size-selected-menu)}.menu-link:hover:not(.menu-link_selected){color:hsla(0,0%,100%,.8)}.menu-link:active:not(.menu-link_selected){color:#fff}.menu-link:disabled:not(.menu-link_selected){color:hsla(0,0%,100%,.4)}.menu{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-direction:column;flex-direction:column;width:100%}.menu__item{margin:10px 0;width:100%}.subheader{font-size:var(--text-size-subheader);line-height:var(--text-line-height-subheader);font-weight:var(--text-weight-subheader)}.button-group{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;position:relative}.button-group:disabled{background:#000;color:#fff;border:1px solid #fff}.button-group__item{-ms-flex:1 1;flex:1 1;padding:0 8px;height:32px;mix-blend-mode:screen;font-size:var(--text-size-control);line-height:var(--text-line-height-control);font-weight:var(--text-weight-control);white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;position:relative;background:hsla(0,0%,100%,.1);color:#fff;border:1px solid #fff}.button-group__item:first-child{border-top-left-radius:16px;border-bottom-left-radius:16px}.button-group__item:last-child{border-top-right-radius:16px;border-bottom-right-radius:16px}.button-group__item:hover:not(:disabled){background:hsla(0,0%,100%,.3)}.button-group__item:active:not(:disabled){background:hsla(0,0%,100%,.5)}.button-group__item.button-group__item_selected:active,.button-group__item.button-group__item_selected:hover,.button-group__item_selected{background:#fff;color:#000}.input{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:32px;width:100%;border-radius:16px;border:1px solid #fff;background:hsla(0,0%,100%,.1);padding:1px}.input:focus-within{outline:auto orange}.input:hover,.input_focused{border-width:2px;padding:0}.input__field{width:100%;color:#fff;caret-color:#fff;font-size:var(--text-size-control);font-weight:var(--text-weight-control);padding-left:8px;outline:none}.input__field::-webkit-input-placeholder{color:hsla(0,0%,100%,.5)}.input__field:-ms-input-placeholder,.input__field::-ms-input-placeholder{color:hsla(0,0%,100%,.5)}.input__field::placeholder{color:hsla(0,0%,100%,.5)}.input__remove{-ms-flex:0 0 32px;flex:0 0 32px;height:32px;display:inline-block}.search-field{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.search-field__input{margin-right:16px;width:100%}.search-field__action{-ms-flex:0 0 32px;flex:0 0 32px;height:32px}.filter{color:var(--text-color);border:none;font-size:var(--text-size-control);line-height:var(--text-line-height-control);font-weight:var(--text-weight-control);white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;padding:0 16px;height:32px;border-bottom:1px solid #fff;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;background:hsla(0,0%,100%,.1)}.filter:first-child{border-top:1px solid #fff}.filter:disabled{background:hsla(0,0%,100%,.05)}.filter:hover{background:hsla(0,0%,100%,.2)}.filter:active{background:hsla(0,0%,100%,.3)}.filter_category{background:rgba(247,57,217,.1)}.filter_category:disabled{background:rgba(247,57,217,.05)}.filter_category:hover{background:rgba(247,57,217,.2)}.filter_category:active{background:rgba(247,57,217,.3)}.filter_glass{background:rgba(57,133,247,.1)}.filter_glass:disabled{background:rgba(57,133,247,.05)}.filter_glass:hover{background:rgba(57,133,247,.2)}.filter_glass:active{background:rgba(57,133,247,.3)}.filter_alcoholic{background:rgba(247,183,57,.1)}.filter_alcoholic:disabled{background:rgba(247,183,57,.05)}.filter_alcoholic:hover{background:rgba(247,183,57,.2)}.filter_alcoholic:active{background:rgba(247,183,57,.3)}.filter_ingredient{background:rgba(57,247,99,.1)}.filter_ingredient:disabled{background:rgba(57,247,99,.05)}.filter_ingredient:hover{background:rgba(57,247,99,.2)}.filter_ingredient:active{background:rgba(57,247,99,.3)}.filter__icon{display:block;width:18px;height:18px;margin:6.4px}.animated-icon{width:100%;height:100%;display:inline-block}.animated-icon_rotate-up{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.animated-icon_rotate-down,.animated-icon_rotate-up{-webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;-o-transition:transform .2s ease;transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease}.animated-icon_rotate-down{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}@-webkit-keyframes rotating{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes rotating{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.animated-icon_rotate-forever{-webkit-animation:rotating 1.5s linear infinite;animation:rotating 1.5s linear infinite}.title{font-size:var(--text-size-title);line-height:var(--text-line-height-title);font-weight:var(--text-weight-title)}.title_truncated{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.filters-header{width:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:center;align-items:center;border:none;background:transparent;padding:0;color:#fff;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.filters-header__button{width:32px;height:32px;border:1px solid transparent;border-radius:50%;background:#fff;mix-blend-mode:screen}.filters-header:hover .filters-header__button{background:hsla(0,0%,100%,.8)}.filters-header:active .filters-header__button{background:hsla(0,0%,100%,.6)}.filters-header:disabled .filters-header__button{background:hsla(0,0%,100%,.4)}.filters-header__icon{display:block;width:60%;height:60%;margin:20%}.filters-cluster{width:100%;margin:16px 0}.filters-cluster__values{margin:16px 0;width:100%;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:calc(100% + 32px);position:relative;left:-16px}.filters-cluster__item{margin:0 5px 5px 0;max-width:100%}.filter_fade-enter{opacity:.01;height:0}.filter_fade-enter-active{opacity:1;height:32px;-webkit-transition:opacity .2s ease-in,height .2s ease-in;-o-transition:opacity .2s ease-in,height .2s ease-in;transition:opacity .2s ease-in,height .2s ease-in}.filter_fade-exit{opacity:1;height:32px}.filter_fade-exit-active{opacity:.01;height:0;-webkit-transition:opacity .2s ease-in,height .2s ease-in;-o-transition:opacity .2s ease-in,height .2s ease-in;transition:opacity .2s ease-in,height .2s ease-in}.filters{width:100%}.button{border:none;padding:0 8px;height:32px;border-radius:16px;background:#fff;color:#000;mix-blend-mode:screen;font-size:var(--text-size-control);line-height:var(--text-line-height-control);font-weight:var(--text-weight-control);white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.button_stretched{width:100%}.button:hover{background:hsla(0,0%,100%,.8)}.button:active{background:hsla(0,0%,100%,.6)}.button:disabled{background:hsla(0,0%,100%,.4)}.filter-selector{display:-ms-flexbox;display:flex;max-width:100%}.filter-selector__title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:32px;border-radius:16px;border:1px solid #fff;background:hsla(0,0%,100%,.1);padding:0 8px;-ms-flex:1 0 auto;flex:1 0 auto;max-width:calc(100% - 48px)}.filter-selector__title_category{background:rgba(247,57,217,.1)}.filter-selector__title_glass{background:rgba(57,133,247,.1)}.filter-selector__title_alcoholic{background:rgba(247,183,57,.1)}.filter-selector__title_ingredient{background:rgba(57,247,99,.1)}.filter-selector__text{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis;font-size:var(--text-size-control);line-height:var(--text-line-height-control);font-weight:var(--text-weight-control)}.filter-selector__icon{margin-left:16px;width:32px;height:32px}.popup-content{width:100%;min-height:100%;background:-webkit-gradient(linear,left top,right top,color-stop(15%,rgba(0,0,0,.1)),to(rgba(0,0,0,.3)));background:-webkit-linear-gradient(left,rgba(0,0,0,.1) 15%,rgba(0,0,0,.3));background:-o-linear-gradient(left,rgba(0,0,0,.1) 15%,rgba(0,0,0,.3));background:linear-gradient(90deg,rgba(0,0,0,.1) 15%,rgba(0,0,0,.3))}.popup-content__container{padding:16px}.popup-content__data{margin-top:16px}.popup{width:100%;height:100%;pointer-events:all;position:fixed;overflow:auto}.filters-parameters__selector{display:block}@media (min-width:700px){.filters-parameters__selector{display:none}}.filters-parameters__values{display:none}@media (min-width:700px){.filters-parameters__values{display:block}}.search-parameters{margin-top:16px}.search-parameters__header{display:none;margin-bottom:16px}@media (min-width:700px){.search-parameters__header{display:block}}.search-parameters__selector{margin-bottom:16px}.settings-bar{width:100%;background:-webkit-gradient(linear,left top,right top,color-stop(15%,rgba(0,0,0,.1)),to(rgba(0,0,0,.3)));background:-webkit-linear-gradient(left,rgba(0,0,0,.1) 15%,rgba(0,0,0,.3));background:-o-linear-gradient(left,rgba(0,0,0,.1) 15%,rgba(0,0,0,.3));background:linear-gradient(90deg,rgba(0,0,0,.1) 15%,rgba(0,0,0,.3));padding:16px;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start}@media (min-width:700px){.settings-bar{min-height:100vh}}.settings-bar__header{width:100%}.settings-bar__menu{width:100%;margin:16px 0;display:none}@media (min-width:700px){.settings-bar__menu{display:block}}.picture{width:100%;height:100%;background-position:top;background-repeat:no-repeat;background-size:contain;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.picture_medium{width:80%;height:80%;background-position:50%}.picture__spinner{display:block;width:30px;height:30px}.text{font-size:var(--text-size);line-height:var(--text-line-height);font-weight:var(--text-weight)}.text_truncated{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.summary{-ms-flex-direction:column;flex-direction:column;-ms-flex:1 0 auto;flex:1 0 auto;-ms-flex-pack:center;justify-content:center}.summary,.summary__item{display:-ms-flexbox;display:flex}.summary__item{-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start;height:24px;margin:4px 0}.summary__icon{display:block;width:20px;height:20px;margin-right:8px}.cocktail{border:1px solid #fff;border-radius:20px;background:hsla(0,0%,100%,.1);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%;padding:1px}.cocktail-link:hover .cocktail{border-width:2px;padding:0;background:hsla(0,0%,100%,.2)}.cocktail-link:active .cocktail{border-width:2px;padding:0;background:hsla(0,0%,100%,.3)}.cocktail-link{color:#fff;background:transparent;text-decoration:none;display:block;width:100%;height:100%}.cocktail__content{width:100%;height:100%;overflow:hidden;border-radius:20px}.cocktail__picture{display:block;height:256px;width:256px;position:relative;top:-1px;left:-2px}.cocktail__info{margin:8px;-ms-flex:1 0 auto;flex:1 0 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.cocktail__title{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;margin:8px 0;height:32px}.cocktail__star{display:block;height:32px;margin-left:8px;-ms-flex:0 0 32px;flex:0 0 32px}.cocktails__cell{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.cocktails__wrapper{width:256px}.cocktails__wrapper_small{height:320px}.cocktails__wrapper_large{height:450px}.cocktails__stub{background:hsla(0,0%,100%,.1);border:1px solid #fff;border-radius:20px;width:100%;height:100%}.name{font-size:var(--text-size-name);line-height:var(--text-line-height-name);font-weight:var(--text-weight-name)}.name_truncated{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}.ingredients-list{padding-top:8px;display:grid;grid-template-columns:minmax(100%,100px);grid-auto-rows:64px;grid-gap:16px;-ms-flex-pack:start;justify-content:flex-start}@media (min-width:700px){.ingredients-list{padding-top:16px;grid-template-columns:repeat(auto-fit,150px);grid-auto-rows:182px;-ms-flex-pack:center;justify-content:center}}.ingredients-list__item{background:hsla(0,0%,100%,.1);border:1px solid #fff;border-radius:20px;padding:1px 8px;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:start;justify-content:flex-start}@media (min-width:700px){.ingredients-list__item{-ms-flex-direction:column;flex-direction:column;padding:1px 8px 8px}}.ingredients-list__link{color:#fff;background:transparent;text-decoration:none;display:block;width:100%;height:100%}.ingredients-list__link:hover .ingredients-list__item{background:hsla(0,0%,100%,.2);border-width:2px;padding:0 7px}.ingredients-list__link:active .ingredients-list__item{background:hsla(0,0%,100%,.3);border-width:2px;padding:0 7px}@media (min-width:700px){.ingredients-list__link:active .ingredients-list__item,.ingredients-list__link:hover .ingredients-list__item{padding:0 7px 7px}}.ingredients-list__picture{width:70px;height:70px;position:relative;top:-8px}@media (min-width:700px){.ingredients-list__picture{width:100px;height:100px;top:-16px}}.ingredients-list__data{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;margin-left:8px;width:calc(100% - 78px)}@media (min-width:700px){.ingredients-list__data{-ms-flex-align:center;align-items:center;text-align:center;margin:0;width:100%;height:68px;-ms-flex-pack:center;justify-content:center}}.ingredients-list__text{overflow:hidden;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;max-width:100%}@media (min-width:700px){.ingredients-list__text:first-child{overflow:visible;white-space:unset}}.ingredients-list__text:last-child{margin-top:8px}.cocktail-data{width:100%;height:auto}.cocktail-data__header{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media (min-width:1024px){.cocktail-data__header{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}}.cocktail-data__main-data{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media (min-width:1024px){.cocktail-data__main-data{-ms-flex-pack:distribute;justify-content:space-around;margin-right:16px}}.cocktail-data__favorites{-ms-flex-item-align:center;align-self:center;width:200px}.cocktail-data__picture-wrapper{-ms-flex-item-align:center;align-self:center;position:relative;width:100%;max-width:400px;margin:0 0 24px}@media (min-width:1024px){.cocktail-data__picture-wrapper{-ms-flex-order:2;order:2;margin:0 0 0 16px}}.cocktail-data__picture-wrapper:after{content:"";display:block;padding-bottom:100%}.cocktail-data__picture{width:100%;height:100%;position:absolute;border-radius:20px;overflow:hidden}.cocktail-data__section{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:24px 0}.cocktail-data__section_summary{margin:16px 0}.cocktail-data__section:last-child{margin-bottom:0}.cocktail-data__title{margin-bottom:8px}.card-container{position:relative;height:100%;width:100%}.card{border-radius:20px;background:rgba(0,0,0,.1);border:1px solid #fff;padding:16px;min-height:100%}@media (min-width:1024px){.card{padding:32px}}.card__buttons{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;margin-bottom:16px}@media (min-width:700px){.card__buttons{display:none}}.card__navigation{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;width:80px}.card__close{display:none}@media (min-width:700px){.card__close{display:block;position:absolute;top:0;right:-8px;z-index:1}}.card__arrows{display:none}@media (min-width:700px){.card__arrows{display:block;position:absolute;width:calc(100% + 80px);height:50%;bottom:16px;left:-40px}}.card__right-arrow{display:none}@media (min-width:700px){.card__right-arrow{display:block;position:absolute;right:32px}}.card__button{width:32px;height:32px;position:static}@media (min-width:700px){.card__button{position:fixed}}.card-container__gap{height:16px;width:100%}.details{padding:0 24px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;min-height:100%;-ms-flex-wrap:wrap;flex-wrap:wrap;height:100%}@media (min-width:700px){.details{padding:0 64px}}.details__card{-ms-flex:1 1 auto;flex:1 1 auto;max-width:700px;position:relative;height:100%}.search-content{width:100%;height:100%;padding:16px 0;overflow:hidden;-ms-flex:1 0 auto;flex:1 0 auto;position:absolute}.search-content_details{overflow:auto}.favorites-content{width:100%;height:100%;padding:16px 0;overflow:hidden;-ms-flex:1 0 auto;flex:1 0 auto;position:absolute}.favorites-content_details{overflow:auto}.favorites-content__buttons{display:-ms-flexbox;display:flex;width:100%;-ms-flex-pack:justify;justify-content:space-between;padding:0 16px 16px}@media (min-width:700px){.favorites-content__buttons{-ms-flex-pack:end;justify-content:flex-end}}.favorites-content__button{margin-right:16px}.favorites-content__button:last-child{margin-right:0}.random-cards{width:256px;height:542px;position:relative}.random-cards__card{opacity:0;border-radius:20px;position:absolute;width:256px;height:450px}.random-cards__reaction{width:60px;height:60px;position:absolute;bottom:16px}.random-cards__reaction_like{right:16px}.random-cards__reaction_dislike{left:16px}.random-cards__reaction_next{left:calc(50% - 30px)}.random-cards__icon{width:60px;height:60px;position:absolute;bottom:-76px;will-change:transform,width,height,opacity}.random-cards__icon_like{right:16px;opacity:0}.random-cards__icon_dislike{left:16px;opacity:0}@-webkit-keyframes dislike{0%{opacity:1;width:60px;height:60px;-webkit-transform:translate(0);transform:translate(0)}to{opacity:1;width:150px;height:150px;-webkit-transform:translate(37px,-323px);transform:translate(37px,-323px)}}@keyframes dislike{0%{opacity:1;width:60px;height:60px;-webkit-transform:translate(0);transform:translate(0)}to{opacity:1;width:150px;height:150px;-webkit-transform:translate(37px,-323px);transform:translate(37px,-323px)}}@-webkit-keyframes like{0%{opacity:1;width:60px;height:60px;-webkit-transform:translate(0);transform:translate(0)}to{opacity:1;width:150px;height:150px;-webkit-transform:translate(-37px,-323px);transform:translate(-37px,-323px)}}@keyframes like{0%{opacity:1;width:60px;height:60px;-webkit-transform:translate(0);transform:translate(0)}to{opacity:1;width:150px;height:150px;-webkit-transform:translate(-37px,-323px);transform:translate(-37px,-323px)}}@-webkit-keyframes card-in{0%{opacity:0}to{opacity:1}}@keyframes card-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes card-out{0%{opacity:1}to{opacity:0}}@keyframes card-out{0%{opacity:1}to{opacity:0}}.dislike-animation-enter-active{-webkit-animation:dislike .5s ease-in forwards;animation:dislike .5s ease-in forwards}.dislike-animation-enter-done{opacity:1;width:150px;height:150px;-webkit-transform:translate(37px,-323px);-ms-transform:translate(37px,-323px);transform:translate(37px,-323px)}.like-animation-enter-active{-webkit-animation:like .5s ease-in forwards;animation:like .5s ease-in forwards}.like-animation-enter-done{opacity:1;width:150px;height:150px;-webkit-transform:translate(-37px,-323px);-ms-transform:translate(-37px,-323px);transform:translate(-37px,-323px)}.card-animation-enter-active{-webkit-animation:card-in .5s ease-in forwards;animation:card-in .5s ease-in forwards}.card-animation-enter-done{opacity:1}.card-animation-exit-active{-webkit-animation:card-out .5s ease-in forwards;animation:card-out .5s ease-in forwards}.card-animation-exit-done{opacity:0}.random-board{min-height:100%;overflow:hidden;padding:16px}.random-board,.random-board__stub{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}.random-board__stub{background:hsla(0,0%,100%,.1);border:1px solid #fff;border-radius:20px;height:100%}.random-board__spinner{display:block;width:30px;height:30px}.random-content{width:100%;height:100%;padding:16px 0;overflow:auto;-ms-flex:1 0 auto;flex:1 0 auto;position:absolute}.random-content__details{padding:16px 0}.random-content__board{height:100%;width:100%}.ingredient{border:1px solid #fff;border-radius:20px;background:hsla(0,0%,100%,.1);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%;width:100%;padding:1px}.ingredient-link:hover .ingredient{border-width:2px;padding:0;background:hsla(0,0%,100%,.2)}.ingredient-link:active .ingredient{border-width:2px;padding:0;background:hsla(0,0%,100%,.3)}.ingredient-link{color:#fff;background:transparent;text-decoration:none;display:block;width:100%;height:100%}.ingredient__content{width:100%;height:100%;overflow:hidden;border-radius:20px}.ingredient__picture{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:256px;width:256px;position:relative;top:-1px;left:-2px}.ingredient__info{margin:8px;-ms-flex:1 0 auto;flex:1 0 auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}.ingredient__title{width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:8px 0;height:32px}.ingredients__cell{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center}.ingredients__wrapper{width:256px;height:320px}.ingredients__stub{background:hsla(0,0%,100%,.1);border:1px solid #fff;border-radius:20px;width:100%;height:100%}.ingredient-data{width:100%;height:auto}.ingredient-data__header{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media (min-width:1024px){.ingredient-data__header{-ms-flex-direction:row;flex-direction:row;-ms-flex-pack:justify;justify-content:space-between}}.ingredient-data__main-data{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}@media (min-width:1024px){.ingredient-data__main-data{-ms-flex-pack:center;justify-content:center;margin-right:16px}}.ingredient-data__picture-wrapper{-ms-flex-item-align:center;align-self:center;position:relative;width:100%;max-width:400px;margin:0 0 24px}@media (min-width:1024px){.ingredient-data__picture-wrapper{-ms-flex-order:2;order:2;margin:0 0 0 16px}}.ingredient-data__picture-wrapper:after{content:"";display:block;padding-bottom:100%}.ingredient-data__picture{width:100%;height:100%;position:absolute;border-radius:20px;overflow:hidden}.ingredient-data__section{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin:24px 0}.ingredient-data__section:last-child{margin-bottom:0}.ingredient-data__title{margin-bottom:8px}.ingredients-content{width:100%;height:100%;padding:16px 0;overflow:hidden;-ms-flex:1 0 auto;flex:1 0 auto;position:absolute}.ingredients-content_details{overflow:auto}.about-content{width:100%;height:100%;padding:24px 16px;overflow:auto;-ms-flex:1 0 auto;flex:1 0 auto;position:absolute}.about-content__section{margin:32px 0}.about-content__section:first-child{margin:0 0 32px}.about-content__section:last-child{margin:32px 0 0}.about-content__list,.about-content__text{margin:8px 0}.about-content__nowrap{white-space:nowrap}.about-content__link,.about-content__link:visited{font-weight:var(--text-weight);line-height:var(--text-line-height);font-size:var(--text-size);color:hsla(0,0%,100%,.6)}.about-content__link:hover{color:#fff}.not-found{background:red;width:100%;height:100%}.app{scroll-behavior:smooth;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:100%}@media (min-width:700px){.app{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:start;align-items:flex-start}}.app__popup{width:100%;height:0;position:fixed;pointer-events:none}.app__notifications{position:fixed;bottom:0;left:0;z-index:10;width:100%}@media (min-width:700px){.app__notifications{width:auto;left:304px;max-width:calc(100% - 304px)}}.app__settings{width:100%;overflow:auto;max-height:100%;-ms-flex:0 0 auto;flex:0 0 auto}@media (min-width:700px){.app__settings{-ms-flex:0 0 auto;flex:0 0 auto;width:304px}}.app__content{width:100%;-ms-flex:1 0 auto;flex:1 0 auto;height:auto;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;position:relative;overflow:hidden}@media (min-width:700px){.app__content{-ms-flex:1 1 auto;flex:1 1 auto;height:100%}}.app__loading-bar{width:100%;height:3px;position:fixed;top:0;pointer-events:none}
/*# sourceMappingURL=main.501aae49.css.map*/