.koko-balm-application-section{padding-top:0!important;padding-bottom:0!important}.koko-balm-application{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:0 24px 16px;color:#67665f;font-family:Arial,Helvetica,sans-serif;letter-spacing:0}.koko-balm-application__copy{display:flex;flex-direction:column;justify-content:space-between;gap:32px;min-width:0;padding:24px;background:#f1f1ed;border-radius:12px}.koko-balm-application__tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.koko-balm-application__tabs button{display:block;position:relative;width:100%;aspect-ratio:1;padding:0;border:0;border-radius:8px;overflow:hidden;background:#ecece8;cursor:pointer}.koko-balm-application img{display:block;width:100%;height:100%;object-fit:cover}.koko-balm-application__tabs img{position:absolute;top:0;right:0;bottom:0;left:0}.koko-balm-application__tabs button[aria-selected=true]{box-shadow:0 0 0 1px #96968e}.koko-balm-application button:focus-visible,.koko-balm-application [role=tabpanel]:focus-visible{outline:2px solid var(--koko-product-accent, #cf4c6a);outline-offset:4px}.koko-balm-application .koko-balm-application__instructions h2{margin:0 0 20px;font:700 14px/1.3 Arial,Helvetica,sans-serif;color:inherit;letter-spacing:0}.koko-balm-application__bottom{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:end;gap:18px}.koko-balm-application__panels{display:grid;min-width:0}.koko-balm-application__panels [role=tabpanel]{grid-area:1 / 1;min-width:0}.koko-balm-application__panels [hidden]{display:block;visibility:hidden;pointer-events:none}.koko-balm-application .koko-balm-application__panels p{margin:0;font:400 28px/1.28 Arial,Helvetica,sans-serif;color:inherit;letter-spacing:0}.koko-balm-application .koko-balm-application__panels h3{margin:0 0 12px;font:700 15px/1.35 Arial,Helvetica,sans-serif;color:inherit;letter-spacing:0;text-transform:uppercase}.koko-balm-application__number{font-weight:400;white-space:nowrap}.koko-balm-application__next{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #b4b4ac;border-radius:50%;background:transparent;color:#77776f;cursor:pointer;transition:background-color .2s ease}.koko-balm-application__next:hover{background:#e5e5df}.koko-balm-application__next svg{width:20px;height:20px}.koko-balm-application__next svg path{stroke:currentColor}.koko-balm-application__photos{position:relative;width:100%;min-width:0;min-height:100%;aspect-ratio:6 / 5;border-radius:12px;overflow:hidden;background:#f1f1ed}.koko-balm-application__photo{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;transition:opacity .4s ease}.koko-balm-application__photo.is-active{opacity:1}.koko-balm-application__photo img{object-position:center}.koko-balm-application__dots{position:absolute;bottom:16px;left:0;right:0;display:flex;justify-content:center;gap:7px}.koko-balm-application__dots span{width:6px;height:6px;border-radius:50%;background:#fff8;box-shadow:0 0 1px #777}.koko-balm-application__dots .is-active{background:#fff}@media(min-width:768px)and (max-width:1023px){.koko-balm-application__copy{padding:18px;gap:28px}.koko-balm-application__tabs{gap:8px}.koko-balm-application .koko-balm-application__panels p{font-size:22px}.koko-balm-application__bottom{gap:12px}}@media(max-width:767px){body.template-product #main-content .shopify-section:has(>.koko-balm-application){padding-top:0!important;padding-bottom:0!important}.koko-balm-application{grid-template-columns:minmax(0,1fr);gap:0;margin:0 12px 12px}.koko-balm-application__copy{padding:18px;gap:18px}.koko-balm-application__tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.koko-balm-application__tabs button:last-child:nth-child(odd){grid-column:1 / -1;aspect-ratio:2.2}.koko-balm-application .koko-balm-application__instructions h2{font-size:13px!important;margin-bottom:16px}.koko-balm-application .koko-balm-application__panels p{font-size:24px}.koko-balm-application .koko-balm-application__panels h3{font-size:15px!important}.koko-balm-application__bottom{gap:12px}.koko-balm-application__photos{display:none}}@media(max-width:360px){.koko-balm-application .koko-balm-application__panels p{font-size:22px}}@media(max-width:767px){body.template-product-koko-peptide-eye-repair .koko-balm-application__tabs [data-application-step="2"] img{object-position:50% 20%}}@media(prefers-reduced-motion:reduce){.koko-balm-application__photo,.koko-balm-application__next{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/28/assets/koko-balm-application.css.map */