{"version":3,"sources":["main.09c23828.chunk.css","webpack://src/index.css","webpack://src/App.css","webpack://src/components/AgeChecker/ageChecker.scss","webpack://src/variables.scss","webpack://src/components/Modal/modal.scss","webpack://src/components/BuyIt/buyIt.scss","webpack://src/components/Footer/footer.scss","webpack://src/components/Menu/menu.scss","webpack://src/components/Header/header.scss","webpack://src/modules/Hero/hero.scss","webpack://src/modules/Mixology/mixology.scss","webpack://src/components/CarouselCard/carouselCard.scss","webpack://src/components/CTAs/ctas.scss","webpack://src/modules/Carousel/carousel.scss","webpack://src/modules/SiteSwap/siteswap.scss","webpack://src/modules/ProductDetail/productDetails.scss","webpack://src/components/NutritionalFacts/nutritionalFacts.scss","webpack://src/components/MixologyCard/mixologyCard.scss","webpack://src/pages/Mixology/mixology.scss","webpack://src/pages/Recipe/recipe.scss"],"names":[],"mappings":"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","file":"main.09c23828.chunk.css","sourcesContent":["@import url(https://use.typekit.net/dsd1lxd.css);\n@import url(https://use.typekit.net/dsd1lxd.css);\n@import url(https://use.typekit.net/dsd1lxd.css);\n@import url(https://use.typekit.net/dsd1lxd.css);\n@import url(https://use.typekit.net/dsd1lxd.css);\n@import url(https://use.typekit.net/dsd1lxd.css);\n@import url(https://use.typekit.net/dsd1lxd.css);\n@import url(https://use.typekit.net/dsd1lxd.css);\n@import url(https://use.typekit.net/dsd1lxd.css);\n@import url(https://use.typekit.net/dsd1lxd.css);\n@import url(https://use.typekit.net/dsd1lxd.css);\n@import url(https://use.typekit.net/dsd1lxd.css);\n@import url(https://use.typekit.net/dsd1lxd.css);\n@import url(https://use.typekit.net/dsd1lxd.css);\n@import url(https://use.typekit.net/dsd1lxd.css);\nbody {\n  margin: 0;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n    monospace;\n}\n\n.App {\n  position: relative;\n  min-height: 100vh;\n  text-align: center;\n  overflow: hidden;\n  background-image: url(/static/media/dole-juice-bg.a43c9305.png);\n  background-position: center;\n  background-repeat: no-repeat;\n  background-attachment: fixed;\n  background-size: cover;\n}\n\n.App.open {\n  overflow: hidden;\n  height: 100vh;\n}\n\n.pages {\n  padding-bottom: 326px;\n}\n\n.App-logo {\n  height: 40vmin;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .App-logo {\n    -webkit-animation: App-logo-spin infinite 20s linear;\n            animation: App-logo-spin infinite 20s linear;\n  }\n}\n\n.App-header {\n  background-color: #282c34;\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  font-size: calc(10px + 2vmin);\n  color: white;\n}\n\n.App-link {\n  color: #61dafb;\n}\n\n@-webkit-keyframes App-logo-spin {\n  from {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  to {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\n@keyframes App-logo-spin {\n  from {\n    -webkit-transform: rotate(0deg);\n            transform: rotate(0deg);\n  }\n  to {\n    -webkit-transform: rotate(360deg);\n            transform: rotate(360deg);\n  }\n}\n\n.cookie-pref {\n  position: fixed;\n  bottom: 14px;\n  left: 14px;\n  z-index: 9999;\n}\n.cookie-pref-bar {\n  position: fixed;\n  bottom: 0;\n  z-index: 10000;\n  width: 100%;\n}\n.age-checker{display:none;position:absolute;top:0;bottom:0;left:0;right:0;z-index:5}.age-checker.open{display:block}.age-checker .modal img{width:127.1px;margin-top:30px}.age-checker .modal p{width:300px;margin:0 auto;text-align:center;font-family:Lato;font-size:16px;font-weight:bold}.age-checker .modal .button-group{position:absolute;display:flex;justify-content:center;left:0;right:0;margin:0 auto;text-align:center;bottom:39px}.age-checker .modal .button-group button{background-color:#5281c2;width:110.1px;height:unset;color:white;font-size:12px;font-weight:900;text-transform:uppercase;border:none;border-radius:3px;padding:10px 30px;margin:0 15px;cursor:pointer}.blur{filter:blur(4px);-o-filter:blur(4px);-ms-filter:blur(4px);-moz-filter:blur(4px);-webkit-filter:blur(4px)}\n\n.modal{position:fixed;height:336px;width:369px;margin:auto;margin-top:300px;border-radius:8px;left:0;right:0;top:0;bottom:0;background-color:#fff;color:#5281c2;box-shadow:2px 4px 12px 0 rgba(0,0,0,0.16);z-index:100}.modal img{width:127.1px;margin-top:30px}.modal p{width:300px;margin:0 auto;text-align:center;font-family:Lato;font-size:16px;font-weight:bold}.modal button{background-image:url(/static/media/modal-close.42996640.svg);float:right;background-color:#fff;color:#5281c2;border:none;font-size:0;width:15.8px;height:15.8px;margin-right:12px;margin-top:12px;cursor:pointer}.modal__bg{position:fixed;left:0;right:0;top:0;bottom:0;z-index:99}\n\n.buy-it{display:none}.buy-it .modal{padding:14px}.buy-it img{width:100%}.buy-it.open{display:block}\n\n.footer{position:absolute;display:flex;flex-direction:column;bottom:0;width:100%;height:326px;background-color:#5281c2;color:#fff;font-size:0.825rem}.footer__container{display:flex;flex-direction:column}@media (min-width: 1024px){.footer__container{flex-direction:row;width:520px;margin-top:46px}}@media (min-width: 1024px){.footer{flex-direction:row;justify-content:center}}.footer img{margin:0 auto;margin-top:25px;width:127.1px;height:auto}@media (min-width: 768px){.footer img{width:127px;height:auto}}@media (min-width: 1024px){.footer img{width:auto;height:119px;margin-top:0}}.footer ul{list-style:none;margin:0;margin-top:28px;padding:0 23px}@media (min-width: 768px){.footer ul{padding:0 80px}}@media (min-width: 1024px){.footer ul{padding:0;margin:0 auto;width:295px}}.footer li{border-top:1px solid #fff}.footer li:last-of-type{border-bottom:1px solid #fff}.footer a{display:block;color:#fff;text-decoration:none;text-align:left;width:100%;padding:12px 0}@media (min-width: 1024px){.footer a{padding:12px 6px}}\n\n.menu{position:fixed;width:100%;height:100%;min-height:100vh;background-color:#fff;z-index:10;color:#fff;-webkit-transform:translateX(100%);transform:translateX(100%);transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out, -webkit-transform .3s ease-out;overflow-y:auto}@media (min-width: 1024px){.menu{display:flex;overflow:hidden}}.menu.open{-webkit-transform:translateX(0);transform:translateX(0)}.menu button{display:block;position:absolute;right:12px;margin:0 auto;margin-top:0px;width:110px;padding:7px;text-align:left;background-color:transparent;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAFqADAAQAAAABAAAAFgAAAAA/6RFgAAABWklEQVQ4EZ2Vv04DMQyHmwqpPAdzJ2YeoCuiC0sHZoRgY2BgZAOpGzMTquDJmDog8e/4nMZHapy7Sy25iR37yy+5O3U0wpqm2cOf8WOJdzF6z/Fl20swwV9wsU+8Gk6PQNWWTIKofdVMGgV+0u7cM6H2wvRLeC/gGf4uUWaDlFOfK9X2NyaHUQ+TangvVE+a4KI0N1c5BZ7SNfmNUoXqyMIc9+CLrOaGGmsCPdIad6TAg/+QX+C3uLV+qO5Epwe3QImHQyvg9VAD/3akyuvZeadjhRTGKXmvZkL+oNDTnUaR96By8fGBdlPMagH6Qd5ey3B4ASp3Kl/n2U7wLqgeqho+BFoNL0Dl054pzI5JOcOW/d05ae/pC3RuYTam5nILuwkiXN7RfdPwRXwaQliZ/L+QmgeSV2YhEMt7Hv/zHtPOg5TGpuzHKL9ul1gY40947/HbJjNJ8DtN/wJo2XDiV5fZ2gAAAABJRU5ErkJggg==);background-repeat:no-repeat;background-position:right 7px center;border:0;color:transparent;font-size:34px;font-family:korolev-compressed, sans-serif;font-weight:900;font-style:normal;z-index:10}@media (min-width: 768px){.menu button{color:inherit;right:20px;margin:0;margin-top:10px}}@media (min-width: 1024px){.menu button{color:transparent;margin-top:7px}}.menu__nav{position:relative;height:726px;margin:22px;padding:0 40px;background-image:url(/static/media/menu-bg.913e409f.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}@media (min-width: 768px){.menu__nav{height:850px;text-align:left;padding:0 70px}}@media (min-width: 1024px){.menu__nav{height:calc(100% - 40px);min-height:660px;width:379px;text-align:center}}.menu__nav img{margin-top:30.5px;width:100%;max-width:245px}.menu__nav>ul{list-style:none;margin:0;margin-top:10px;padding:0}@media (min-width: 768px){.menu__nav>ul{max-width:255px}}.menu__nav>ul li{text-align:left;cursor:pointer}.menu__nav>ul li ul{list-style:none;margin:0;padding-left:7px;height:0px;overflow:hidden;transition:height .5s ease-in-out}.menu__nav>ul li ul li a{font-size:14px;cursor:pointer}.menu__nav>ul li ul.open{height:60px}.menu__nav>ul>li:nth-last-child(2){border-top:2px solid #fff;margin-top:32px;padding-top:32px}.menu__nav a{display:block;color:inherit;text-decoration:none;text-transform:uppercase;font-size:20px;font-weight:bold;padding:6.5px 0}.menu__products{width:100%}@media (min-width: 1024px){.menu__products{height:100vh;overflow:auto}}.menu__products .product{position:relative;height:calc((50% - 33px));margin:22px 0}@media (min-width: 768px){.menu__products .product{height:calc((50vh - 30px))}}@media (min-width: 1024px){.menu__products .product{margin-right:22px}}.menu__products .product img{height:100%}.menu__products .product .bg{position:absolute;left:0;right:0;width:100%;z-index:-1}\n\n.header{position:absolute;text-align:left;width:100%;z-index:5}.header.hide .header__foreground-tree{display:none}.header img{display:inline-block;width:105px;margin:17px 14px;cursor:pointer}@media (min-width: 768px){.header img{width:215.2px;margin:25px 18px}}@media (min-width: 1024px){.header img{width:164px;height:109px}}.header button{float:right;width:36px;height:50px;margin-top:29px;margin-right:23px;background-image:url(/static/media/juice-hamburger-menu.1a325132.svg);background-size:cover;background-color:transparent;background-repeat:no-repeat;background-position:center;border:none;font-size:0;cursor:pointer}@media (min-width: 768px){.header button{margin-top:60px;margin-right:73px}}@-webkit-keyframes breeze-left{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}50%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}75%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes breeze-left{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}50%{-webkit-transform:rotate(-3deg);transform:rotate(-3deg)}75%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes breeze-right{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}50%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}75%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes breeze-right{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}25%{-webkit-transform:rotate(-6deg);transform:rotate(-6deg)}50%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}75%{-webkit-transform:rotate(-7deg);transform:rotate(-7deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}\n\n.hero-mod{position:relative;height:606px;width:100%;background-image:url(/static/media/group-583.eb2986c9.png),url(/static/media/group-582.e80953a2.png),url(/static/media/juice-fruit-l-mobile.98c54b09.png),url(/static/media/juice-fruit-r-mobile.ca3fe931.png);background-repeat:no-repeat;background-position:top -90px left -1200px, top 5px right -1268px, bottom 160px left -1255px, bottom 190px right -1100px;transition:background-position .7s ease-out}.hero-mod.slide{background-position:top -90px left -120px, top 5px right -68px, bottom 160px left -155px, bottom 190px right -110px}@media (min-width: 768px){.hero-mod{background-image:url(/static/media/group-580.f6cac006.png),url(/static/media/group-579.8ddcf7f4.png),url(/static/media/group-581.fe0760c3.png),url(/static/media/group-578.36583dc8.png);background-size:330px, 250px, 350px, 400px;height:750px}.hero-mod.slide{background-position:top -90px left -120px, top -49px right 60px, bottom left -105px, bottom 100px right -130px}}@media (min-width: 1024px){.hero-mod{background-image:url(/static/media/group-580.f6cac006.png),url(/static/media/group-579.8ddcf7f4.png),url(/static/media/group-581.fe0760c3.png),url(/static/media/group-578.36583dc8.png);background-size:500px, 350px, 520px, 400px;background-position:top -160px left -160px, top -65px right 140px, bottom left -125px, bottom 110px right -130px;height:1001px;transition:unset}}.hero-mod__header{position:absolute;background-image:url(/static/media/juice-headline-desktop.267c9281.svg);background-repeat:no-repeat;background-size:contain;left:0;right:0;margin:0 auto;margin-top:109px;width:238.4px;height:79.8px}@media (min-width: 768px){.hero-mod__header{background-image:url(/static/media/juice-headline-desktop@2x.96c2ea7f.png);width:405.9px;height:138.5px}}@media (min-width: 1024px){.hero-mod__header{background-image:url(/static/media/juice-headline-desktop@3x.968404bd.png);width:540.8px;height:184.5px}}.hero-mod img{position:absolute;width:auto;height:282px;left:-38px;right:-38px;bottom:0;margin:0 auto}@media (min-width: 425px){.hero-mod img{height:320px}}@media (min-width: 768px){.hero-mod img{height:504px}}@media (min-width: 1024px){.hero-mod img{height:671.4px}}\n\n.mixology-mod{position:relative;height:431px;width:100%;margin-top:-36px;background-image:url(/static/media/group-169.4dfe3b9a.png);background-repeat:no-repeat;background-size:cover;background-position:top center;box-sizing:border-box;overflow:hidden}@media (min-width: 768px){.mixology-mod{height:701px}}@media (min-width: 1024px){.mixology-mod{height:680px}}.mixology-mod__fruits{position:absolute;background-image:url(/static/media/group-634.bd27e303.png),url(/static/media/group-635.6a88d3db.png);background-repeat:no-repeat;background-size:300px, 300px;background-position:left -90px center, right -70px center;top:0;bottom:0;left:0;right:0;width:100%}@media (min-width: 768px){.mixology-mod__fruits{background-image:url(/static/media/group-626.3e64ca06.png),url(/static/media/group-627.dae51f02.png),url(/static/media/apple-cut.629dfc0c.png),url(/static/media/group-189.5e1c31b8.png);background-size:350px, 250px, 250px, 250px;background-position:left -180px top,calc(50% - 70px) bottom,calc(50% + 130px) center,right -70px center}}.mixology-mod__modal{display:block;position:absolute;width:216px;height:163px;top:0;left:0;right:0;margin:0 auto;margin-top:27px;padding:23px 27px;background-color:#fff;color:#5281c2;border-radius:8px;box-shadow:2px 4px 12px 0 rgba(0,0,5,0.15);text-align:left;box-sizing:border-box}@media (min-width: 768px){.mixology-mod__modal{margin-top:66px;width:277px;height:209px}}@media (min-width: 1024px){.mixology-mod__modal{width:400px;height:320px;padding:41px 51px}}.mixology-mod__modal h3{margin:0;font-family:korolev-compressed, sans-serif;font-size:21px;font-weight:900}@media (min-width: 768px){.mixology-mod__modal h3{font-size:30px;font-weight:900}}@media (min-width: 1024px){.mixology-mod__modal h3{font-size:58px;font-weight:900}}.mixology-mod__modal p{font-size:10px;margin-top:4px}@media (min-width: 768px){.mixology-mod__modal p{font-size:14px}}.mixology-mod__modal button{width:94.8px;height:27.4px;background-color:#5281c2;color:#fff;border:none;border-radius:3px;text-transform:uppercase;font-size:10px;font-weight:900}@media (min-width: 768px){.mixology-mod__modal button{font-size:12px;width:121.5px;height:35.2px}}@media (min-width: 1024px){.mixology-mod__modal button{margin-top:25px}}.mixology-mod__container{position:relative;width:100%;max-width:400px;height:100%;margin:0 auto}@media (min-width: 768px){.mixology-mod__container{max-width:800px}}@media (min-width: 1024px){.mixology-mod__container{max-width:1200px}}.mixology-mod img{position:absolute;width:auto;height:330.4px;bottom:-109px}@media (min-width: 768px){.mixology-mod img{width:auto;height:579.6px;bottom:-179px}}@media (min-width: 1024px){.mixology-mod img{width:auto;height:679.6px;bottom:0}}.mixology-mod img.left{left:-7%}@media (min-width: 768px){.mixology-mod img.left{left:0}}.mixology-mod img.right{right:-2%}@media (min-width: 768px){.mixology-mod img.right{right:0}}\n\n.carousel-card{position:absolute;width:290px;height:520px;left:0;right:0;top:0;margin:0 auto;color:#5281c2;margin-top:65px}@media (min-width: 768px){.carousel-card{width:457px;height:550px;margin-top:0px}}.carousel-card__content{position:absolute;z-index:2;bottom:65px;height:211px}@media (min-width: 768px){.carousel-card__content{position:absolute;width:292px;height:275px;top:215px;right:26px}}.carousel-card .ctas a{margin:0 27px}.carousel-card h3{display:block;margin:0;padding:0 27px;text-align:left;font-family:korolev-compressed, sans-serif;font-size:22px;font-weight:900;color:#fff;text-transform:uppercase;cursor:pointer}@media (min-width: 768px){.carousel-card h3{font-size:34px;font-weight:900}}.carousel-card h3 img{margin-bottom:40px}.carousel-card p{padding:0 27px;text-align:left;font-size:14px}.carousel-card p a{color:#5281c2;display:block;margin-top:20px;cursor:pointer}.carousel-card__buttons{position:absolute;width:100%}@media (min-width: 768px){.carousel-card__buttons{bottom:0}}.carousel-card__buttons button{width:110.1px;height:35.2px;margin:0 8.5px;background-color:#5281c2;color:#fff;border:none;border-radius:3px;font-family:'Lato', sans-serif;font-size:12px;font-weight:900;text-transform:uppercase}.carousel-card__paper{position:absolute;background-color:#fff;height:360px;width:100%;z-index:1;bottom:0;border-radius:8px;box-shadow:2px 4px 12px 0 rgba(0,0,5,0.15)}@media (min-width: 768px){.carousel-card__paper{height:380px}}.carousel-card .coming-soon{position:absolute;background-image:url(/static/media/component-126-11.3de460c8.png);width:123px;height:112.3px;z-index:0;bottom:5px;transition:bottom .5s ease-in-out}@media (min-width: 768px){.carousel-card .coming-soon.show{bottom:-85px}}.carousel-card__title{z-index:-1;width:100%;height:127.2px;border-radius:8px;border-bottom-right-radius:0px;border-bottom-left-radius:0px;background-size:200%;background-position:center}.carousel-card__title.orange-juice{background-image:url(/static/media/orange-carousel-headline-box.cf99ae25.png)}.carousel-card__title.apple-juice{background-image:url(/static/media/apple-carousel-headline-box.9c4b2fd2.png)}.carousel-card__title.tropical-fruit-punch{background-image:url(/static/media/tfp-carousel-headline-box.e79b6526.png)}.carousel-card__title.grapefruit-juice{background-image:url(/static/media/grapefruit-carousel-headline-box.8dca79d4.png)}@media (min-width: 768px){.carousel__slide--visible .carousel-card img{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}}.carousel__slide--hidden{left:20px;right:20px}\n\n.ctas{position:absolute;width:100%}@media (min-width: 768px){.ctas{bottom:-21px}}.ctas a{display:block;text-align:left}.ctas a button{width:110.1px;height:35.2px;background-color:#5281c2;color:#fff;border:none;border-radius:3px;font-family:'Lato', sans-serif;font-size:12px;font-weight:900;text-transform:uppercase;cursor:pointer}\n\n.carousel-mod{position:relative;height:768px;background-position:center center;background-size:cover}.carousel-mod .carousel{z-index:2;overflow:visible}.carousel-mod .carousel .slide{background-color:transparent;cursor:pointer}@media (min-width: 768px){.carousel-mod .carousel .slide.selected img{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}}.carousel-mod .carousel img{width:auto;height:312.6px;margin:0 auto}@media (min-width: 768px){.carousel-mod .carousel img{width:auto;height:500px;margin-left:-420px;margin-top:112px;transition:-webkit-transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out, -webkit-transform .5s ease-in-out;transition-delay:.2s}}.carousel-mod .carousel .control-dots{bottom:-370px}@media (min-width: 768px){.carousel-mod .carousel .control-dots{bottom:-35px}}.carousel-mod .carousel .control-dots .dot{width:23px;height:23px;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADB/VeXAAACfElEQVRIDaVVy3HbQAwFVrKvdgdxB+HVk4ksVWBGDUiuIO6Aqw6SCiI3EG0q8G8yudIdMB3E51hE8HYNmzRtZSTiQOwHePguyLSBcv8zc7SeCVFGJBkzH4rIHyIumagSprAqRj82QJDKdSn3t2MmKZhp3L1tn6jBSlH8qji5aN+kXcfAdHHt1cPChNX7OzUWauFSz9V7Isf1WIgzVT41ORIKNa3Pgp9EGTtvGfi0uFnqwQyXCnwtwj74j1cm/JLn/tcR81//pCNSCtWTppEnA03PheSrhnz+EvCt/dTfzDVN33AvQlcrP5qYrMMCObe0bAsO/e9+tNSQz7BG3ZKz2Gk68WEWD460bOM5dIyiEZIF9hrF59xfHmLt0IpMdJIu2IPvSrXUXxT+Hu3saDAHjmN+iAv1/m5TQSH8P0JxtbsC5PSN5OCaIs6wQCuC9yVNT8SxrDgFjgZSn/eFh/5eaSioAyI4SAfpEdnlrjz44+pZd6ijRovyfNB/Zd2TkIaV06LEkPD8+8MDYRhTjhWiwTuosMFsAe9LzHUODHQluGtU/RSzBYd9iImjAetKF/woKOBvgGJwge9KOpPOVfcd9GvZX4IjRYjHg2nvzuLgwmZLwkTQOVZADfPMuikawBzRnKU/k07FbY2kcfNwGf94mnuR2pt/KQJYlfVcjcTCYPROF7dFu+VMpc2RFqYErij3IoP5q/8DqAGQeRDsmeP/q0UL+PeK7OmsOq6ijBu855pyTUWuXh9BF84l8A8l9kaK1aXHea4Fs1felWmeIOdIS9Nzu3/VAC7hKUYupqJFZErg8Dj9q/eXVtDmva3fNGACxlM98EqH1SZAkzf+D7zZEasght8oAAAAAElFTkSuQmCC);background-repeat:no-repeat;background-size:contain;background-position:center;box-shadow:none;opacity:1}.carousel-mod .carousel .control-dots .dot.selected{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAGKADAAQAAAABAAAAGAAAAADB/VeXAAABwUlEQVRIDbVV0VHDMAyV3By/lE3yy3HXphsEFmiZADaIOwIblAVomIArHP/tBmED+k8i9JL6mpCQa4vxRyxLypP8LMtMPSO276GhfCpEIZGEzDwUkU8iXjNRJkzpMhk990CQ+rVHbN8iJkmYKWpbmxoNmCmKXSbjx6alWrUC3MxXVjNMupx7dUJpQfltaie6w/1oBLievy5UMd2bj5N0N2uhYlIPYhwEMv8LOHD0jEKmwdJhYi4DgPOTaKkj7WScW0VzpSgDMIvt8D1ZJUJ3sX0ZAsCgFJWa8cloHT+inA0NZjAZ5q9SwMLn0DsSA08p4tAnsMNyrLAeiNYtnzuDz7mQ/AI7+BfwKtFAWw3J1mfWTawgM6KNq6n0t0rtZYZ7kPmD3CMJ0QYro5ci3av9SdqNS1yT2hGED3/QFVIhZwtIoEjPmWw5e/oIyQP4B1wZ4MmOFspZ78t0aGxwL1JY51/tQFci+cwdjDMeP8tWZDDrfA+g1CCRBlkdDwyWaVNIEKX2qlH22jLaY9fP7w+95eActNQzd6idAWBEP0fLRVdUp7H7wc3IGKWIanEH6mz1+dcAdSfI1QMShERB1gf4879vHUmeucCCL/0AAAAASUVORK5CYII=)}.carousel-mod__lemon{width:158.4px;height:auto;margin-top:-53px}@media (min-width: 768px){.carousel-mod__lemon{width:252.8px;margin-top:-85px}}@media (min-width: 1024px){.carousel-mod__lemon{width:235.2px;margin-top:-80px}}.carousel-mod #prevProd,.carousel-mod #nextProd{position:absolute;top:0;bottom:0;width:110.9px;height:312.6px;margin-top:60px}@media (min-width: 768px){.carousel-mod #prevProd,.carousel-mod #nextProd{width:auto;height:500px;margin-top:112px}}.carousel-mod #prevProd{left:-180px;opacity:1;transition:left .5s ease-in-out;-webkit-animation:pick-me 10s infinite;animation:pick-me 10s infinite}.carousel-mod #prevProd.hide{opacity:0;left:-2000px}.carousel-mod #nextProd{right:-160px;opacity:1;transition:right .5s ease-in-out;-webkit-animation:pick-me-2 10s infinite;animation:pick-me-2 10s infinite}.carousel-mod #nextProd.hide{opacity:0;right:-2000px}.carousel-mod .carousel.carousel-slider .control-arrow{position:absolute;display:inline-block;border:none;width:40px;height:40px;font-size:0;margin:0 auto;left:0;right:0;z-index:3;background-color:transparent;background-repeat:no-repeat;background-size:contain;background-position:center center;margin-top:110px;opacity:unset}.carousel-mod .carousel.carousel-slider .control-arrow ::before{display:none}@media (min-width: 768px){.carousel-mod .carousel.carousel-slider .control-arrow{width:35px;height:59.6px;margin-top:330px}}.carousel-mod .carousel.carousel-slider .control-arrow.control-prev{background-image:url(/static/media/left-arrow.6534db8a.svg);left:-190px}@media (min-width: 768px){.carousel-mod .carousel.carousel-slider .control-arrow.control-prev{left:-650px}}.carousel-mod .carousel.carousel-slider .control-arrow.control-prev:disabled{opacity:.3}.carousel-mod .carousel.carousel-slider .control-arrow.control-next{background-image:url(/static/media/right-arrow.dfe53fe4.svg);left:190px}@media (min-width: 768px){.carousel-mod .carousel.carousel-slider .control-arrow.control-next{left:560px}}.carousel-mod .carousel.carousel-slider .control-arrow.control-next:disabled{opacity:.5}@media (min-width: 768px){.carousel__slide--visible img{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}}@-webkit-keyframes pick-me{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}5%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}6%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}7%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}9%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}10%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes pick-me{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}5%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}6%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}7%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}9%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}10%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@-webkit-keyframes pick-me-2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}5%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}6%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}7%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}9%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}10%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes pick-me-2{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}5%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}6%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}7%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg)}9%{-webkit-transform:rotate(2deg);transform:rotate(2deg)}10%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}\n\n\n.site-swap-mod{position:relative;width:100%;height:150px;background-image:url(/static/media/dole-lemonade-products-master-desktop.6614b671.png),url(/static/media/r-lemon-tree.26747ba4.png),url(/static/media/dole-lemonade-bg-tablet.4ecbd571.png);background-repeat:no-repeat;background-size:217px, 75px, cover;background-position:calc(50% + 80px) 50%,right top,center}@media (min-width: 768px){.site-swap-mod{background-image:url(/static/media/dole-lemonade-products-master-desktop@2x.ac4eef87.png),url(/static/media/r-lemon-tree@2x.cba274ad.png),url(/static/media/dole-lemonade-bg-tablet@2x.64a2fd0d.png);height:340px;background-size:508px, 172px, cover;background-position:right center, right top, center}}@media (min-width: 1024px){.site-swap-mod{background-image:url(/static/media/dole-lemonade-products-master-desktop@3x.35c59214.png),url(/static/media/r-lemon-tree@3x.af25bfb4.png),url(/static/media/dole-lemonade-bg-tablet@3x.4fa8383f.png);background-size:782px, 267px, cover;background-position:right center, right top, center;height:483px}}.site-swap-mod__text{position:absolute;margin:0 auto;margin-top:13px;left:-57%;right:0;font-style:normal;font-family:reklame-script, sans-serif;width:105px;box-sizing:border-box}@media (min-width: 768px){.site-swap-mod__text{width:238px;margin-top:51px}}@media (min-width: 1024px){.site-swap-mod__text{margin-top:130px}}@media (min-width: 1500px){.site-swap-mod__text{width:395px;margin-top:92px}}.site-swap-mod h3{color:#0a8541;margin:0;font-size:0px;font-weight:500;line-height:1.09}.site-swap-mod img{width:100%}.site-swap-mod button{width:105.9px;height:21.1px;margin:0 auto;margin-top:45px;color:#0a8541;border:none;font-size:8px;font-weight:900;background-color:#f2cd00;text-transform:uppercase;cursor:pointer}@media (min-width: 768px){.site-swap-mod button{width:174.5px;height:35.2px;margin-top:77px;font-size:12px;border-radius:3px}}@media (min-width: 1024px){.site-swap-mod button{width:225.6px;height:46.3px;font-size:16px}}\n\n\n.product-details-mod{position:relative;height:723px;transition:height .3s ease-in-out}.product-details-mod.active{height:935px}@media (min-width: 768px){.product-details-mod{height:1023px}.product-details-mod.active{height:1120px}}@media (min-width: 1024px){.product-details-mod{height:858px}.product-details-mod.active{height:1070px}}@media (min-width: 1366px){.product-details-mod.active{height:1100px}}.product-details-mod__clouds{position:absolute;left:0;right:0;top:0;bottom:0;margin:0 auto;background-image:url(/static/media/juice-fruit-product-l-mobile@3x.67e4f7b7.png),url(/static/media/juice-fruit-product-r-mobile@3x.1ec67371.png);background-repeat:no-repeat;background-size:507px auto, 417px auto;background-position:left -128px top -41px, right -87px top 131px;width:100%;height:100%}@media (min-width: 425px){.product-details-mod__clouds{background-size:506px auto, 513px auto;background-position:left -128px top -50px, right -100px top}}@media (min-width: 768px){.product-details-mod__clouds{background-image:url(/static/media/juice-fruit-product-l-tablet@3x.6044ca49.png),url(/static/media/juice-fruit-product-r-tablet@3x.b91ea272.png);background-size:686.4px auto, 680px auto;background-position:left -146px top -62px, right -112px top 73px}}@media (min-width: 1024px){.product-details-mod__clouds{background-image:url(/static/media/juice-fruit-product-l-desktop@3x.ab0bcfb5.png),url(/static/media/juice-fruit-product-r-desktop@3x.4351faa3.png);background-size:889.8px auto, 869px auto;background-position:left -179px top -50px, right -94px top}}.product-details-mod__container{position:absolute;display:flex;width:352px;height:340px;left:0;right:0;margin:0 auto;margin-top:154px;text-align:left}@media (max-width: 350px){.product-details-mod__container{width:285px}}@media (min-width: 768px){.product-details-mod__container{height:537px;width:603px;left:124px}}@media (min-width: 1024px){.product-details-mod__container{margin-top:84px;left:140px}}@media (min-width: 1366px){.product-details-mod__container{left:0;height:630px}}.product-details-mod__content{position:relative;width:187px;margin:0 24px}@media (max-width: 350px){.product-details-mod__content{margin:0 16px}}@media (min-width: 768px){.product-details-mod__content{width:340px;height:340px;margin:auto}}.product-details-mod__container>img{height:100%;width:auto;margin-top:0px;margin-right:-40px;margin-left:-40px}@media (min-width: 768PX){.product-details-mod__container>img{height:84%;width:auto;margin-top:83px;margin-right:-82px;margin-left:-56px}}.product-details-mod .ctas button{margin-left:0;cursor:pointer}@media (max-width: 767px){.product-details-mod .ctas button{width:80.5px;height:27.5px;margin-right:10px}}@media (max-width: 350px){.product-details-mod .ctas button{width:60px}}@media (min-width: 768px){.product-details-mod .ctas button{margin-right:20px}}.product-details-mod .product-details-mod__button-group{display:flex;margin-top:25px}.product-details-mod .product-details-mod__button-group button{padding:3px 7px;border:2px solid #5281c2;color:#5281c2;font-size:14px;font-weight:900;border-radius:3px;background-color:transparent;margin:0 3px;cursor:pointer}@media (min-width: 768px){.product-details-mod .product-details-mod__button-group button{padding:6px 14px}}.product-details-mod .product-details-mod__button-group button:first-of-type{margin-left:0}.product-details-mod .product-details-mod__button-group button.active{color:#fff;background-color:#5281c2}.product-details-mod h3{display:block;margin:0;font-family:korolev-compressed, sans-serif;color:#b70c1f;font-size:35px;font-weight:900;line-height:1;text-transform:uppercase}.product-details-mod h3.orange-juice{color:#ee6412}.product-details-mod h3.apple-juice{color:#005c48}.product-details-mod h3.tropical-fruit-punch{color:#b70c1f}.product-details-mod h3.grapefruit-juice{color:#ee5755}@media (min-width: 768px){.product-details-mod h3{font-size:58px}}.product-details-mod p{width:100%;height:120px;margin:24px 0 0;font-size:12px;color:#5281c2}@media (max-width: 350px){.product-details-mod p{font-size:11px}}@media (min-width: 768px){.product-details-mod p{font-size:18px}}\n\n.nutrition__button{width:100%;display:flex;justify-content:flex-start;background-color:transparent;box-sizing:border-box;color:#5281c2;padding:7px 0;padding-right:14px;font-size:inherit;border:none;cursor:pointer;text-align:left;font-size:12px;color:#5281c2}@media (max-width: 350px){.nutrition__button{font-size:11px}}@media (min-width: 768px){.nutrition__button{font-size:18px}}.nutrition__button div{margin:0 7px;-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transition:.4s}.nutrition__button:hover{text-decoration:underline}.nutrition__button:hover div{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.nutrition__button.active div{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.nutrition__container{width:inherit;font-size:inherit;font-family:inherit;background-color:#ffffff;box-sizing:border-box;max-height:0;background-color:white;overflow:hidden;transition:max-height .4s ease-in-out;z-index:10;box-shadow:2px 4px 12px 0 rgba(0,0,5,0.15)}.nutrition__container.active{max-height:700px}.nutrition__container .nutrition__border .nutrition__table{border-collapse:collapse;width:inherit}.nutrition__container .nutrition__border .nutrition__table tr{border:1px solid #000;border-bottom:none}.nutrition__container .nutrition__border .nutrition__table tr:last-of-type{border-bottom:1px solid #000}.nutrition__container .nutrition__border .nutrition__table tr.divider_bold{border-top:8px solid}.nutrition__container .nutrition__border .nutrition__table tr.divider_medium{border-top:4px solid}.nutrition__container .nutrition__border .nutrition__table tr.divider_none{border-top:none}.nutrition__container .nutrition__border .nutrition__table tr td{font-size:11px;padding:2px 3px}@media (min-width: 768px){.nutrition__container .nutrition__border .nutrition__table tr td{padding:3px 7px;font-size:14px}}.nutrition__container .nutrition__border .nutrition__table tr td span{font-weight:900}.nutrition__container .nutrition__border .nutrition__table tr td.no-wrap{white-space:nowrap}.nutrition__container .nutrition__border .nutrition__table tr td.right{text-align:right}.nutrition__container .nutrition__border .nutrition__table tr td.indent{text-indent:6px}@media (min-width: 768px){.nutrition__container .nutrition__border .nutrition__table tr td.indent{text-indent:14px}}.nutrition__container .nutrition__border .nutrition__table tr td.indent2{text-indent:9px}@media (min-width: 768px){.nutrition__container .nutrition__border .nutrition__table tr td.indent2{text-indent:21px}}.nutrition__container .nutrition__border .nutrition__table tr td.title{padding:7px;font-size:25px;font-weight:900;text-transform:uppercase;font-family:korolev-compressed, sans-serif}@media (min-width: 768px){.nutrition__container .nutrition__border .nutrition__table tr td.title{font-size:38px}}.nutrition__container .nutrition__border .nutrition__table tr td.title.orange-juice{color:#ee6412}.nutrition__container .nutrition__border .nutrition__table tr td.title.apple-juice{color:#005c48}.nutrition__container .nutrition__border .nutrition__table tr td.title.tropical-fruit-punch{color:#b70c1f}.nutrition__container .nutrition__border .nutrition__table tr td.title.grapefruit-juice{color:#ee5755}.nutrition__container .nutrition__border .nutrition__table tr td.cals{font-family:korolev-compressed, sans-serif;font-size:20px;font-weight:900}@media (min-width: 768px){.nutrition__container .nutrition__border .nutrition__table tr td.cals{font-size:33px}}.nutrition__container .nutrition__border .nutrition__table tr td.cals>span{text-align:right;color:red}.nutrition__container .nutrition__border .nutrition__table tr td.cals.orange-juice{color:#ee6412}.nutrition__container .nutrition__border .nutrition__table tr td.cals.apple-juice{color:#005c48}.nutrition__container .nutrition__border .nutrition__table tr td.cals.tropical-fruit-punch{color:#b70c1f}.nutrition__container .nutrition__border .nutrition__table tr td.cals.grapefruit-juice{color:#ee5755}.nutrition__container .nutrition__border .nutrition__table tr td.legend{font-size:8px}@media (min-width: 768px){.nutrition__container .nutrition__border .nutrition__table tr td.legend{font-size:10px}}\n\n.mixology-card{position:relative;width:92%;max-width:371px;height:138px;margin:12.5px auto;border-radius:8px;box-shadow:2px 4px 12px 0 rgba(0,0,5,0.15);overflow:hidden;cursor:pointer}@media (min-width: 768px){.mixology-card{width:295px;height:225px;margin:10px 10px}}.mixology-card__image{width:157px;height:100%}.mixology-card__image img{width:auto;height:100%}.mixology-card__content{position:absolute;top:0;bottom:0;right:0;width:218px;text-align:left;background-color:#5281c2;padding:13px 36px;box-sizing:border-box}@media (min-width: 768px){.mixology-card__content{top:unset;right:unset;bottom:0;width:100%;padding:8px 18px 18px}}.mixology-card__content h3{display:block;width:133px;font-family:korolev-compressed, sans-serif;color:#fff;font-size:18px;font-weight:900;margin:0;line-height:1.11}@media (min-width: 768px){.mixology-card__content h3{width:171px}}.mixology-card__content p{font-size:12px;color:#fff;margin:0;margin-top:5.5px}\n\n.mixology-page{background-repeat:no-repeat;background-size:cover;box-sizing:border-box;background-color:#fff}.mixology-page__header{position:relative;height:293px;background-image:url(/static/media/mask-group-517.beb8dafb.png),url(/static/media/droplet-set-orange.0647e446.png),url(/static/media/apple-cut.38872d77.png),url(/static/media/dole-juice-bg.a43c9305.png);background-repeat:no-repeat;background-size:auto 65% , 230px, 250px, cover;background-position:bottom center, left -90px top 80px, right -75px center, top center;background-attachment:local, local, local, fixed}@media (min-width: 768px){.mixology-page__header{background-image:url(/static/media/mask-group-517.beb8dafb.png),url(/static/media/droplet-set-orange.0647e446.png),url(/static/media/group-608.082418a1.png),url(/static/media/dole-juice-bg.a43c9305.png);background-size:auto 65% , 330px, 350px, cover;background-position:bottom center, left -140px top 160px, right -100px top 60px, top center;height:459px}}@media (min-width: 1024px){.mixology-page__header{background-image:url(/static/media/mask-group-517.beb8dafb.png),url(/static/media/group-598.307500af.png),url(/static/media/group-599.e2e7744a.png),url(/static/media/dole-juice-bg.a43c9305.png);background-size:auto 65% , 570px, 590px, cover;background-position:bottom center, left -140px top 160px, right -100px top -70px, top center;height:479px}}.mixology-page__header img{position:absolute;width:70px;left:0;right:0;height:auto;margin:0 auto}@media (min-width: 768px){.mixology-page__header img{width:100px}}@media (min-width: 1024px){.mixology-page__header img{width:150px}}.mixology-page__title{position:absolute;left:0;right:0;margin:26px auto 0}.mixology-page__title h2{margin:0;font-family:korolev-compressed, sans-serif;font-size:58px;font-weight:900;color:#5281c2;text-transform:uppercase}@media (min-width: 768px){.mixology-page__title h2{font-size:50px}}@media (min-width: 1024px){.mixology-page__title h2{font-size:65px}}.mixology-page__cards{display:flex;flex-direction:column;flex-wrap:wrap;width:100%;margin:0 auto;margin-top:47px;padding-bottom:47px}@media (min-width: 768px){.mixology-page__cards{flex-direction:row;justify-content:center;max-width:641px}}@media (min-width: 1024px){.mixology-page__cards{flex-direction:row;justify-content:start;max-width:956px}}@media (min-width: 1345px){.mixology-page__cards{max-width:1345px}}.mixology-page button{margin:46px 0 52px;background-color:#5281c2;color:#fff;font-size:12px;font-weight:900;padding:10px 30px;border:0;border-radius:3px}.mixology-page__filter{background-color:#fff;color:#5281c2;box-shadow:2px 4px 12px 0 rgba(0,0,5,0.15)}.mixology-page__filter button{width:100%;height:50px;border-radius:0;background-color:#fff;color:#5281c2;display:block;margin:0;text-transform:uppercase;text-align:left;z-index:-2}.mixology-page__filter ul{display:block;list-style:none;padding:0;margin:0;text-transform:capitalize;font-size:18px;max-height:0px;overflow:hidden;transition:max-height .5s ease-out;-moz-transition:max-height .5s ease-out;-webkit-transition:max-height .5s ease-out;-o-transition:max-height .5s ease-out;-ms-transition:max-height .5s ease-out}.mixology-page__filter ul.open{max-height:400px}.mixology-page__filter ul li{display:block;padding:12px 0;width:100%;cursor:pointer}.mixology-page__filter ul li button{padding:0;margin:0;height:unset;font-size:18px;font-weight:300;text-align:center;text-transform:capitalize}.mixology-page__filter ul li ul{display:block;padding:0;margin:0;margin-top:26px;text-transform:uppercase;font-size:12px}\n\n.recipe-page__image{width:100%;height:100%;max-height:305px;overflow:hidden}@media (min-width: 1024px){.recipe-page__image{display:none}}.recipe-page__image img{height:auto;width:100%;margin:0;text-align:center}.recipe-page__time{width:100%;margin:0;padding:6px 16px;background-color:#5281c2;color:#fff;font-size:12px;text-align:left}@media (min-width: 1024px){.recipe-page__time{display:none}}.recipe-page__container{width:100%;min-height:calc(100vh - 326px);padding:41px 0 31px;background-image:url(/static/media/component-82-2.a3c2529b.png);background-attachment:fixed;background-repeat:no-repeat;background-size:cover;background-position:center center}.recipe-page .recipe-card{position:relative;display:flex;width:330px;height:602px;padding:21px 31px;margin:0 auto;background-color:#5281c2;border-radius:8px;box-shadow:2px 4px 12px 0 rgba(0,0,5,0.15);text-align:left;box-sizing:border-box}@media (min-width: 768px){.recipe-page .recipe-card{width:607.5px;height:529px}}@media (min-width: 1024px){.recipe-page .recipe-card{width:980px;height:600px;padding:61px;margin-top:207px}}.recipe-page .recipe-card h1,.recipe-page .recipe-card h2{color:#fff}.recipe-page .recipe-card h1{margin:0;font-family:korolev-compressed, sans-serif;font-size:35px;font-weight:900;line-height:1.14}@media (min-width: 768px){.recipe-page .recipe-card h1{font-size:50px}}.recipe-page .recipe-card h2{font-size:20px;font-weight:bold}.recipe-page .recipe-card ul,.recipe-page .recipe-card ol{padding:0 17px;color:#fff;font-size:12px;line-height:1.67}.recipe-page .recipe-card__content{flex-grow:1}.recipe-page .recipe-card__photo{display:none;flex-grow:1;width:100%}.recipe-page .recipe-card__photo img{width:100%;height:auto}@media (min-width: 1024px){.recipe-page .recipe-card__photo{display:block;max-width:438px;height:438px;margin-left:50px;overflow:hidden}}.recipe-page .recipe-card__photo .recipe-card__time{width:100%;margin:0;padding:6px 16px;background-color:#fff;color:#5281c2}.recipe-page__lemon{position:absolute;width:65%;height:auto;bottom:-84px}@media (min-width: 768px){.recipe-page__lemon{width:unset;right:-69px}}.recipe-page button{margin-top:90px;padding:9px 43px;background-color:#5281c2;color:#fff;font-size:12px;font-weight:900;border:0;border-radius:3px}\n\n","body {\n  margin: 0;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',\n    'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',\n    sans-serif;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n\ncode {\n  font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',\n    monospace;\n}\n",".App {\n  position: relative;\n  min-height: 100vh;\n  text-align: center;\n  overflow: hidden;\n  background-image: url(./assets/high-level/dole-juice-bg.png);\n  background-position: center;\n  background-repeat: no-repeat;\n  background-attachment: fixed;\n  background-size: cover;\n}\n\n.App.open {\n  overflow: hidden;\n  height: 100vh;\n}\n\n.pages {\n  padding-bottom: 326px;\n}\n\n.App-logo {\n  height: 40vmin;\n  pointer-events: none;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n  .App-logo {\n    animation: App-logo-spin infinite 20s linear;\n  }\n}\n\n.App-header {\n  background-color: #282c34;\n  min-height: 100vh;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  font-size: calc(10px + 2vmin);\n  color: white;\n}\n\n.App-link {\n  color: #61dafb;\n}\n\n@keyframes App-logo-spin {\n  from {\n    transform: rotate(0deg);\n  }\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n.cookie-pref {\n  position: fixed;\n  bottom: 14px;\n  left: 14px;\n  z-index: 9999;\n}\n.cookie-pref-bar {\n  position: fixed;\n  bottom: 0;\n  z-index: 10000;\n  width: 100%;\n}","@import \"./../../variables.scss\";\n\n.age-checker {\n    display: none;\n    position: absolute;\n    top: 0;\n    bottom: 0;\n    left: 0;\n    right: 0;\n    z-index: 5;\n    \n    &.open{\n        display: block;\n    }\n\n    .modal {\n\n        img {\n            width: 127.1px;\n            margin-top: 30px;\n        }\n\n        p {\n            width: 300px;\n            margin: 0 auto;\n            text-align: center;\n            font-family: Lato;\n            font-size: 16px;\n            font-weight: bold;\n        }\n\n        .button-group {\n                position: absolute;\n                display: flex;\n                justify-content: center;\n                left: 0;\n                right: 0;\n                margin: 0 auto;\n                text-align: center;\n                bottom: 39px;\n            \n            button {\n                background-color: $faded-blue;\n                width: 110.1px;\n                height: unset;\n                color: white;\n                font-size: 12px;\n                font-weight: 900;\n                text-transform: uppercase;\n                border: none;\n                border-radius: $button-radius;\n                padding: 10px 30px;\n                margin: 0 15px;\n                cursor: pointer;\n            }\n        }\n    }\n    \n}   \n\n.blur {\n    filter:blur(4px);\n    -o-filter:blur(4px);\n    -ms-filter:blur(4px);\n    -moz-filter:blur(4px);\n    -webkit-filter:blur(4px);\n}","@import url(\"https://use.typekit.net/dsd1lxd.css\");\n\n\n$lemon-yellow: #f4e381;\n$lemon-yellow-bright:#f2cd00;\n$lemon-yellow-overlay: rgba(244, 227, 129, 0.4);\n\n$lemon-green: #0a8541;\n$apple-green: #78be20;\n\n$text-grey: #646469;\n\n$faded-blue: #5281c2;\n$sky-blue:#4bb8ea;\n$grapefruit-bg:#32b7b3;\n\n//Radius\n$button-radius: 3px;\n$modal-radius: 8px;\n\n//Shadow\n$modal-shadow: 2px 4px 12px 0 rgba(0, 0, 5, 0.15);\n\n\n//Juice\n$rouge: #b70c1f;\n\n//Heights\n$footer-height: 326px;","@import \"./../../variables.scss\";\n\n.modal {\n    position: fixed;\n    height: 336px;\n    width: 369px;\n    margin: auto;\n    margin-top: 300px;\n    border-radius: $modal-radius;\n    left: 0;\n    right: 0;\n    top: 0;\n    bottom: 0;\n    background-color: #fff;\n    color: $faded-blue;\n    box-shadow: 2px 4px 12px 0 rgba(0, 0, 0, 0.16);\n    z-index: 100;\n\n    img {\n        width: 127.1px;\n        margin-top: 30px;\n    }\n\n    p {\n        width: 300px;\n        margin: 0 auto;\n        text-align: center;\n        font-family: Lato;\n        font-size: 16px;\n        font-weight: bold;\n    }\n\n    button {\n        background-image: url(./../../assets/high-level/modal-close.svg);\n        float: right;\n        background-color: #fff;\n        color: $faded-blue;\n        border: none;\n        font-size: 0;\n        width: 15.8px;\n        height: 15.8px;\n        margin-right: 12px;\n        margin-top: 12px;\n        cursor: pointer;\n    }\n\n    &__bg {\n        position: fixed;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        z-index: 99;\n\n    }\n}\n\n",".buy-it {\n    display: none;\n\n    .modal {\n        padding: 14px;\n    }\n\n    img {\n        width: 100%;\n    }\n\n    &.open{\n        display: block;\n    }\n}","@import \"./../../variables.scss\";\n\n.footer {\n    position: absolute;\n    display: flex;\n    flex-direction: column;\n    bottom: 0;\n    width: 100%;\n    height: #{$footer-height};\n    background-color: $faded-blue;\n    color: #fff;\n    font-size: 0.825rem;\n\n    &__container {\n        display: flex;\n        flex-direction: column;\n\n        @media(min-width: 1024px) {\n            flex-direction: row;\n            width: 520px;\n            margin-top: 46px;\n        }\n    }\n\n    @media(min-width: 1024px) {\n        flex-direction: row;\n        justify-content: center;\n    }\n\n    img {\n        margin: 0 auto;\n        margin-top: 25px;\n        width: 127.1px;\n        height: auto;\n\n        @media(min-width: 768px){\n            width: 127px;\n            height: auto;\n        }\n\n        @media(min-width: 1024px){\n            width: auto;\n            height: 119px;\n            margin-top: 0;\n        }\n    }\n\n    ul {\n        list-style: none;\n        margin: 0;\n        margin-top: 28px;\n        padding: 0 23px;\n\n        @media(min-width: 768px) {\n            padding: 0 80px;\n        }\n\n        @media(min-width: 1024px) {\n            padding: 0;\n            margin: 0 auto;\n            width: 295px;\n        }\n    }\n\n    li {\n        border-top: 1px solid #fff;\n        \n        \n        &:last-of-type{\n            border-bottom: 1px solid #fff;\n        }\n    }\n\n    a {\n        display: block;\n        color: #fff;\n        text-decoration: none;\n        text-align: left;\n        width: 100%;\n        padding: 12px 0;\n\n        @media(min-width: 1024px) {\n            padding: 12px 6px;\n        }\n    }\n}","@import \"./../../variables.scss\";\n\n.menu {\n    position: fixed;\n    width: 100%;\n    height: 100%;\n    min-height: 100vh;\n    background-color: #fff;\n    z-index: 10;\n    color: #fff;\n    transform: translateX(100%);\n    transition: transform .3s ease-out;\n    overflow-y: auto;\n\n\n    @media(min-width: 1024px) {\n        display: flex;\n        overflow: hidden;\n    }\n\n    &.open {\n        transform: translateX(0);\n    }\n\n    button {\n        display: block;\n        position: absolute;\n        right: 12px;\n        margin: 0 auto;\n        margin-top: 0px;\n        width: 110px;\n        padding: 7px;\n        text-align: left;\n        background-color: transparent;\n        background-image: url(./../../assets/high-level/modal-close.png);\n        background-repeat: no-repeat;\n        background-position: right 7px center;\n        border: 0;\n        color: transparent;\n        font-size: 34px;\n        font-family: korolev-compressed, sans-serif;\n        font-weight: 900;\n        font-style: normal;\n        z-index: 10;\n\n        @media(min-width: 768px) {\n            color: inherit;\n            right: 20px;\n            margin: 0;\n            margin-top: 10px;\n        }\n\n        @media(min-width: 1024px) {\n            color: transparent;\n \n            margin-top: 7px;\n        }\n        \n    }\n\n    &__nav {\n        position: relative;\n        height: 726px;\n        margin: 22px;\n        padding: 0 40px;\n        background-image: url(../../assets/menu/menu-bg.png);\n        background-repeat: no-repeat;\n        background-position: center center;\n        background-size: 100% 100%;\n\n        @media(min-width: 768px) {\n            height: 850px;\n            text-align: left;\n            padding: 0 70px;\n        }\n\n        @media(min-width: 1024px) {\n            height: calc(100% - 40px);\n            min-height: 660px;\n            width: 379px;\n            text-align: center;\n        }\n\n        img {\n            margin-top: 30.5px;\n            width: 100%;\n            max-width: 245px;\n        }\n\n        > ul {\n            list-style: none;\n            margin: 0;\n            margin-top: 10px;\n            padding: 0;\n\n            @media(min-width: 768px){\n                max-width: 255px;\n            }\n\n            li {\n                text-align: left;\n                cursor: pointer;\n\n                ul {\n                    list-style: none;\n                    margin: 0;\n                    padding-left: 7px;\n                    height: 0px;\n                    overflow: hidden;\n                    transition: height .5s ease-in-out;\n\n                    li a {\n                        font-size: 14px;\n                        cursor: pointer;\n                    }\n                }\n\n                ul.open {\n                    height: 60px;\n                }\n            }\n\n            > li:nth-last-child(2){\n                border-top: 2px solid #fff;\n                margin-top: 32px;\n                padding-top: 32px; \n            }\n        }\n\n        a {\n            display: block;\n            color: inherit;\n            text-decoration: none;\n            text-transform: uppercase;\n            font-size: 20px;\n            font-weight: bold;\n            padding: 6.5px 0;\n        }\n    }\n\n    &__products {\n        width: 100%;\n        \n        @media(min-width: 1024px) {\n            height: 100vh;\n            overflow: auto;\n        }\n\n        .product {\n            position: relative;\n            height: calc((50% - 33px));\n            margin: 22px 0;\n\n            @media(min-width: 768px) {\n                height: calc((50vh - 30px));\n            }\n            \n            @media(min-width: 1024px) {\n                margin-right: 22px;\n            }\n\n            img {\n                height: 100%;\n            }\n\n            .bg {\n                position: absolute;\n                left: 0;\n                right: 0;\n                width: 100%;\n                z-index: -1;\n            }\n        }\n    }\n    \n}",".header {\n    position: absolute;\n    text-align: left;\n    width: 100%;\n    z-index: 5;\n\n    &.hide { \n        .header__foreground-tree{\n            display: none;\n        }\n    }\n\n    \n    img {\n        display: inline-block;\n        width: 105px;\n        margin: 17px 14px;\n        cursor: pointer;\n\n        @media(min-width: 768px) {\n            width: 215.2px;\n            margin: 25px 18px;\n        }\n\n        @media(min-width: 1024px) {\n            width: 164px;\n            height: 109px;\n        }\n    }\n\n    button {\n        float: right;\n        width: 36px;\n        height: 50px;\n        margin-top: 29px;\n        margin-right: 23px;\n        background-image: url(./../../assets/high-level/juice-hamburger-menu.svg);\n        background-size: cover;\n        background-color: transparent;\n        background-repeat: no-repeat;\n        background-position: center;\n        border: none;\n        font-size: 0;\n        cursor: pointer;\n\n        @media(min-width: 768px) {\n            margin-top: 60px;\n            margin-right: 73px;\n\n        }\n    }\n}\n\n@keyframes breeze-left {\n    0% { transform: rotate(0deg);}\n    25% { transform: rotate(-5deg);}\n    50% { transform: rotate(-3deg);}\n    75% { transform: rotate(-7deg);}\n    100% { transform: rotate(0deg);}\n}\n\n@keyframes breeze-right {\n    0% { transform: rotate(0deg);}\n    25% { transform: rotate(-6deg);}\n    50% { transform: rotate(-4deg);}\n    75% { transform: rotate(-7deg);}\n    100% { transform: rotate(0deg);}\n}","@import \"./../../variables.scss\";\n\n.hero-mod {\n    position: relative;\n    height: 606px;\n    width: 100%;\n    background-image: url(./../../assets/modules/group-583.png), url(./../../assets/modules/group-582.png), url(./../../assets/modules/juice-fruit-l-mobile.png), url(./../../assets/modules/juice-fruit-r-mobile.png);\n    background-repeat: no-repeat;\n    background-position: top -90px left -1200px, top 5px right -1268px, bottom 160px left -1255px, bottom 190px right -1100px; \n    transition: background-position .7s ease-out;\n\n    &.slide {\n       background-position: top -90px left -120px, top 5px right -68px, bottom 160px left -155px, bottom 190px right -110px; \n    }\n\n    @media(min-width: 768px) {\n        background-image: url(./../../assets/modules/group-580.png), url(./../../assets/modules/group-579.png), url(./../../assets/modules/group-581.png), url(./../../assets/modules/group-578.png);\n        background-size: 330px, 250px, 350px, 400px;\n        height: 750px;\n\n        &.slide {\n            background-position: top -90px left -120px, top -49px right 60px, bottom left -105px, bottom 100px right -130px;\n        }\n    }\n\n    @media(min-width: 1024px) {\n        background-image: url(./../../assets/modules/group-580.png), url(./../../assets/modules/group-579.png), url(./../../assets/modules/group-581.png), url(./../../assets/modules/group-578.png);\n        background-size: 500px, 350px, 520px, 400px;\n        background-position: top -160px left -160px, top -65px right 140px, bottom left -125px, bottom 110px right -130px;\n        height: 1001px;\n        transition: unset;\n    }\n\n    &__header {\n        position: absolute;\n        background-image: url(./../../assets/modules/juice-headline-desktop.svg);\n        background-repeat: no-repeat;\n        background-size: contain;\n        left: 0;\n        right: 0;\n        margin: 0 auto;\n        margin-top: 109px;\n        width: 238.4px;\n        height: 79.8px;\n\n        @media(min-width: 768px) {\n            background-image: url(./../../assets/modules/juice-headline-desktop@2x.png);\n            width: 405.9px;\n            height: 138.5px;\n        }\n\n        @media(min-width: 1024px) {\n            background-image: url(./../../assets/modules/juice-headline-desktop@3x.png);\n            width: 540.8px;\n            height: 184.5px;\n        }\n    }\n\n    img {\n        position: absolute;\n        width: auto;\n        height: 282px;\n        left: -38px;\n        right: -38px;\n        bottom: 0;\n        margin: 0 auto;\n\n        @media(min-width: 425px){\n            height: 320px;\n        }\n\n        @media(min-width: 768px){\n            height: 504px;\n        }\n\n        @media(min-width: 1024px) {\n            height: 671.4px;\n        }\n\n    }\n\n}\n\n\n","@import \"./../../variables.scss\";\n\n.mixology-mod {\n    position: relative;\n    height: 431px;\n    width: 100%;\n    margin-top: -36px;\n    background-image: url(./../../assets/modules/group-169.png);\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: top center;\n    box-sizing: border-box;\n    overflow: hidden;\n\n    @media(min-width: 768px) {\n        height: 701px;\n        // background-image: url(./../../assets/mixology-tablet-pattern.png);\n    }\n\n    @media(min-width: 1024px) {\n        height: 680px;\n        // background-image: url(./../../assets/mixology-desktop-pattern@2x.png);\n    }\n\n    &__fruits {\n        position: absolute;\n        background-image: url(./../../assets/modules/group-634.png), url(./../../assets/modules/group-635.png);\n        background-repeat: no-repeat;\n        background-size: 300px, 300px;\n        background-position: left -90px center, right -70px center;\n        top: 0;\n        bottom: 0;\n        left: 0;\n        right: 0;\n        width: 100%;\n\n        @media(min-width: 768px) {\n            background-image: url(./../../assets/modules/group-626.png), url(./../../assets/modules/group-627.png), url(./../../assets/modules/apple-cut.png), url(./../../assets/modules/group-189.png);\n            background-size: 350px, 250px, 250px, 250px;\n            background-position: left -180px top, calc(50% - 70px) bottom, calc(50% + 130px) center, right -70px center;\n        }\n\n    }\n\n    &__modal {\n        display: block;\n        position: absolute;\n        width: 216px;\n        height: 163px;\n        top: 0;\n        left: 0;\n        right: 0;\n        margin: 0 auto;\n        margin-top: 27px;\n        padding: 23px 27px;\n        background-color: #fff;\n        color: $faded-blue;\n        border-radius: $modal-radius;\n        box-shadow: $modal-shadow;\n        text-align: left;\n        box-sizing: border-box;\n\n        @media(min-width: 768px) {\n            margin-top: 66px;\n            width: 277px;\n            height: 209px;\n        }\n\n        @media(min-width: 1024px) {\n            width: 400px;\n            height: 320px;\n            padding: 41px 51px;\n        }\n\n        h3 {\n            margin: 0;\n            font-family: korolev-compressed, sans-serif;\n            font-size: 21px;\n            font-weight: 900;\n\n            @media(min-width: 768px) {\n                font-size: 30px;\n                font-weight: 900;\n            }\n\n            @media(min-width: 1024px) {\n                font-size: 58px;\n                font-weight: 900;\n            }\n        }\n\n        p {\n            font-size: 10px;\n            margin-top: 4px;\n\n            @media(min-width: 768px) {\n                font-size: 14px;\n            }\n        }\n\n        button {\n            width: 94.8px;\n            height: 27.4px;\n            background-color: $faded-blue;\n            color: #fff;\n            border: none;\n            border-radius: $button-radius;            \n            text-transform: uppercase;\n            font-size: 10px;\n            font-weight: 900;\n\n            @media(min-width: 768px) {\n                font-size: 12px;\n                width: 121.5px;\n                height: 35.2px;\n            }\n\n            @media(min-width: 1024px) {\n                margin-top: 25px;\n            }\n        }\n    }\n\n    &__container{\n        position: relative;\n        width: 100%;\n        max-width: 400px;\n        height: 100%;\n        margin: 0 auto;\n\n        @media(min-width: 768px) {\n            max-width: 800px;\n        }\n\n        @media(min-width: 1024px) {\n            max-width: 1200px;\n            \n        }\n    }\n\n    img {\n        position: absolute;\n        width: auto;\n        height: 330.4px;\n        bottom: -109px;\n\n        @media(min-width: 768px) {\n            width: auto;\n            height: 579.6px;\n            bottom: -179px;\n\n        }\n\n        @media(min-width: 1024px) {\n            width: auto;\n            height: 679.6px;\n            bottom: 0;\n        }\n\n        &.left {\n            left: -7%;\n\n            @media(min-width: 768px){\n                left: 0;\n            }\n        }\n\n        &.right {\n            right: -2%;\n\n            @media(min-width: 768px){\n                right: 0;\n            }\n        }\n\n\n    }\n}","@import \"./../../variables.scss\";\n\n.carousel-card {\n    position: absolute;\n    width: 290px;\n    height: 520px;\n    left: 0;\n    right: 0;\n    top: 0;\n    margin: 0 auto;\n    color: $faded-blue;\n    margin-top: 65px;\n\n    @media(min-width: 768px) {\n        width: 457px;\n        height: 550px;\n        margin-top: 0px;\n    }\n\n    &__content {\n        position: absolute;\n        z-index: 2;\n        bottom: 65px;\n        height: 211px;\n        \n        @media(min-width: 768px) {\n            position: absolute;\n            width: 292px;\n            height: 275px;\n            top: 215px;\n            right: 26px;\n\n        }\n    }\n\n    .ctas a {\n        margin: 0 27px;\n    }\n\n    h3 {\n        display: block;\n        margin: 0;\n        padding: 0 27px;\n        text-align: left;\n        font-family: korolev-compressed, sans-serif;\n        font-size: 22px;\n        font-weight: 900;\n        color: #fff;\n        text-transform: uppercase;\n        cursor: pointer;\n\n        @media(min-width: 768px) {\n            font-size: 34px;\n            font-weight: 900;\n        }\n\n        img {\n            margin-bottom: 40px;\n        }\n    }\n\n\n\n    p {\n        padding: 0 27px;\n        text-align: left;\n        font-size: 14px;\n\n        a {\n            color: $faded-blue;\n            display: block;\n            margin-top: 20px;\n            cursor: pointer;\n        }\n    }\n\n\n    &__buttons {\n        position: absolute;\n        width: 100%;\n\n        @media(min-width: 768px) {\n            bottom: 0;\n        }\n\n        button {\n            width: 110.1px;\n            height: 35.2px;\n            margin: 0 8.5px;\n            background-color: $faded-blue;\n            color: #fff;\n            border: none;\n            border-radius: $button-radius;\n            font-family: 'Lato', sans-serif;\n            font-size: 12px;\n            font-weight: 900;\n            text-transform: uppercase;\n        }\n    }\n\n    &__paper{\n        position: absolute;\n        background-color: #fff;\n        height: 360px;\n        width: 100%;\n        z-index: 1;\n        bottom: 0;\n        border-radius: $modal-radius;\n        box-shadow: 2px 4px 12px 0 rgba(0, 0, 5, 0.15);\n\n        @media(min-width: 768px) {\n            height: 380px;\n        }\n    }\n\n    .coming-soon {\n        position: absolute;\n        background-image: url(./../../assets/carousel/component-126-11.png);\n        width: 123px;\n        height: 112.3px;\n        z-index: 0;\n        bottom: 5px;\n        transition: bottom .5s ease-in-out;\n\n        @media(min-width: 768px) {\n            &.show {\n                bottom: -85px;\n            }\n        }\n\n    }\n\n    &__title {\n        z-index: -1;\n        width: 100%;\n        height: 127.2px;\n        border-radius: $modal-radius;\n        border-bottom-right-radius: 0px;\n        border-bottom-left-radius: 0px;\n        background-size: 200%;\n        background-position: center;\n\n        &.orange-juice {\n            background-image: url(./../../assets/carousel/orange-carousel-headline-box.png);\n        }\n\n        &.apple-juice {\n            background-image: url(./../../assets/carousel/apple-carousel-headline-box.png);\n        }\n\n        &.tropical-fruit-punch{\n            background-image: url(./../../assets/carousel/tfp-carousel-headline-box.png);\n        }\n        &.grapefruit-juice {\n            background-image: url(./../../assets/carousel/grapefruit-carousel-headline-box.png);\n        }\n    }\n\n}\n\n.carousel__slide--visible {\n    @media(min-width: 768px) {\n        .carousel-card img {\n            transform: rotate(-8deg);\n        }\n    }\n}\n\n.carousel__slide--hidden {\n    left: 20px;\n    right: 20px;\n}","@import \"./../../variables.scss\";\n\n.ctas {\n    position: absolute;\n    width: 100%;\n   \n    @media(min-width: 768px) {\n        bottom: -21px;\n    }\n\n    a {\n        display: block;\n        text-align: left;\n\n        button {\n            width: 110.1px;\n            height: 35.2px;\n            background-color: $faded-blue;\n            color: #fff;\n            border: none;\n            border-radius: $button-radius;\n            font-family: 'Lato', sans-serif;\n            font-size: 12px;\n            font-weight: 900;\n            text-transform: uppercase;\n            cursor: pointer;\n        }\n    }\n\n\n}","@import './../../variables.scss';\n\n.carousel-mod {\n    position: relative;\n    height: 768px;\n    background-position: center center;\n    background-size: cover;\n\n    .carousel {\n        z-index: 2;\n        overflow: visible;\n        .slide {\n            background-color: transparent;\n            cursor: pointer;\n\n            &.selected {\n                @media(min-width: 768px) {\n                    img {\n                        transform: rotate(-8deg);\n                    }\n                }\n            }\n        }\n\n        img {\n            width: auto;\n            height: 312.6px;\n            margin: 0 auto;\n    \n            @media(min-width: 768px) {\n                width: auto;\n                height: 500px;\n                margin-left: -420px;\n                margin-top: 112px;            \n                // float: left;\n                transition: transform .5s ease-in-out;\n                transition-delay: .2s;\n            }\n        }\n\n        .control-dots {\n            bottom: -370px;\n            @media(min-width: 768px) {\n                bottom: -35px;\n            }\n\n\n            .dot {\n                width: 23px;\n                height: 23px;\n                background-image: url(./../../assets/carousel/carousel-outlined-circle.png);\n                background-repeat: no-repeat;\n                background-size: contain;\n                background-position: center;\n                box-shadow: none;\n                opacity: 1;\n\n                &.selected {\n                    background-image: url(./../../assets/carousel/carousel-full-circle.png);\n                }\n            }\n        }\n    }\n\n    &__lemon {\n        width: 158.4px;\n        height: auto;\n        margin-top: -53px;\n\n        @media(min-width: 768px) {\n            width: 252.8px;\n            margin-top: -85px;\n\n        }\n\n        @media(min-width: 1024px) {\n            width: 235.2px;\n            margin-top: -80px;\n        }\n    }\n\n    #prevProd, #nextProd {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        width: 110.9px;\n        height: 312.6px;\n        margin-top: 60px;\n        \n\n        @media(min-width: 768px) {\n            width: auto;\n            height: 500px;\n            margin-top: 112px;\n        }\n    }\n\n    #prevProd {\n        left: -180px;\n        opacity: 1;\n        transition: left .5s ease-in-out;\n        animation: pick-me 10s infinite;\n\n        &.hide{\n            opacity: 0;\n            left: -2000px\n        }\n    }\n\n    #nextProd {\n        right: -160px;\n        opacity: 1;\n        transition: right .5s ease-in-out;\n        animation: pick-me-2 10s infinite;\n\n        &.hide{\n            opacity: 0;\n            right: -2000px\n        }\n    }\n\n    .carousel.carousel-slider .control-arrow{\n        position: absolute;\n        display: inline-block;\n        border: none;\n        width: 40px;\n        height: 40px;\n        font-size: 0;\n        margin: 0 auto;\n        left: 0;\n        right: 0;\n        z-index: 3;\n        background-color: transparent;\n        background-repeat: no-repeat;\n        background-size: contain;\n        background-position: center center;\n        margin-top: 110px;\n        opacity: unset;\n\n        ::before {\n            display: none;\n        }\n\n        @media(min-width: 768px){\n            width: 35px;\n            height: 59.6px;\n            margin-top: 330px;\n        }\n\n        &.control-prev {\n            background-image: url(./../../assets/carousel/left-arrow.svg);\n            left: -190px;\n\n            @media(min-width: 768px){\n                left: -650px;\n            }\n\n            &:disabled {\n                opacity: .3;\n            }\n        }\n\n        &.control-next {\n            background-image: url(./../../assets/carousel/right-arrow.svg);\n            left: 190px;\n\n            @media(min-width: 768px){\n                left: 560px;\n            }\n\n            &:disabled {\n                opacity: .5;\n            }\n        }\n\n    }\n}\n\n.carousel__slide--visible {\n    @media(min-width: 768px) {\n        img {\n            transform: rotate(-8deg);\n        }\n    }\n}\n\n@keyframes pick-me {\n    0% {transform: rotate(0deg)}\n    5% {transform: rotate(5deg)}\n    6% {transform: rotate(-5deg)}\n    7% {transform: rotate(2deg)}\n    9% {transform: rotate(-2deg)}\n    10% {transform: rotate(0deg)}\n    100% {transform: rotate(0deg)}\n}\n\n@keyframes pick-me-2 {\n    0% {transform: rotate(0deg)}\n    5% {transform: rotate(-5deg)}\n    6% {transform: rotate(5deg)}\n    7% {transform: rotate(-2deg)}\n    9% {transform: rotate(2deg)}\n    10% {transform: rotate(0deg)}\n    100% {transform: rotate(0deg)}\n}","@import \"./../../variables.scss\";\n\n.site-swap-mod {\n    position: relative;\n    width: 100%;\n    height: 150px;\n    background-image: url(./../../assets/dole-lemonade-products-master-desktop.png), url(./../../assets/modules/r-lemon-tree.png), url(./../../assets/modules/dole-lemonade-bg-tablet.png);\n    background-repeat: no-repeat;\n    background-size: 217px, 75px, cover;\n    background-position: calc(50% + 80px) 50%, right top, center;\n\n    @media(min-width: 768px) {\n        background-image: url(./../../assets/dole-lemonade-products-master-desktop@2x.png), url(./../../assets/modules/r-lemon-tree@2x.png), url(./../../assets/modules/dole-lemonade-bg-tablet@2x.png);\n        height: 340px;\n        background-size: 508px, 172px, cover;\n        background-position: right center, right top, center;\n    }\n\n    @media(min-width: 1024px) {\n        background-image: url(./../../assets/dole-lemonade-products-master-desktop@3x.png), url(./../../assets/modules/r-lemon-tree@3x.png), url(./../../assets/modules/dole-lemonade-bg-tablet@3x.png);\n        background-size: 782px, 267px, cover;\n        background-position: right center, right top, center;\n        height: 483px\n    }\n\n    &__text {\n        position: absolute;\n        margin: 0 auto;\n        margin-top: 13px;\n        left: -57%;\n        right: 0;\n        font-style: normal;\n        font-family: reklame-script, sans-serif;\n        width: 105px;\n        box-sizing: border-box;\n\n        @media(min-width: 768px) {\n            width: 238px;\n            margin-top: 51px;\n        }\n\n        @media(min-width: 1024px) {\n            margin-top: 130px;\n        }\n\n        @media(min-width: 1500px) {\n            width: 395px;\n            margin-top: 92px;\n        }\n    }\n\n    h3 {\n        color: $lemon-green;\n        margin: 0;\n        font-size: 0px;\n        font-weight: 500;\n        line-height: 1.09;\n\n    }\n\n    img {\n        width: 100%\n    }\n\n    button {\n        width: 105.9px;\n        height: 21.1px;\n        margin: 0 auto;\n        margin-top: 45px;\n        color: $lemon-green;\n        border: none;\n        font-size: 8px;\n        font-weight: 900;\n        background-color: $lemon-yellow-bright;\n        text-transform: uppercase;\n        cursor: pointer;\n\n        @media(min-width: 768px) {\n            width: 174.5px;\n            height: 35.2px;\n            margin-top: 77px;\n            font-size: 12px;\n            border-radius: $button-radius;\n        }\n\n        @media(min-width: 1024px) {\n            width: 225.6px;\n            height: 46.3px;\n            font-size: 16px;\n        }\n\n        // @media(min-width: 1500px) {\n        //     // width: 100%;\n        //     height: 60px;\n        //     font-size: 22px;\n        //     margin-top: 31px;\n        // }\n    }\n}","@import \"./../../variables.scss\";\n\n.product-details-mod {\n    position: relative;\n    // z-index: -4;\n    height: 723px;\n    transition: height .3s ease-in-out;\n\n     &.active {\n      height: 935px;\n     }\n\n    @media(min-width: 768px) {\n         height: 1023px;\n        &.active {\n          height: 1120px;\n         }\n    }\n\n    @media(min-width: 1024px) {\n        height: 858px;\n        &.active {\n          height: 1070px;\n         }\n    }\n\n    @media(min-width: 1366px) {\n      &.active {\n        height: 1100px;\n       }\n  }\n\n    &__clouds {\n        position: absolute;\n        left: 0;\n        right: 0;\n        top: 0;\n        bottom: 0;\n        margin: 0 auto;\n        background-image: url(./../../assets/products/juice-fruit-product-l-mobile@3x.png), url(./../../assets/products/juice-fruit-product-r-mobile@3x.png);\n        background-repeat: no-repeat;\n        background-size: 507px auto, 417px auto;\n        background-position: left -128px top -41px, right -87px top 131px;\n        width: 100%;\n        height: 100%;\n        // z-index: -2;\n\n        @media(min-width: 425px) {\n            background-size: 506px auto, 513px auto;\n            background-position: left -128px top -50px, right -100px top;\n        }\n\n        @media(min-width: 768px) {\n            background-image: url(./../../assets/products/juice-fruit-product-l-tablet@3x.png), url(./../../assets/products/juice-fruit-product-r-tablet@3x.png);\n            background-size: 686.4px auto, 680px auto;\n            background-position: left -146px top -62px, right -112px top 73px;\n\n        }\n\n        @media(min-width: 1024px) {\n            background-image: url(./../../assets/products/juice-fruit-product-l-desktop@3x.png), url(./../../assets/products/juice-fruit-product-r-desktop@3x.png);\n            background-size: 889.8px auto, 869px auto;\n            background-position: left -179px top -50px, right -94px top;\n        }\n        \n    }\n\n    &__container {\n        position: absolute;\n        display: flex;\n        width: 352px;\n        height: 340px;\n        left: 0;\n        right: 0;\n        margin: 0 auto;\n        margin-top: 154px;\n        text-align: left;\n\n        @media(max-width: 350px) {\n            width: 285px;\n        }\n\n        @media(min-width: 768px) {\n            height: 537px;\n            width: 603px;\n            left: 124px;\n        }\n\n        @media(min-width: 1024px) {\n            margin-top: 84px;\n            left: 140px;\n\n        }\n\n        @media(min-width: 1366px) {\n            left: 0;\n            height: 630px;\n\n        }\n    }\n\n\n    &__content {\n        position: relative;\n        width: 187px;\n        margin: 0 24px ;\n\n        @media(max-width: 350px) {\n            margin: 0 16px ;\n        }\n\n        @media(min-width: 768px) {\n            width: 340px;\n            height: 340px;\n            margin: auto;\n        }\n    }\n\n    &__container > img {\n        height: 100%;\n        width: auto;\n        margin-top: 0px;\n        margin-right: -40px;\n        margin-left: -40px;\n\n        @media(min-width: 768PX) {\n            height: 84%;\n            width: auto;\n            margin-top: 83px;\n            margin-right: -82px;\n            margin-left: -56px;\n        }\n\n    }\n\n    .ctas button {\n        margin-left: 0;\n        cursor: pointer;\n\n        @media(max-width: 767px) {\n            width: 80.5px;\n            height: 27.5px;\n            margin-right: 10px;\n        }\n\n        @media(max-width: 350px) {\n            width: 60px;\n        }\n\n        @media(min-width: 768px) {\n            margin-right: 20px;\n        }\n    }\n\n    .product-details-mod__button-group {\n        display: flex;\n        margin-top: 25px;\n\n        button {\n            padding: 3px 7px;\n            border: 2px solid $faded-blue;\n            color: $faded-blue;\n            font-size: 14px;\n            font-weight: 900;\n            border-radius: $button-radius;\n            background-color: transparent;\n            margin: 0 3px;\n            cursor: pointer;\n\n            @media(min-width: 768px) {\n                padding: 6px 14px;\n            }\n\n            &:first-of-type{\n                margin-left: 0;\n            }\n\n            &.active {\n                color: #fff;\n                background-color: $faded-blue;\n            }\n\n        }\n    }\n\n    h3 {\n        display: block;\n        margin: 0;\n        font-family: korolev-compressed, sans-serif;\n        color: $rouge;\n        font-size: 35px;\n        font-weight: 900;\n        line-height: 1;\n        text-transform: uppercase;\n\n        &.orange-juice {\n            color: #ee6412\n        }\n\n        &.apple-juice {\n            color:#005c48;\n        }\n\n        &.tropical-fruit-punch{\n          color: $rouge;\n        }\n\n        &.grapefruit-juice{\n            color: #ee5755;\n        }\n\n        @media(min-width: 768px) {\n            font-size: 58px;\n        }\n    }\n\n    p {\n        width: 100%;\n        height: 120px;\n        margin: 24px 0 0;\n        font-size: 12px;\n        color: $faded-blue;\n\n        @media(max-width: 350px) {\n            font-size: 11px;\n        }\n\n        @media(min-width: 768px) {\n            font-size: 18px;\n        }\n    }\n}","@import \"./../../variables.scss\";\n\n.nutrition__button {\n  width: 100%;\n  display: flex;\n  justify-content: flex-start;\n  background-color: transparent;\n  box-sizing: border-box;\n  color: $faded-blue;\n  padding: 7px 0;\n  padding-right: 14px;\n  font-size: inherit;\n  border: none;\n  cursor: pointer;\n  text-align: left;\n  font-size: 12px;\n  color: $faded-blue;\n\n  @media(max-width: 350px) {\n      font-size: 11px;\n  }\n\n  @media(min-width: 768px) {\n      font-size: 18px;\n  }\n\n  div {\n    margin: 0 7px;\n    transform: rotate(-180deg);\n    transition: .4s;\n  }\n  \n  &:hover {\n    text-decoration: underline;\n\n    div {\n      transform: rotate(-90deg);\n    }\n  }\n\n  &.active {\n    \n    div {\n      transform: rotate(-90deg);\n    }\n  }\n}\n\n.nutrition__container {\n  width: inherit;\n  font-size: inherit;\n  font-family: inherit;\n  background-color: #ffffff;\n  // padding: 7px;\n  box-sizing: border-box;\n  max-height: 0;\n  background-color: white;\n  overflow: hidden;\n  transition: max-height .4s ease-in-out;\n  z-index: 10;\n  box-shadow: $modal-shadow;\n\n  &.active {\n    max-height: 700px;\n    // height: fit-content;\n  }\n\n\n  .nutrition__border {\n\n    .nutrition__table {\n      border-collapse: collapse;\n      width: inherit;\n\n      tr {\n        border: 1px solid #000;\n        border-bottom: none;\n\n        &:last-of-type{\n          border-bottom: 1px solid #000;\n        }\n\n        &.divider_bold {\n          border-top: 8px solid;\n        }\n\n        &.divider_medium {\n          border-top: 4px solid;\n        }\n\n        &.divider_none {\n          border-top: none;\n        }\n\n        td {\n          font-size: 11px;\n          padding: 2px 3px;\n\n          @media(min-width: 768px) {\n            padding: 3px 7px;\n            font-size: 14px;\n          }\n\n          span {\n            font-weight: 900;\n          }\n\n          &.no-wrap {\n            white-space: nowrap;\n          }\n\n          &.right {\n            text-align: right;\n          }\n\n          &.indent {\n            text-indent: 6px;\n\n            @media(min-width: 768px) {\n              text-indent: 14px;\n            }\n          }\n\n          &.indent2 {\n            text-indent: 9px;\n\n            @media(min-width: 768px) {\n              text-indent: 21px;\n            }\n          }\n\n          &.title {\n            padding: 7px;\n            font-size: 25px;\n            font-weight: 900;\n            text-transform: uppercase;\n            font-family: korolev-compressed, sans-serif;\n\n            @media(min-width: 768px) {\n              font-size: 38px;\n            }\n\n            &.orange-juice {\n              color: #ee6412\n            }\n    \n            &.apple-juice {\n                color:#005c48;\n            }\n    \n            &.tropical-fruit-punch{\n              color: $rouge;\n            }\n    \n            &.grapefruit-juice{\n                color: #ee5755;\n            }\n          }\n\n          &.cals {\n            font-family: korolev-compressed, sans-serif;\n            font-size: 20px;\n            font-weight: 900;\n\n            @media(min-width: 768px) {\n              font-size: 33px;\n            }\n\n            >span {\n              text-align: right;\n              color: red;\n            }\n\n            &.orange-juice {\n              color: #ee6412\n            }\n    \n            &.apple-juice {\n                color:#005c48;\n            }\n    \n            &.tropical-fruit-punch{\n              color: $rouge;\n            }\n    \n            &.grapefruit-juice{\n                color: #ee5755;\n            }\n          }\n\n          &.legend {\n            font-size: 8px;\n\n            @media(min-width: 768px) {\n              font-size: 10px;\n            }\n          }\n        }\n      }\n    }\n  }\n}","@import './../../variables.scss';\n\n.mixology-card {\n    position: relative;\n    width: 92%;\n    max-width: 371px;\n    height: 138px;\n    margin: 12.5px auto;\n    border-radius: $modal-radius;\n    box-shadow: $modal-shadow;\n    overflow: hidden;\n    cursor: pointer;\n\n    @media(min-width: 768px) {\n        width: 295px;\n        height: 225px;\n        margin: 10px 10px;\n    }\n\n    &__image {\n        width: 157px;\n        height: 100%;\n\n         img {\n             width: auto;\n             height: 100%;\n         }\n    }\n\n    &__content {\n        position: absolute;\n        top: 0;\n        bottom: 0;\n        right: 0;\n        width: 218px;\n        text-align: left;\n        background-color: $faded-blue;\n        padding: 13px 36px;\n        box-sizing: border-box;\n\n        @media(min-width: 768px) {\n            top: unset;\n            right: unset;\n            bottom: 0;\n            width: 100%;\n            padding: 8px 18px 18px;\n        }\n\n        h3 {\n            display: block;\n            width: 133px;\n            font-family: korolev-compressed, sans-serif;\n            color: #fff;\n            font-size: 18px;\n            font-weight: 900;\n            margin: 0;\n            line-height: 1.11;\n\n            @media(min-width: 768px) {\n                width: 171px;\n            }\n        }\n    \n        p {\n            font-size: 12px;\n            color: #fff;\n            margin: 0;\n            margin-top: 5.5px;\n        }\n    }\n\n}","@import \"./../../variables.scss\";\n\n.mixology-page {\n    background-repeat: no-repeat;\n    background-size: cover;\n    box-sizing: border-box;\n    background-color: #fff;\n\n    &__header {\n        position: relative;\n        height: 293px;\n        background-image: url(./../../assets/recipes/mask-group-517.png), url(./../../assets/recipes/droplet-set-orange.png), url(./../../assets/recipes/apple-cut.png), url(./../../assets/high-level/dole-juice-bg.png);\n        background-repeat: no-repeat;\n        background-size: auto 65% , 230px, 250px, cover;\n        background-position: bottom center, left -90px top 80px, right -75px center, top center;\n        background-attachment: local, local, local, fixed;\n\n        @media(min-width: 768px) {\n            background-image: url(./../../assets/recipes/mask-group-517.png), url(./../../assets/recipes/droplet-set-orange.png), url(./../../assets/recipes/group-608.png), url(./../../assets/high-level/dole-juice-bg.png);\n            background-size: auto 65% , 330px, 350px, cover;\n            background-position: bottom center, left -140px top 160px, right -100px top 60px, top center;\n            height: 459px;\n        }\n\n        @media(min-width: 1024px) {\n            background-image: url(./../../assets/recipes/mask-group-517.png), url(./../../assets/recipes/group-598.png), url(./../../assets/recipes/group-599.png), url(./../../assets/high-level/dole-juice-bg.png);\n            background-size: auto 65% , 570px, 590px, cover;\n            background-position: bottom center, left -140px top 160px, right -100px top -70px, top center;\n            height: 479px;\n        }\n\n        img {\n            position: absolute;\n            width: 70px;\n            left: 0;\n            right: 0;\n            height: auto;\n            margin: 0 auto;\n\n            @media(min-width: 768px) {\n                width: 100px;\n            }\n    \n            @media(min-width: 1024px) {\n                width: 150px;\n            }\n\n        }\n        \n    }\n\n    &__title {\n        position: absolute;\n        left: 0;\n        right: 0;\n        margin: 26px auto 0;\n\n        h2 {\n            margin: 0;\n            font-family: korolev-compressed, sans-serif;\n            font-size: 58px;\n            font-weight: 900;\n            color: $faded-blue;\n            text-transform: uppercase;\n\n            @media(min-width: 768px) {\n                font-size: 50px;\n            }\n\n            @media(min-width: 1024px) {\n                font-size: 65px;\n            }\n        }\n    }\n\n    &__cards {\n        display: flex;\n        flex-direction: column;\n        flex-wrap: wrap;\n        width: 100%;\n        margin: 0 auto;\n        margin-top: 47px;\n        padding-bottom: 47px;\n\n\n        @media(min-width: 768px) {\n            flex-direction: row;\n            justify-content: center;\n            max-width: 641px;\n        }\n\n        @media(min-width: 1024px) {\n            flex-direction: row;\n            justify-content: start;\n            max-width: 956px;\n        }\n\n        @media(min-width: 1345px) {\n            max-width: 1345px;\n            // height: 706px;\n        }\n    }\n\n    button {\n        margin: 46px 0 52px;\n        background-color: $faded-blue;\n        color:#fff;\n        font-size: 12px;\n        font-weight: 900;\n        padding: 10px 30px;\n        border: 0;\n        border-radius: $button-radius;\n\n    }\n\n    &__filter {\n        background-color: #fff;\n        color: $faded-blue;\n        box-shadow: $modal-shadow;\n\n        button {\n            width: 100%;\n            height: 50px;\n            border-radius: 0;\n            background-color: #fff;\n            color: $faded-blue;\n            display: block;\n            margin: 0;\n            text-transform: uppercase;\n            text-align: left;\n            z-index: -2;\n        }\n\n        ul {\n            display: block;\n            list-style: none;\n            padding: 0;\n            margin: 0;\n            text-transform: capitalize;\n            font-size: 18px;\n            max-height: 0px;\n            overflow: hidden;\n            transition: max-height .5s ease-out;\n            -moz-transition: max-height .5s ease-out; /* Firefox 4 */\n            -webkit-transition: max-height .5s ease-out; /* Safari and Chrome */\n            -o-transition: max-height .5s ease-out; /* Opera */\n            -ms-transition: max-height .5s ease-out; /* Explorer 10 */\n\n            &.open {\n                max-height: 400px;\n            }\n\n            li {\n                display: block;\n                padding: 12px 0;\n                width: 100%;\n                cursor: pointer;\n\n                button {\n                    padding: 0;\n                    margin: 0;\n                    height: unset;\n                    font-size: 18px;\n                    font-weight: 300;\n                    text-align: center;\n                    text-transform: capitalize;\n                }\n\n                ul {\n                    display: block;\n                    padding: 0;\n                    margin: 0;\n                    margin-top: 26px;\n                    text-transform: uppercase;\n                    font-size: 12px;\n                }\n            }\n        }\n    }\n}","@import './../../variables.scss';\n\n.recipe-page {\n\n    &__image {\n        width: 100%;\n        height: 100%;\n        max-height: 305px;\n        overflow: hidden;\n\n        @media(min-width: 1024px){\n            display: none;\n        }\n\n        img {\n            height: auto;\n            width: 100%;\n            margin: 0;\n            text-align: center;\n        }\n    }\n\n    &__time {\n        width: 100%;\n        margin: 0;\n        padding: 6px 16px;\n        background-color: $faded-blue;\n        color: #fff;\n        font-size: 12px;\n        text-align: left;\n\n        @media(min-width: 1024px){\n            display: none;\n        }\n\n    }\n\n    &__container {\n        width: 100%;\n        min-height: calc(100vh - #{$footer-height});\n        padding: 41px 0 31px;\n        background-image: url(./../../assets/recipes/component-82-2.png);\n        background-attachment: fixed;\n        background-repeat: no-repeat;\n        background-size: cover;\n        background-position: center center;\n    }\n\n    .recipe-card {\n        position: relative;\n        display: flex;\n        width: 330px;\n        height: 602px;\n        padding: 21px 31px;\n        margin: 0 auto;\n        background-color: $faded-blue;\n        border-radius: $modal-radius;\n        box-shadow: $modal-shadow;\n        text-align: left;\n        box-sizing: border-box;\n\n        @media(min-width: 768px) {\n            width: 607.5px;\n            height: 529px;\n        }\n\n        @media(min-width: 1024px) {\n            width: 980px;\n            height: 600px;\n            padding: 61px;\n            margin-top: 207px;\n        }\n\n        h1, h2 {\n            color: #fff;\n        }\n\n        h1 {\n            margin: 0;\n            font-family: korolev-compressed, sans-serif;\n            font-size: 35px;\n            font-weight: 900;\n            line-height: 1.14;\n\n            @media(min-width: 768px) {\n                font-size: 50px;\n            }\n        }\n\n        h2 {\n            font-size: 20px;\n            font-weight: bold;\n        }\n\n        ul, ol {\n            padding: 0 17px;\n            color: #fff;\n            font-size: 12px;\n            line-height: 1.67;\n        }\n\n        &__content {\n            flex-grow: 1;\n        }\n\n        &__photo{\n            display: none;\n            flex-grow: 1; \n            width: 100%;\n\n            img {\n                width: 100%;\n                height: auto;\n            }\n\n            @media(min-width: 1024px) {\n                display: block;\n                max-width: 438px;\n                height: 438px;\n                margin-left: 50px;\n                overflow: hidden;\n            }\n\n            .recipe-card__time {\n                width: 100%;\n                margin: 0;\n                padding: 6px 16px;\n                background-color: #fff;\n                color: $faded-blue;\n            }\n        }\n    }\n\n    &__lemon {\n        position: absolute;\n        width: 65%;\n        height: auto;\n        bottom: -84px;\n\n        @media(min-width: 768px) {\n            width: unset;\n            right: -69px;\n        }\n    }\n\n    button {\n        margin-top: 90px;\n        padding: 9px 43px;\n        background-color: $faded-blue;\n        color: #fff;\n        font-size: 12px;\n        font-weight: 900;\n        border: 0;\n        border-radius: $button-radius;\n      \n    }\n}"]}