@import "https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700;900&family=Roboto:wght@400;700;900&display=swap";*,:before,:after{box-sizing:border-box}html{tab-size:4;-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0;font-family:system-ui,AppleSystem,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,AppleSystem,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,AppleSystem,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}html{box-sizing:border-box}body{min-height:100vh;background-color:#fcfcfc;flex-direction:column;display:flex}body.modal-ingredients-open,body.modal-cocktails-open{overflow:hidden}*,:after,:before{box-sizing:inherit}h1,h2,h3,h4,h5,h6,p{margin:0}ul{margin:0;padding-left:0;list-style:none}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}address{font-style:normal}.container{width:320px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}@media (min-width:768px){.container{width:768px;padding-left:32px;padding-right:32px}}@media (min-width:1280px){.container{width:1280px;padding-left:16px;padding-right:16px}}.backdrop{width:100%;height:100%;opacity:1;z-index:100;background-color:rgba(0,0,0,.5);transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0;overflow:auto}.backdrop.is-hidden{visibility:hidden;opacity:0;pointer-events:none;display:none}.visually-hidden{width:1px;height:1px;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);border:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.header{justify-content:space-between;display:flex;position:relative}.navigation-wrapper{flex-direction:row;justify-content:space-between;padding-top:20px;display:flex;position:relative}.navigation{align-items:center;display:flex}.header__logo-link{margin-right:50px}.logo-img{width:155px}.navigation__list{display:none}@media screen and (min-width:1280px){.navigation__list{gap:60px;padding-top:15px;display:flex;position:relative}}.navigation__item{letter-spacing:.02em;cursor:default;font-family:Poppins,sans-serif;font-size:18px;line-height:1.33}.navigation__item :hover,.navigation__item :focus{color:#fd5103;transition:color .25s cubic-bezier(.4,0,.2,1)}.favorite__items{min-width:250px;background-color:#fcfcfc;border:1px solid #fd5103;border-top-left-radius:5px;border-top-right-radius:5px;display:none;position:absolute;top:40px;left:130px}.favorite__items :hover,.favorite__items :focus{display:block}@keyframes animateTransform{0%{opacity:0}to{opacity:1}}.drop__item:hover .favorite__items,.drop__item:focus .favorite__items{display:block}.navigation-drop__item :hover,.navigation-drop__item :focus{color:#fcfcfc;background-color:#fd5103;transition:background-color .3s cubic-bezier(.4,0,.2,1)}.navigation-drop__link{color:#202025;padding:12px;display:block}.header-right-wrapper{align-items:center;display:flex}.header-form{position:relative}@media screen and (min-width:768px){.header-form{margin-right:80px}}@media screen and (min-width:1280px){.header-form{margin-right:10px}}.search-button{display:none}@media screen and (min-width:768px){.search-button{width:40px;height:40px;cursor:pointer;background-color:rgba(0,0,0,0);border:none;border-right:1px solid #fd5103;display:block;position:absolute;top:0}}.input-search-icon{display:block}.header-input{background-color:rgba(0,0,0,0);display:none}@media screen and (min-width:768px){.header-input{width:280px;height:40px;letter-spacing:.02em;border:1px solid #fd5103;border-radius:4px;outline:none;padding:5px 5px 5px 48px;font-family:Poppins,sans-serif;line-height:1.71;display:block}}@media screen and (min-width:1280px){.header-input{width:290px}}.header-switcher{display:none}@media screen and (min-width:1280px){.header-switcher{gap:12px;margin-left:150px;display:flex}}.header-switcher-light{color:#fd5103;padding-top:3px;font-family:Poppins,sans-serif;font-size:18px;line-height:1.33}.header-switcher-dark{padding-top:3px;font-family:Poppins,sans-serif;font-size:18px;line-height:1.33}.burger-menu-btn{z-index:9;width:32px;height:32px;background-color:rgba(0,0,0,0);border:none;display:block;position:absolute;top:20px;right:20px}@media screen and (min-width:768px){.burger-menu-btn{margin-left:40px}}@media screen and (min-width:1280px){.burger-menu-btn{display:none}}.burger-menu-btn .burger-icon-cross{display:none}.burger-menu-btn.is-open .burger-icon-cross{display:block}.burger-menu-btn.is-open .burger-icon-menu{display:none}.mobile-menu{z-index:8;width:100%;height:100vh;background-color:#fcfcfc;display:none;position:absolute;top:0;left:0}.mobile-menu.is-open{display:block}@media screen and (min-width:1280px){.mobile-menu.is-open{display:none}}.mobile-menu-wrapper{justify-content:flex-start;gap:60px;display:flex}.burger-switcher{align-items:center;gap:10px;margin-top:30px;margin-bottom:40px;display:flex}.burger-switcher-light{color:#fd5103;padding-top:5px;font-family:Poppins,sans-serif;font-size:14px;line-height:1.71}.switcher-button{width:40px;height:20px;background-color:rgba(0,0,0,0);border:none;border-radius:20px;outline:1px solid #fd5103;position:relative}.switcher-dot,.switcher-burger-dot{width:16px;height:16px;background-color:#fd5103;border-radius:50%;display:block;position:absolute;left:2px;transform:translateY(-50%)}.switcher-dot-left{left:22px}.burger-switcher-dark{padding-top:5px;font-family:Poppins,sans-serif;font-size:14px;line-height:1.71}.burger-input-wrapper{position:relative}.burger-input{width:280px;height:40px;letter-spacing:.02em;border:1px solid #fd5103;border-radius:4px;outline:none;padding:5px 5px 5px 48px;font-family:Poppins,sans-serif;line-height:1.71;display:block;position:relative}@media screen and (min-width:768px){.burger-input{display:none}}.burger-search-button{width:40px;height:40px;background-color:rgba(0,0,0,0);border:none;border-right:1px solid #fd5103;display:block;position:absolute;top:0}@media screen and (min-width:768px){.burger-search-button{display:none}}.mobile-menu-navigation__list{letter-spacing:.02em;margin-bottom:40px;font-family:Poppins,sans-serif;font-size:28px;line-height:1.12}@media screen and (min-width:768px){.mobile-menu-navigation__list{margin-left:60px}}.mobile-menu-navigation__item{margin-top:40px;display:flex}.burger-menu-arrow{background-color:rgba(0,0,0,0);border:none;transform:rotate(90deg)}.burger-favorite__items{width:200px;border:1px solid #fd5103;border-radius:5px;flex-direction:column;margin-top:20px;margin-left:70px;display:none}.burger-favorite__items-display{display:block}.burger-drop__item{background-color:rgba(0,0,0,0);border-radius:5px;padding:10px}.burger-drop__item :hover,.burger-drop__item :focus{color:#fcfcfc;background-color:#fd5103}.burger__logo-link{display:none}@media screen and (min-width:768px){.burger__logo-link{margin-top:15px;display:block}}@media screen and (min-width:768px){.burger-wrapper{margin-left:40px}}.unscroll-body{overflow:hidden}@media screen and (min-width:320px){.hero{padding-top:60px;padding-bottom:40px}}@media screen and (min-width:768px){.hero{padding-top:77px;padding-bottom:120px}}@media screen and (min-width:1280px){.hero{padding-top:97px;padding-bottom:120px}}.hero__title{width:300px;height:76px;color:#fd5103;margin-bottom:60px;font-family:Poppins,sans-serif;font-size:22px;font-weight:600;line-height:1.90909}@media screen and (min-width:768px){.hero__title{width:336px;height:84px;margin-bottom:40px;font-size:26px;line-height:1.61538}}@media screen and (min-width:1280px){.hero__title{width:688px;height:160px;font-size:52px;line-height:1.53846}}.hero-container{flex-direction:column;display:flex}@media screen and (min-width:768px){.hero-container{flex-direction:row;gap:32px}}@media screen and (min-width:1280px){.hero-container{gap:59px}}.mobile-hero__picture{margin-bottom:60px}@media screen and (min-width:768px){.mobile-hero__picture{display:none}}.hero__picture{display:none}@media screen and (min-width:768px){.hero__picture{display:block}}@media screen and (min-width:320px){.hero__text{letter-spacing:.02em;color:#000;width:324px;margin-bottom:20px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;line-height:2}}@media screen and (min-width:768px){.hero__text{color:#202025;height:28px;margin-bottom:40px}}@media screen and (min-width:1280px){.hero__text{width:600px;font-size:18px}}.mobile-wrapper{flex-direction:column;align-items:center;display:flex}@media screen and (min-width:768px){.mobile-wrapper{display:none}}.mobile-wrapper-select{width:93px;height:34px;border:1px solid #fd5103;border-radius:4px;flex-direction:row;justify-content:space-between;align-items:center;gap:14px;padding:10px;display:flex}.mobile-wrapper-select.active{color:#fcfcfc;background-color:#fd5103}.mobile-wrapper-select.active .hero__select-text{color:#fcfcfc}.mobile-wrapper-select.active .arrow__icon{fill:#fcfcfc}.hero__select-text{color:#fd5103;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;line-height:1.35}.arrow__icon{fill:#fd5103}.mobile-list-letters{width:93px;max-height:84px;border:1px solid #fd5103;border-radius:4px;flex-direction:column;gap:10px;padding:10px;display:flex;overflow-y:scroll}.mobile-word{width:36px;height:15px;color:#5f6775;flex:none;order:0;align-items:center;font-family:Poppins,sans-serif;font-size:10px;font-weight:700;line-height:1.5;display:flex}.mobile-word:hover{color:#fd5103}.wrapper-tablet-desktop-filter{display:none}@media screen and (min-width:768px){.wrapper-tablet-desktop-filter{width:312px;flex-direction:column;display:flex}}@media screen and (min-width:768px){.list-letters{width:312px;flex-wrap:wrap;justify-content:center;display:inline-flex}}@media screen and (min-width:768px) and (min-width:1280px){.list-letters{width:520px}}.list-letters-number{width:288px;justify-content:center;display:flex}@media screen and (min-width:1280px){.list-letters-number{width:480px}}.word{width:24px;height:25px;color:#5f6775;justify-content:center;align-items:center;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;line-height:1.5;display:flex}@media screen and (min-width:768px){.word{transition:transform .25s linear}.word:hover{color:#fd5103;transform:scale(1.7)rotate(1turn)}}@media screen and (min-width:1280px){.word{width:40px;height:40px;cursor:pointer;font-size:24px;line-height:1.5}}.word.active{color:#fd5103}@media screen and (min-width:768px){.word.active{text-shadow:0 4px 4px rgba(95,103,117,.25);font-size:16px}}@media screen and (min-width:1280px){.word.active{font-size:26px}}button{cursor:pointer}.cocktail-list{flex-wrap:wrap;justify-content:flex-start;align-items:center;margin:0 auto;display:flex}@media screen and (min-width:320px){.cocktail-list{gap:20px;padding-bottom:24px}}@media screen and (min-width:768px){.cocktail-list{gap:32px;padding-bottom:22px}}@media screen and (min-width:1280px){.cocktail-list{gap:31px;padding-bottom:28px}}.cocktail-list__cocktail-item{border:1px solid #fe7031;border-radius:4px}@media screen and (min-width:320px){.cocktail-list__cocktail-item{width:280px}}@media screen and (min-width:768px){.cocktail-list__cocktail-item{width:335px}}@media screen and (min-width:1280px){.cocktail-list__cocktail-item{width:395px}}.svg-dark-theme{fill:#fcfcfc;pointer-events:none}.svg-light{fill:#202025;pointer-events:none}.name-dark{color:#202025}.name-light{color:#fcfcfc}.cocktail-item__add-to{color:#fe7031;letter-spacing:.02em;background-color:rgba(0,0,0,0);border:2px solid #fe7031;border-radius:4px;justify-content:center;align-items:center;gap:4px;font-family:Roboto,sans-serif;font-weight:400;line-height:1.1;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}@media screen and (min-width:320px){.cocktail-item__add-to{width:110px;height:39px;font-size:14px}}@media screen and (min-width:768px){.cocktail-item__add-to{width:123px;height:48px;font-size:20px}}@media screen and (min-width:1280px){.cocktail-item__add-to{width:141px}}.cocktail-item__add-to:hover{background-color:#f5f5f5}.cocktail-item__add-to:hover .svg{fill:#f5f5f5}.cocktail-item__add-to:active{background-color:rgba(0,0,0,0)}.cocktail-item__add-to:active .svg{fill:rgba(0,0,0,0)}.cocktail-item__remove{color:#fe7031;letter-spacing:.02em;background-color:rgba(0,0,0,0);border:2px solid #fe7031;border-radius:4px;justify-content:center;align-items:center;gap:4px;font-family:Roboto,sans-serif;font-weight:400;line-height:1.1;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}@media screen and (min-width:320px){.cocktail-item__remove{width:110px;height:39px;font-size:14px}}@media screen and (min-width:768px){.cocktail-item__remove{width:123px;height:48px;font-size:20px}}@media screen and (min-width:1280px){.cocktail-item__remove{width:141px}}.cocktail-item__remove:hover{background-color:#f5f5f5}.cocktail-item__remove:active{background-color:rgba(0,0,0,0)}.cocktail-item__learn-more{color:#fcfcfc;letter-spacing:.02em;background-color:#fe7031;border:2px solid #fe7031;border-radius:4px;font-family:Roboto,sans-serif;font-weight:400;line-height:1.1;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}@media screen and (min-width:320px){.cocktail-item__learn-more{width:108px;height:39px;font-size:14px}}@media screen and (min-width:768px){.cocktail-item__learn-more{width:160px;height:48px;font-size:20px}}@media screen and (min-width:1280px){.cocktail-item__learn-more{width:182px}}.cocktail-item__learn-more:hover{color:#fe7031;background-color:#f5f5f5}.cocktail-item__learn-more:active{color:#fcfcfc;background-color:#fe7031}.button-wrap{justify-content:center;align-items:center;display:flex}@media screen and (min-width:320px){.button-wrap{gap:17px;margin-bottom:24px}}@media screen and (min-width:768px){.button-wrap{gap:12px;margin-bottom:22px}}@media screen and (min-width:1280px){.button-wrap{gap:16px;margin-bottom:28px}}.cocktail-item__name{width:fit-content;text-align:center;align-items:center;padding:10px;font-family:Roboto,sans-serif;font-weight:900;line-height:1.2;display:flex}@media screen and (min-width:320px){.cocktail-item__name{margin:48px auto 16px;font-size:26px}}@media screen and (min-width:768px){.cocktail-item__name{height:70px;margin:20px auto 27px;font-size:28px}}@media screen and (min-width:1280px){.cocktail-item__name{height:70px;margin:15px auto 23px;font-size:32px}}.cocktail-title-main{text-align:center;margin:0 auto 60px;padding:0;font-style:normal;line-height:1.5}@media screen and (min-width:320px){.cocktail-title-main{font-family:Poppins,sans-serif;font-size:22px;font-weight:600}}@media screen and (min-width:768px){.cocktail-title-main{font-family:Roboto,sans-serif;font-size:32px;font-weight:700}}@media screen and (min-width:1280px){.cocktail-title-main{font-family:Poppins,sans-serif;font-size:48px;font-weight:700}}.cocktail-item_img{border-radius:3px}.not-found{justify-content:center;display:flex}.cocktail-section{margin-bottom:170px}.pagination{justify-content:space-between;align-items:center;font-family:Montserrat,sans-serif;font-size:14px;line-height:1.21;display:flex}@media screen and (min-width:1280px){.pagination{justify-content:space-evenly;padding-left:150px;padding-right:150px}}.pagination-pages{width:100%;justify-content:center;align-items:center;gap:8px;display:flex}@media screen and (min-width:768px){.pagination-pages{gap:14px}}.pagination-button{color:#fe7031;width:32px;height:32px;background-color:rgba(0,0,0,0);border:1px solid #eaebea;border-radius:4px;padding-top:8px;padding-bottom:7px;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}@media screen and (min-width:768px){.pagination-button{width:40px;height:40px;padding-top:10px;padding-bottom:10px}}.pagination-button:hover,.pagination-button:focus,.pagination-button__active{color:#fdfdfd;background-color:#fe7031}.pagination-button--dark-theme{border-color:#4f4e4e}.pagination-button--dark-theme:hover,.pagination-button--dark-theme:focus,.pagination-button__active--dark-theme{color:#202025}.pagination-button-arrow{width:32px;height:32px;background-color:rgba(0,0,0,0);border:rgba(0,0,0,0);transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1);display:none}@media screen and (min-width:768px){.pagination-button-arrow{width:60px;height:40px;border:1px solid #eaebea;border-radius:4px;display:block}}@media screen and (min-width:768px){.pagination-button-arrow:hover,.pagination-button-arrow:focus{background-color:#fe7031}}.pagination-button-arrow:hover .pagination-svg,.pagination-button-arrow:focus .pagination-svg{fill:#fdfdfd}.pagination-button-arrow:hover .pagination-svg--dark-theme,.pagination-button-arrow:focus .pagination-svg--dark-theme{fill:#202025}.pagination-button-arrow--dark-theme{border-color:#4f4e4e}.pagination-svg{fill:#fe7031}.pagination-svg:hover,.pagination-svg:focus{fill:#fdfdfd}.pagination-svg--prev{transform:rotate(180deg)}.pagination-svg--dark-theme:hover,.pagination-svg--dark-theme:focus{fill:#202025}.pagination-button-arrow:disabled{cursor:auto;background-color:rgba(0,0,0,0)}.pagination-button-arrow:disabled .pagination-svg{fill:#eaebea}.pagination-button-arrow:disabled .pagination-svg--dark-theme{fill:#4f4e4e}body{position:relative}.footer{height:110px;background-color:#fd5103;transition:bottom .25s cubic-bezier(.4,0,.2,1);position:absolute;bottom:0}@media screen and (min-width:320px){.footer{min-width:100%}}@media screen and (min-width:768px){.footer{min-width:100%}}@media screen and (min-width:1280px){.footer{min-width:100%}}.dark-size{background-image:radial-gradient(circle,#3c3e43,#000)}.header-switcher-dark-revers{color:#fd5103}.burger-switcher-light-revers{color:#fcfcfc}.switcher-button-dark{background-color:#fd5103;outline:1px solid #fcfcfc}.switcher-dot-dark{background-color:#fcfcfc}.favorite__items-dark{background-color:#202025}.navigation-drop__item-dark{background-color:#202025;border-top-left-radius:4px;border-top-right-radius:4px}.navigation-drop__item-dark :hover,.navigation-drop__item-dark :focus{color:#202025;background-color:#fd5103}.burger-menu-btn-icon-dark{fill:#fff!important}.dark-theme{color:#fcfcfc!important}.dark-theme-grey{color:#5f6775!important}.dark-theme-light-grey{color:#bdbdbd!important}.flex-1{flex:1}.main-section{padding-top:60px;padding-bottom:170px}.main-section .base-title{text-align:center;margin-bottom:60px;font-size:22px;font-weight:900;line-height:1.2}.main-section .base-title--cocktails{margin-bottom:32px}@media screen and (min-width:768px){.main-section .base-title{font-size:32px}}@media screen and (min-width:1280px){.main-section .base-title{font-size:48px}}.main-section .card-item__info{padding:20px 20px 0}.main-section .card-item__name{margin-bottom:20px;font-size:28px;font-weight:900}.main-section .card-item__details{height:16.1px;text-transform:uppercase;margin-bottom:20px;font-size:14px;font-weight:600;display:block}.main-section .card-list{flex-wrap:wrap;gap:20px;padding-bottom:28px;display:grid}@media screen and (min-width:768px){.main-section .card-list{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1280px){.main-section .card-list{grid-template-columns:repeat(3,1fr)}}.favorite-ingredients .button-wrap{width:100%;justify-content:space-between}.cocktail-item__learn-more,.cocktail-item__remove{transition:color .25s cubic-bezier(.4,0,.2,1),background-color .25s cubic-bezier(.4,0,.2,1)}.not-found{text-align:center;color:#202025;font-family:Poppins,sans-serif;font-size:20px;font-weight:400;line-height:3;position:relative}@media screen and (min-width:768px){.not-found{font-size:24px;line-height:2.5}}@media screen and (min-width:1280px){.not-found{font-size:32px;line-height:2.25}}.cocktails-modal{width:320px;color:#202025;background-color:#fcfcfc;padding:40px 20px;font-family:Poppins,sans-serif;position:absolute;top:10%;left:50%;transform:translate(-50%)}@media screen and (min-width:768px){.cocktails-modal{width:715px;padding:40px 28px 28px;top:50%;transform:translate(-50%,-50%)}}.cocktails-modal-close{width:32px;height:32px;cursor:pointer;background-color:rgba(0,0,0,0);border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.cocktails-modal-close__icon{transition:fill .25s cubic-bezier(.4,0,.2,1);position:absolute}.cocktails-modal-close__icon:hover,.cocktails-modal-close__icon:focus{fill:#fe7031}.cocktails-modal-close__icon:active{fill:#fd5103;transition:fill 50ms cubic-bezier(.4,0,.2,1)}.cocktails-modal-content-wrap{margin-bottom:32px}@media screen and (min-width:768px){.cocktails-modal-content-wrap{flex-direction:column;margin-bottom:40px;display:flex}}.cocktail-title{margin-bottom:20px;font-family:Roboto,sans-serif;font-size:32px;font-weight:900;line-height:1.18}@media screen and (min-width:768px){.cocktail-title{order:1;margin-bottom:28px;padding-left:292px}}.cocktail-description{margin-bottom:32px}@media screen and (min-width:768px){.cocktail-description{order:3;margin-bottom:0}}.cocktail-description__title{text-transform:uppercase;margin-bottom:20px;font-size:16px;font-weight:600;line-height:1.62}@media screen and (min-width:768px){.cocktail-description__title{margin-bottom:24px}}.cocktail-description__text{color:#5f6775;font-size:16px;font-weight:400;line-height:1.75}@media screen and (min-width:768px){.cocktail-description__text{max-width:615px}}.cocktail-image{width:280px;height:280px;object-fit:cover;border-radius:4px;margin-bottom:22px}@media screen and (min-width:768px){.cocktail-image{width:288px;height:320px;position:absolute;top:0;left:0}}.cocktail-ingredients{min-height:190px}@media screen and (min-width:768px){.cocktail-ingredients{order:2;margin-bottom:52px;padding-left:292px}}.cocktail-ingredients__title{color:#000917;margin-bottom:8px;font-size:16px;font-weight:600;line-height:1.5}.cocktail-ingredients__remark{margin-bottom:8px;font-size:14px;font-style:normal;font-weight:300;line-height:1.5}.cocktail-ingredients-list-item{color:#5f6775;font-size:16px;font-weight:400;line-height:1.62}.cocktail-ingredients-list-item p{cursor:pointer;transition:color .2s cubic-bezier(.4,0,.2,1);display:inline}.cocktail-ingredients-list-item p:hover,.cocktail-ingredients-list-item p:focus{color:#fd5103!important}.cocktail-ingredients-list-item p:hover span,.cocktail-ingredients-list-item p:focus span{transition:color;color:#fd5103!important}.cocktail-ingredients-list-item p span{color:#000917}.cocktails-modal-favorite{letter-spacing:.02em;color:#fcfcfc;cursor:pointer;background-color:#fe7031;border-color:rgba(0,0,0,0);border-radius:4px;padding:12px 24px;font-family:Roboto,sans-serif;font-size:20px;font-weight:400;line-height:1.2;transition:background-color .25s cubic-bezier(.4,0,.2,1),color .25s cubic-bezier(.4,0,.2,1)}.cocktails-modal-favorite:hover,.cocktails-modal-favorite:focus{color:#fd5103;background-color:#f5f5f5}.cocktails-modal-favorite:active{color:#fcfcfc;background-color:#fd5103;transition:background-color .1s cubic-bezier(.4,0,.2,1),color .1s cubic-bezier(.4,0,.2,1)}@media screen and (min-width:768px){.cocktails-modal-favorite{margin:0 0 0 auto;display:block}}.modal-drink-ingredients{width:320px;background-color:#fcfcfc;padding:40px 20px;font-family:Poppins,"sans-serif";position:absolute;top:10%;left:50%;overflow-x:hidden;overflow-y:scroll;transform:translate(-50%)}@media screen and (min-width:768px){.modal-drink-ingredients{height:557px;width:715px;padding:40px 28px 28px;top:50%;transform:translate(-50%,-50%)}}.button-modal-close{width:32px;height:32px;cursor:pointer;background-color:rgba(0,0,0,0);border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.button-modal-close__icon{transition:fill .25s cubic-bezier(.4,0,.2,1);position:absolute}.button-modal-close:hover .button-modal-close__icon,.button-modal-close:focus .button-modal-close__icon{fill:#fe7031}.button-modal-close-light__icon{fill:#202025}.button-modal-close-dark__icon{fill:#fcfcfc}.drink-name{color:#202025;margin-bottom:20px;font-family:Roboto,"sans-serif";font-size:32px;font-weight:900;line-height:1.19}@media screen and (min-width:768px){.drink-name{margin-bottom:28px}}.drink-category{text-transform:uppercase;color:#202025;margin-bottom:20px;font-family:Poppins,"sans-serif";font-size:16px;font-weight:600;line-height:1.5}@media screen and (min-width:768px){.drink-category{margin-bottom:40px}}.drink-category--wrapper{visibility:hidden;pointer-events:none;height:1px;margin-bottom:28px;display:block;position:absolute}@media screen and (min-width:768px){.drink-category--wrapper{visibility:visible;pointer-events:auto;position:relative}}.drink-category--line{width:715px;height:0;border:1px solid #fd5103;position:absolute;top:-8px;left:-28px}.drink-description{color:#5f6775;margin-bottom:28px;font-family:Poppins,"sans-serif";font-size:16px;font-weight:400;line-height:1.75}.drink-description--marked-word{color:#202025;font-family:Poppins,"sans-serif";font-size:16px;font-weight:600;line-height:1.75}.drink-classification-list{margin-bottom:32px}@media screen and (min-width:768px){.drink-classification-list{margin-bottom:40px}}.drink-classification-item{color:#5f6775;flex-wrap:wrap;gap:5px;line-height:1.62;display:flex}.drink-controller-btn{cursor:pointer;background-color:#fd5103;border-color:rgba(0,0,0,0);border-radius:4px;padding:12px 24px}@media screen and (min-width:768px){.drink-controller-btn{margin:0 0 0 auto;transition:background-color .25s cubic-bezier(.4,0,.2,1);display:block}}.drink-controller-btn:hover,.drink-controller-btn:focus{background-color:#f5f5f5}.drink-controller-btn:hover .drink-controller-btn--name,.drink-controller-btn:focus .drink-controller-btn--name{color:#fd5103}.drink-controller-btn--name{letter-spacing:.02em;color:#fcfcfc;font-family:Roboto,"sans-serif";font-size:20px;font-weight:400;line-height:1.2;transition:color .25s cubic-bezier(.4,0,.2,1)}.modal-ingredients-light-color{color:#fcfcfc}.modal-ingredients-fill{fill:#fcfcfc}.modal-ingredients-fill-black{fill:#202025}.modal-light-grey{color:#bdbdbd}.modal-first-word-of-description-light{color:#202025;font-family:Poppins,"sans-serif";font-size:16px;font-weight:600;line-height:1.75}.modal-first-word-of-description-dark{color:#fcfcfc;font-family:Poppins,"sans-serif";font-size:16px;font-weight:600;line-height:1.75}
/*# sourceMappingURL=favorite-cocktails.05110963.css.map */