:root{--main-font-family:"Poppins",sans-serif;--accent-color:#7e8fdd;--additional-accent-color:#9cdfdf;--primary-white-color:#fdfdff;--primary-transparent-white-color:rgba(253,253,255,.5);--primary-black-color:#242424;--secondary-color-interface:#242424;--primary-transparent-black-color:rgba(36,36,36,.5);--primary-button-backgroun:#7e8fdd;--primary-button-accent-backgroun:#6e7fcf;--secondary-button-backgroun:rgba(36,36,36,.1);--secondary-button-accent-backgroun:rgba(36,36,36,.2);--secondary-button-backgroun-dark:rgba(253,253,255,.1);--secondary-button-accent-backgroun-dark:rgba(253,253,255,.2);--opacity-50:.5;--opacity-20:.2;--opacity-10:.1;--hover-btn-add-favorite:#6e7fcf}[data-theme=light]{--primary-color-text:var(--primary-black-color);--primary-transparent-color-text:var(--primary-transparent-black-color);--primary-color-interface:var(--primary-white-color);--secondary-color-interface:#242424;--back-button-background:var(--secondary-button-backgroun);--back-button-accent-background:var(--secondary-button-accent-backgroun);--bg-color:#f8f9ff;--bg-image-mob:url(back-light-mob.825ff634.webp);--bg-image-tablet:url(back-light-tablet.f6160d78.webp);--bg-image-desktop:url(back-light-desktop.c6aa64f0.webp);--bg-color-checked:transparent;--border-checked:var(--primary-black-color);--span-checked:var(--additional-accent-color);--bg-modal:#fdfdff;--title-modal:var(--primary-black-color);--li-ingredients:rgba(36,36,36,.8);--bg-back-color:rgba(36,36,36,.1);--bg-back-color-hover:rgba(36,36,36,.2)}[data-theme=dark]{--primary-color-text:var(--primary-white-color);--primary-transparent-color-text:var(--primary-transparent-white-color);--primary-color-interface:var(--primary-black-color);--secondary-color-interface:#f8f9ff;--back-button-background:var(--secondary-button-backgroun-dark);--back-button-accent-background:var(--secondary-button-accent-backgroun-dark);--bg-color:#000;--bg-color-checked:var(--additional-accent-color);--border-checked:var(--accent-color);--span-checked:var(--primary-white-color);--bg-modal:#232330;--title-modal:var(--primary-white-color);--li-ingredients:rgba(253,253,255,.992);--bg-back-color:rgba(253,253,255,.1);--bg-back-color-hover:rgba(253,253,255,.2)}.ingredients{color:var(--primary-color-text);padding:80px 20px;font-family:Poppins}.ingredients-cards{flex-wrap:wrap;margin-top:40px;display:flex}.ingredients-main-title{margin:0;font-size:24px;font-weight:500;line-height:1.17}.ingredient-card{max-height:222px;max-width:335px;background-color:var(--primary-color-interface);border-radius:20px;flex-direction:column;margin-bottom:20px;padding:20px;display:flex}.ingredient-title{margin-top:0;margin-bottom:4px;font-size:18px;font-weight:600;line-height:1.33}.alcohol-level,.ingredient-description{font-size:14px;font-weight:400;line-height:1.29}.alcohol-level{margin:0 0 14px;padding:0}.ingredient-description{text-overflow:ellipsis;white-space:normal;margin:0 0 20px;padding:0;overflow:hidden}.alcohol-level{opacity:var(--opacity-50)}.ingredients-buttons{align-items:center;gap:15px;margin-top:auto;display:flex}.learn-more-button{width:100%;min-height:48px;background-color:var(--primary-white-color);border-width:1px;border-color:var(--accent-color);text-transform:uppercase;border-radius:12px;font-size:14px;font-weight:600;line-height:1.43}.learn-more-button:hover,.learn-more-button:focus{color:var(--primary-color-interface);background-color:var(--accent-color)}.ingredients-button-remove{min-width:48px;min-height:48px;background-color:var(--accent-color);border-width:0;border-radius:12px}.icon-trash{pointer-events:none}.ingredients-placeholder{max-width:244px;text-align:center;flex-direction:column;align-items:center;margin:138px auto;font-size:18px;font-style:italic;font-weight:400;line-height:1.33;display:flex}.placeholder-text-colored{color:var(--additional-accent-color)}@media screen and (min-width:768px){.ingredients{padding:100px 32px}.ingredients-cards{margin-top:32px}.ingredient-card{width:calc(50% - 8px);max-height:242px;max-width:344px;margin-bottom:32px;margin-right:16px}.ingredients-main-title{font-size:40px;line-height:1.2}.ingredient-title{font-size:20px;font-weight:600;line-height:1.2}.learn-more-button{font-size:18px;line-height:1.33}.ingredients-placeholder{max-width:359px;margin:100px auto 140px;font-size:24px;line-height:1.17}}@media screen and (min-width:768px) and (max-width:1280px){.ingredient-card:nth-child(2n){margin-right:0}}@media screen and (min-width:1280px){.ingredients{padding:100px 0 0}.ingredients-cards{margin-top:44px}.ingredient-card{width:calc(33.3333% - 16px);max-height:242px;max-width:344px;margin-bottom:44px;margin-right:24px}.ingredient-card:nth-child(3n){margin-right:0}.ingredients-main-title{margin:0;font-size:40px;line-height:1.2}.ingredient-title{font-size:20px;font-weight:600;line-height:1.2}.learn-more-button{font-size:18px;line-height:1.33}}button{cursor:pointer}button:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.2)}button:active{transform:translateY(-1px);box-shadow:0 5px 10px rgba(0,0,0,.2)}.title-fc{margin-bottom:40px;margin-left:auto}.cocktails-list{flex-wrap:wrap;justify-content:center;gap:20px 0;padding:0;display:flex}.cocktails-item{width:335px;background:var(--primary-color-interface);border-radius:20px;padding:14px 14px 20px;box-shadow:0 4px 46px rgba(0,0,0,.05)}.cocktails-image{width:307px;min-height:257px;border-radius:16px;margin-bottom:20px}.cocktails-name{color:var(--primary-color-text);margin-bottom:14px;font-family:Poppins;font-size:18px;font-style:normal;font-weight:600;line-height:133.33%}.cocktails-description{color:var(--primary-color-text);text-overflow:ellipsis;max-height:72px;width:296px;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:20px;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:24px;display:-webkit-box;overflow:hidden;overflow:hidden!important}.cocktails-buttons{justify-content:space-between;align-items:center;display:flex}.cocktails-button{width:232px;border:1px solid var(--accent-color);color:var(--primary-color-text);letter-spacing:.28px;text-transform:uppercase;border-radius:12px;padding:13px 70px;font-family:Poppins;font-size:14px;font-style:normal;font-weight:600;line-height:142%;transition:background-color .25s cubic-bezier(.4,0,.2,1)}.cocktails-button:hover{background:var(--accent-color)}.cocktails-button-favorite{width:48px;background:var(--accent-color);border:none;border-radius:12px;justify-content:center;align-items:center;padding:16px;line-height:0}.cocktails-list .icon{width:18px;height:18px;fill:none}.icon.isFavorite{fill:#fdfdff}@media screen and (min-width:768px){.title-fc{margin-bottom:32px}.cocktails-item{width:344px;border-radius:20px;padding:14px 14px 20px}.cocktails-list{gap:32px 16px}.cocktails-image{width:316px;min-height:316px;margin-bottom:24px}.cocktails-description{min-height:72px;margin-bottom:24px}.cocktails-button{width:228px;color:var(--secondary-color-interface);letter-spacing:.36px;padding:16px 55px;font-size:18px;line-height:133%}.cocktails-button-favorite{width:56px}.cocktails-list .icon{width:24px;height:24px}}@media screen and (min-width:1280px){.title-fc{margin-bottom:44px}.cocktails-item{width:344px}.cocktails-image{min-height:316px}}.container-f{width:375px;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px}@media screen and (min-width:768px){.container-f{width:768px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px}}@media screen and (min-width:1280px){.container-f{width:1280px;padding:auto}}.empty-search{text-align:center;margin-bottom:50px}.empty-search .icon{margin-bottom:20px}.empty-search .description{width:244px;color:var(--primary-color-text);margin:auto;font-family:Poppins;font-size:18px;font-weight:400;line-height:133%}@media screen and (min-width:768px){.empty-search .icon{width:234px;height:201px;margin-bottom:40px}.empty-search .description{width:370px;font-size:24px;line-height:116%}}.icon{pointer-events:none}.header-list,.header-nav,.header-switch-theme{display:none}.section-header{justify-content:space-between;align-items:center;padding-top:20px;padding-bottom:20px;display:flex}.header-link{align-items:center;display:flex}.header-link-text{color:var(--primary-color-text);letter-spacing:-.16px;text-transform:uppercase;margin-right:4px;font-size:16px;font-weight:600;line-height:1.12}.header-logo-icon{stroke:var(--accent-color);width:24px;height:20px}.header-open-modal-btn{background-color:rgba(0,0,0,0);border:none;outline:none;padding:0}.header-burger-icon{stroke:var(--primary-color-text);width:32px;height:32px;display:block}@media screen and (min-width:768px){.header-switch-theme{display:none}.section-header{padding-top:25px;padding-bottom:32px}.header-logo-icon{stroke:var(--accent-color);width:29px;height:25px}.header-link-text{color:var(--primary-color-text);letter-spacing:-.22px;font-size:22px;line-height:1.09}.header-burger-icon{width:40px;height:40px}}@media screen and (min-width:1280px){.header-open-modal-btn,.burger-backdrop{display:none}.header-nav{display:flex}.section-header{padding-top:28px;padding-bottom:34px}.header-list{column-gap:18px;display:flex}.header-list-link{color:var(--primary-color-text);letter-spacing:.32px;font-weight:400;line-height:1.12;display:inline-block;position:relative}.header-list-link-icon{width:12px;height:20px;margin-left:4px}.header-list-item{position:relative}.header-dropdown-link{color:rgba(253,253,255,.5);letter-spacing:.28px;font-size:14px;font-weight:400;line-height:1.28}.header-dropdown-link:hover,.header-dropdown-link:focus,.header-dropdown-link:active{color:var(--primary-white-color)}.header-dropdown{width:192px;background-color:var(--accent-color);z-index:8;border-radius:16px;margin-top:13px;padding:18px 24px;transition:transform .5s cubic-bezier(.4,0,.2,1);display:none;position:absolute;left:50%;transform:translate(-50%)translateY(0)}.header-switch-theme{width:50px;height:26px;display:block;position:relative}.header-switch-theme .switch-theme-input{opacity:0;width:0;height:0}.switch-theme-input{pointer-events:none}.header-switch-theme-slider{cursor:pointer;background-color:var(--primary-white-color);border:1px solid #242424;border-radius:25px;transition:all .4s;position:absolute;top:0;bottom:0;left:0;right:0}.header-switch-theme-slider:before{content:"";height:22px;width:22px;background-color:var(--additional-accent-color);border-radius:50%;transition:all .4s;position:absolute;bottom:1px;left:1px}.switch-theme-input:checked+.header-switch-theme-slider{background-color:#fff}.switch-theme-input:focus+.header-switch-theme-slider{box-shadow:0 0 1px var(--accent-color)}.switch-theme-input:checked+.header-switch-theme-slider:before{transform:translate(25px)}.switch-theme-input:checked+.header-switch-theme-slider{background-color:var(--additional-accent-color)}.switch-theme-input:checked+.header-switch-theme-slider:before{background-color:#fff}.header-list{align-items:center;display:flex}.header-list-link{color:var(--primary-color-text);align-items:center;display:flex;position:relative}.burger-dropdown{width:192px;background-color:var(--accent-color);text-align:center;border-radius:16px;padding:18px 24px;display:none;position:absolute;top:calc(100% + 10px);left:50%;transform:translate(-50%)}.burger-dropdown:before{content:"";width:0;height:0;border-left:10px solid rgba(0,0,0,0);border-right:10px solid rgba(0,0,0,0);border-bottom:10px solid var(--accent-color);position:absolute;top:-10px;left:calc(50% - 10px)}.header-list-link:hover .header-dropdown{display:block}}[data-theme=light]{--elements-desktop:url(elements-desktop-white.75e2dfba.png);--elements-tablet:url(elements-tablet-white.69266f6e.png);--elements-mobile:url(elements-mobile-white.6184151d.png)}[data-theme=dark]{--elements-desktop:url(elements-desktop-dark.4d55a415.png);--elements-tablet:url(elements-tablet-dark.609c0dbb.png);--elements-mobile:url(elements-mobile-dark.9f8a3f23.png)}.hero-container{margin-bottom:33px}.hero-title{color:var(--primary-color-text);margin:0;font-family:Poppins;font-size:32px;font-style:normal;font-weight:400;line-height:118.75%}span{color:var(--accent-color);font-style:italic}.description{color:var(--primary-color-text);margin-top:18px;margin-bottom:0;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:142%}.hero-btn{width:179px;background:var(--accent-color);color:var(--primary-white-color);letter-spacing:.36px;text-transform:uppercase;cursor:pointer;border:none;border-radius:12px;margin-top:36px;padding:14px 28px;font-family:Poppins;font-size:14px;font-style:normal;font-weight:600;line-height:142%;transition:color .25s cubic-bezier(.4,0,.2,1),background-color .25s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1);display:block}.hero-btn:hover{background:#6e7fcf;transform:scale(1.1)}.hero-thumb{width:342px;height:481px;margin-top:27px;position:relative}.hero-thumb .hero-elements{width:100%;height:100%;z-index:1;background:var(--elements-mobile);background-repeat:no-repeat;background-size:contain;position:absolute;top:0;right:0}.under-pic{z-index:1;width:230px;height:338px;background:var(--accent-color);border-radius:80px 0;position:absolute;top:55px;bottom:0;right:55px;box-shadow:0 28px 75px rgba(88,109,204,.5)}.hero-pic{z-index:3;width:354px;height:387px;background:url(girl-mobile.d320b80b.png) no-repeat;position:absolute;bottom:0;right:50%;transform:translate(50%)}.hero-thumb .description{width:173px;text-transform:uppercase;letter-spacing:.32px;position:absolute;bottom:0;right:50%;transform:translate(50%)}@media screen and (min-width:768px){.hero-container{height:593px;flex-wrap:wrap;margin-bottom:100px;display:flex;position:relative}.hero-left{width:371px;position:absolute;top:124px;left:32px}.hero-title{width:384px;font-size:44px;line-height:109%}.description{width:338px;margin-top:24px;font-size:16px;line-height:150%}.hero-btn{width:245px;margin-top:48px;padding:22px 44px;font-size:18px;line-height:133%}.hero-thumb{width:427px;height:593px;margin:0;position:absolute;top:0;right:-14px}.hero-thumb .hero-elements{background:var(--elements-tablet)no-repeat}.under-pic{width:293px;height:417px;top:78px;left:80px}.hero-pic{width:333px;height:451px;background:url(girl-tablet.5f618a2d.png) no-repeat;right:0;transform:translate(0%)}.hero-thumb .description{width:198px;left:131px;transform:translate(0)}}@media screen and (min-width:1280px){.hero-container{height:auto;flex-wrap:wrap;justify-content:space-between;display:flex}.hero-left{margin-top:127px;position:static}.hero-title{width:555px;font-size:64px}.description{width:480px;margin-top:28px;font-size:20px;line-height:130%}.hero-btn{margin-bottom:0}.hero-thumb{width:552px;height:672px;position:relative;right:-83px}.hero-thumb .hero-elements{z-index:3;background:var(--elements-desktop)no-repeat}.under-pic{width:380px;height:476px;top:98px;right:83px}.hero-pic{width:410px;height:565px;background:url(girl-desktop.9db54421.png) no-repeat}.hero-thumb .description{width:219px;font-size:18px;line-height:133%;left:170px}}.burger-backdrop{width:100%;height:100%;background-color:var(--accent-color);z-index:10;display:none;position:fixed;top:0;left:0}.burger-modal{z-index:12;width:100vw;height:100vh;display:none;position:fixed;top:0;left:0}.burger-modal-wrapper{max-width:375px;margin-left:auto;margin-right:auto;padding:20px 20px 0}.burger-modal-header{justify-content:space-between;align-items:center;display:flex}.burger-link-text{color:var(--primary-white-color);font-family:var(--main-font-family);letter-spacing:-.16px;text-transform:uppercase;font-size:16px;font-style:normal;font-weight:600;line-height:1.12}.burger-header-link,.burger-btn-wrapper{align-items:center;display:flex}.burger-close-modal-btn{background-color:rgba(0,0,0,0);border:none;margin-left:18px;padding:0}.burger-switch-theme{width:50px;height:26px;position:relative}.burger-switch-theme input{opacity:0;width:0;height:0}.burger-switch-theme-slider{cursor:pointer;background-color:#7e8fdd;border:1px solid #fff;border-radius:25px;transition:all .4s;position:absolute;top:0;bottom:0;left:0;right:0}.burger-switch-theme-slider:before{content:"";height:22px;width:22px;background-color:#9cdfdf;border-radius:50%;transition:all .4s;position:absolute;bottom:1px;left:1px}input:checked+.burger-switch-theme-slider{background-color:var(--accent-color)}input:focus+.burger-switch-theme-slider{box-shadow:0 0 1px var(--accent-color)}input:checked+.burger-switch-theme-slider:before{transform:translate(25px)}input:checked+.burger-switch-theme-slider{background-color:var(--additional-accent-color)}input:checked+.burger-switch-theme-slider:before{background-color:#fff}.burger-wrapper-list{margin-top:180px}.burger-list{text-align:center;flex-direction:column;align-items:center;list-style:none;display:flex}.burger-list-link{color:var(--primary-white-color);font-family:var(--main-font-family);letter-spacing:.36px;align-items:center;font-size:18px;font-weight:400;line-height:1.33;display:flex}.burger-dropdown-link{color:rgba(253,253,255,.5);letter-spacing:.28px;font-size:14px;font-weight:400;line-height:1.28}.burger-dropdown-link:hover,.burger-dropdown-link:focus,.burger-dropdown-link:active{color:var(--primary-white-color)}.burger-dropdown{width:192px;background-color:var(--accent-color);border-radius:16px;padding:18px 24px;display:none;position:absolute;left:50%;transform:translate(-50%)}@media screen and (min-width:768px){.burger-modal{background-color:var(--accent-color);background:url(background-burger.b60de8df.jpg) 100% 100%/391px 391px no-repeat;padding:24px 32px 569px 24px}.burger-modal-wrapper{max-width:768px;background-color:var(--accent-color)}.burger-link-text{letter-spacing:-.22px;font-size:22px;line-height:1.09}.burger-list-link{letter-spacing:.48px;font-size:24px;line-height:1.33}}@media screen and (max-width:768px){.alphabet-buttons{display:none}.alphabet-select{display:flex}.choices:after{display:none}.choices{width:90px;text-align:left;margin-left:auto;margin-right:auto}.choices__inner{width:90px;height:34px;color:#fdfdff;-webkit-appearance:none;-ms-appearance:none;appearance:none;background-color:rgba(126,143,221,.4);background-image:url(chevron-down.09a66630.svg);background-position:80%;background-repeat:no-repeat;border:none;border-radius:8px;margin-bottom:40px;padding:8px 14px;transition:background-color .25s cubic-bezier(.4,0,.2,1)}.is-open .choices__inner{background-color:var(--additional-accent-color);color:var(--primary-color-interface);-webkit-appearance:none;-ms-appearance:none;appearance:none;background-image:url(chevron-up.2ad74a35.svg);background-position:80%;background-repeat:no-repeat;border:none;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:4px;padding:8px 15px;transition:background-color .25s cubic-bezier(.4,0,.2,1)}.choices__list--dropdown,.choices__list[aria-expanded]{max-height:84px;overflow-y:scroll}.choices__list--dropdown::-webkit-scrollbar{width:3px;background-color:rgba(0,0,0,0)}.choices__list--dropdown::-webkit-scrollbar-thumb{height:34px;background-color:var(--additional-accent-color);border-radius:4px}.is-open .choices__list--dropdown,.is-open .choices__list[aria-expanded]{color:#242424;border:1px solid var(--additional-accent-color);width:90px;height:84px;background-color:#fdfdff;border-radius:4px;font-family:Poppins,serif;font-size:14px;font-weight:600;line-height:1.2}.choices__list--dropdown .choices__item,.choices__list[aria-expanded] .choices__item{padding:4px 10px}.choices__list--single .choices__item{font-family:Poppins,serif;font-size:14px;font-weight:600;line-height:1.2}.choices__list--dropdown .choices__item--selectable.is-highlighted,.choices__list[aria-expanded] .choices__item--selectable.is-highlighted{background-color:rgba(0,0,0,0)}.choices.is-focused .choices__inner{background-color:var(--additional-accent-color);color:#fdfdff;background-position:80%;background-repeat:no-repeat;transition:background-color .25s cubic-bezier(.4,0,.2,1)}.choices__list--dropdown .choices__list,.choices__list[aria-expanded] .choices__list{max-height:650px;position:relative;overflow:hidden}}@media screen and (min-width:769px){.alphabet-buttons{flex-wrap:wrap;justify-content:center;gap:16px 8px;margin-top:100px;margin-bottom:50px;display:flex}.alphabet-select,.choices{display:none}}@media screen and (min-width:769px){.letter-button{width:40px;height:40px;text-align:center;color:var(--primary-color-interface);color:#fdfdff;background-color:rgba(126,143,221,.4);border:none;border-radius:8px;padding:0;font-family:Poppins,sans-serif;font-size:20px;font-weight:600;transition:background-color .25s cubic-bezier(.4,0,.2,1)}.letter-button:hover,.letter-button:focus{background-color:var(--additional-accent-color)}}:root{--main-font-family:"Poppins",sans-serif;--accent-color:#7e8fdd;--primary-color-text-them-light:#242424;--primary-color-text-them-dark:#fdfdff;--primary-color-interface-them-dark:#1a1a1a;--primary-color-interface-them-light:#f8f9ff;--additional-accent-color:#9cdfdf}.searching-results{text-align:left;margin:auto auto 40px}.paginator{align-items:flex-start;gap:14px;display:flex}.paginator-item{width:40px;border:1px solid var(--accent-color);color:var(--accent-color);border-radius:4px;justify-content:center;align-items:center;padding:10px 0;font-family:Montserrat;font-size:14px;font-style:normal;font-weight:400;line-height:normal;display:flex}.current-page{color:var(--primary-color-text-them-dark);background:var(--additional-accent-color)}.pagination-container{width:334px;justify-content:center;align-items:flex-start;gap:39px;margin-top:40px;margin-bottom:80px;display:inline-flex}.pagination-number,.pagination-button{width:32px;height:32px;border:1px solid var(--accent-color);color:var(--accent-color);background-color:rgba(0,0,0,0);border-radius:4px;margin-left:8px;padding:8px 0 7px;font-family:Montserrat;font-size:16px}.pagination-number:hover,.pagination-button:not(.disabled):hover{background:#fff}.pagination-number.active{color:#fff;background:var(--additional-accent-color);border-radius:4px}.arrow-button{width:32px;height:32px;justify-content:center;align-items:center;padding:7px;display:flex}@media screen and (min-width:1280px){.searching-results{text-align:left;margin-bottom:100px}.search-results-title{color:var(--primary-color-interface-them-dark);font-family:var(--main-font-family);font-size:40px;font-style:normal;font-weight:500;line-height:48px;display:none}.pagination-container{width:880px;justify-content:center;align-items:flex-start;gap:198px;margin-top:44px;margin-bottom:100px;display:inline-flex}.pagination-number,.pagination-button{cursor:pointer;height:2.5rem;width:2.5rem;border:1px solid var(--accent-color);color:var(--accent-color);background-color:rgba(0,0,0,0);border-radius:4px;margin:.25rem;font-family:Montserrat;font-size:16px;font-weight:400}}.hidden{display:none}.cocktails-modal-backdrop{width:100%;height:100%;z-index:50;background:rgba(21,21,21,.6);transition:opacity .25s cubic-bezier(.4,0,.2,1),visibility .25s cubic-bezier(.4,0,.2,1);position:fixed;top:0;left:0}.is-hidden{display:none}.cocktails-modal{z-index:60;background-color:#fff;border-radius:20px;padding:40px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (max-width:320px){.cocktails-modal{width:100%}}@media screen and (max-width:768px){.cocktails-modal{width:335px;padding:40px 20px}.cocktails-title{display:none}.cocktails-info{flex-direction:column;justify-content:center;gap:20px;margin-bottom:20px;display:flex}.cocktails-btn{width:100%;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.cocktail-add-favorite-btn,.cocktail-back-btn{width:100%}}@media screen and (min-width:768px){.cocktails-modal{width:600px;height:569px}.cocktails-info{gap:20px;margin-bottom:20px;display:flex}.cocktails-btn{gap:18px;display:flex}.cocktail-add-favorite-btn{width:251px;height:56px}.cocktail-back-btn{width:172px}}.modal-close-btn{width:22px;height:22px;background-color:rgba(0,0,0,0);border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .3s;display:flex;position:absolute;top:14px;right:14px}@media screen and (min-width:768px){.modal-close-btn{width:24px;height:24px;top:18px;right:18px}}.modal-close-btn:hover{transform:rotate(180deg)}.close-icon{transform-origin:50%;transition:transform .3s}.modal-close-btn>.close-icon{width:20px;height:20px;stroke:var(--primary-color-text)}.cocktails-img{border-radius:16px}.cocktails-title{color:var(--title-modal);margin-bottom:20px;font-size:20px;font-weight:600;line-height:24px}.cocktails-desc{flex-direction:column;display:flex}.ingredients-list{flex-direction:column;gap:8px;list-style-position:inside;display:flex}.ingredients-list>li{color:var(--li-ingredients)}.ingredient-element{color:var(--li-ingredients);background:0 0;border:none;font-size:14px;font-weight:400;line-height:18px}.ingredients-list>li:hover,.ingredients-list>li:focus,.ingredient-element:hover,.ingredient-element:focus{color:#7e8fdd}.cocktails-ingredients-title{color:var(--title-modal);margin-bottom:46px}.cocktails-instructions-title{color:var(--title-modal);margin-bottom:17px}.cocktails-instructions{color:var(--primary-transparent-color-text);margin-bottom:20px;font-size:14px;font-weight:400;line-height:20px}.cocktail-add-favorite-btn{height:56px;background:var(--accent-color);letter-spacing:.75px;color:#fdfdff;border:none;border-radius:12px;font-size:18px;font-weight:600;line-height:24px}.cocktail-add-favorite-btn:hover,.cocktail-add-favorite-btn:focus{background:var(--hover-btn-add-favorite)}.cocktail-back-btn{height:56px;letter-spacing:.75px;color:var(--title-modal);background:var(--bg-back-color);border:none;border-radius:12px;font-size:18px;font-weight:600;line-height:24px}.cocktail-back-btn:hover,.cocktail-back-btn:focus{background:var(--bg-back-color-hover)}.back-btn:hover,.back-btn:focus{background:rgba(36,36,36,.2)}:root{--violet-color:#7e8fdd;--turquoise-color:#9cdfdf;--transition-dur-and-time-func:500ms cubic-bezier(.4,0,.2,1)}.footer{background-color:var(--violet-color);padding-top:40px;padding-bottom:80px}.footer-container{flex-direction:row;justify-content:space-between;display:flex}.logo-in-footer{transition:transform var(--transition-dur-and-time-func);justify-content:center;align-items:center;gap:4px;display:inline-flex}.logo-in-footer:hover,.logo-in-footer:focus{transform:scale(1.1)}.text-logo-footer{color:#fdfdff;letter-spacing:-.16px;font-family:Poppins;font-size:16px;font-style:normal;font-weight:600;line-height:18px}.icon-logo-accent{width:21px;height:18px}@media screen and (min-width:1280px){.icon-logo-accent{width:29px;height:25px}}.social-footer-wrapper{flex-direction:column;gap:16px;padding-top:4px;display:flex}.caption-footer-social{color:#fdfdff;text-transform:uppercase;font-family:Poppins;font-size:14px;font-style:normal;font-weight:600;line-height:18px;display:block}.social-list-footer{flex-direction:row;gap:14px;display:flex}.social-link-footer{justify-content:center;align-items:center;display:flex}.social-icon-footer{width:32px;height:32px;transition:transform var(--transition-dur-and-time-func)}.social-icon-footer:hover,.social-icon-footer:focus{transform:scale(1.1)}@media screen and (min-width:768px){.footer{padding-top:32px}.logo-in-footer{gap:8px}.text-logo-footer{letter-spacing:-.22px;font-size:22px;line-height:24px}.icon-coctail-footer{width:29px;height:25px}.caption-footer-social{line-height:110%}.social-list-footer{gap:16px}.social-icon-footer{width:40px;height:40px}}.ingredient-modal-backdrop{z-index:99;background-color:rgba(21,21,21,.6);display:none;position:fixed;top:0;bottom:0;left:0;right:0}.ingredient-modal{width:calc(100% - 50px);background-color:var(--primary-color-interface);z-index:100;border-radius:20px;padding:40px 20px;display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}@media screen and (min-width:375px){.ingredient-modal{width:335px}}@media screen and (min-width:768px){.ingredient-modal{width:600px;padding:40px}}.ingredient-modal-close-btn{width:22px;height:22px;background-color:rgba(0,0,0,0);border:none;border-radius:50%;justify-content:center;align-items:center;transition:transform .3s;display:flex;position:absolute;top:14px;right:14px}@media screen and (min-width:768px){.ingredient-modal-close-btn{width:24px;height:24px;top:18px;right:18px}}.ingredient-modal-close-btn:hover{transform:rotate(180deg)}.close-icon{transform-origin:50%;transition:transform .3s}.ingredient-modal-close-btn>.close-icon{width:20px;height:20px;stroke:var(--primary-color-text)}.ingredient-modal-title{color:var(--primary-color-text);margin-bottom:8px;font-size:18px;font-weight:600;line-height:24px}@media screen and (min-width:768px){.ingredient-modal-title{margin-bottom:12px}}.ingredient-modal-subtitle{text-transform:uppercase;color:var(--primary-color-text);opacity:.5;margin-bottom:20px;font-family:Poppins;font-size:14px;font-weight:600;line-height:18px}@media screen and (min-width:768px){.ingredient-modal-subtitle{margin-bottom:22px}}.ingredient-modal-description{max-height:300px;color:var(--primary-transparent-color-text);margin-top:20px;margin-bottom:40px;font-size:14px;font-weight:400;line-height:20px;overflow-y:auto}.ingredient-modal-description>b{color:var(--primary-color-text)}@media screen and (min-width:768px){.ingredient-modal-description{margin-top:18px}}.ingredient-modal-list{color:var(--primary-color-text);opacity:.8;flex-direction:column;gap:8px;margin-bottom:40px;padding-left:20px;font-size:14px;font-weight:400;line-height:18px;display:flex}.ingredient-modal-btn-wrapper{flex-direction:column;gap:14px;display:flex}@media screen and (min-width:768px){.ingredient-modal-btn-wrapper{flex-direction:row}}.ingredient-modal-favorite-btn,.ingredient-modal-back-btn{text-transform:uppercase;text-align:center;letter-spacing:.28px;cursor:pointer;border:none;border-radius:12px;padding:14px;font-size:14px;font-weight:600;line-height:20px;transition:background-color .3s}@media screen and (min-width:768px){.ingredient-modal-favorite-btn,.ingredient-modal-back-btn{padding:16px 32px}.ingredient-modal-favorite-btn{min-width:251px}.ingredient-modal-back-btn{width:172px}}.ingredient-modal-favorite-btn{color:var(--primary-white-color);background-color:var(--primary-button-backgroun)}.ingredient-modal-favorite-btn:hover{background-color:var(--primary-button-accent-backgroun)}.ingredient-modal-back-btn{color:var(--primary-color-text);background-color:var(--back-button-background)}.ingredient-modal-back-btn:hover{background-color:var(--back-button-accent-background)}.divider{width:100%;height:1px;background-color:var(--primary-color-text);opacity:.1}.isShow{display:block}button{cursor:pointer}button:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(0,0,0,.2)}button:active{transform:translateY(-1px);box-shadow:0 5px 10px rgba(0,0,0,.2)}.cocktails-list{flex-wrap:wrap;justify-content:flex-start;gap:20px 0;margin-bottom:80px;padding:0;display:flex}.cocktails-item{width:335px;background:var(--primary-color-interface);border-radius:20px;padding:14px 14px 20px;box-shadow:0 4px 46px rgba(0,0,0,.05)}.cocktails-item:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)){text-align:left}.cocktails-item:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.cocktails-item:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.cocktails-item:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.cocktails-image{width:307px;min-height:257px;border-radius:16px;margin-bottom:20px}.cocktails-name{color:var(--primary-color-text);margin-bottom:14px;font-family:Poppins;font-size:18px;font-style:normal;font-weight:600;line-height:133.33%}.cocktails-description{color:var(--primary-color-text);text-overflow:ellipsis;max-height:72px;width:296px;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:20px;font-family:Poppins;font-size:14px;font-style:normal;font-weight:400;line-height:24px;display:-webkit-box;overflow:hidden;overflow:hidden!important}.cocktails-buttons{justify-content:space-between;align-items:center;display:flex}.cocktails-button{width:232px;border:1px solid var(--accent-color);color:var(--secondary-color-interface);letter-spacing:.28px;text-transform:uppercase;background-color:rgba(0,0,0,0);border-radius:12px;padding:13px 70px;font-family:Poppins;font-size:14px;font-style:normal;font-weight:600;line-height:142%;transition:background-color .25s cubic-bezier(.4,0,.2,1)}.cocktails-button:hover{background:var(--accent-color)}.cocktails-button-favorite{width:48px;background:var(--accent-color);border:none;border-radius:12px;justify-content:center;align-items:center;padding:16px;line-height:0}.cocktails-list .icon{width:18px;height:18px;fill:none}.icon.isFavorite{fill:#fdfdff}@media screen and (min-width:768px){.cocktails-list{gap:32px 16px;margin-bottom:100px}.cocktails-item{width:calc(50% - 8px)}.cocktails-image{width:316px;min-height:316px;margin-bottom:24px}.cocktails-description{min-height:72px;margin-bottom:24px}.cocktails-button{width:228px;color:var(--secondary-color-interface);letter-spacing:.36px;background-color:rgba(0,0,0,0);padding:16px 55px;font-size:18px;line-height:133%}.cocktails-button-favorite{width:56px}.cocktails-list .icon{width:24px;height:24px}}@media screen and (min-width:1280px){.cocktails-item{width:calc(33.3333% - 10.6667px)}.cocktails-image{min-height:316px}}.searching-container{text-align:center}.hidden{display:none}.search-form{width:100%;height:44px;justify-content:center;align-items:center;margin-bottom:40px;display:flex;position:relative}.search-form input{width:100%;color:var(--primary-color-text);border:2px solid var(--accent-color);background:0 0;border-radius:80px;outline:1px solid rgba(31,158,222,0);padding:12px 12px 12px 42px;font-family:Poppins;font-size:14px;font-weight:400;transition:all .55s;display:block}.search-form ::-ms-input-placeholder{color:var(--back-button-accent-background)}.search-form ::placeholder{color:var(--back-button-accent-background)}.search-form button{width:auto;height:16px;min-width:16px;cursor:pointer;color:#fff;background:0 0;border:none;border-radius:50px;outline:1px solid rgba(31,158,222,0);transition:all .55s;position:absolute;left:14px}.search-form .icon{fill:#60676a;stroke-width:1px;transition:all .55s}.searching-results-title,.random-cocktails-title,.favorite-cocktails-title{color:var(--primary-color-text);margin-top:0;margin-bottom:40px;font-family:Poppins;font-size:24px;font-weight:500;line-height:116.6%}.searching-results-title:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)),.random-cocktails-title:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)),.favorite-cocktails-title:not(:lang(ae)):not(:lang(ar)):not(:lang(arc)):not(:lang(bcc)):not(:lang(bqi)):not(:lang(ckb)):not(:lang(dv)):not(:lang(fa)):not(:lang(glk)):not(:lang(he)):not(:lang(ku)):not(:lang(mzn)):not(:lang(nqo)):not(:lang(pnb)):not(:lang(ps)):not(:lang(sd)):not(:lang(ug)):not(:lang(ur)):not(:lang(yi)){text-align:left}.searching-results-title:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),.random-cocktails-title:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),.favorite-cocktails-title:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.searching-results-title:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),.random-cocktails-title:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),.favorite-cocktails-title:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.searching-results-title:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),.random-cocktails-title:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)),.favorite-cocktails-title:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){text-align:right}.isHidden{display:none}.empty-search{text-align:center;margin-bottom:50px}.empty-search .icon{margin-bottom:20px}.empty-search .description{width:244px;color:var(--primary-color-text);margin:auto;font-family:Poppins;font-size:18px;font-weight:400;line-height:133%}@media screen and (min-width:768px){.search-form{width:300px;margin-bottom:50px;margin-left:auto;margin-right:auto}.searching-results-title,.random-cocktails-title,.favorite-cocktails-title{margin-bottom:50px;font-size:40px;line-height:120%}.empty-search .icon{width:234px;height:201px;margin-bottom:40px}.empty-search .description{width:370px;font-size:24px;line-height:116%}}@media screen and (min-width:1280){.searching-results-title,.random-cocktails-title,.favorite-cocktails-title{margin-bottom:44px}}*,:before,:after{margin:0;padding:0}:root{--main-font-family:"Poppins",sans-serif}html{scroll-behavior:smooth}img{display:block}button{cursor:pointer}.list{list-style:none}.link{text-decoration:none}h1,h2,h3,h4,p{margin-top:0;margin-bottom:0}ul,ol{margin-top:0;margin-bottom:0;padding-left:0}body{font-family:var(--main-font-family);background:var(--bg-color);background-image:var(--bg-image);background-repeat:no-repeat;background-size:cover}@media screen and (min-width:320px) and (max-width:768px){body{background-image:var(--bg-image-mob);background-position:top}}@media screen and (min-width:769px){body{background-image:var(--bg-image-tablet)}}@media screen and (min-width:1280px){body{background-image:var(--bg-image-desktop)}}@media screen and (min-width:320px){.container{margin-left:auto;margin-right:auto}}@media screen and (min-width:375px){.container{width:375px;padding-left:20px;padding-right:20px}}@media screen and (max-width:375px){.container{width:100%}}@media screen and (min-width:768px){.container{width:768px;padding-left:32px;padding-right:32px}}@media screen and (min-width:1280px){.container{width:1280px;padding-left:100px;padding-right:100px}}
/*# sourceMappingURL=favorite-cocktails.f2cf7136.css.map */