.cs-section-wrap{width:100%;background:var(--cs-section-bg, #ffffff)}.cs-section{width:100%;max-width:var(--cs-max-width, 1200px);margin:0 auto;padding:var(--cs-padding-top, 56px) 20px var(--cs-padding-bottom, 64px)}.cs-header{max-width:620px;margin:0 0 30px}.cs-header--center{margin-right:auto;margin-left:auto;text-align:center}.cs-header--left{text-align:left}.cs-heading{margin:0;font-size:clamp(34px,4vw,54px);font-weight:500;letter-spacing:-.035em;line-height:1.02}.cs-text{max-width:72ch;margin-top:8px;font-size:16px;line-height:1.6;opacity:.72}.cs-header--center .cs-text{margin-right:auto;margin-left:auto}.cs-text p{margin:0}.cs-slider{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--cs-radius, 10px);-webkit-user-select:none;user-select:none;cursor:ew-resize;touch-action:none;background:#eee}.cs-img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}.cs-img-before{z-index:1}.cs-img-after{z-index:2}.cs-img-placeholder{display:flex;align-items:center;justify-content:center;background:#ddd}.cs-placeholder-svg{width:60%;height:60%;opacity:.5}.cs-handle{position:absolute;top:0;bottom:0;z-index:3;width:2px;background:#fff;box-shadow:0 0 6px #00000047;transform:translate(-50%);cursor:ew-resize}.cs-handle-grip{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;color:#111;background:#fff;box-shadow:0 3px 12px #0000003d;transform:translate(-50%,-50%)}.cs-handle:focus-visible .cs-handle-grip{outline:2px solid #111111;outline-offset:3px}.cs-label{position:absolute;bottom:14px;z-index:4;padding:6px 12px;border-radius:999px;font-size:14px;font-weight:600;letter-spacing:.01em;line-height:1.2;white-space:nowrap;pointer-events:none;box-shadow:0 2px 10px #00000024}.cs-label-icon{margin-right:4px}.cs-label-left{left:14px;color:#000;background:#6dd9f4}.cs-label-right{right:14px;color:#111;background:#fff}@media screen and (max-width:749px){.cs-section{padding-right:16px;padding-left:16px}.cs-header{margin-bottom:22px}.cs-heading{font-size:clamp(30px,9vw,42px)}.cs-text{margin-top:12px;font-size:15px}.cs-slider{aspect-ratio:4 / 5}.cs-label{bottom:10px;padding:6px 9px;font-size:11px}.cs-label-left{left:10px}.cs-label-right{right:10px}.cs-handle-grip{width:38px;height:38px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/tlh-compare-slider.css.map */