@font-face{font-family:Koko Russo;src:url(koko-russo-one.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.koko-balm-highlight-section{padding-top:0!important;padding-bottom:0!important}.koko-balm-highlight{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 24px 16px;background:#f1f1ed;border-radius:12px;overflow:hidden}.koko-balm-highlight__photo{position:relative;aspect-ratio:6 / 5;min-width:0;margin:0;overflow:hidden}.koko-balm-highlight__slide{position:absolute;top:0;right:0;bottom:0;left:0;visibility:hidden}.koko-balm-highlight__slide.is-previous{visibility:visible;z-index:1}.koko-balm-highlight__slide.is-visible{visibility:visible;z-index:2}.koko-balm-highlight__slide.is-entering{animation:balm-benefit-slide 1.6s cubic-bezier(.4,0,.2,1) both}@keyframes balm-benefit-slide{0%{transform:translateY(-100%)}to{transform:translateY(0)}}.koko-balm-highlight__photo img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:50% 32%}.koko-balm-highlight__copy{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;padding:28px 24px;text-align:center}.koko-balm-highlight .koko-balm-highlight__copy h2{margin:0 0 18px;font-family:Arial,Helvetica,sans-serif;font-weight:400;font-size:16px;line-height:1.3;letter-spacing:0;color:#67665f}.koko-balm-highlight__words{display:grid;gap:16px;margin:0;padding:0;list-style:none}.koko-balm-highlight__words li{margin:0}.koko-balm-highlight__words button{margin:0;padding:0;display:block;width:100%;min-height:44px;border:0;border-radius:0;background:transparent;box-shadow:none;text-transform:none;cursor:pointer;font-family:Koko Russo,Arial,sans-serif;font-size:56px;font-weight:400;line-height:1.15;letter-spacing:0;color:#898982;transition:color 1.6s ease;-webkit-tap-highlight-color:transparent}.koko-balm-highlight__words button.is-touched,.koko-balm-highlight__words button.is-hovered,.koko-balm-highlight__words button:focus-visible{color:var(--koko-product-accent, #cf4c6a)}.koko-balm-highlight__words button:focus-visible{outline:2px solid #67665f;outline-offset:6px}@supports ((background-clip: text) or (-webkit-background-clip: text)){.koko-balm-highlight__word{display:inline-block;color:transparent;background-color:#898982;background-image:linear-gradient(var(--koko-product-accent, #cf4c6a),var(--koko-product-accent, #cf4c6a));background-repeat:no-repeat;background-position:left center;background-size:0% 100%;background-clip:text;-webkit-background-clip:text;transition:background-size 1.6s cubic-bezier(.4,0,.2,1)}.koko-balm-highlight__words button.is-touched .koko-balm-highlight__word,.koko-balm-highlight__words button.is-hovered .koko-balm-highlight__word,.koko-balm-highlight__words button:focus-visible .koko-balm-highlight__word{background-size:100% 100%}}@media(max-width:1199px){.koko-balm-highlight__words button{font-size:40px}}@media(max-width:767px){body.template-product #main-content .shopify-section:has(>.koko-balm-highlight){padding-top:0!important;padding-bottom:0!important}.koko-balm-highlight{grid-template-columns:minmax(0,1fr);margin:0 12px 12px}.koko-balm-highlight__photo{aspect-ratio:1}.koko-balm-highlight__copy{padding:18px}.koko-balm-highlight .koko-balm-highlight__copy h2{font-size:14px!important;margin-bottom:16px}.koko-balm-highlight__words{gap:12px}.koko-balm-highlight__words button{font-size:36px}}@media(max-width:360px){.koko-balm-highlight__words button{font-size:32px}}@media(prefers-reduced-motion:reduce){.koko-balm-highlight__words button,.koko-balm-highlight__word{transition:none}.koko-balm-highlight__slide.is-entering{animation:none}}:is(body.template-product-koko-primer-landingpage-2,body.template-product-koko-line-erase) .koko-balm-highlight{--koko-product-accent: #a9b5a2}
/*# sourceMappingURL=/cdn/shop/t/28/assets/koko-balm-highlight.css.map */