*,: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,-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}:root{--main-color:#202025;--main-white-color:#fcfcfc;--accent-text-color:#fd5103;--alternative-text-color:#5f6775;--accent-button-color:#fe7031;--poppins-family:"Poppins",sans-serif;--poppins-font-weight-400:400;--poppins-font-weight-500:500;--poppins-font-weight-600:600;--poppins-font-weight-700:700;--roboto-alternate-family:"Roboto",sans-serif;--roboto-alternate-font-weight-400:400;--roboto-alternate-font-weight-700:700;--roboto-alternate-font-weight-900:900;--general-transition-effect:.4s cubic-bezier(.4,0,.2,1)}html{scroll-behavior:smooth;height:100vh}body{font-family:var(--poppins-family);color:var(--main-color);margin:0}ul,ol,li{margin:0;padding:0;list-style:none}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}button{color:inherit;outline:none;margin:0;padding:0}img{height:auto;max-width:100%;display:block}a{outline:none;text-decoration:none}input{outline:none}.container{max-width:480px;margin:0 auto;padding:0 20px}@media screen and (min-width:768px){.container{max-width:768px;padding:0 32px}}@media screen and (min-width:1280px){.container{max-width:1280px;padding:0 16px}}.flex-container{display:flex}.hidden{white-space:nowrap;width:1px;height:1px;clip:rect(0 0 0 0);-webkit-clip-path:inset(50%);clip-path:inset(50%);border:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.header{margin-bottom:60px;padding:20px 20px 0;position:relative}@media (min-width:768px){.header{margin-bottom:77px;padding:20px 32px 0}}@media (min-width:1280px){.header{margin-bottom:97px;padding:20px 16px 0}}.menu__navbar{align-items:flex-end;margin-right:50px;display:flex}@media (min-width:768px) and (max-width:1279px){.menu__navbar{margin:0 0 0 30px}}.menu__navbar-list>li{position:relative}.menu__navbar-sub-list{border:1px solid var(--accent-text-color);min-width:210px;border-radius:4px;position:absolute;top:100%;left:0}.menu__navbar-sub-list>li{position:relative}.menu__navbar-sub-list>li .menu__navbar-sub-link{font-family:var(--poppins-family);font-style:normal;font-weight:var(--poppins-font-weight-400);letter-spacing:.02em;color:inherit;padding:12px 0 12px 12px;font-size:18px;line-height:1.33;display:inline-block}.menu__navbar-sub-list>li:hover{background-color:var(--accent-text-color)}.menu__navbar-sub-list>li:hover .menu__navbar-sub-link{color:var(--main-white-color)}.menu__navbar-sub-list>li:not(:last-child):after{content:"";height:1px;width:100%;background-color:var(--accent-text-color);position:absolute;bottom:0;left:0}.menu__navbar-link-arrow{display:none}@media (min-width:768px) and (max-width:1279px){.header__logo{z-index:10}}.header__search-form{max-width:320px;width:100%;border:2px solid var(--accent-text-color);height:40px;border-radius:4px;margin:0 0 40px;display:flex}@media (min-width:768px) and (max-width:1279px){.header__search-form{display:none}}@media (min-width:1280px){.header__search-form{margin:0}}.header__search-form-button{width:40px;background-color:#0000;border:none;border-radius:4px;justify-content:center;align-items:center;margin:0 10px 0 0;display:flex;position:relative}.header__search-form-button:after{content:"";background-color:var(--accent-text-color);width:2px;height:100%;position:absolute;top:0;right:0}.menu__serch-icon{width:24px;height:24px}.header__search-form-input{width:100%;font-family:var(--poppins-family);font-style:normal;font-weight:var(--poppins-font-weight-400);letter-spacing:.02em;color:var(--alternative-text-color);background-color:#0000;border:none;font-size:14px;line-height:1.71}.form-hide{display:none}@media (min-width:768px) and (max-width:1279px){.form-hide{border:2px solid var(--accent-text-color);height:40px;border-radius:4px;margin:0 0 0 100px;display:flex}}.menu__test{flex-direction:column-reverse;display:flex}@media (min-width:1280px){.menu__test{flex-direction:row;gap:170px}}.header__switch{flex-wrap:nowrap;align-items:center;gap:8px;margin:0 0 40px;display:flex}@media (min-width:768px) and (max-width:1279px){.header__switch{margin:0 0 57px}}@media (min-width:1280px){.header__switch{gap:12px;margin:0}.menu__navbar-list{align-items:center;gap:60px;display:flex}}.menu__navbar-link{font-family:var(--poppins-family);font-style:normal;font-weight:var(--poppins-font-weight-400);letter-spacing:.02em;color:inherit;padding:18px 0;font-size:28px;line-height:1;text-decoration:none}@media (min-width:1280px){.menu__navbar-link{padding:0;font-size:18px;line-height:1.33px}}.menu__navbar-link-favourite{cursor:pointer;font-family:var(--poppins-family);font-style:normal;font-weight:var(--poppins-font-weight-400);letter-spacing:.02em;color:inherit;padding:18px 0;font-size:28px;line-height:1;text-decoration:none}@media (min-width:1280px){.menu__navbar-link-favourite{padding:0;font-size:18px;line-height:1.33}}@media (min-width:768px) and (max-width:1279px){.menu__test{align-items:center}}@media (max-width:1279px){.header__menu{z-index:2;width:100%;height:100%;background-color:var(--main-white-color);transition:all var(--general-transition-effect);padding:27px 20px;position:fixed;top:0;right:-100%;overflow:auto}}@media (min-width:768px) and (max-width:1279px){.header__menu{padding:33px 20px}}.header__menu.dark._active{background-color:var(--main-color)}@media (min-width:1280px){.header__wrapper{justify-content:space-between;align-items:flex-end;display:flex}.menu-icon{display:none}}@media (min-width:767px){.menu__navbar-sub-list{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(10%)}}@media (max-width:1279px){.header__wrapper{justify-content:space-between;align-items:center;display:flex}.menu-icon{z-index:5;cursor:pointer;display:block}.header__menu._active{right:0}.menu__navbar-list>li{flex-wrap:wrap}.menu__navbar-list>li._active .menu__navbar-sub-list{margin-top:10px;display:block}.menu__navbar-sub-list{display:none}}body._pc .menu__navbar-list>li:hover .menu__navbar-sub-list{opacity:1;visibility:visible;pointer-events:all;transform:translate(0)}body._touch .menu__navbar-list>li{align-items:center;display:flex}body._touch .menu__navbar-link{flex:auto}body._touch .menu__navbar-link-arrow{margin:0 0 0 5px;display:block}body._touch .menu__navbar-list>li._active .menu__navbar-sub-list{opacity:1;visibility:visible;pointer-events:all;transform:translate(0)}body._touch .menu__navbar-list>li._active .menu__navbar-link-arrow{transform:rotate(-180deg)}body._lock{overflow:hidden}.section-hero{padding-bottom:40px}@media screen and (min-width:768px){.section-hero{padding-bottom:125px}}@media screen and (min-width:1280px){.section-hero{padding-bottom:120px}}.hero{margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}@media screen and (min-width:768px){.hero{width:768px;height:294px;background-image:url(background-768.5aad277a.png);background-position:100%;background-repeat:no-repeat;background-size:contain;padding-left:32px;padding-right:32px}}@media screen and (min-width:768px) and (min-device-pixel-ratio:2),screen and (min-width:768px) and (min-resolution:192dpi),screen and (min-width:768px) and (min-resolution:2dppx){.hero{background-image:url(background-768@2x.65990688.png)}}@media screen and (min-width:1280px){.hero{width:1280px;height:439px;background-image:url(background-1200.1fbc1d97.png);background-position:100%;background-repeat:no-repeat;background-size:contain;padding-left:16px;padding-right:16px}}@media screen and (min-width:1280px) and (min-device-pixel-ratio:2),screen and (min-width:1280px) and (min-resolution:192dpi),screen and (min-width:1280px) and (min-resolution:2dppx){.hero{background-image:url(background-1200@2x.901db499.png)}}.hero__title{font-weight:var(--poppins-font-weight-600);color:var(--accent-text-color);margin-bottom:40px;font-size:22px;line-height:1.9}@media screen and (max-width:767.98px){.hero__title{max-width:336px;height:100%;margin-bottom:60px;margin-left:auto;margin-right:auto}}@media screen and (min-width:768px){.hero__title{font-size:26px;line-height:1.6}}@media screen and (min-width:1280px){.hero__title{width:688px;font-size:52px;line-height:1.5}}@media screen and (max-width:767.98px){.baner-wrapper{max-width:260px;height:245px;background-image:url(background-480.c036e32d.png);background-position:50%;background-repeat:no-repeat;background-size:contain;margin-bottom:60px;margin-left:auto;margin-right:auto}}@media screen and (max-width:767.98px) and (min-device-pixel-ratio:2),screen and (max-width:767.98px) and (min-resolution:192dpi),screen and (max-width:767.98px) and (min-resolution:2dppx){.baner-wrapper{background-image:url(background-480@2x.5c6a5b97.png)}}.hero__text{font-weight:var(--poppins-font-weight-500);letter-spacing:.02px;color:var(--main-color);margin-bottom:40px;font-size:14px;line-height:2}@media screen and (max-width:767.98px){.hero__text{text-align:center;margin-bottom:20px}}@media screen and (min-width:1280px){.hero__text{font-size:18px;line-height:1.6}}.ABC-input{width:93px;height:34px;border:1px solid var(--accent-text-color);background-color:inherit;border-radius:4px;padding:6px 46px 6px 10px;font-size:16px;font-weight:700;line-height:2.2;display:block}.dropdown-wrapper{display:none}@media screen and (max-width:767.98px){.dropdown-wrapper{margin-bottom:55px;display:block}}.dropdown{text-align:center;position:absolute;left:50%;transform:translate(-50%)}.dropdown__btn{width:24px;height:24px;background-color:inherit;border:none;position:absolute;top:5px;right:8px}.dropdown__btn__icon{width:13px;height:8px;fill:var(--accent-text-color)}.dropdown__content{width:93px;height:84px;border:1px solid var(--accent-text-color);background-color:var(--main-white-color);z-index:1;border-radius:4px;display:none;position:absolute;overflow:scroll}.dropdown__content__btn{background-color:inherit;text-align:start;width:85px;height:28px;transition:color var(--general-transition-effect);border:none;padding:4px 10px;font-size:10px;font-weight:700;line-height:1.5;display:block}.dropdown__content__btn:hover,.dropdown__content__btn:focus{color:var(--accent-text-color)}.btn-ABC{width:24px;height:25px;background-color:inherit;font-weight:var(--poppins-font-weight-700);text-align:center;transition:color var(--general-transition-effect);color:var(--alternative-text-color);border:none;align-items:center;font-size:14px;line-height:1.5}.btn-ABC:hover,.btn-ABC:focus{color:var(--accent-text-color);-webkit-text-stroke:1px var(--main-color);text-shadow:0 4px 4px #00000040;cursor:pointer}@media screen and (min-width:1280px){.btn-ABC{width:40px;height:40px;font-size:24px}}.ABC-search{width:324px}@media screen and (max-width:767.98px){.ABC-search{display:none}}.ABC-search__letters{flex-wrap:wrap;justify-content:center;display:flex}.ABC-search__numbers{justify-content:center;display:flex}@media screen and (min-width:1280px){.ABC-search{width:520px}}.cocktails{padding-bottom:60px}.cocktail-title{text-align:center;max-width:280px;margin-bottom:60px;margin-left:auto;margin-right:auto;font-size:22px;font-weight:600;line-height:1.9}@media screen and (min-width:768px){.cocktail-title{max-width:331px;font-family:Roboto;font-size:32px;font-weight:700;line-height:1.3}}@media screen and (min-width:1280px){.cocktail-title{max-width:493px;font-size:48px;font-weight:700;line-height:1.5}}.error-wrapper__img{max-width:280px;max-height:208px;margin:0 auto}@media screen and (min-width:768px){.error-wrapper__img{max-width:345px;max-height:380px}}.preloader{width:100px;height:100px;margin-left:auto;margin-right:auto}.lds-heart{width:100px;height:100px;transform-origin:40px 40px;margin-left:auto;margin-right:auto;display:inline-block;position:relative;transform:rotate(45deg)}.lds-heart div{width:32px;height:32px;background:var(--accent-text-color);animation:1.2s cubic-bezier(.215,.61,.355,1) infinite lds-heart;position:absolute;top:32px;left:32px}.lds-heart div:after,.lds-heart div:before{content:" ";width:32px;height:32px;background:var(--accent-text-color);display:block;position:absolute}.lds-heart div:before{border-radius:50% 0 0 50%;left:-24px}.lds-heart div:after{border-radius:50% 50% 0 0;top:-24px}@keyframes lds-heart{0%{transform:scale(.95)}5%{transform:scale(1.1)}39%{transform:scale(.85)}45%{transform:scale(1)}60%{transform:scale(.95)}to{transform:scale(.9)}}@media screen and (min-width:768px){.cocktail{flex-wrap:wrap;justify-content:center;gap:32px;display:flex}}.cocktail__list{width:100%;flex-wrap:wrap;justify-content:center;gap:32px;display:flex}.cocktail__item{border:1px solid #fd5103;border-radius:4px;flex-direction:column;flex-basis:100%;display:flex}@media screen and (min-width:768px){.cocktail__item{flex-basis:calc(50% - 16px)}}@media screen and (min-width:1280px){.cocktail__item{flex-basis:calc(33.3333% - 21.3333px)}}@media screen and (max-width:767.98px){.cocktail__item:not(:last-child){margin:0 0 20px}}.cocktail__img-wrapper{margin-bottom:40px}@media screen and (min-width:768px){.cocktail__img-wrapper{margin-bottom:20px}}.cocktail__img{width:100%;border-top-left-radius:4px;border-top-right-radius:4px}.cocktail__content{flex-direction:column;flex:1 0 auto;justify-content:space-between;padding:0 21px 24px;display:flex}@media screen and (min-width:768px){.cocktail__content{padding:0 20px 20px}}@media screen and (min-width:1280px){.cocktail__content{padding:0 28px 28px}}.cocktail__name{text-align:center;margin-bottom:16px;font-family:Roboto;font-size:26px;font-weight:900;line-height:42px}@media screen and (min-width:768px){.cocktail__name{margin-bottom:25px;font-size:28px;line-height:33px}}@media screen and (min-width:1280px){.cocktail__name{margin-bottom:27px;font-size:32px;line-height:38px}}.buttons{justify-content:space-between;display:flex}.buttons__learn-more,.buttons__add-to{max-width:110px;width:100%;cursor:pointer;font-family:var(--roboto-alternate-family);letter-spacing:.02em;border:none;border-radius:4px;justify-content:center;align-items:center;padding:8px 0;font-size:14px;font-weight:400;line-height:1.71;display:flex}.buttons__learn-more{background-color:var(--accent-button-color);filter:drop-shadow(0 4px 4px #00000040);color:var(--main-white-color);outline:1px solid #fe7031}@media screen and (min-width:768px){.buttons__learn-more{max-width:160px;padding:12px 0;font-size:20px;line-height:24px}}@media screen and (min-width:1280px){.buttons__learn-more{max-width:182px}}.buttons__learn-more:hover,.buttons__learn-more:focus{background-color:var(--main-white-color);color:var(--accent-text-color);filter:none;outline:none}.buttons__learn-more:active{color:var(--main-white-color);background-color:var(--accent-text-color)}.buttons__add-to{outline:2px solid var(--accent-text-color);color:var(--accent-text-color);background-color:#0000}@media screen and (min-width:768px){.buttons__add-to{max-width:123px;padding:12px 0;font-size:20px;line-height:24px}}@media screen and (min-width:1280px){.buttons__add-to{max-width:141px}}.buttons__add-to__img{width:21px;height:19px;margin-left:5px}.buttons__add-to:hover,.buttons__add-to:focus{background-color:var(--main-white-color);outline:1px solid var(--accent-text-color)}.buttons__add-to:active{outline:1px solid var(--accent-text-color)}.coctail-btn__wrapper{justify-content:center;padding-top:45px;padding-bottom:39px;display:flex}@media screen and (min-width:768px){.coctail-btn__wrapper{padding-top:32px;padding-bottom:60px}}.btn-pagination{width:32px;height:32px;color:inherit;background:0 0;border:1px solid #fe7031;border-radius:50px;font-size:12px;font-weight:400;line-height:1.25}@media screen and (min-width:768px) and (max-width:1280px){.btn-pagination{width:40px;height:40px;font-size:16px;line-height:1.25}}.btn-pagination:active,.btn-pagination:focus{color:#fcfcfc;background:#fe7031}.btn-pagination:not(:first-child){margin-left:8px}@media screen and (min-width:768px) and (max-width:1280px){.btn-pagination:not(:first-child){margin-left:27px}}@media screen and (min-width:1280px){.btn-pagination:not(:first-child){margin-left:13px}}.backdrop{z-index:21;width:100%;height:100%;background-color:#000000b3;transition:visibility .25s,opacity .25s;position:fixed;top:0;left:0}.modal{width:100%;max-width:822px;background-color:var(--main-white-color);flex-direction:column;justify-content:space-between;margin-left:auto;margin-right:auto;padding-bottom:40px;padding-left:20px;padding-right:20px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (min-width:768px){.modal{max-width:728px;margin:0;padding:0 0 32px}}@media screen and (max-width:767.98px){.modal{max-width:320px}}.modal__cocktail__info{overflow-y:auto}.modal.dark{color:var(--main-white-color);fill:var(--main-white-color);background-color:var(--main-color)}.backdrop-ingridient{z-index:21;width:100%;height:100%;background-color:#0003;transition:visibility .25s,opacity .25s;position:fixed;top:0;left:0}.backdrop-ingridient.is-hidden{opacity:0;visibility:hidden}.modal-ingridient{min-width:822px;height:597px;background-color:#fff;flex-direction:column;justify-content:space-between;padding-bottom:28px;padding-left:20px;padding-right:20px;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (min-width:768px){.modal-ingridient{margin:0}}.modal-ingridient.dark{background-color:var(--main-color)}.modal-ingridient.dark .ingredient__title{color:var(--main-white-color)}@media screen and (min-width:768px){.flex-wrapper{flex-direction:column-reverse;display:flex}}.ingredient__text{height:194px;margin-bottom:28px;overflow-y:auto}.modal-cocktail__wrapper{max-height:134px;margin-bottom:10px;overflow-y:auto}@media screen and (min-width:768px){.modal-cocktail__wrapper{max-width:615px;margin-bottom:12px;padding-left:28px}}.modal-cocktail__title{font-family:var(--roboto-alternate-family);margin-bottom:20px;padding-top:40px;font-size:32px;font-weight:900;line-height:1.2}@media screen and (min-width:768px){.modal-cocktail__title{display:none}}.modal-cocktail__title--tablet{font-family:var(--roboto-alternate-family);margin-bottom:28px;padding-top:40px;font-size:32px;font-weight:900;line-height:1.2;display:none}@media screen and (min-width:768px){.modal-cocktail__title--tablet{display:block}}.modal-cocktail__subtitle{font-weight:var(--poppins-font-weight-600);text-transform:uppercase;margin-bottom:20px;font-size:16px;line-height:1.8}.modal-cocktail__info{color:var(--alternative-text-color);font-weight:var(--poppins-font-weight-400);font-size:16px;line-height:1.8}.modal-cocktail__img-wrapper{margin-bottom:22px}@media screen and (min-width:768px){.modal-cocktail__img-wrapper{margin-bottom:0;margin-right:32px}}.modal-cocktail__img{width:280px;height:280px}@media screen and (min-width:768px){.modal-cocktail__img{width:288px;height:320px;margin-bottom:0}}.ingridients__wrapper{margin-bottom:32px}@media screen and (min-width:768px){.ingridients__wrapper{margin-bottom:28px;display:flex}}.ingridients__title{font-weight:var(--poppins-font-weight-600);text-transform:uppercase;margin-bottom:8px;font-size:16px;line-height:1.5}.ingridients__subtitle{font-weight:var(--poppins-font-weight-400);margin-bottom:8px;font-size:14px;line-height:1.5}.ingridients__item{color:var(--alternative-text-color)}.ingridients__link{color:var(--alternative-text-color);cursor:pointer;font-family:Poppins;font-size:16px;font-style:normal;font-weight:400;line-height:1.5}.ingridients__link:hover,.ingridients__link:focus{color:var(--accent-text-color)}.ingridients__decoration{color:var(--main-color)}@media screen and (min-width:768px){.favorite-btn__wrapper{justify-content:flex-end;padding-right:28px;display:flex}}.favorite-btn{background-color:var(--accent-text-color);color:var(--main-white-color);font-family:var(--roboto-alternate-family);font-weight:var(--roboto-alternate-font-weight-400);letter-spacing:.02em;border-color:#0000;border-radius:4px;padding:12px 24px;font-size:20px;line-height:1.2}.favorite-btn:hover,.favorite-btn:focus{background-color:var(--accent-button-color)}@media screen and (min-width:768px){.favorite-btn{justify-content:flex-end}}.close-btn{cursor:pointer;background:0 0;border:none;display:flex;position:absolute;top:20px;right:20px}.close-btn:hover,.close-btn:focus{fill:var(--accent-text-color)}.ingredient__title{font-style:normal;font-family:var(--roboto-alternate-family);color:var(--main-color);margin-left:20px;padding-top:40px;font-size:32px;font-style:normal;font-weight:900;line-height:1.18}@media screen and (min-width:768px) and (max-width:1279.98px){.ingredient__title{margin-left:28px}}@media screen and (min-width:1280px){.ingredient__title{margin-top:40px;margin-left:28px}}.ingredient__subtitle{font-style:normal;font-weight:var(--poppins-font-weight-600);text-transform:uppercase;margin-top:20px;margin-left:20px;font-size:16px;line-height:1.5}@media screen and (min-width:768px) and (max-width:1279.98px){.ingredient__subtitle{margin-top:28px;margin-left:28px;padding-bottom:40px}}@media screen and (min-width:1280px){.ingredient__subtitle{margin-top:48px;margin-left:28px;padding-bottom:40px}}@media screen and (min-width:768px){.ingredient__title__wrapper{border-bottom:1px solid var(--accent-text-color)}}.ingredient__text{font-style:normal;font-weight:var(--poppins-font-weight-400);color:var(--alternative-text-color);margin-top:19px;margin-left:15px;margin-right:25px;font-size:16px;line-height:1.75}@media screen and (min-width:768px) and (max-width:1279.98px){.ingredient__text{margin-top:28px;margin-left:28px}}@media screen and (min-width:1280px){.ingredient__text{margin-top:28px;margin-left:28px}}.ingredient__text__span{font-style:normal;font-weight:var(--poppins-font-weight-600);color:var(--main-color);font-size:16px;line-height:1.75}.ingredient__btn{font-family:var(--roboto-alternate-family);font-style:normal;font-weight:var(--roboto-alternate-font-weight-400);background:var(--accent-text-color);color:var(--main-white-color);border:none;border-radius:4px;padding:12px 24px;font-size:20px;line-height:1.2}.ingredient__btn:hover,.ingredient__btn:focus{background:var(--main-white-color);color:var(--accent-text-color);cursor:pointer}.btn__wrapper{margin-top:32px;margin-left:16px}@media screen and (min-width:768px) and (max-width:1279.98px){.btn__wrapper{justify-content:flex-end;margin-top:40px;margin-right:28px;display:flex}}@media screen and (min-width:768px){.btn__wrapper{justify-content:flex-end;margin-top:40px;margin-right:28px;display:flex}}.ingredient-btn__close{background-color:inherit;border:none;position:absolute;top:16px;right:16px}@media screen and (min-width:768px){.ingredient-btn__close{top:12px;right:12px}}.favourite-cocktail{min-height:67vh}.favourite-cocktail__list{width:100%;height:100%;flex-wrap:wrap;justify-content:center;gap:32px;padding-bottom:60px;display:flex}.fav-ingredients{min-height:67vh}.fav-ingredients__title{font-weight:var(--poppins-font-weight-600);text-align:center;color:inherit;margin-bottom:60px;font-size:22px;line-height:1.91}@media screen and (min-width:768px) and (max-width:1279.98px){.fav-ingredients__title{font-family:var(--roboto-alternate-family);font-weight:var(--roboto-alternate-font-weight-700);text-align:center;color:var(--main-color);font-size:32px;line-height:1.18}}@media screen and (min-width:1280px){.fav-ingredients__title{font-weight:var(--poppins-font-weight-600);font-size:48px;line-height:1.5}}.fav-list{flex-wrap:wrap;justify-content:center;gap:20px;padding-bottom:60px;display:flex}@media screen and (min-width:768px) and (max-width:1279.98px){.fav-list{justify-content:flex-start;gap:32px;margin-top:78px}}@media screen and (min-width:1280px){.fav-list{justify-content:flex-start;gap:32px}}.fav-ingredients__item{border:1px solid #fd5103;border-radius:4px;flex-direction:column;flex-basis:100%;display:flex}@media screen and (min-width:768px){.fav-ingredients__item{flex-basis:calc(50% - 16px)}}@media screen and (min-width:1280px){.fav-ingredients__item{flex-basis:calc(33.3333% - 21.3333px)}}.item__title{font-family:var(--roboto-alternate-family);color:inherit;padding-top:20px;padding-left:20px;font-size:26px;font-style:normal;font-weight:900;line-height:1.62}@media screen and (min-width:768px) and (max-width:1279.98px){.item__title{font-size:28px;line-height:1.17}}@media screen and (min-width:1280px){.item__title{padding-top:30px;padding-left:28px;font-size:32px;line-height:1.18}}.item__text{font-style:normal;font-weight:var(--poppins-font-weight-600);text-transform:uppercase;color:var(--alternative-text-color);padding-top:20px;padding-bottom:20px;padding-left:20px;font-size:14px;line-height:1.5}@media screen and (min-width:768px) and (max-width:1279.98px){.item__text{padding-top:28px;padding-left:28px;font-size:16px}}@media screen and (min-width:1280px){.item__text{padding-top:28px;padding-left:28px;font-size:16px}}.item__btn1{font-family:var(--roboto-alternate-family);font-style:normal;font-weight:var(--roboto-alternate-font-weight-400);text-align:center;letter-spacing:.02em;color:var(--main-white-color);background:var(--accent-button-color);filter:drop-shadow(0 4px 4px #00000040);cursor:pointer;border:none;border-radius:4px;padding:7px 17px 8px 16px;font-size:14px;line-height:1.71}@media screen and (min-width:768px) and (max-width:1279.98px){.item__btn1{padding:12px 27px;font-size:20px;line-height:1.2}}@media screen and (min-width:1280px){.item__btn1{padding:12px 38px;font-size:20px;line-height:1.2}}.item__btn1:hover,.item__btn1:focus{background-color:var(--main-white-color);color:var(--accent-text-color);filter:none}.item__btn1:active{background-color:var(--accent-text-color);color:var(--main-white-color)}.item__btn2{font-family:var(--roboto-alternate-family);font-style:normal;font-weight:var(--roboto-alternate-font-weight-400);letter-spacing:.02em;color:var(--accent-text-color);outline:2px solid var(--accent-button-color);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:7px 10px 8px 15px;font-size:14px;line-height:1.71;display:flex}@media screen and (min-width:768px) and (max-width:1279.98px){.item__btn2{padding:12px 14px 12px 10px;font-size:20px;line-height:1.2}}@media screen and (min-width:1280px){.item__btn2{padding:12px 24px 12px 18px;font-size:20px;line-height:1.2}}.item__btn2:hover,.item__btn2:focus{background-color:var(--main-white-color);outline:1px solid var(--accent-button-color)}.fav-list__btn__wrapper{justify-content:space-around;padding-bottom:20px;display:flex}.fav-svg__icon__heart{fill:var(--accent-text-color);margin-left:12px}@media screen and (min-width:768px) and (max-width:1279.98px){.fav-svg__icon__heart{width:21px;height:19px;margin-left:4px}}@media screen and (min-width:1280px){.fav-svg__icon__heart{width:21px;height:19px;margin-left:4px}}.footer{width:100%;height:110px;background-color:var(--accent-text-color)}.footer__container{height:110px;max-width:480px;margin-left:auto;margin-right:auto;padding:20px 20px 10px}@media screen and (min-width:768px){.footer__container{max-width:768px;padding-left:32px;padding-right:32px}}@media screen and (min-width:1280px){.footer__container{max-width:1280px;padding-left:16px;padding-right:16px}}.sosial_links{justify-content:center;gap:10px;display:flex}@media screen and (min-width:768px){.sosial_links{gap:15px}}@media screen and (min-width:1280px){.sosial_links{gap:20px}}.sosial_links__icon{width:20px;height:20px;fill:#fff9;cursor:pointer;transition:fill var(--general-transition-effect)}.sosial_links__icon:hover,.sosial_links__icon:focus{fill:#fff}@media screen and (min-width:768px){.sosial_links__icon{width:30px;height:30px}}@media screen and (min-width:1280px){.sosial_links__icon{width:35px;height:35px}}.info{justify-content:space-between;align-items:center;display:flex}.country{color:#fff9;align-items:center;font-size:14px;line-height:1.5;display:flex}.country__flag{width:20px;height:25px;margin-right:10px}.country__name{font-size:12px;font-weight:500;line-height:1.2}@media screen and (min-width:768px){.country__name{font-size:14px;line-height:1.5}}.dev{align-items:center;display:flex}.dev:hover .dev__name,.dev:focus .dev__name{color:var(--main-white-color)}.dev:hover .dev__logo,.dev:focus .dev__logo{fill:#000}.dev__name{color:#fff9;transition:color var(--general-transition-effect);margin-right:10px;font-size:12px;font-weight:500;line-height:1.2}@media screen and (min-width:768px){.dev__name{font-size:14px;line-height:1.5}}.dev__logo{width:80px;height:35px;fill:#1312126e;transition:fill var(--general-transition-effect)}@media screen and (min-width:1280px){.dev__logo{width:100px;height:45px}}body{transition:background var(--general-transition-effect)}body.dark{background-color:var(--main-color);color:var(--main-white-color);fill:var(--main-white-color)}.checkbox{opacity:0;border:1px solid #fd5103;position:absolute}.checkbox-label{background-color:var(--accent-text-color);width:40px;height:20px;cursor:pointer;border-radius:20px;justify-content:space-between;align-items:center;display:flex;position:relative}.checkbox-label .ball{background-color:var(--main-white-color);width:16px;height:16px;transition:transform var(--general-transition-effect);border-radius:50%;position:absolute;bottom:2px;left:1px;right:1px}.checkbox:checked+.checkbox-label .ball{transform:translate(22px)}.cocktail-title,.hero__text{color:inherit}.sosial_links__icon--dark,.dev__logo--dark{fill:#292c35}.footer-title--dark{color:#000}.dropdown__content__btn--dark{color:var(--alternative-text-color)}
/*# sourceMappingURL=favourite-cocktail.05e52cd2.css.map */