:root{--color-broccoli-neon: #099157;--color-broccoli: #006C3E;--color-spirulina: #003122;--color-white: #FFFFFF;--fontFamilyBody: "Diatype", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--fontFamilyHeadings: "Newzald", Georgia, serif}.fnsection-baslider{padding-top:60px;padding-bottom:100px;overflow:hidden}.fnsection-baslider h2{color:var(--color-broccoli);font-family:var(--fontFamilyHeadings);font-size:28px;font-weight:500;line-height:1.1;letter-spacing:-.0375em;margin:0 0 .5em}@media screen and (min-width: 990px){.fnsection-baslider h2{font-size:40px}}.fnsection-baslider p{color:var(--color-broccoli);font-family:var(--fontFamilyBody);margin:0}.fnsection-baslider .sect-intro{padding-bottom:30px}.wrapper{width:100%;max-width:1440px;padding-left:20px;padding-right:20px;margin-left:auto;margin-right:auto}.t-c{text-align:center}.col-8{width:100%;max-width:66.66667%;margin:0 auto}@media screen and (max-width: 989px){.col-8{max-width:100%}}.fnsection-baslider .sect-cta{padding-top:60px;position:relative;z-index:3}.fnsection-baslider .fnbtn{color:var(--color-white);font-family:var(--fontFamilyBody);font-size:17px;line-height:1.25;font-weight:500;text-align:center;letter-spacing:0;text-transform:none;background:var(--color-broccoli-neon);border-radius:6px;padding:14px 50px 13px;border:1px solid var(--color-broccoli-neon);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;transition:background .25s ease,color .25s ease,border-color .25s ease}.fnsection-baslider .fnbtn:hover{background:var(--color-spirulina);border-color:var(--color-spirulina)}.ba-wrap{display:flex;justify-content:space-between;align-items:center}.ba-cont{width:100%;max-width:100%;margin:0 auto;flex-shrink:0}.ba-slider-wrap{position:relative;width:100%;height:100%;border:0}.ba-slider-inner{width:100%;height:100%;position:absolute;top:0;left:0}.ba-slider-wrap .ba-img{position:absolute;top:0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position:left center;background-size:auto 100%;overflow:hidden;background-image:none!important;background-color:#fff}.ba-slider-wrap .ba-img.ba-foreground-img{border-right:2px solid #099157;border-right-color:var(--color-broccoli-neon)}.ba-image{width:100%;position:absolute;top:0;left:0;display:block}.ba-image img{width:calc(100% - 440px);max-width:770px;margin:0 auto;display:block}.ba-imgtext{font-size:12px;padding-top:20px}.ba-imgtext h3{font-family:var(--fontFamilyBody);font-weight:700;letter-spacing:0;margin-bottom:.5em}.ba-imgtext.logoreplace h3{width:100%;height:0;background:url(//www.foodnerdinc.com/cdn/shop/files/fnlogo-solid.svg?v=9842392539784088713) no-repeat center center / contain;padding-bottom:19.369%;overflow:hidden;text-indent:10000px;display:inline-flex}.ba-textafter{text-align:right}.ba-slider-wrap .ba-img .ba-imgtext{width:220px;position:absolute;top:50%;transform:translateY(-50%)}.ba-slider-wrap .ba-img .ba-imgtext.ba-textbefore{left:0}.ba-slider-wrap .ba-img .ba-imgtext.ba-textafter{right:0}.ba-slider-wrap .ba-slider{position:absolute;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;width:100%;height:100%;border:0!important;background:#f2f2f200;outline:none;margin:0;transition:all 0s;display:flex;justify-content:center;align-items:center;opacity:0}.ba-slider-wrap .ba-slider:hover{background:#f2f2f200;cursor:w-resize}.ba-slider-wrap .ba-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:56px;height:800px;background:transparent;cursor:w-resize}.ba-slider-wrap .ba-slider::-moz-range-thumb{width:56px;height:800px;background:transparent;cursor:w-resize}.ba-slider-wrap .ba-slider::-ms-track{width:100%;cursor:pointer;background:transparent;border-color:transparent;color:transparent}.ba-slider-wrap .ba-slider:focus{outline:none}.ba-slider-wrap .ba-slider-button{width:56px;height:56px;border-radius:50%;background:#fff;border:2px solid #099157;border-color:var(--color-broccoli-neon);padding:0;pointer-events:none;position:absolute;left:calc(50% - 29px);top:calc(50% - 28px);display:flex!important;cursor:pointer;align-items:center;justify-content:center;transition:background .25s ease;z-index:10}.ba-slider-wrap .ba-slider-button div:first-child,.ba-slider-wrap .ba-slider-button div:last-child{width:2px;height:350px;pointer-events:none;background:var(--color-broccoli-neon);position:absolute;left:50%;z-index:1;transform:translate(-50%);display:none}.ba-slider-wrap .ba-slider-button div:first-child{bottom:100%}.ba-slider-wrap .ba-slider-button div:last-child{top:100%}.ba-slider-wrap .ba-slider-button:before,.ba-slider-wrap .ba-slider-button:after{content:"";padding:6px;pointer-events:none;display:inline-block;border:solid #099157;border-color:var(--color-broccoli-neon);border-width:0 2px 2px 0;transition:border-color .25s ease}.ba-slider-wrap .ba-slider-button:before{transform:rotate(135deg)}.ba-slider-wrap .ba-slider-button:after{transform:rotate(-45deg)}.ba-slider-wrap .ba-slider:hover+.ba-slider-button{background:#099157;background-color:var(--color-broccoli-neon)}.ba-slider-wrap .ba-slider:hover+.ba-slider-button:before,.ba-slider-wrap .ba-slider:hover+.ba-slider-button:after{border-color:#fff}@media screen and (min-width: 750px){.ba-imgtext{font-size:16px;padding-top:40px}}@media screen and (min-width: 990px){.fnsection-baslider{padding-top:120px;padding-bottom:200px}.ba-imgtext{font-size:18px;height:auto!important;padding-top:0}.ba-image{padding-bottom:0!important}}@media screen and (min-width: 1280px){.ba-imgtext{font-size:22px}}@media screen and (max-width: 989px){.ba-wrap{overflow:hidden}.fnsection-baslider .sect-cta{padding-top:30px}.ba-cont{width:80%}.ba-image img{width:100%}.ba-imgtext.logoreplace h3{width:70%;padding-bottom:13.558%}.ba-slider-wrap .ba-img .ba-imgtext.ba-textbefore{left:calc((100vw - 40px)*.4)}.ba-slider-wrap .ba-img .ba-imgtext.ba-textafter{right:auto}.ba-imgtext .inner{text-align:center;padding-top:40px}.ba-slider-wrap .ba-img .ba-imgtext{top:auto;bottom:0;left:50%;transform:translateY(0) translate(-50%)}}@media screen and (max-width: 749px){.ba-slider-wrap .ba-img.ba-foreground-img{border-right:1px solid #099157;border-right-color:var(--color-broccoli-neon)}.ba-slider-wrap .ba-slider-button{width:42px;height:42px;left:calc(50% - 22px);top:calc(50% - 21px);border:1px solid #099157;border-color:var(--color-broccoli-neon)}.ba-slider-wrap .ba-slider-button:before,.ba-slider-wrap .ba-slider-button:after{padding:4px;border-width:0 1px 1px 0}}
/*# sourceMappingURL=/cdn/shop/t/38/assets/fn-beforeafter.css.map */