.ccs-section{background:var(--ccs-bg, #efeeec);color:var(--ccs-text, #2b2b2b);padding:0 5rem}.ccs-heading{text-align:center;font-size:15px;letter-spacing:.28em;text-transform:uppercase;font-weight:500;margin:0 0 28px}.ccs-slider{position:relative;max-width:1600px;margin:0 auto;height:var(--ccs-desktop-height, 520px);overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:pan-y;background:#e3e2e0}.ccs-image-wrap{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.ccs-image-left{clip-path:inset(0 50% 0 0);will-change:clip-path}.ccs-img{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none}.ccs-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#d8d7d5;color:#8a8a8a;font-size:14px}.ccs-handle{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--ccs-accent, #fff);transform:translate(-1px);cursor:ew-resize;z-index:3}.ccs-handle-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;border-radius:50%;background:var(--ccs-accent, #fff);display:flex;align-items:center;justify-content:center;gap:3px;color:#333;box-shadow:0 2px 8px #0000002e}.ccs-handle-circle svg{display:block}.ccs-caption{position:absolute;bottom:22px;z-index:2;font-size:12px;letter-spacing:.08em;text-transform:uppercase;pointer-events:none}.ccs-caption a{pointer-events:all}.ccs-caption-left{left:24px;text-align:left}.ccs-caption-right{right:24px;text-align:right}.ccs-caption-label{margin:0 0 4px;font-weight:600;color:var(--ccs-text, #2b2b2b)}.ccs-caption-link{text-decoration:none!important;font-size:12px;letter-spacing:.02em;text-transform:none;padding:5px 12px!important;position:relative;overflow:hidden;isolation:isolate;color:#fff;background-image:linear-gradient(to right,#fff 50%,#000 50%);background-size:200% 100%;background-position:right bottom;transition:background-position .45s ease,color 0s linear .22s}.ccs-caption-link:hover{background-position:left bottom;color:#000;transition:background-position .45s ease,color 0s linear .22s;border:1px solid #000}@media screen and (max-width:749px){.ccs-section{padding:0 16px}.ccs-slider{height:var(--ccs-mobile-height, 420px)}.ccs-heading{font-size:13px;margin-bottom:18px}.ccs-caption{bottom:14px;font-size:10.5px}.ccs-caption-left{left:14px}.ccs-caption-right{right:14px}.ccs-handle-circle{width:30px;height:30px}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-color-comparison-slider.css.map */