.product-how-it-works{color:#2a2c69;background:#faf9f4}.product-how-it-works .product-how-it-works__inner{width:100%;max-width:1280px;margin-inline:auto;padding:40px 20px}.product-how-it-works *{box-sizing:border-box}.product-how-it-works__heading{margin:0 0 20px;color:#2a2c69;font-family:var(--font-dodo)!important;font-size:30px;font-style:normal;font-weight:400;line-height:36px;letter-spacing:0;text-transform:uppercase}.product-how-it-works__steps{display:flex;flex-direction:column}.product-how-it-works__step{display:flex;gap:20px;padding:20px 0}.product-how-it-works__step+.product-how-it-works__step{padding-top:18px;border-top:1px solid #2a2c69}.product-how-it-works__number{color:#2a2c69;font-family:var(--font-dodo);font-size:38px;font-style:normal;font-weight:400;line-height:38px}.product-how-it-works__step-title{margin:0 0 4px;color:#2a2c69;font-family:var(--font-coolvetica)!important;font-size:20px;font-style:normal;font-weight:300!important;line-height:24px;letter-spacing:.5px;text-transform:capitalize}.product-how-it-works__text{color:var(--www-msklabs-com-jacarta, var(--color-blue-29, #2a2c69));font-family:var(--font-coolvetica);font-size:15px;font-style:normal;font-weight:300;line-height:20px;letter-spacing:0}.product-how-it-works__text p{margin:0;line-height:inherit}.product-how-it-works__image{height:calc(100vh - var(--header-height, 80px) - var(--announcement-bars-before-header-visible-heights, 0px) - 32px);height:calc(100dvh - var(--header-height, 80px) - var(--announcement-bars-before-header-visible-heights, 0px) - 32px);margin-top:20px}.product-how-it-works__single-image,.product-how-it-works__placeholder{display:block;width:100%;height:100%;object-fit:cover}.product-how-it-works__placeholder{background:#2a2c6914}.product-how-it-works__compare{--compare-percent: 50%;position:relative;width:100%;height:100%;aspect-ratio:auto;overflow:hidden;background:#2a2c6914}.product-how-it-works__compare-image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.product-how-it-works__compare-image--overlay{clip-path:polygon(0 0,var(--compare-percent) 0,var(--compare-percent) 100%,0 100%)}.product-how-it-works__compare-labels{position:absolute;z-index:2;top:20px;right:20px;left:20px;display:flex;justify-content:space-between;color:#2a2c69;font-family:var(--font-coolvetica);font-size:14px;line-height:1;letter-spacing:.5px;pointer-events:none;text-transform:uppercase}.product-how-it-works__compare-handle{position:absolute;z-index:3;top:0;bottom:0;left:var(--compare-percent);display:flex;width:1px;align-items:center;justify-content:center;background:#fff;pointer-events:none;transform:translate(-50%)}.product-how-it-works__compare-handle-dot{display:block;width:12px;height:12px;flex:0 0 12px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #00000026}.product-how-it-works__compare-range{position:absolute;z-index:4;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;-webkit-appearance:none;appearance:none;cursor:ew-resize;opacity:0}.product-how-it-works__compare:has(.product-how-it-works__compare-range:focus-visible){outline:2px solid #2a2c69;outline-offset:3px}@media screen and (min-width:768px){.product-how-it-works .product-how-it-works__inner{padding:80px 56px;max-width:100%}.product-how-it-works__content{display:grid;max-width:100%;margin-inline:auto;grid-template-columns:minmax(360px,.9fr) minmax(420px,1.1fr);gap:clamp(48px,7vw,96px);align-items:start}.product-how-it-works__copy{position:sticky;top:calc(var(--header-height, 80px) + 16px)}.product-how-it-works__heading{margin-bottom:28px;font-size:55px;line-height:normal}.product-how-it-works__step{display:grid;grid-template-columns:52px minmax(0,1fr);gap:34px;padding-bottom:48px;padding-top:48px}.product-how-it-works__step+.product-how-it-works__step{padding-top:48px}.product-how-it-works__number{font-size:48px;line-height:50px}.product-how-it-works__step-title{margin-bottom:6px;font-size:40px;font-style:normal;font-weight:900;line-height:normal;letter-spacing:.5px}.product-how-it-works__text{max-width:430px;font-size:24px;line-height:normal}.product-how-it-works__image{margin-top:0}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-product-how-it-works.css.map */