.image-comparison-slider[data-v-00c4fc91],.image-comparison-slider .image-comparison[data-v-00c4fc91]{width:100%;position:relative;overflow:hidden}.image-comparison-slider .image-comparison[data-v-00c4fc91]{height:100%;cursor:ew-resize;-webkit-user-select:none;-moz-user-select:none;user-select:none}.image-comparison-slider .image-comparison .hd-image[data-v-00c4fc91],.image-comparison-slider .image-comparison .standard-image[data-v-00c4fc91]{position:absolute;top:0;left:0;width:100%;height:100%}.image-comparison-slider .image-comparison .hd-image img[data-v-00c4fc91],.image-comparison-slider .image-comparison .standard-image img[data-v-00c4fc91]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.image-comparison-slider .image-comparison .standard-image[data-v-00c4fc91]{z-index:1}.image-comparison-slider .image-comparison .hd-image[data-v-00c4fc91]{z-index:2}.image-comparison-slider .image-comparison .standard-badge[data-v-00c4fc91]{position:absolute;padding:var(--base-size-6) calc(var(--base-size-10)*1.1);color:#fff;font-size:var(--base-size-14);font-weight:400;z-index:10;pointer-events:none;background:#080e1b66;border-radius:var(--base-size-6);border:1px solid #363c5e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);top:calc(var(--base-size-10)*3);left:calc(var(--base-size-10)*3)}.image-comparison-slider .image-comparison .standard-badge.size-small[data-v-00c4fc91]{padding:var(--base-size-4) var(--base-size-10);font-size:var(--base-size-12);top:var(--base-size-10);left:var(--base-size-10)}.image-comparison-slider .image-comparison .slider[data-v-00c4fc91]{position:absolute;top:0;bottom:0;width:1px;background:linear-gradient(180deg,#ffffff4d,#fff 50%,#ffffff4d);cursor:ew-resize;z-index:4;transform:translate(-50%);pointer-events:none}.image-comparison-slider .image-comparison .slider[data-v-00c4fc91]:before{content:"";position:absolute;top:0;left:-1px;width:3px;height:100%;background:linear-gradient(180deg,#fff0,#fff 50%,#fff0)}.image-comparison-slider .image-comparison .slider-handle[data-v-00c4fc91]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(var(--base-size-10)*3);height:calc(var(--base-size-10)*3);background:#06060866;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;border:1px solid #fff;cursor:ew-resize;pointer-events:none}.image-comparison-slider .image-comparison .slider-handle .slider-icon[data-v-00c4fc91]{width:calc(var(--base-size-10)*2.4);height:calc(var(--base-size-10)*2.4);pointer-events:none}.image-comparison-slider .image-comparison .slider-handle .slider-icon img[data-v-00c4fc91]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;pointer-events:none}.image-comparison-slider .image-comparison .mode-tabs[data-v-00c4fc91]{position:absolute;display:flex;gap:2px;z-index:10;cursor:default;background:#191a1e;box-shadow:4px 4px 10px #0000004d;border-radius:var(--base-size-6);border:1px solid #575e87;padding:var(--base-size-6);box-sizing:border-box;bottom:calc(var(--base-size-10)*3);right:calc(var(--base-size-10)*3)}.image-comparison-slider .image-comparison .mode-tabs .tab[data-v-00c4fc91]{display:flex;align-items:center;gap:4px;font-weight:400;font-size:var(--base-font-size);color:#ebf8ff;line-height:var(--base-size-18);text-align:center;padding:var(--base-size-6) var(--base-size-12);box-sizing:border-box;border-radius:var(--base-size-4);cursor:pointer;transition:all .2s ease}.image-comparison-slider .image-comparison .mode-tabs .tab i[data-v-00c4fc91]{font-size:var(--base-font-size)}.image-comparison-slider .image-comparison .mode-tabs .tab .tab-label[data-v-00c4fc91]{white-space:nowrap}.image-comparison-slider .image-comparison .mode-tabs .tab[data-v-00c4fc91]:hover:not(.active){background:#ffffff0d}.image-comparison-slider .image-comparison .mode-tabs .tab.active[data-v-00c4fc91]{background:linear-gradient(90deg,#e2ffd1,#f8ffef),#ffffff0f;color:#212332}.image-comparison-slider .image-comparison .mode-tabs.size-small[data-v-00c4fc91]{bottom:var(--base-size-10);right:var(--base-size-10);padding:var(--base-size-4);gap:1px}.image-comparison-slider .image-comparison .mode-tabs.size-small .tab[data-v-00c4fc91]{font-size:var(--base-size-12);padding:2px var(--base-size-8)}.image-comparison-slider .image-comparison .mode-tabs.size-small .tab i[data-v-00c4fc91]{font-size:var(--base-size-12)}
