@media(min-width: 992px){.section_compare .row.text_position_right{flex-direction:row-reverse}}@media(max-width: 991.98px){.section_compare .row{flex-direction:column-reverse;row-gap:30px}}.section_compare .row>[class*=col-]{min-width:0}.section_compare .image_container{min-width:0}.section_compare .image_container .compare-slider{display:block;width:100%;max-width:100%}@media(min-width: 992px){.section_compare .image_container .compare-slider__box{position:sticky;top:50px}}.section_compare .compare-slider__box{--position: 50%;position:relative;width:100%;min-height:0;aspect-ratio:16/10;height:auto;overflow:hidden;border-radius:var(--border-radius);background:#111;box-shadow:0 25px 70px rgba(0,0,0,.22);isolation:isolate}.section_compare .compare-slider__image{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;user-select:none;pointer-events:none}.section_compare .compare-slider__picture{position:absolute;inset:0;display:block;width:100%;height:100%}.section_compare .compare-slider__image--before{z-index:1}.section_compare .compare-slider__image--after{z-index:2;clip-path:inset(0 calc(100% - var(--position)) 0 0)}.section_compare .compare-slider__labels{position:absolute;inset:20px 20px auto 20px;z-index:3;display:flex;justify-content:space-between;pointer-events:none}.section_compare .compare-slider__labels span{padding:7px 14px;border-radius:999px;background:rgba(0,0,0,.45);color:#fff;font-size:12px;font-weight:600;letter-spacing:.06em;backdrop-filter:blur(8px)}.section_compare .compare-slider__range{position:absolute;inset:0;z-index:5;width:100%;height:100%;opacity:0;cursor:ew-resize}.section_compare .compare-slider__line{position:absolute;top:0;left:var(--position);z-index:4;width:3px;height:100%;background:hsla(0,0%,100%,.95);transform:translateX(-50%);box-shadow:0 0 18px rgba(0,0,0,.45);pointer-events:none}.section_compare .compare-slider__button{position:absolute;top:50%;left:var(--position);z-index:4;width:64px;height:64px;display:flex;align-items:center;justify-content:center;gap:4px;border-radius:50%;border:1px solid hsla(0,0%,100%,.72);background:hsla(0,0%,100%,.88);backdrop-filter:blur(10px);color:#111;font-size:28px;font-weight:500;line-height:1;transform:translate(-50%, -50%);box-shadow:0 12px 30px rgba(0,0,0,.22);pointer-events:none;transition:transform var(--transition),box-shadow var(--transition)}.section_compare .compare-slider__button span{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;transform:translateY(1px)}.section_compare .compare-slider__button span svg{display:block;width:100%;height:100%}.section_compare .compare-slider__button span svg path{fill:currentColor}.section_compare .compare-slider__box:hover .compare-slider__button,.section_compare .compare-slider__box:focus-within .compare-slider__button{transform:translate(-50%, -50%) scale(1.05);box-shadow:0 16px 36px rgba(0,0,0,.28)}@supports not (aspect-ratio: 1/1){.section_compare .compare-slider__box{height:0;padding-top:62.5%}}@media(max-width: 767.98px){.section_compare .compare-slider__box{aspect-ratio:var(--mobile-aspect-ratio, 4/3);border-radius:20px}@supports not (aspect-ratio: 1/1){.section_compare .compare-slider__box{padding-top:75%}}.section_compare .compare-slider__button{width:52px;height:52px;font-size:24px}.section_compare .compare-slider__labels{inset:14px 14px auto 14px}.section_compare .compare-slider__labels span{font-size:10px;padding:6px 11px}}
