.text-with-comparison{width:100%;overflow:hidden;font-family:DM Sans,sans-serif;font-weight:400;background-color:#f7f6f7}.text-with-comparison--container{width:100%;max-width:1300px;margin:0 auto;display:flex;flex-direction:column;gap:40px;padding:0 20px;box-sizing:border-box}@media screen and (min-width: 768px){.text-with-comparison--container{flex-direction:row;align-items:flex-start;gap:40px}.text-with-comparison--content{flex:1;width:50%;max-width:50%;padding-right:20px;box-sizing:border-box}.text-with-comparison--image-comparison{flex:1;width:50%;max-width:50%;box-sizing:border-box}.text-with-comparison--container.content-right{flex-direction:row-reverse}.text-with-comparison--container.content-right .text-with-comparison--content{padding-right:0;padding-left:20px}}.text-with-comparison--content{padding:0;display:flex;flex-direction:column;gap:20px;box-sizing:border-box}.text-with-comparison--benefits-heading{font-size:17px;font-weight:400;margin:0;color:#121212;text-transform:none}.text-with-comparison--main-heading{font-size:25px;line-height:1.2;margin:0;font-weight:400;color:#121212;text-transform:none}.text-with-comparison--divider{border:none;height:1px;background-color:#e0e0e0;margin:0;width:100%}.text-with-comparison--benefits-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}.text-with-comparison--benefit-item{font-size:17px;line-height:1.4;color:#121212;display:flex;align-items:center;gap:8px;text-transform:none}.arrow-icon{font-size:17px;color:#121212}.text-with-comparison--body-text{font-size:17px;line-height:1.6;color:#121212}.text-with-comparison--buttons{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.text-with-comparison--button{padding:12px 24px;text-decoration:none;border-radius:4px;font-weight:400;font-size:17px;text-align:center;transition:all .3s ease;display:inline-block;text-transform:none}.text-with-comparison--button.primary{background-color:#00ab9f;color:#fff;border:1px solid #00AB9F}.text-with-comparison--button.primary:hover{background-color:#008f85}.text-with-comparison--button.secondary{background-color:#f5f5f5;color:#121212;border:1px solid #f5f5f5}.text-with-comparison--button.secondary:hover{background-color:#e5e5e5}.text-with-comparison--button.outline{background-color:transparent;color:#121212;border:1px solid #121212}.text-with-comparison--button.outline:hover{background-color:#0000000d}.text-with-comparison--image-comparison{position:relative;width:100%;box-sizing:border-box}.image-comparison--container{position:relative;width:100%;overflow:hidden;border-radius:0;box-shadow:none;aspect-ratio:754 / 663;box-sizing:border-box}@media screen and (max-width: 767px){.image-comparison--container{aspect-ratio:1 / 1.2;height:auto}}.divider-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background-color:#00ab9f;z-index:15;pointer-events:none;transition:left .1s ease}.comparison-image{position:absolute;top:0;left:0;height:100%;width:100%;overflow:hidden}.image-left{z-index:1}.image-right{z-index:0;width:100%}.comparison-image img{height:100%;width:100%;object-fit:cover;object-position:center}.comparison-caption{position:absolute;padding:5px 12px;background-color:#333;color:#fff;font-size:17px;font-weight:400;z-index:2;text-transform:none}.before-caption{bottom:20px;left:20px}.after-caption{bottom:20px;right:20px}@media screen and (max-width: 767px){.before-caption,.after-caption{font-size:14px;padding:4px 8px}.before-caption{bottom:10px;left:10px}.after-caption{bottom:10px;right:10px}.comparison-slider-icon{width:36px;height:36px}.comparison-slider-icon svg{width:20px;height:20px}}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.comparison-slider{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-appearance:none;appearance:none;background:transparent;margin:0;cursor:col-resize;z-index:10}.comparison-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:4px;height:100%;background:#00ab9f99;opacity:0}.comparison-slider::-moz-range-thumb{-webkit-appearance:none;appearance:none;width:4px;height:100%;background:#00ab9f99;opacity:0}.comparison-slider-icon{position:absolute;top:50%;transform:translateY(-50%);width:44px;height:44px;border-radius:50%;pointer-events:none;z-index:20;opacity:1;transition:transform .3s ease;background-color:#00ab9f;box-shadow:0 2px 6px #0003;display:flex;align-items:center;justify-content:center}.comparison-slider-icon svg{width:24px;height:24px}.image-comparison--container:after{display:none}.placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px;color:#666;background-color:#f5f5f5}.text-with-comparison--fine-print{margin-top:16px;font-size:12px;line-height:1.5;color:#666;font-style:italic;text-align:left;font-family:DM Sans,sans-serif;font-weight:400}@media screen and (max-width: 767px){.text-with-comparison--fine-print{font-size:11px;margin-top:12px}}
/*# sourceMappingURL=/cdn/shop/t/43/assets/text-with-comparison.css.map */