.comparison-viewport{position:relative;width:100%;height:20em;overflow:hidden;border:2px solid rgba(0,0,0,.1);border-radius:8px;background:#fafafa;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;cursor:default}.comparison-viewport_zoomed{cursor:-webkit-grab;cursor:grab}.comparison-viewport_zoomed:active{cursor:-webkit-grabbing;cursor:grabbing}.comparison-viewport__media-layer{position:absolute;inset:0;pointer-events:none}.comparison-viewport__before-clip{z-index:1}.comparison-viewport__media{position:absolute;top:50%;left:50%;display:block;max-width:none;transform-origin:center;will-change:transform}.comparison-viewport__label{position:absolute;top:.5em;z-index:4;padding:.15em .5em;border-radius:3px;background:rgba(56,64,75,.78);color:#fff;font-size:.75em;font-weight:600;line-height:1.4;pointer-events:none}.comparison-viewport__label_before{left:.5em}.comparison-viewport__label_after{right:.5em;background:var(--color-primary-overlay-strong)}.comparison-divider{position:absolute;z-index:5;top:0;bottom:0;width:2.75em;margin-left:-1.375em;border:0;background:transparent;color:var(--color-primary);cursor:ew-resize;touch-action:none}.comparison-divider__line{position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translateX(-50%);background:currentColor;box-shadow:1px 0 rgba(255,255,255,.65)}.comparison-divider__handle{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:2em;height:2em;transform:translate(-50%,-50%);border:2px solid;border-radius:50%;background:#fff;box-shadow:0 1px 4px rgba(0,0,0,.25);font-size:.8em;font-weight:700;line-height:1}.comparison-zoom{position:absolute;z-index:6;right:.5em;bottom:.5em;display:flex;align-items:stretch;overflow:hidden;border:1px solid rgba(56,64,75,.35);border-radius:4px;background:rgba(255,255,255,.94);box-shadow:0 1px 3px rgba(0,0,0,.14)}.comparison-zoom button{min-width:2.25rem;height:2rem;border:0;background:transparent;color:var(--color-dark);cursor:pointer;font:inherit;font-weight:600}.comparison-zoom button:focus-visible,.comparison-zoom button:hover:not(:disabled){background:var(--color-primary-soft);color:var(--color-primary)}.comparison-zoom button:disabled{color:#999;cursor:default}.comparison-zoom__percentage{min-width:3.8rem!important;border-right:1px solid var(--color-line)!important;border-left:1px solid var(--color-line)!important;font-feature-settings:"tnum"!important;font-variant-numeric:tabular-nums!important}.comparison-animation-message,.comparison-status{min-height:1.4em;margin-top:.5em;color:var(--color-text-light);font-size:.82em;line-height:1.4;text-align:center}.comparison-animation-message_error,.comparison-status_error{color:var(--color-danger)}.comparison-status__spinner{display:inline-block;width:.8em;height:.8em;margin-right:.4em;border:2px solid var(--color-primary-placeholder);border-top-color:var(--color-primary);border-radius:50%;vertical-align:-.08em;animation:comparison-spin .8s linear infinite}@keyframes comparison-spin{to{transform:rotate(1turn)}}.frame-counter__field{display:flex;align-items:center;min-width:5.5em;height:2.25em;padding:0 .45em;border:2px solid var(--color-dark);border-radius:4px;color:var(--color-dark);font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.frame-counter__input{min-width:2ch;max-width:5ch;border:0;outline:0;background:transparent;color:inherit;font:inherit;text-align:right}.frame-counter__input[aria-invalid=true]{color:var(--color-danger)}.frame-counter__total{white-space:nowrap}.quality__lossless{display:flex;align-items:center;justify-content:center;gap:.3em;margin-bottom:.625em;color:var(--color-dark);font-size:.82em;font-weight:600;white-space:nowrap;cursor:pointer}.quality__lossless input{width:1rem;height:1rem;accent-color:var(--color-primary)}@media screen and (max-width:555px){.settings_comparison .settings__content{display:block;padding:0 .75em .75em}.settings_comparison .settings__compare-outer{margin-right:0;padding-top:1em}.settings_comparison .settings__quality-outer{width:100%;height:auto;padding:.75em 0 0;overflow:visible}.settings_comparison .quality{display:grid;grid-template-columns:4.5em minmax(0,1fr) auto;grid-template-areas:"field range apply" "lossless lossless lossless";grid-gap:.5em;gap:.5em;align-items:center}.settings_comparison .quality__field{grid-area:field;min-width:0}.settings_comparison .quality__title{width:auto;margin:0 0 .35em;font-size:.85em}.settings_comparison .quality__input{margin:0}.settings_comparison .quality__range-outer{grid-area:range;height:2.5em;margin:0}.settings_comparison .quality__range-input{position:static;width:100%;height:2.5em;margin:0;transform:none;writing-mode:horizontal-tb;direction:ltr}.settings_comparison .quality__range-input::-webkit-slider-runnable-track{width:100%;height:8px}.settings_comparison .quality__range-input::-webkit-slider-thumb{margin:-7px 0 0}.settings_comparison .quality__range-input::-moz-range-track{width:100%;height:8px}.settings_comparison .quality__button{grid-area:apply;width:auto;min-width:4.5em;height:2.5em;padding:0 .75em}.settings_comparison .quality__lossless{grid-area:lossless;justify-content:flex-start;margin:0}.comparison-viewport{height:16em}.comparison-zoom{right:.35em;bottom:.35em}.frame-counter{gap:.3em}.frame-counter__button{width:2.65em}.frame-counter__field{min-width:4.8em;padding:0 .25em}}@media (prefers-reduced-motion:reduce){.comparison-status__spinner{animation-duration:1.8s}}