*,: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{box-sizing:border-box;margin:0}*,:before,:after{box-sizing:inherit}p,h1,h2,h3,h4,h5,h6{margin:0}.list{margin-top:0;margin-bottom:0;padding-left:0;list-style:none}img{display:block}a{text-decoration:none}body{color:#202025;background-color:#fcfcfc;font-family:Roboto,sans-serif}.container{width:100%;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}@media screen and (max-width:767px){.container{max-width:480px}}@media screen and (min-width:768px){.container{width:768px;padding-left:33px;padding-right:33px}}@media screen and (min-width:1280px){.container{width:1280px;padding-left:16px;padding-right:16px}}.section__header{max-width:480px;margin-left:auto;margin-right:auto}.header__container{height:60px;width:100%;justify-content:space-between;align-items:center;margin-left:auto;margin-right:auto;padding-top:20px;padding-left:20px;padding-right:20px;display:flex}.nav-menu{display:inline-block;position:relative}.nav-menu__link{letter-spacing:.02em;color:#202025;text-align:center;gap:2px;font-family:Poppins;font-size:18px;font-weight:400;line-height:1.33;display:flex}.dropbtn{cursor:pointer;border:none;font-size:16px}.dropdown-menu__item{width:210px}.dropdown-menu__link{color:#000;padding:12px 35px 12px 12px;display:block}.dropdown-menu__item:hover{background-color:#fd5103}.dropdown-menu__item:hover .dropdown-menu__link{color:#fcfcfc}.nav-menu__items{position:relative}.dropdown-menu{min-width:160px;z-index:1;background-color:#fcfcfc;border:1px solid #fd5103;border-radius:4px;display:none;position:absolute;top:47px;left:156px;overflow:auto;box-shadow:0 0 12px 2px rgba(246,242,242,.59)}.dropdown-menu.mobil{z-index:1;background-color:inherit;position:absolute;top:90px;left:0}@media screen and (min-width:768px) and (max-width:1279px){.dropdown-menu.mobil{top:50%;left:50%;transform:translate(-25%,70%)}}.show,.nav-menu__items{display:block}.nav-menu__item{letter-spacing:.02em;color:#202025;padding:0;font-family:Poppins;font-size:28px;line-height:.86}.form__input{width:100%;height:40px;background-color:inherit;border:1px solid #fd5103;border-radius:4px;outline:none;padding:8px 0 8px 48px}.form__input:before{content:"";top:px;width:20px;height:10px;background-color:#fd5103;display:block;position:absolute}.form__input::-ms-input-placeholder{letter-spacing:.02em;color:#5f6775;opacity:.4;font-size:14px;font-weight:400;line-height:1.71}.form__input::placeholder{letter-spacing:.02em;color:#5f6775;opacity:.4;font-size:14px;font-weight:400;line-height:1.71}.form__input:focus-visible{border:1px solid #fd5103}.change-color__block{display:flex;position:relative}.header__light,.header__dark{font-family:Poppins;font-size:18px;font-style:normal;font-weight:400;line-height:1.13}.header__light{color:#fd5103}.switch{width:40px;height:20px;flex:none;margin-left:12px;margin-right:12px;display:inline-block;position:relative}.switch__input{width:0;height:0;opacity:0}.slider__round{cursor:pointer;border:.604701px solid #fd5103;border-radius:20px;position:absolute;top:0;bottom:0;left:0;right:0}.slider__round:before{content:"";cursor:pointer;width:16px;height:16px;background-color:#fd5103;border-radius:50%;position:absolute;top:1px;bottom:0;left:1px;right:0}.switch__input:checked+.slider__round{background:#fd5103;border:.604701px solid #fcfcfc;border-radius:20px}.switch__input:checked+.slider__round:before{background-color:#fcfcfc;transform:translate(20px)}.search__form{width:280px;text-align:center;margin-left:auto;margin-right:120px;display:block;position:relative}.svg-icon__search{float:left;fill:#fd5103;position:absolute;top:9px;left:10px}.svg-icon__line{position:absolute;top:10px;left:100px}.form__input:not(:placeholder-shown)+.svg-icon__line{display:none}.search__btn{cursor:pointer;fill:#fd5103;width:40px;height:40px;border:inherit;background-color:rgba(0,0,0,0);border-right:1px solid #fd5103;border-top-right-radius:0;border-bottom-right-radius:0;padding:10px;position:absolute;top:0;right:240px}.menu-mobile{width:32px;height:32px;background-color:rgba(0,0,0,0);border:none;padding:0}@media screen and (min-width:1280px){.menu-mobile{display:none}}.burger__img{fill:inherit}.logo__image{width:123px;height:34px}.mob-menu__container.is-open{transform:translate(0)}.mob-menu__container{width:100%;height:100%;z-index:3;background-color:#fcfcfc;flex-direction:column;justify-content:space-between;padding:20px 22px;transition:all .25s;position:fixed;top:0;left:0;transform:translate(100%)}.buttons__wrapper{flex-direction:row-reverse;justify-content:space-between;align-items:center;margin-bottom:40px;display:flex}@media screen and (min-width:768px){.section__header{max-width:768px}}.form__input:placeholder-shown:after{content:" ";width:10px;height:10px;background-color:#000;display:block;position:absolute;top:50px}@media screen and (max-width:1279px){.change-color__block.desc,.nav-menu.desc{display:none}}@media screen and (max-width:767px){.header__logo-tab{display:none}.search__form{margin-bottom:40px;margin-left:auto;margin-right:auto}.search__form.desc,.sign-out.desc,.auth-btn.desc{display:none}.nav-menu__item:first-child{margin-bottom:22px}}@media screen and (min-width:768px) and (max-width:1279px){.nav-menu__item:first-child{margin-bottom:32px}}@media screen and (min-width:768px){.search__form.desc{width:288px;margin-right:40px}.search__form.mob{display:none}.nav-menu{flex-direction:row;justify-content:center;gap:8px;padding:0;display:flex}.search__btn{right:248px}.buttons__wrapper{margin-bottom:50px}.change-color__block{margin-right:60px}}@media screen and (min-width:1280px){.header__container{padding-left:16px;padding-right:16px}.section__header{max-width:1280px}ul.nav-menu__items{gap:60px;margin-top:15px;margin-left:43px;display:flex}}body.js-bgcblack .form__input{color:#fcfcfc}.auth-btn{cursor:pointer;width:40px;height:40px;background-color:inherit;background-image:url(user.5ed25423.svg);background-repeat:no-repeat;background-size:contain;border:none;border-radius:50%;margin-right:42px;padding:0}.sign-out{color:#fd5103;letter-spacing:.02em;margin-right:10px;font-family:Poppins;font-size:18px;font-weight:400;line-height:1.33}.invisible{display:none}.hero__section{margin-left:auto;margin-right:auto;padding-top:60px;padding-bottom:40px}.hero__container{flex-direction:column;align-items:center;padding-left:20px;padding-right:20px;display:flex}.hero__text{color:#fd5103;margin-top:0;margin-bottom:60px;font-family:Poppins;font-size:22px;font-weight:600;line-height:1.9}.select__wrapper{flex-direction:column;align-items:center;display:flex}.select__text-mob{text-align:center;letter-spacing:.02em;color:#202025;opacity:.8;margin-top:0;margin-bottom:20px;font-family:Poppins;font-size:14px;font-weight:500;line-height:2}.select__button{box-sizing:border-box;width:93px;height:34px;color:#fd5103;border:1px solid #fd5103;border-radius:4px;justify-content:space-between;align-items:center;padding:5px 8px 5px 10px;font-family:Poppins;font-size:16px;font-weight:700;line-height:1.38;display:flex}.select__icon{fill:#fd5103}.select__letter{font-family:Poppins;font-size:16px;font-weight:700;line-height:1.35}.select__list{box-sizing:border-box;width:93px;height:84px;border:1px solid #fd5103;border-radius:4px;margin:0;padding-left:0;list-style:none;display:none;overflow:auto}.select__list::-webkit-scrollbar{width:3px}.select__list::-webkit-scrollbar-track{background-clip:content-box;border:34px solid rgba(0,0,0,0)}.select__list::-webkit-scrollbar-thumb{height:44px;background:#fe7031;border:rgba(0,0,0,0);border-radius:5px}.select__item{color:#5f6775;padding-top:6px;padding-bottom:6px;padding-left:10px;font-family:Poppins;font-size:10px;font-weight:700;line-height:1.5}.select__list-open{display:block}.alphabet__button{width:24px;height:25px;cursor:pointer;color:#5f6775;background-color:rgba(0,0,0,0);border:none;padding:0;font-family:Poppins;font-size:14px;font-weight:700;line-height:1.5;transition:color .25s cubic-bezier(.4,0,.2,1),scale .25s cubic-bezier(.4,0,.2,1),text-shadow .25s cubic-bezier(.4,0,.2,1)}.alphabet__button:hover,.alphabet__button:focus{color:#fd5103;text-shadow:0 4px 4px rgba(95,103,117,.25);-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#5f6775;scale:1.2}.alphabet__text{color:#202025;opacity:.8;margin-top:0;margin-bottom:40px;font-family:Poppins;font-size:14px;font-weight:500;line-height:2;display:block}.alphabet__list{width:324px;flex-wrap:wrap;justify-content:center;display:flex}@media screen and (min-width:480px){.hero__section{width:480px}}@media screen and (max-width:767px){.alphabet__wrapper{display:none}.hero__image{margin-bottom:60px}}@media screen and (min-width:768px){.hero__section{width:768px;padding-top:77px;padding-bottom:120px}.select__wrapper{display:none}.hero__container{flex-direction:row;justify-content:space-between;padding-left:32px;padding-right:32px}.hero__text{width:336px;margin-bottom:40px;font-size:26px;font-weight:600;line-height:1.62}}@media screen and (min-width:1280px){.hero__section{width:1280px;padding-top:89px;padding-bottom:120px}.hero__container{padding-left:16px;padding-right:16px}.hero__text{width:688px;margin-bottom:40px;font-size:52px;line-height:1.54}.alphabet__text{font-size:18px;line-height:1.56}.alphabet__button{width:40px;height:40px;font-size:24px;line-height:1.5}.alphabet__list{width:520px}}.is-hidden{display:none}.active{color:#fcfcfc;fill:#fcfcfc;background-color:#fd5103}.cocktails-title{text-align:center;margin-top:0;margin-bottom:60px;font-size:22px;font-weight:600;line-height:42px}@media screen and (min-width:768px){.cocktails-title{font-size:32px;font-weight:700}}@media screen and (min-width:1280px){.cocktails-title{font-size:48px;line-height:72px}}.cocktails-list{flex-wrap:wrap;justify-content:center;gap:20px;display:flex}.cocktail-link{text-decoration:none;display:block}.cocktail-card{width:280px;max-height:449px;background-color:inherit;text-align:center;border:1px solid #fd5103;border-radius:4px;margin-left:auto;margin-right:auto;transition:transform .25s cubic-bezier(.4,0,.2,1);display:block}@media screen and (min-width:768px){.cocktail-card{width:335px;max-height:541px}}@media screen and (min-width:1280px){.cocktail-card{width:395px;max-height:556px}}.cocktail-card:hover,.cocktail-card:focus{transform:scale(1.03)}.cocktail-picture{width:100%;height:280px;border-radius:4px 4px 0 0;display:block}@media screen and (min-width:768px){.cocktail-picture{height:395px}}.cocktail-label{height:42px;max-width:238px;text-align:center;color:#202025;text-shadow:0 4px 4px rgba(0,0,0,.25);margin:48px auto 16px;font-size:26px;font-weight:900;line-height:1.62;overflow:hidden}@media screen and (min-width:768px){.cocktail-label{height:33px;margin-top:20px;margin-bottom:23px;font-size:28px;line-height:33px}}@media screen and (min-width:1280px){.cocktail-label{height:38px;margin-bottom:27px;font-size:32px;line-height:38px}}.js-bgcblack .cocktail-label{color:#fcfcfc}.cocktail-card-btn-wrapper{justify-content:center;gap:19px;margin-bottom:24px;display:flex}@media screen and (min-width:768px){.cocktail-card-btn-wrapper{margin-bottom:22px}}@media screen and (min-width:1280px){.cocktail-card-btn-wrapper{margin-bottom:28px}}.learnMore{cursor:pointer;width:108px;height:39px;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));letter-spacing:.02em;color:#fcfcfc;background:#fe7031;border:none;border-radius:4px;padding:0;font-size:14px;font-weight:400;line-height:24px;transition:all .25s cubic-bezier(.4,0,.2,1)}@media screen and (min-width:768px){.learnMore{width:160px;height:48px;font-size:20px}}@media screen and (min-width:1280px){.learnMore{width:182px}}.learnMore:hover,.learnMore:focus{color:#fe7031;background-color:#f5f5f5}.learnMore:active{filter:none;background-color:#fd5103}.addTo,.addToIng{cursor:pointer;width:110px;height:39px;background-color:inherit;letter-spacing:.02em;color:#fd5103;border:1px solid #fd5103;border-radius:4px;justify-content:center;align-items:center;gap:9px;padding:0;font-size:14px;font-weight:400;line-height:1.71;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex}@media screen and (min-width:768px){.addTo,.addToIng{width:123px;height:48px;font-size:20px}}@media screen and (min-width:1280px){.addTo,.addToIng{width:141px}}.addTo:hover,.addTo:focus,.addToIng:hover,.addToIng:focus{transform:scale(1.03)}.no-cocktails__wrapper{flex-direction:column;align-items:center;gap:60px;display:flex}.no-cocktails__text{width:280px;text-align:center;margin-left:auto;margin-right:auto;font-family:Poppins;font-size:22px;font-weight:600;line-height:1.91}@media screen and (min-width:768px) and (max-width:1279px){.no-cocktails__text{width:331px;font-family:Roboto;font-size:32px;line-height:1.31}}@media screen and (min-width:768px){.no-cocktails__text{font-weight:700}}@media screen and (min-width:1280px){.no-cocktails__text{width:493px;font-size:48px;line-height:1.5}}.removeFrom,.removeFromIng{cursor:pointer;width:110px;height:39px;background-color:inherit;letter-spacing:.02em;color:#fd5103;border:1px solid #fd5103;border-radius:4px;justify-content:center;align-items:center;gap:8px;padding:0;font-size:14px;font-weight:400;line-height:1.71;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex}@media screen and (min-width:768px){.removeFrom,.removeFromIng{width:123px;height:48px;font-size:20px}}@media screen and (min-width:1280px){.removeFrom,.removeFromIng{width:141px}}.removeFrom:hover,.removeFrom:focus,.removeFromIng:hover,.removeFromIng:focus{transform:scale(1.03)}.icon-heart{width:19px;height:17px;--color1:#fd5103;fill:#fcfcfc}@media screen and (min-width:768px){.icon-heart{width:21px;height:19px}}.js-bgcblack .icon-heart{--color1:#fd5103;fill:#202025}.icon-heart.selected{width:15px;height:15px;--color1:$main-color;fill:#fd5103}@media screen and (min-width:768px){.icon-heart.selected{width:21px;height:19px}}body.js-bgcblack .cocktail-label{color:#fcfcfc}.pagination{justify-content:center;align-items:center;display:flex}.pagination-list{justify-content:center;align-items:center;gap:4px;margin:0;padding:0;list-style:none;display:flex}@media screen and (min-width:768px){.pagination-list{gap:14px}}.pagination-arrow{width:28px;height:28px;color:#d7d7d7;background-color:rgba(0,0,0,0);border-color:rgba(0,0,0,0);border-radius:4px;justify-content:center;align-items:center;display:flex}@media screen and (min-width:768px){.pagination-arrow{width:60px;height:40px;border:1px solid #eaebea}}.pagination-arrow:hover,.pagination-arrow:focus{color:#fe7031}.pagination-icon{fill:currentColor}.pagination-number{width:28px;height:28px;color:#fe7031;background-color:rgba(0,0,0,0);border:1px solid #eaebea;border-radius:4px;justify-content:center;align-items:center;display:flex}@media screen and (min-width:768px){.pagination-number{width:40px;height:40px}}.pagination-number:hover,.pagination-number:focus{color:#fdfdfd;background-color:#fe7031}.active{color:#202025;background-color:#fe7031}.dot-item{width:28px;height:28px;color:#fe7031;background-color:rgba(0,0,0,0);border:1px solid #eaebea;border-radius:4px;justify-content:center;align-items:center;display:flex}@media screen and (min-width:768px){.dot-item{width:40px;height:40px}}@media screen and (min-width:768px) and (max-width:1279px){.prew-button{margin-right:108px}}@media screen and (min-width:1280px){.prew-button{margin-right:198px}}@media screen and (min-width:768px) and (max-width:1279px){.next-button{margin-left:108px}}@media screen and (min-width:1280px){.next-button{margin-left:198px}}.is-hiden{display:none}.active{color:#fdfdfd;background-color:#fe7031}.pading{padding-top:24px}@media screen and (min-width:768px){.pading{padding-top:32px}}body.modal-open{overflow:hidden}.backdrop{width:100%;height:100%;opacity:1;z-index:30;background-color:rgba(32,32,37,.5);padding-top:16px;animation:slide-in-bck-center .7s cubic-bezier(.25,.46,.45,.94) both;position:fixed;top:0;overflow:auto}hr{display:none}@media screen and (min-width:768px){hr{border:1px solid #fd5103;display:block}}.modal-learn-more-container{max-width:320px;height:auto;opacity:1;z-index:20;background-color:#fcfcfc;padding-top:40px;padding-bottom:40px;display:block;position:relative;box-shadow:0 0 32px 10px rgba(246,242,242,.59)}@media screen and (min-width:768px){.modal-learn-more-container{max-width:822px}}@keyframes slide-in-bck-center{0%{opacity:0;transform:translateZ(600px)}to{opacity:1;transform:translateZ(0)}}.modal-close{width:42px;height:42px;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.close-icon{fill:#000917}.close-icon:hover{fill:#fd5103}.modal-layout-box{display:block}@media screen and (min-width:768px){.modal-layout-box{justify-content:flex-start;align-items:flex-end;gap:32px;display:flex}}@media screen and (min-width:768px){.modal-layout-flex{flex-direction:column-reverse;gap:35px;display:flex}}.modal-header{color:#202025;text-align:left;margin-bottom:20px;font-family:inherit;font-size:32px;font-style:normal;font-weight:900;line-height:1.19}@media screen and (min-width:768px){.modal-header{position:absolute;top:40px;left:312px}}@media screen and (min-width:768px){.modal-header.ingredient-header{text-align:center;position:static}}.modal-sub-header{text-transform:uppercase;color:#202025;text-align:left;margin-bottom:20px;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:1.62}@media screen and (min-width:768px){.modal-sub-header.ingredient-sub-header{display:block}}.modal-desc{color:#5f6775;text-align:left;margin-bottom:80px;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:1.75}.modal-image{width:280px;height:280px;border-radius:4px;margin-bottom:22px;display:block}@media screen and (min-width:768px){.modal-image{max-width:288px;position:absolute;top:0;left:0}}@media screen and (min-width:768px){.modal-ingr-box{position:absolute;top:126px;left:312px}}@media screen and (min-width:768px){.modal-instraction-box{margin-top:282px;position:relative}}.modal-ingr-desk{color:#000917;text-transform:uppercase;text-align:left;margin-bottom:8px;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:1.5}.modal-per-glass{color:#202025;text-align:left;margin-bottom:8px;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:300;line-height:1.5}.modal-ingredients-list{margin-bottom:80px;margin-left:12px;padding:0;display:block}@media screen and (min-width:768px){.modal-ingredients-list{margin:0;padding-left:12px}}@media screen and (min-width:768px){.ingredients-list{margin-bottom:80px}}@media screen and (min-width:768px){.list-scroll{height:111px;width:400px;overflow:auto}}@media screen and (min-width:768px){.ingredients-list.modal-ingredients-list,.modal-desc.ingredient-desc{display:block}}.modal-learn-more-item{color:#000917;text-align:left;padding-left:5px;list-style-type:"✶"}.modal-learn-more-data{color:#5f6775;padding-bottom:8px;font-size:16px;font-weight:400;line-height:1.62}.backdrop .ingredient-link{color:#5f6775;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:1.62}.backdrop .ingredient-link:hover{color:#fd5103}.modal-learn-more-item:hover,.modal-learn-more-data:hover,.modal-learn-more-item:hover .ingredient-link{color:#fe7031}.add-item-btn,.remove-item-btn{text-align:center;float:left;letter-spacing:.02em;color:#fcfcfc;cursor:pointer;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));background:#fd5103;border:1px solid #fd5103;border-radius:4px;padding:12px 24px;font-family:Roboto,sans-serif;font-size:20px;font-weight:400;line-height:1.2;position:absolute;bottom:40px}.add-item-btn:hover,.remove-item-btn:hover{color:#fd5103;background-color:#f5f5f5;border:1px solid #fd5103}@media screen and (min-width:768px){.add-item-btn,.remove-item-btn{position:absolute;bottom:60px;right:28px}}.is-hidden{opacity:0;visibility:hidden;pointer-events:none;display:none}body.js-bgcblack .modal-learn-more-container,body.js-bgcblack .modal-ingredients-container{background-color:#202025;box-shadow:6px 6px 30px 6px #fd5103}body.js-bgcblack .modal-header,body.js-bgcblack .modal-sub-header,body.js-bgcblack .modal-desc,body.js-bgcblack .modal-ingr-desk,body.js-bgcblack .modal-per-glass,body.js-bgcblack .modal-ingredients-list,body.js-bgcblack .modal-learn-more-data,body.js-bgcblack .modal-learn-more-item{color:#fcfcfc}body.js-bgcblack .modal-learn-more-data:hover,body.js-bgcblack .modal-learn-more-item:hover,body.js-bgcblack .modal-learn-more-item:hover .ingredient-link{color:#fd5103}body.js-bgcblack .backdrop .ingredient-link{color:#fcfcfc}@media screen and (min-width:768px){body.js-bgcblack .backdrop .ingredient-link{color:#bdbdbd}}@media screen and (min-width:768px){body.js-bgcblack .modal-desc,body.js-bgcblack .modal-ingredients-list,body.js-bgcblack .modal-learn-more-data,body.js-bgcblack .modal-learn-more-item{color:#bdbdbd}}body.js-bgcblack .modal-learn-more-item,body.js-bgcblack .ingredient-list-item{color:#fcfcfc}body.js-bgcblack .close-icon{fill:#fcfcfc}body.js-bgcblack .close-icon:hover{fill:#fd5103}body.js-bgcblack .add-item-btn:hover,body.js-bgcblack .remove-item-btn:hover{background-color:#202025}::-webkit-scrollbar{width:10px;height:5px;background-color:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{height:100px;background-color:#fe7031;border-radius:10px}.icon-heart,.icon-heart.selected{pointer-events:none}img{max-width:100%;height:auto;display:block}@media screen and (max-width:767px){img{width:280px}}.fav-cocktails{text-align:center;min-height:calc(100vh - 230px);flex-direction:column;justify-content:center;align-items:center;display:flex}.fav-cocktails__title{margin-top:60px;margin-bottom:60px;font-size:22px;font-style:normal;font-weight:600;line-height:1.90909}@media screen and (min-width:768px){.fav-cocktails__title{margin-top:70px;font-size:32px;font-weight:700;line-height:1.3125}}@media screen and (min-width:1280px){.fav-cocktails__title{font-size:48px;line-height:1.5}}.fav-cocktails__list{gap:20px;margin:auto;padding:0;list-style:none;display:flex}@media screen and (max-width:767px){.fav-cocktails__list{width:280px;flex-direction:column;align-items:center}}@media screen and (min-width:768px){.fav-cocktails__list{width:702px;flex-direction:unset;flex-wrap:wrap;gap:32px;margin:0}}@media screen and (min-width:1280px){.fav-cocktails__list{width:1250px}}.fav-cocktails__item{width:280px;border:1px solid #fd5103;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:0;transition-property:transform;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.fav-cocktails__item:hover{transform:scale(1.05)}@media screen and (min-width:768px){.fav-cocktails__item{width:335px;flex-wrap:wrap}}@media screen and (min-width:1280px){.fav-cocktails__item{width:395px}}.fav-cocktails__item-title{max-height:38px;margin:0 0 16px;font-size:26px;font-style:normal;font-weight:900;line-height:1.61538;overflow:hidden}@media screen and (min-width:768px){.fav-cocktails__item-title{margin-bottom:25px;font-size:28px;line-height:1.17857}}@media screen and (min-width:1280px){.fav-cocktails__item-title{font-size:32px;font-weight:700;line-height:1.3125}}.fav-cocktails__img{border-radius:3px 3px 0 0;margin-bottom:48px}@media screen and (min-width:768px){.fav-cocktails__img{margin-bottom:20px}}.fav-cocktails__buttons{gap:20px;margin-bottom:20px;font-size:14px;font-style:normal;font-weight:400;line-height:24px;display:flex}@media screen and (min-width:1280px){.fav-cocktails__buttons{margin-bottom:28px}}@media screen and (max-width:767px){.fav-nofav__cock,.fav-nofav__ingr{width:239px;height:120px;text-align:center;margin-left:auto;margin-right:auto;font-family:Poppins;font-size:20px;font-weight:400;line-height:3}}@media screen and (min-width:768px) and (max-width:1279px){.fav-nofav__cock,.fav-nofav__ingr{width:296px;height:120px;margin-left:auto;margin-right:auto;font-size:24px;line-height:2.5}}@media screen and (min-width:1280px){.fav-nofav__cock,.fav-nofav__ingr{width:385px;height:144px;margin-left:auto;margin-right:auto;font-size:32px;line-height:2.25}}body.js-bgcblack .fav-cocktails__title,body.js-bgcblack .fav-cocktails__item-title{color:#fcfcfc}ul{gap:20px;padding:0;list-style:none;display:flex}button{border-radius:4px}.fav-ingr{text-align:center;min-height:calc(100vh - 230px);flex-direction:column;justify-content:center;align-items:center;display:flex}.fav-ingr__title{margin-top:60px;margin-bottom:60px;font-size:22px;font-style:normal;font-weight:600;line-height:1.90909}@media screen and (min-width:768px){.fav-ingr__title{margin-top:70px;font-size:32px;font-weight:700;line-height:1.3125}}@media screen and (min-width:1280px){.fav-ingr__title{font-size:48px;line-height:1.5}}.fav-ingr__list{gap:20px;margin:auto;padding:0;list-style:none;display:flex}@media screen and (min-width:200px){.fav-ingr__list{width:280px;flex-direction:column;align-items:center;margin-bottom:20px}}@media screen and (min-width:768px){.fav-ingr__list{width:702px;flex-direction:unset;flex-wrap:wrap;gap:28.5px;margin:0 0 60px}}@media screen and (min-width:1280px){.fav-ingr__list{width:1250px}}.fav-ingr__item{width:280px;border:1px solid #fd5103;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;padding:0;transition-property:transform;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex}.fav-ingr__item:hover{transform:scale(1.05)}@media screen and (min-width:768px){.fav-ingr__item{width:335px;flex-wrap:wrap}}@media screen and (min-width:1280px){.fav-ingr__item{width:395px}}.fav-ingr__item-title{max-height:38px;align-self:flex-start;margin:20px 0 20px 20px;font-size:26px;font-style:normal;font-weight:900;line-height:1.61538;overflow:hidden}@media screen and (min-width:768px){.fav-ingr__item-title{margin-bottom:28px;font-size:28px;line-height:1.17857}}@media screen and (min-width:1280px){.fav-ingr__item-title{margin:28px 0 28px 28px;font-size:32px;font-weight:700;line-height:1.3125}}.fav-ingr__type{color:#5f6775;text-transform:uppercase;align-self:flex-start;margin-bottom:20px;margin-left:20px;font-size:14px;font-style:normal;font-weight:600;line-height:1.5}@media screen and (min-width:768px){.fav-ingr__type{margin-bottom:28px;font-size:16px;line-height:1.5}}@media screen and (min-width:1280px){.fav-ingr__type{margin:0 0 28px 28px}}.fav-ingr__buttons{gap:20px;margin-bottom:20px;font-size:14px;font-style:normal;font-weight:400;line-height:24px;display:flex}@media screen and (min-width:1280px){.fav-ingr__buttons{margin-bottom:28px}}body.js-bgcblack .fav-ingr__item-title{color:#fcfcfc}body.js-bgcblack .fav-ingr__type{color:#5f6775}body.modal-open{overflow:hidden}.backdrop_ing{width:100%;height:100%;opacity:1;z-index:30;background-color:rgba(32,32,37,.5);padding-top:16px;animation:slide-in-bck-center .7s cubic-bezier(.25,.46,.45,.94) both;position:fixed;top:0;overflow:auto}hr{display:none}@media screen and (min-width:768px){hr{border:1px solid #fd5103;display:block}}.modal-ingredients-container{max-width:320px;height:auto;opacity:1;z-index:40;background-color:#fcfcfc;padding-top:40px;padding-bottom:40px;display:block;position:relative;box-shadow:0 0 32px 10px rgba(246,242,242,.59)}@media screen and (min-width:768px){.modal-ingredients-container{max-width:822px}}.modal-ingredient-close{width:42px;height:42px;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:16px;right:16px}.close-icon{fill:#000917}.close-icon:hover{fill:#fd5103}.modal-layout-box{display:block}@media screen and (min-width:768px){.modal-layout-box{justify-content:flex-start;align-items:flex-end;gap:32px;display:flex}}@media screen and (min-width:768px){.modal-layout-flex{flex-direction:column-reverse;gap:35px;display:flex}}.modal-header{color:#202025;text-align:left;margin-bottom:20px;font-family:inherit;font-size:32px;font-style:normal;font-weight:900;line-height:1.19}@media screen and (min-width:768px){.modal-header{position:absolute;top:40px;left:312px}}@media screen and (min-width:768px){.modal-header.ingredient-header{text-align:center;position:static}}.modal-sub-header{text-transform:uppercase;color:#202025;text-align:left;margin-bottom:20px;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:1.62}@media screen and (min-width:768px){.modal-sub-header.ingredient-sub-header{display:block}}.modal-desc{color:#5f6775;text-align:left;height:250px;margin-bottom:80px;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:1.75;overflow:auto}.modal-image{width:280px;height:280px;border-radius:4px;margin-bottom:22px;display:block}@media screen and (min-width:768px){.modal-image{max-width:288px;position:absolute;top:0;left:0}}@media screen and (min-width:768px){.modal-ingr-box{position:absolute;top:126px;left:312px}}@media screen and (min-width:768px){.modal-instraction-box{margin-top:282px;position:relative}}.modal-ingr-desk{color:#000917;text-transform:uppercase;text-align:left;margin-bottom:8px;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:600;line-height:1.5}.modal-per-glass{color:#202025;text-align:left;margin-bottom:8px;font-family:Poppins,sans-serif;font-size:14px;font-style:normal;font-weight:300;line-height:1.5}.modal-ingredients-list{margin-bottom:80px;margin-left:12px;padding:0;display:block}@media screen and (min-width:768px){.modal-ingredients-list{margin:0;padding-left:12px}}@media screen and (min-width:768px){.ingredients-list{margin-bottom:80px}}@media screen and (min-width:768px){.list-scroll{height:111px;width:400px;overflow:auto}}@media screen and (min-width:768px){.ingredients-list.modal-ingredients-list,.modal-desc.ingredient-desc{display:block}}.modal-learn-more-item,.ingredient-list-item{color:#000917;text-align:left;padding-left:5px;list-style-type:"✶"}.modal-learn-more-data,.ingredient-list-data{color:#5f6775;padding-bottom:8px;font-size:16px;font-weight:400;line-height:1.62}.backdrop .ingredient-link{color:#5f6775;cursor:pointer;font-family:Poppins,sans-serif;font-size:16px;font-style:normal;font-weight:400;line-height:1.62}.backdrop .ingredient-link:hover{color:#fd5103}.modal-learn-more-item:hover,.modal-learn-more-data:hover,.modal-learn-more-item:hover .ingredient-link{color:#fe7031}.add-item-btn,.remove-item-btn{text-align:center;float:left;letter-spacing:.02em;color:#fcfcfc;cursor:pointer;filter:drop-shadow(0 4px 4px rgba(0,0,0,.25));background:#fd5103;border:1px solid #fd5103;border-radius:4px;padding:12px 24px;font-family:Roboto,sans-serif;font-size:20px;font-weight:400;line-height:1.2;position:absolute;bottom:40px}.add-item-btn:hover,.remove-item-btn:hover{color:#fd5103;background-color:#f5f5f5;border:1px solid #fd5103}@media screen and (min-width:768px){.add-item-btn,.remove-item-btn{position:absolute;bottom:28px;right:28px}}.is-hidden{opacity:0;visibility:hidden;pointer-events:none;display:none}body.js-bgcblack .modal-learn-more-container,body.js-bgcblack .modal-ingredients-container{background-color:#202025;box-shadow:6px 6px 30px 6px #fd5103}body.js-bgcblack .modal-header,body.js-bgcblack .modal-sub-header,body.js-bgcblack .modal-desc,body.js-bgcblack .modal-ingr-desk,body.js-bgcblack .modal-per-glass,body.js-bgcblack .modal-ingredients-list,body.js-bgcblack .modal-learn-more-data,body.js-bgcblack .modal-learn-more-item{color:#fcfcfc}body.js-bgcblack .modal-learn-more-data:hover,body.js-bgcblack .modal-learn-more-item:hover,body.js-bgcblack .modal-learn-more-item:hover .ingredient-link{color:#fd5103}body.js-bgcblack .backdrop .ingredient-link{color:#fcfcfc}@media screen and (min-width:768px){body.js-bgcblack .backdrop .ingredient-link{color:#bdbdbd}}@media screen and (min-width:768px){body.js-bgcblack .modal-desc,body.js-bgcblack .modal-ingredients-list,body.js-bgcblack .modal-learn-more-data,body.js-bgcblack .modal-learn-more-item{color:#bdbdbd}}body.js-bgcblack .modal-learn-more-item,body.js-bgcblack .ingredient-list-item{color:#fcfcfc}body.js-bgcblack .close-icon{fill:#fcfcfc}body.js-bgcblack .close-icon:hover{fill:#fd5103}body.js-bgcblack .add-item-btn:hover,body.js-bgcblack .remove-item-btn:hover{background-color:#202025}::-webkit-scrollbar{width:10px;height:5px;background-color:rgba(0,0,0,0)}::-webkit-scrollbar-thumb{height:100px;background-color:#fe7031;border-radius:10px}.icon-heart,.icon-heart.selected{pointer-events:none}.footer{box-sizing:content-box;height:100%;width:100%;position:relative}.footer__container{height:110px;background-color:#fd5103;align-items:center;margin-top:60px;display:flex}.footer__text{color:#fcfcfc;margin-left:auto;margin-right:auto;font-size:12px;display:block}.to-top{width:50px;height:50px;color:#fd5103;background:0 0;border-radius:50%;justify-content:center;align-items:flex-end;display:flex;position:fixed;bottom:120px;right:20px}.to-top__arrow{transform-origin:0 0;width:20px;height:20px;background:0 0;border:none;border-top:5px solid #fd5103;border-left:5px solid #fd5103;border-radius:2px;position:absolute;top:10px;left:50%;rotate:45deg}.to-top__text{font-weight:700}.js-colorwhite{color:#fcfcfc;fill:#fcfcfc;border-color:#fcfcfc}.js-colororange{color:#fd5103}.js-colorgray{color:#5f6775}.js-bgcblack{background-color:#202025}
/*# sourceMappingURL=cocktails.17153ec0.css.map */