.comparison[data-v-553fd580]{aspect-ratio:16/8.2;cursor:ew-resize;touch-action:pan-y;background:#111;border-radius:12px;position:relative;overflow:hidden}.comparison[data-v-553fd580],.comparison__image[data-v-553fd580]{-webkit-user-select:none;user-select:none;width:100%}.comparison__image[data-v-553fd580]{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;pointer-events:none;height:100%;display:block;position:absolute;inset:0}.comparison__image--before[data-v-553fd580]{filter:saturate(.92)brightness(.94)contrast(.98)}.comparison__after[data-v-553fd580]{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.comparison__image--after[data-v-553fd580]{filter:saturate(1.08)brightness(1.04)contrast(1.06)}.comparison__label[data-v-553fd580]{z-index:3;color:#fff;letter-spacing:.04em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none;background:#00000085;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;min-width:66px;height:34px;padding:0 16px;font-size:12px;font-weight:650;line-height:1;display:inline-flex;position:absolute;top:24px}.comparison__label--before[data-v-553fd580]{left:24px}.comparison__label--after[data-v-553fd580]{border-color:#f582208c;right:24px}.comparison__divider[data-v-553fd580]{z-index:4;pointer-events:none;background:#ffffffeb;width:2px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.comparison__handle[data-v-553fd580]{background:var(--color-primary);color:#fff;cursor:ew-resize;pointer-events:auto;width:58px;height:58px;transition:transform var(--transition),background-color var(--transition);border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 30px #00000059,0 0 0 5px #00000014}.comparison__handle svg[data-v-553fd580]{width:34px;height:34px}.comparison__handle[data-v-553fd580]:focus-visible{outline-offset:4px;outline:3px solid #fff}.comparison--dragging .comparison__handle[data-v-553fd580]{transform:translate(-50%,-50%)scale(1.06)}@media (hover:hover){.comparison__handle[data-v-553fd580]:hover{transform:translate(-50%,-50%)scale(1.06)}}@media (width<=600px){.comparison[data-v-553fd580]{aspect-ratio:4/3;border-radius:10px}.comparison__label[data-v-553fd580]{min-width:56px;height:30px;padding:0 12px;font-size:10px;top:14px}.comparison__label--before[data-v-553fd580]{left:14px}.comparison__label--after[data-v-553fd580]{right:14px}.comparison__handle[data-v-553fd580]{width:50px;height:50px}.comparison__handle svg[data-v-553fd580]{width:30px;height:30px}}