.tt-image-comparison{position:relative;isolation:isolate;width:100%;height:auto;aspect-ratio:1200/585;overflow:hidden;border-radius:30px;background:#d9d9d9;touch-action:pan-y;user-select:none;cursor:ew-resize;--tt-position:50%;--tt-skew:2.75%}
.tt-ic-labels{margin-top:53px}.outdoor-comparison .tt-ic-labels{margin-top:59px}
.tt-ic-layer{position:absolute;inset:0;overflow:hidden;background:#d9d9d9}
.tt-ic-layer>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;pointer-events:none}
.tt-ic-right>img{object-position:var(--tt-right-position,center center);transform-origin:var(--tt-right-position,center center);transform:scale(var(--tt-right-zoom,1))}
.tt-ic-left>img{object-position:var(--tt-left-position,center center);transform-origin:var(--tt-left-position,center center);transform:scale(var(--tt-left-zoom,1))}
.tt-ic-layer::after{content:"";position:absolute;inset:0;background:#000;opacity:var(--tt-shade,0);pointer-events:none}
.tt-ic-left{clip-path:polygon(0 0,calc(var(--tt-position) + var(--tt-skew)) 0,calc(var(--tt-position) - var(--tt-skew)) 100%,0 100%)}
.tt-ic-divider{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}.tt-ic-divider path{stroke:#fff;stroke-width:2;fill:none}
.tt-ic-caption{position:absolute;z-index:4;pointer-events:none}.tt-ic-caption-left{left:53px}.tt-ic-caption-right{right:53px}
.tt-ic-labels .tt-ic-caption{top:46px}
.tt-ic-label{height:44px;min-width:180px;padding:0 18px;border-radius:6px;border:.5px solid #fff;backdrop-filter:blur(42.5px);background:rgb(255 255 255 / .18);display:flex;align-items:center;justify-content:center;gap:13px;color:#fff;font-weight:700}
.tt-ic-label-icon{width:22px!important;height:22px!important;object-fit:contain}
.tt-ic-handle{position:absolute;z-index:4;left:clamp(33px,var(--tt-position),calc(100% - 33px));top:50%;transform:translate(-50%,-50%);width:66px;height:61px;border-radius:15px;box-shadow:0 4px 4px #0004;background:#fff;display:flex;align-items:center;justify-content:center;gap:15px;pointer-events:none}
.tt-ic-handle>img{width:35px!important;height:35px!important;object-fit:contain}.tt-ic-arrow{width:10px;height:10px;border-top:2px solid #00366f;border-right:2px solid #00366f;transform:rotate(45deg)}.tt-ic-arrow-left{transform:rotate(-135deg)}
.tt-image-comparison>.tt-ic-range{position:absolute;inset:0;z-index:3;opacity:0;width:100%;height:100%;margin:0;padding:0;cursor:ew-resize;touch-action:pan-y}
.tt-image-comparison:has(.tt-ic-range:focus-visible){outline:3px solid #deb200;outline-offset:5px}
.tt-ic-navigation .tt-ic-caption{top:50%;transform:translateY(-50%);width:44%;display:flex;align-items:center;flex-direction:column;gap:24px}
.tt-ic-navigation .tt-ic-caption-left{left:3%}.tt-ic-navigation .tt-ic-caption-right{right:3%}
.tt-marketing .tt-ic-navigation h2{margin:0;color:#fff!important;font-size:64px!important;line-height:1.1!important;font-weight:700}
.tt-ic-button{display:flex;align-items:center;justify-content:center;min-height:44px;width:211px;border-radius:6px;background:#deb200;color:#00366f!important;font-size:16px;line-height:26px;font-weight:700;text-decoration:none!important;pointer-events:auto;cursor:pointer;padding:9px 16px}
.tt-ic-button:hover{background:#efc20b}.tt-ic-button:focus-visible{outline:3px solid #fff;outline-offset:4px}
.tt-ic-empty{display:grid;place-items:center;height:100%;color:#00366f}
@media(max-width:1023px){.tt-image-comparison{border-radius:20px}.tt-ic-labels,.outdoor-comparison .tt-ic-labels{margin-top:40px}.tt-ic-labels .tt-ic-caption{top:28px}.tt-ic-caption-left{left:30px}.tt-ic-caption-right{right:30px}.tt-ic-label{min-width:145px;height:38px;font-size:14px}.tt-ic-handle{width:54px;height:50px;gap:10px;left:clamp(27px,var(--tt-position),calc(100% - 27px))}.tt-marketing .tt-ic-navigation h2{font-size:44px}.tt-ic-button{width:160px}}
@media(max-width:600px){.tt-image-comparison{aspect-ratio:1.5;border-radius:15px}.tt-ic-labels,.outdoor-comparison .tt-ic-labels{margin-top:30px}.tt-ic-labels .tt-ic-caption{top:16px}.tt-ic-caption-left{left:15px}.tt-ic-caption-right{right:15px}.tt-ic-label{min-width:95px;height:30px;font-size:11px;gap:5px;padding:0 8px}.tt-ic-label-icon{width:16px!important;height:16px!important}.tt-ic-handle{width:44px;height:44px;gap:9px;border-radius:10px;left:clamp(22px,var(--tt-position),calc(100% - 22px))}.tt-ic-handle>img{width:27px!important;height:27px!important}.tt-ic-arrow{width:7px;height:7px}.tt-marketing .tt-ic-navigation h2{font-size:clamp(20px,6vw,32px)}.tt-ic-navigation .tt-ic-caption{top:27%;transform:none;gap:10px}.tt-ic-button{width:110px;max-width:100%;font-size:14px;padding:7px 10px}.tt-ic-navigation .tt-ic-caption-left{left:3%}.tt-ic-navigation .tt-ic-caption-right{right:3%}}
/* Source-wide native-widget rules must not override the comparison's fixed image canvas. */
body.tightent-site .tt-image-comparison .tt-ic-layer>img{width:100%;height:100%;max-width:none;object-fit:cover}
body.tightent-site .tt-image-comparison.tt-ic-navigation .tt-ic-caption>h2{margin:0;color:#fff!important;font-size:64px!important;line-height:1.1!important;font-weight:700}
@media(max-width:1023px){body.tightent-site .tt-image-comparison.tt-ic-navigation .tt-ic-caption>h2{font-size:44px!important}}
@media(max-width:600px){body.tightent-site .tt-image-comparison.tt-ic-navigation .tt-ic-caption>h2{font-size:clamp(20px,6vw,32px)!important}}