*,: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}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:400;src:url(poppins-v20-latin-regular.1110a71c.woff2)format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:italic;font-weight:400;src:url(poppins-v20-latin-italic.bd8a1978.woff2)format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:500;src:url(poppins-v20-latin-500.637939bc.woff2)format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:italic;font-weight:500;src:url(poppins-v20-latin-500italic.adc3db28.woff2)format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:600;src:url(poppins-v20-latin-600.414c1233.woff2)format("woff2")}@font-face{font-display:swap;font-family:Poppins;font-style:italic;font-weight:600;src:url(poppins-v20-latin-600italic.8a0ae399.woff2)format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:url(montserrat-v26-latin-regular.f027985f.woff2)format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:500;src:url(montserrat-v26-latin-500.df10de8d.woff2)format("woff2")}body.dark .karina-dark-theme{color:var(--primary-text-color-theme-dark)}body.dark .karina-dark-theme-bg,body.dark .karina-dark-theme-btn{background-color:var(--bg-card-modal-color-theme-dark)}body.dark .karina-dark-theme-btn:hover{background-color:var(--primary-accent-color)}.container{padding-left:20px;padding-right:20px}@media screen and (min-width:375px){.container{width:375px;margin-left:auto;margin-right:auto}.hero-section{padding-bottom:80px}}.cocktail-section{padding-top:20px;padding-bottom:40px}.cocktail-container{width:335px;border-radius:20px;flex-direction:column;gap:20px;margin-left:auto;margin-right:auto;display:flex}.hero-search-cards{flex-direction:column;gap:20px;margin-bottom:40px;display:flex}.cocktail-item{max-width:335px;max-height:471px;perspective:1000px;background-color:var(--bg-card-color-theme-light);border-radius:20px;flex-basis:calc(50% - 8px);padding:14px;transition:transform .3s}.cocktail-item:hover{transform:scale(1.05)}.cocktail-main-title{font-size:24px;font-family:var(--primary-font);word-wrap:break-word;padding-top:40px;padding-bottom:40px;font-weight:500;line-height:28px}.cocktail-img{width:100%;height:260px;text-align:center;border-radius:16px;display:block}.cocktail-title{color:var(--primary-text-color-theme-light);font-family:var(--primary-font);text-overflow:ellipsis;white-space:nowrap;margin-top:20px;margin-bottom:14px;margin-left:6px;font-size:18px;font-style:normal;font-weight:600;line-height:24px;overflow:hidden}.cocktail-description{color:var(--primary-text-color-theme-light);font-size:14px;font-family:var(--primary-font);word-wrap:break-word;text-overflow:ellipsis;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:20px;margin-left:6px;margin-right:20px;font-weight:400;line-height:18px;display:-webkit-box;overflow:hidden}.button-div{margin-bottom:6px;padding-left:6px;display:flex}.button-learn-more{box-sizing:border-box;background-color:var(--bg-card-color-theme-light);color:var(--primary-text-color-theme-light);letter-spacing:.28px;text-transform:uppercase;width:232px;height:48px;border:1px solid #7e8fdd;border-radius:12px;margin-right:13px;font-family:Poppins;font-size:14px;font-style:normal;font-weight:600;line-height:20px;box-shadow:0 4px 46px rgba(0,0,0,.05)}.button-learn-more:hover{background-color:var(--primary-accent-color);color:var(--bg-card-color-theme-light);transition:all .3s cubic-bezier(.4,0,.2,1)}.button-add-fav{background:var(--primary-accent-color);width:48px;height:48px;border-style:none;border-radius:12px;justify-content:center;align-items:center;display:flex}.icon-add-fav{width:18px;height:18px;stroke:var(--bg-card-color-theme-light);fill:none}.button-add-fav:hover>.icon-add-fav{fill:var(--bg-card-color-theme-light);transition:all 1s cubic-bezier(.4,0,.2,1)}.button-add-fav-active>.icon-add-fav{fill:var(--bg-card-color-theme-light)}@media screen and (min-width:768px){.container{width:768px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px}.hero-section{padding-bottom:100px}.cocktail-main-title{padding-bottom:40px}.hero-search-cards{flex-flow:wrap;justify-content:center;gap:32px 16px;margin-bottom:64px;display:flex}.cocktail-item{max-width:344px;max-height:523px;perspective:1000px}.cocktail-img{width:100%;height:289px}.cocktail-title,.cocktail-description{margin-left:10px}.button-div{margin-bottom:10px;padding-left:10px;display:flex}.button-learn-more{width:225px;height:56px;margin-right:14px;font-size:18px}.button-add-fav{width:56px;height:56px}.icon-add-fav{width:24px;height:24px}}@media screen and (min-width:1280px){.container{width:1280px;padding-left:100px;padding-right:100px}.cocktail-main-title{padding-top:50px;padding-bottom:44px}.hero-search-cards{flex-direction:row;gap:44px 24px;margin-bottom:44px}.cocktail-item{flex-basis:calc(33.3333% - 8px)}.cocktail-title{margin-top:24px;margin-bottom:14px;margin-left:10px}}.deleted-notify{color:#fff;background:#7e8fdd;border-radius:14px;padding:20px 10px;transition:all .25s linear;position:fixed;top:50px;right:50px}.is-hidden-favorite{width:0;height:0;opacity:0;pointer-events:none;display:none}.list{list-style:none}.link{text-decoration:none}button{cursor:pointer}h1,h2,h3,h4,h5,p{margin-top:0;margin-bottom:0}ul,ol{margin-top:0;margin-bottom:0;padding-left:0}img{display:block}html{scroll-behavior:smooth;height:100%}:root{--primary-font:"Poppins",sans-serif;--primary-accent-color:#7e8fdd;--primary-hover-accent-color:#6e7fcf;--secondary-accent-color:#9cdfdf;--bg-abc-btn-color:rgba(126,143,221,.4);--transition-btn:250ms cubic-bezier(.4,0,.2,1);--primary-text-color-theme-light:#242424;--modal-first-text-color-theme-light:rgba(36,36,36,.5);--modal-second-text-color-theme-light:rgba(36,36,36,.8);--bg-card-color-theme-light:#fdfdff;--bg-modal-color-theme-light:#f8f9ff;--modal-btn-color-theme-light:rgba(36,36,36,.1);--hover-modal-btn-color-theme-light:rgba(36,36,36,.2);--primary-text-color-theme-dark:#fdfdff;--modal-first-text-color-theme-dark:rgba(253,253,255,.99);--modal-second-text-color-theme-dark:rgba(253,253,255,.5);--modal-third-text-color-theme-dark:rgba(253,253,255,.8);--bg-card-modal-color-theme-dark:#232330;--modal-btn-color-theme-dark:rgba(253,253,255,.1);--hover-modal-btn-color-theme-dark:rgba(253,253,255,.2)}body{font-family:var(--primary-font);height:100%;background-size:cover;flex-direction:column;justify-content:space-between;display:flex}.container{padding-bottom:80px}@media screen and (max-width:374px){body{background-image:url(background.7751fb36.png)}}@media screen and (max-width:767px){body{background-image:url(background.7751fb36.png)}body.dark{background-image:url(background-dark.4d544c82.png)}}@media screen and (min-width:375px) and (max-width:767px){.container{width:375px;margin-left:auto;margin-right:auto}}@media screen and (min-width:768px) and (max-width:1279px){.container{width:768px;margin-left:auto;margin-right:auto;padding-bottom:100px}body{background-color:#000;background-image:url(background-tablet.dab17ffb.png)}body.dark{background-image:url(background-tablet-dark.9a2404ef.png)}}@media screen and (min-width:1280px){.container{width:1280px;margin-left:auto;margin-right:auto}body{background-image:url(background-desktop.a33f7277.png)}body.dark{background-image:url(background-desktop-dark.13c28424.png)}}body.dark .header-link-dark{color:var(--primary-text-color-theme-dark)}body.dark .chevron-down-dark{stroke:var(--primary-text-color-theme-dark)}body.dark .header-logo-dark{color:var(--primary-text-color-theme-dark)}body.dark .icon-menu-dark{stroke:var(--primary-text-color-theme-dark)}.chevron-down{vertical-align:middle;fill:none;stroke:var(--primary-accent-color)}.header-logo{text-transform:uppercase;color:var(--primary-text-color-theme-light);font-size:16px;font-weight:600;line-height:1.12}.header-logo-img{width:24px;height:20px;fill:var(--primary-accent-color)}.menu-container .menu-toggle{position:absolute;top:20px;right:20px}.navigation-link-menu:hover,.navigation-link-menu:focus{color:var(--primary-text-color-theme-dark)}.example{color:#2f2f37;max-width:960px;background-color:#fff;padding:16px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5}.example code{color:#fff;background-color:#ff6b0a;border-radius:2px;padding:2px 6px;font-family:monospace;font-size:16px;font-weight:700}.example .background{height:240px;background-image:url(logo.268195b3.png);background-position:50%;background-size:cover}li{list-style:none}a{text-decoration:none}.header{justify-content:space-between;align-items:center;padding:0 20px;display:flex}@media screen and (min-width:768px) and (max-width:1279px){.header{padding:0 32px;display:flex}}@media screen and (min-width:768px){.header-logo-img{width:30px;height:25px;fill:var(--primary-accent-color)}}@media screen and (min-width:1280px){.header{padding:0 100px;display:flex}}.header-navigation{display:none}@media screen and (min-width:1280px){.header-navigation{margin-right:302px;display:flex}.header-item{margin-right:28px;display:inline-block}.header-item:last-child{margin-right:0}.header-link{color:var(--primary-text-color-theme-light);letter-spacing:.32px;word-wrap:break-word;padding:10px 0;font-size:16px;font-weight:400;line-height:18px}.favorite-dropdown{z-index:1;padding-top:10px;padding-bottom:10px;display:inline-block;position:relative}.navigation-list{flex-direction:column;gap:8px;display:flex}.favorite-navigation{width:192px;background-color:var(--primary-accent-color);border-radius:16px;padding:18px 24px;display:none;position:absolute;top:44px;left:-45px}.favorite-navigation .favorite-link{display:block}.favorite-link{color:var(--modal-second-text-color-theme-dark);letter-spacing:.28px;font-size:14px;font-weight:400;line-height:18px}.favorite-link:hover,.favorite-link:focus{color:var(--primary-text-color-theme-dark)}.favorite-dropdown:hover .favorite-navigation,.favorite-dropdown:focus-within .favorite-navigation{display:block}.header-logo{font-size:22px}}.logo{padding-top:27px;padding-bottom:75px;display:flex}.switch{display:none}@media screen and (min-width:768px) and (max-width:1279px){.menu-container .menu-toggle{top:28px;right:32px}.header-logo{font-size:22px;line-height:24px;display:inline-block}.header-logo-img{width:29px;height:25px}}@media screen and (min-width:1280px){.logo{padding-top:0;padding-bottom:0}}@media screen and (min-width:1280px){.switch{margin-left:auto;padding-top:28px;padding-bottom:34px;display:flex}.switch input{width:64px;height:32px;cursor:pointer;-webkit-appearance:none;-ms-appearance:none;appearance:none;transition:all .5s;border:2px solid #242424;border-radius:34px;outline:none;-webkit-transition:all .4s;position:relative}.switch input:checked{background-color:var(--secondary-accent-color);border:2px solid #7e8fdd}.switch input:before{content:"";width:25px;height:25px;background-color:var(--secondary-accent-color);border-radius:100px;transition:all .5s;position:absolute;top:2px;left:2px;transform:scale(1.1)}.switch input:checked:before{background-color:#fff;left:34px}}.header-menu{padding-top:20px;padding-bottom:68px}.burger-menu{width:32px;height:32px;fill:var(--primary-text-color-theme-light)}.menu-toggle{background-color:rgba(0,0,0,0);border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;margin:0;padding:0;display:flex}.menu-toggle .icon-cross{display:none}.icon-menu{width:1em;height:1em;stroke-width:0;stroke:var(--primary-text-color-theme-light);display:inline-block}.close-menu{width:32px;height:32px;stroke:var(--bg-card-color-theme-light)}.menu-toggle.is-open .icon-cross{color:current;display:block}.menu-button.is-open .icon-menu{display:none}.menu-container{z-index:1000;width:100%;height:100vh;max-height:100%;background-color:var(--primary-accent-color);opacity:.7;flex-direction:column;padding:0 20px;transition:all .7s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;transform:translate(100%)}.menu-container.is-open{opacity:1;animation-duration:700ms cubic-bezier(.4,0,.2,1);transform:translate(0)}.menu-container .icon-cross{display:none}.menu-container.is-open .icon-cross{display:block}.menu-container.is-open .icon-menu,.heder-close-menu{display:none}@media screen and (min-width:768px) and (max-width:1279px){.header-menu{padding-top:25px;padding-bottom:70px}.burger-menu{width:40px;height:40px}.menu-container{padding:0 32px}.close-menu{width:40px;height:40px}}@media screen and (min-width:1280px){.header-menu{display:none}}@media screen and (min-width:1280px){.header-menu-container.is-open .icon-menu{display:none}}.logo-menu{justify-content:space-between;padding-top:24px;padding-bottom:180px;display:flex}.header-logo-menu{color:var(--bg-card-color-theme-light);text-transform:uppercase;word-wrap:break-word;font-size:16px;font-weight:600;line-height:18px;display:inline-block}.header-logo-img-menu{width:21px;height:18px;vertical-align:middle;fill:var(--secondary-accent-color)}@media screen and (min-width:768px) and (max-width:1279px){.logo-menu{padding-top:32px;padding-bottom:259px}.header-logo-menu{font-size:22px;line-height:24px;display:inline-block}.header-logo-img-menu{width:29px;height:25px}}.switch-menu{margin-right:50px;display:flex}.switch-menu input{width:50px;height:25px;cursor:pointer;-webkit-appearance:none;-ms-appearance:none;appearance:none;transition:all .5s;border:1.5px solid #fdfdff;border-radius:34px;outline:none;-webkit-transition:all .4s;position:relative}.switch-menu input:checked{background-color:var(--secondary-accent-color);border:2px solid #7e8fdd}.switch-menu input:before{content:"";width:19px;height:19px;background-color:var(--secondary-accent-color);border-radius:100px;transition:all .5s;position:absolute;top:2px;left:2px;transform:scale(1.1)}.switch-menu input:checked:before{background-color:#fff;left:25px}@media screen and (min-width:768px) and (max-width:1279px){.switch-menu{margin-right:65px;display:flex}.switch-menu input{width:64px;height:32px;position:relative}.switch-menu input:before{content:"";width:25px;height:25px;position:absolute}.switch-menu input:checked:before{left:34px}}.header-navigation-menu{text-align:center;justify-content:center;display:flex}.header-list-menu{flex-direction:column;gap:14px;display:flex}.header-link-menu{color:var(--primary-text-color-theme-dark);letter-spacing:.36px;word-wrap:break-word;font-size:18px;font-weight:400;line-height:24px}.favorite-btn{margin-bottom:18px}.favorite-navigation-menu{gap:8px}.chevron-down-menu{vertical-align:middle;fill:none;stroke:var(--primary-text-color-theme-dark)}@media screen and (min-width:768px) and (max-width:1279px){.header-link-menu{letter-spacing:.48px;word-wrap:break-word;font-size:24px;font-weight:400;line-height:32px}}.favorite-navigation-menu{text-align:center;justify-content:center}.navigation-list-menu{flex-direction:column;gap:8px;padding-top:18px;display:flex}.navigation-link-menu{color:var(--modal-second-text-color-theme-dark);letter-spacing:.28px;word-wrap:break-word;font-size:14px;font-weight:400;line-height:18px}.favorite-dropdown-menu{display:inline-block;position:relative}.favorite-navigation-menu{display:none}.favorite-navigation-menu a,.favorite-dropdown-menu:hover .favorite-navigation-menu{display:block}body.dark .hero-dark{color:var(--primary-text-color-theme-dark)}body.dark .hero-dark-icon{fill:var(--primary-text-color-theme-dark);stroke:var(--primary-text-color-theme-dark)}body.dark .hero-dark-placeholder::-ms-input-placeholder{color:var(--hover-modal-btn-color-theme-dark)}body.dark .hero-dark-placeholder::placeholder{color:var(--hover-modal-btn-color-theme-dark)}body.dark .hero-form-input,.hero-btn-link{color:var(--primary-text-color-theme-dark)}.is-hidden-hero{width:1px;height:1px;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);border:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.hero{flex-direction:column;margin:auto;padding:0 20px;display:flex}.hero-wrapper{flex-direction:column;padding-bottom:33px;display:flex;position:relative}.hero-text-container{padding-bottom:20px}.main-hero-title{color:var(--primary-text-color-theme-light);margin-bottom:18px;font-size:32px;font-weight:400;line-height:1.19}.hero-title-accent{color:var(--primary-accent-color);font-style:italic}.hero-description{max-width:335px;color:var(--primary-text-color-theme-light);margin-bottom:36px;font-size:14px;font-weight:400;line-height:1.4}.btn-hero{min-width:178px;background-color:var(--primary-accent-color);letter-spacing:.28px;text-transform:uppercase;color:var(--primary-text-color-theme-dark);border:none;border-radius:12px;padding:14px 28px;font-size:14px;font-weight:600;line-height:1.4;text-decoration:none}.btn-hero:hover{background-color:var(--primary-hover-accent-color);transition:var(--transition-btn);animation:pulse 1s .7s}.hero-img-container{position:relative}.input-search-icon{fill:var(--primary-text-color-theme-light);stroke:var(--primary-text-color-theme-light)}.hero-abc-description{content:"";max-width:173px;letter-spacing:.28px;text-transform:uppercase;color:var(--primary-text-color-theme-light);font-size:14px;font-weight:400;line-height:1.4;position:absolute;top:86%;left:24%}.hero-input-container{margin-top:40px;position:relative}.hero-form-input{width:100%;border:2px solid var(--primary-accent-color);color:var(--primary-text-color-theme-light);background-color:rgba(0,0,0,0);border-radius:80px;outline:rgba(0,0,0,0);margin:auto;padding:12px 8px 12px 42px;display:block}.hero-form-input::-ms-input-placeholder{color:var(--hover-modal-btn-color-theme-light);font-size:14px;line-height:normal}.hero-form-input::placeholder{color:var(--hover-modal-btn-color-theme-light);font-size:14px;line-height:normal}.input-search-icon{content:"";fill:var(--primary-text-color-theme-light);cursor:pointer;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.error-img-container{flex-direction:column;justify-content:center;align-items:center;gap:20px;padding-top:40px;padding-bottom:100px;display:flex}.hero-error-img{align-items:center}.hero-error-text{text-align:center;width:244px;color:var(--primary-text-color-theme-light);font-size:18px;font-weight:400;line-height:1.33}.hero-text-accent{color:var(--secondary-accent-color);font-style:italic}@media screen and (max-width:767px){.hero-img{max-width:100%}}@media screen and (min-width:768px){.hero{padding:0 32px}.hero-wrapper{flex-direction:row;padding-bottom:100px}.hero-input-container{margin-top:50px}.hero-text-container{padding:124px 0 137px}.hero-img-container{content:"";margin-bottom:0;position:absolute;left:331px}.main-hero-title{margin-bottom:24px;font-size:44px;line-height:1.09}.hero-description{max-width:338px;margin-bottom:48px;font-size:16px;line-height:1.5}.btn-hero{min-width:245px;letter-spacing:.36px;border:none;padding:22px 44px;font-size:18px;line-height:1.33}.hero-abc-description{min-width:198px;letter-spacing:.32px;text-transform:uppercase;font-size:16px;line-height:1.5;position:absolute;top:546px;left:131px}.hero-form-input{max-width:300px}.input-search-icon{left:31%}.error-img-container{gap:40px;padding-top:50px}.hero-error-text{width:370px;font-size:24px;line-height:1.17}}@media screen and (min-width:1280px){.hero{padding-left:100px;padding-right:100px}.hero-img-container{content:"";position:absolute;left:611px}.hero-text-container{padding:134px 0 125px}.main-hero-title{margin-bottom:28px;font-size:64px;line-height:1.09}.hero-description{max-width:478px;margin-bottom:56px;font-size:20px;line-height:1.3}.hero-abc-description{min-width:219px;letter-spacing:.36px;font-size:18px;line-height:1.33;top:625px;left:170px}.input-search-icon{left:38%}.error-img-container{padding-bottom:150px}}.button-search-wrapper{width:90px;flex-direction:column;justify-content:center;align-items:center;margin-left:auto;margin-right:auto;display:flex}@media screen and (max-width:767px){.button-search{height:34px;width:90px;color:#fdfdff;background:var(--bg-abc-btn-color);border-radius:8px;flex-shrink:0;justify-content:center;align-items:flex-start;gap:33px;padding:8px 14px;font-size:14px;font-weight:600;line-height:18px;display:inline-flex}.button-search-wrapper{position:relative}.icon{fill:none;stroke:var(--primary-text-color-theme-dark);width:18px;height:18px;transition:transform .3s}.button-search-wrapper.active .button-search{background-color:var(--secondary-accent-color)}.button-search-wrapper.active .icon{transform:rotate(180deg)}.button-search-dropdown{z-index:1000;width:90px;height:84px;background:#fdfdff;border:1px solid #9cdfdf;border-radius:4px;flex-shrink:0;margin-top:4px;position:absolute;top:100%;overflow:auto}.button-item{width:90px;height:28px;width:36px;color:var(--primary-text-color-theme-light);background-color:rgba(0,0,0,0);border:none;outline:none;flex-shrink:0;align-items:center;gap:20px;padding:4px 10px;font-size:14px;font-weight:600;line-height:18px;display:flex}.hidden{display:none}}@media screen and (min-width:768px) and (max-width:1279px){.button-rows{justify-content:center;gap:8px;display:flex}.button-rows:nth-child(4),.button-rows:nth-child(5){display:none}}@media screen and (min-width:768px){.button-search{display:none}.buttons-list{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;display:inline-flex}.button-item{width:40px;height:40px;color:#fdfdff;text-align:center;background:var(--bg-abc-btn-color);cursor:pointer;border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-family:Poppins;font-size:20px;font-style:normal;font-weight:600;line-height:normal;display:flex}.button-item:hover{background:var(--secondary-accent-color);transition:var(--transition-btn);transform:scale(1.05)}}@media screen and (min-width:1280px){.button-rows{justify-content:center;gap:8px;display:flex}.buttons-list{flex-wrap:wrap;justify-content:center;gap:8px;display:inline-flex}.button-rows:nth-child(1),.button-rows:nth-child(2),.button-rows:nth-child(3){display:none}.button-rows:nth-child(4),.button-rows:nth-child(5){display:flex}}.pagination-list,.pagination-list-ing,.pagination-list-favorite{justify-content:center;align-items:center;column-gap:8px;display:flex}.empty{visibility:hidden}.numb,.dots,.prev,.next{color:var(--primary-accent-color);width:32px;height:32px;border:1px solid var(--primary-accent-color);border-radius:4px;justify-content:center;align-items:center;font-size:14px;display:flex}.prev{margin-right:31px}.next{margin-left:31px}.active-pagination,.numb:hover,.prev:hover,.next:hover{cursor:pointer;background-color:var(--secondary-accent-color);color:var(--primary-text-color-theme-dark);border:none}@media screen and (min-width:768px){.pagination-list,.pagination-list-ing,.pagination-list-favorite{column-gap:14px}.numb,.dots,.prev,.next{width:40px;height:40px;font-size:16px}.prev{width:60px;height:40px;margin-right:94px}.next{width:60px;height:40px;margin-left:94px}}@media screen and (min-width:1280px){.prev{margin-right:184px}.next{margin-left:184px}}.footer{background-color:var(--primary-accent-color)}.footer-section{max-width:375px;height:186px;flex-direction:row;justify-content:space-between;margin-left:auto;margin-right:auto;padding-left:20px;padding-right:20px;display:flex}.footer-container{padding-top:40px}.footer-logo{justify-content:center;gap:4px;display:inline-flex}.footer-logo-title{color:var(--bg-card-color-theme-light);height:18px;letter-spacing:-.16px;text-transform:uppercase;font-size:16px;font-weight:600;line-height:18px}.footer-logo-icon{fill:#9cdfdf}.footer-section-social-link{flex-direction:column;gap:16px;padding-top:40px;display:flex}.footer-title{color:var(--bg-card-color-theme-light);text-transform:uppercase;font-size:14px;font-weight:600;line-height:18px;display:block}.footer-social-link{flex-direction:row;gap:14px;display:flex}.footer-link{justify-content:center;align-items:center;display:flex}.footer-social-item:hover{transform:scale(1.1)}.footer-social-icon{justify-content:center;align-items:center;display:flex}@media screen and (min-width:320px) and (max-width:375px){.footer-section{width:100%}.footer-container{padding-top:40px;padding-right:75px;display:flex}}@media screen and (min-width:768px) and (max-width:1279px){.footer-section{height:183px;max-width:768px;padding-left:32px;padding-right:32px}.footer-container{padding-top:32px}.footer-logo{gap:8px}.footer-logo-title{letter-spacing:-.22px;height:24px;font-size:22px;line-height:24px}.footer-logo-icon{width:29px;height:25px}.footer-section-social-link{padding-top:32px}.footer-title{line-height:110%}.footer-social-link{gap:16px}.footer-social-icon{width:40px;height:40px}}@media screen and (min-width:1280px){.footer-section{max-width:1280px;height:191px;padding-left:100px;padding-right:100px}.footer-container{padding-top:40px}.footer-logo{gap:8px}.footer-logo-title{letter-spacing:-.22px;height:24px;font-size:22px;line-height:24px}.footer-logo-icon{width:29px;height:25px}.footer-section-social-link{padding-top:40px}.footer-title{line-height:110%}.footer-social-link{gap:16px}.footer-social-icon{width:40px;height:40px}}.is-hidden-modal{width:1px;height:1px;white-space:nowrap;-webkit-clip-path:inset(100%);clip-path:inset(100%);clip:rect(0 0 0 0);border:0;margin:-1px;padding:0;position:absolute;overflow:hidden}.modal-coctail{background-color:var(--bg-modal-color-theme-light);max-width:335px;max-height:100%;border-radius:20px;padding:40px 20px;overflow:auto}.modal-ingredient{background-color:var(--bg-modal-color-theme-light);max-width:335px;max-height:100%;scrollbar-width:none;border-radius:20px;padding:40px 20px;overflow:auto}.info-modal-coctail{padding:0}.photo-coctail{width:295px;background:#d3d3d3 -7.08px -17px/103.146% 109.386% no-repeat;border-radius:16px;margin-bottom:40px}.title-modal-coctail-categories{color:var(--primary-text-color-theme-light);text-transform:uppercase;font-size:16px;font-weight:600;line-height:1.125}.text-modal-coctail-type{color:var(--modal-first-text-color-theme-light);margin-top:8px;margin-bottom:20px;font-size:14px;font-weight:400;line-height:1.286}.list-modal-coctail-ingridients{margin-bottom:40px;margin-left:20px}.item-modal-coctail-ingridients{color:var(--modal-second-text-color-theme-light);transition:color var(--transition-btn);margin-bottom:8px;font-size:14px;font-weight:400;line-height:1.286;list-style-type:disc}.link-modal-coctail-ingridient{color:var(--modal-second-text-color-theme-light);cursor:pointer;transition:color var(--transition-btn);text-decoration:none}.link-modal-coctail-ingridient:hover,.item-modal-coctail-ingridients:hover{color:var(--primary-accent-color)}.paragrapg-modal-coctail{color:var(--modal-first-text-color-theme-light);margin-top:14px;margin-bottom:40px;font-size:14px;font-weight:400;line-height:1.43}.add-btn-modal-coctail,.add-btn-modal-ingridient{color:var(--bg-card-color-theme-light);min-width:295px;letter-spacing:.28px;text-transform:uppercase;background:var(--primary-accent-color);transition:background var(--transition-btn);border:none;border-radius:12px;margin-bottom:14px;padding-top:14px;padding-bottom:14px;font-size:14px;font-weight:600;line-height:1.43}.add-btn-modal-coctail:hover,.add-btn-modal-ingridient:hover{background:var(--primary-hover-accent-color)}.back-btn-modal-coctail,.back-btn-modal-ingridient{color:var(--primary-text-color-theme-light);min-width:295px;letter-spacing:.28px;text-transform:uppercase;min-width:295px;transition:background var(--transition-btn);background:rgba(36,36,36,.1);border:none;border-radius:12px;padding:14px 128px;font-size:14px;font-weight:600;line-height:1.43}.back-btn-modal-coctail:hover,.back-btn-modal-ingridient:hover{background:var(--hover-modal-btn-color-theme-light)}.title-modal-ingridient{color:var(--primary-text-color-theme-light);margin-bottom:8px;font-size:18px;font-weight:600;line-height:1.33}.type-ingridient-modal-ingridient{color:var(--modal-first-text-color-theme-light);text-transform:uppercase;margin-bottom:20px;font-size:14px;font-weight:600;line-height:1.286}.line:after{content:"";background-color:var(--modal-btn-color-theme-light);height:1px;display:block}.paragraph-modal-ingridient{color:var(--modal-first-text-color-theme-light);height:160px;margin-top:20px;margin-bottom:40px;font-size:14px;font-weight:400;line-height:1.43;overflow-y:auto}.span-paragraph-modal-ingridient{color:var(--primary-text-color-theme-light);font-weight:600}.list-modal-ingridients{margin-bottom:40px;margin-left:20px}.item-modal-ingridients{color:var(--modal-second-text-color-theme-light);margin-bottom:8px;font-size:14px;font-weight:400;line-height:1.286;list-style-type:disc}.link-modal-ingridient{color:var(--modal-second-text-color-theme-light);text-decoration:none}.modal-coctail-close-btn,.modal-ingredient-close-btn{width:24px;height:24px;cursor:pointer;background-color:inherit;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:18px;right:18px}.icon-off{stroke:var(--primary-text-color-theme-light)}@media screen and (max-width:767px){.visually-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}.basicLightbox__placeholder{height:90%;border-radius:20px;overflow:auto}}@media screen and (min-width:768px){.modal-coctail,.modal-ingredient{max-width:600px;height:569px;border-radius:20px;padding:40px}.photo-info{margin-bottom:20px;display:flex}.photo-coctail{width:288 px;border-radius:20px;margin-bottom:0}.info-modal-coctail{margin-left:20px}.main-title-modal-coctail{color:var(--primary-text-color-theme-light);margin-bottom:20px;font-size:20px;font-weight:600;line-height:1.2}.paragrapg-modal-coctail{margin-top:18px;overflow-y:auto}.buttons{justify-content:flex-start;margin-top:40px;display:flex}.add-btn-modal-coctail,.add-btn-modal-ingridient{color:var(--bg-card-color-theme-light);min-width:251px;letter-spacing:.36px;border:none;margin-bottom:0;margin-right:18px;padding-top:16px;padding-bottom:16px;font-size:18px;line-height:1.33}.back-btn-modal-coctail,.back-btn-modal-ingridient{min-width:173px;letter-spacing:.36px;height:56px;padding:16px 60px;font-size:18px;line-height:1.33}.title-modal-ingridient{margin-bottom:12px;font-size:20px;line-height:1.2}.type-ingridient-modal-ingridient{text-transform:uppercase;margin-bottom:22px;font-size:16px;line-height:1.125}.paragraph-modal-ingridient{margin-top:18px;margin-bottom:40px}.list-modal-ingridients{margin-bottom:40px}.add-btn-modal-ingridient{margin-right:18px}.paragrapg-modal-coctail{height:60px;margin-bottom:0;overflow-y:auto}}body.dark .mw-modal-dark{background:var(--bg-card-modal-color-theme-dark)}body.dark .mw-text-main-dark{color:var(--primary-text-color-theme-dark)}body.dark .mw-text-first-dark{color:var(--bg-card-color-theme-light);stroke:var(--bg-card-color-theme-light)}body.dark .mw-text-secondary-dark{color:var(--modal-second-text-color-theme-dark)}body.dark .mw-text-third-dark{color:var(--modal-third-text-color-theme-dark)}body.dark .mw-btn-dark{background:var(--modal-btn-color-theme-dark)}body.dark .mw-btn-hover-dark,body.dark .back-btn-modal-coctail:hover,body.dark .back-btn-modal-ingridient:hover{background:var(--hover-modal-btn-color-theme-dark)}body.dark .link-modal-coctail-ingridient:hover,body.dark .item-modal-coctail-ingridients:hover{color:var(--primary-accent-color)}.basicLightbox{width:100%;height:100vh;opacity:.01;z-index:1000;will-change:opacity;background:rgba(0,0,0,.8);justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;top:0;left:0}.basicLightbox--visible{opacity:1}.basicLightbox__placeholder{max-width:100%;z-index:1;will-change:transform;transition:transform .4s;transform:scale(.9)}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{max-width:95%;max-height:95%;margin:auto;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.basicLightbox__placeholder>iframe:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{pointer-events:auto}.basicLightbox__placeholder>img:first-child:last-child,.basicLightbox__placeholder>video:first-child:last-child{width:auto;height:auto}.basicLightbox--iframe .basicLightbox__placeholder,.basicLightbox--img .basicLightbox__placeholder,.basicLightbox--video .basicLightbox__placeholder{width:100%;height:100%;pointer-events:none}.basicLightbox--visible .basicLightbox__placeholder{transform:scale(1)}
/*# sourceMappingURL=favorite-cocktail.c60f634f.css.map */