/*! Copyright (c) 2024 Guille Sanchez */:root{--background-color:#414141;--text-color:#fff;--text-color-dim:#bbb;--text-color-disabled:#838383;--text-color-result:#4fff9f;--text-color-green:#00db46;--text-color-red:#ff0f43;--text-color-error:#ff7884;--drop-zone-bg:#007eff36;--drop-zone-bg-hover:#4a4c4f;--drop-zone-border-color:#00dcff;--btn-disabled-text-color:#fff;--icons-base-color:#fff;--result-box-empty:linear-gradient(#616161,#616161) padding-box,linear-gradient(66.77deg,#ffffff00,#ffffff00) border-box;--result-box-output:linear-gradient(#2f4b36,#2f4b36) padding-box,linear-gradient(66.77deg,#41ff74,#41ff74) border-box;--compare-btn-color-disabled:linear-gradient(66.77deg,#414141,#414141) border-box padding-box,linear-gradient(66.77deg,#838383,#838383) border-box;--compare-btn-color-enabled:linear-gradient(66.77deg,#572513,#695e15) border-box padding-box,linear-gradient(66.77deg,#fe8152,#f9df30) border-box;--drop-zone-border-bg-color:#ccc}._oaa{--background-color:#dfdfdf;--text-color:#000;--text-color-dim:#696b71;--text-color-disabled:#818181;--text-color-result:#00ab6d;--text-color-green:#00ab37;--text-color-red:#e50032;--text-color-error:#721c24;--drop-zone-bg:#cdd4dc;--drop-zone-bg-hover:#d5d5d5;--drop-zone-border-color:#007bff;--btn-disabled-text-color:#000;--icons-base-color:#414141;--result-box-empty:linear-gradient(#c7c7c7,#c7c7c7) padding-box,linear-gradient(66.77deg,#ffffff00,#ffffff00) border-box;--result-box-output:linear-gradient(#d4edda,#d4edda) padding-box,linear-gradient(66.77deg,#41ff74,#41ff74) border-box;--compare-btn-color-disabled:linear-gradient(66.77deg,#c5c5c5,#c5c5c5) border-box padding-box,linear-gradient(66.77deg,#898989,#898989) border-box;--compare-btn-color-enabled:linear-gradient(66.77deg,#fe8152,#f9df30) border-box padding-box,linear-gradient(66.77deg,#572513,#695e15) border-box;--drop-zone-border-bg-color:#858585}body{background-color:var(--background-color);color:var(--text-color);font-family:Arial,sans-serif}._paa,body{margin:0 auto}._paa{max-width:850px;padding:20px}._qaa{display:none}._qaa._ao{display:block}._raa{display:none}._raa._ao{display:block;visibility:hidden}._raa._saa{display:block;visibility:visible}._taa{align-items:center;border:2px dashed var(--drop-zone-border-bg-color);border-radius:5px;cursor:pointer;display:flex;height:200px;justify-content:center;margin:10px 0;max-height:200px;padding:20px;text-align:center}._taa._uaa{background-color:var(--drop-zone-bg)!important;border-color:var(--drop-zone-border-color)}._taa:hover{background-color:var(--drop-zone-bg-hover)}#result{background:var(--result-box-empty);border:1px solid #0000;border-radius:5px;height:12px;line-height:13px;margin-top:20px;padding:10px}._q9{background:var(--result-box-output)!important;color:var(--text-color-result);line-height:1rem}._vaa{background-color:#f8d7da;color:var(--text-color-error)}._waa{margin:20px auto;min-height:500px;width:80%}._waa,._xaa{position:relative}._xaa{height:100%;overflow:hidden;width:100%}._yaa{height:auto;left:0;object-fit:contain;position:absolute;top:0;width:100%}#imageAfter{clip-path:inset(0 50% 0 0)}#slider{-webkit-appearance:none;appearance:none;background:transparent;height:100%;margin:0;outline:none;position:absolute;transition:all .2s;width:100%}#slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#fff;box-shadow:0 0 10px rgba(0,0,0,.3);cursor:col-resize;height:100%;width:4px}._zaa{justify-content:space-between}.__aa,._zaa{align-items:center;display:flex}.__aa{background:none;border-style:none;height:40px;justify-content:center;width:45px}._aba{height:25px}._aba,._bba{color:var(--icons-base-color);cursor:pointer}._bba{width:28px}#compare-btn{background:#939393;background:var(--compare-btn-color-enabled);color:var(--text-color-enabled);cursor:pointer;left:50%;position:absolute;transform:translateX(-50%)}#compare-btn,#compare-btn:disabled{border:1px solid #0000;border-radius:999px;font-size:16px;margin:15px 0;padding:5px 10px}#compare-btn:disabled{background:#939393;background:var(--compare-btn-color-disabled);color:var(--text-color-disabled);cursor:default}#controls-main{align-items:center;display:flex;margin:15px auto;position:relative}._cba{animation:none;background:none;border-radius:50%;color:#4caf50;display:none;height:30px;margin:0 auto;width:30px}._cba._ao{animation:spin .6s linear infinite;display:block}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}._dba{color:var(--text-color);height:26px;margin:0 0 5px}._eba{align-items:center;display:inline-flex;gap:5px}._fba{color:var(--text-color-dim);padding-top:2px}._gba{display:block;pointer-events:none}._gba._hba{display:none!important}._iba{align-items:center;display:none;height:100%;justify-content:center;margin:0 auto;width:100%}._iba._ao{display:flex!important}._jba{align-content:center;height:100%;width:50%}._kba{margin:0 0 10px;width:100%}._lba{color:var(--text-color-dim);font-size:14px}._mba{color:var(--text-color-green);font-weight:900}._mba._nba{color:var(--text-color-red)!important}._oba{display:flex;height:100%;justify-content:center;max-width:50%;width:403px}._oba,._pba{max-height:100%}._pba{max-width:100%;object-fit:contain;position:inherit}/*! Copyright (c) 2024 Guille Sanchez */:root{--handle-size:50px;--handle-color:#ffffff8f;--bar-size:5px;--bar-touch:38px;--bar-color:hsla(0,0%,100%,.4);--viewer-bg-color:#1a1a1a;--bg-toggle-color:#fff}._qba{--viewer-bg-color:#313131;--bg-pattern:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill-opacity=".08" d="M1 2V0h1v1H0v1z"/></svg>')}._rba{--viewer-bg-color:#fff;--bg-pattern:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 2 2"><path fill-opacity=".05" d="M1 2V0h1v1H0v1z"/></svg>');--handle-color:#00000099;--bar-color:rgba(0,0,0,.6);--bg-toggle-color:#222}._sba{background:var(--viewer-bg-color);margin:0;transition:background .5s ease}._sba,._tba{height:100vh;overflow:hidden;width:100vw}._tba{position:relative}._tba._uba{background:var(--bg-pattern);background-size:20px 20px}._vba{transform-origin:0 0;will-change:transform}canvas{image-rendering:crisp-edges;left:0;position:absolute;top:0}#after{clip-path:inset(0 0 0 50%)}._wba{height:100vh;left:50%;pointer-events:none;position:fixed;top:0;width:0;z-index:2}._xba{background:none;cursor:col-resize;left:0;pointer-events:auto;width:var(--bar-touch)}._xba,._xba:before{height:100%;position:absolute;top:50%;transform:translate(-50%,-50%)}._xba:before{background:var(--bar-color);content:"";left:50%;pointer-events:none;width:var(--bar-size)}._yba{align-items:center;backdrop-filter:blur(7px);border:3px solid var(--handle-color);border-radius:50%;box-shadow:0 2px 8px rgba(0,0,0,.2);display:flex;height:var(--handle-size);justify-content:space-between;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:var(--handle-size)}._zba{height:20px;width:100%}._zba svg{height:100%;width:100%}.__ba{fill:#ff3385}._aca{fill:#5fb4e4}._bca{display:flex;gap:20px;justify-content:center;left:0;position:fixed;right:0;top:10px;z-index:3}._bca button{background:hsla(0,0%,100%,.9);border:none;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.1);cursor:pointer;padding:8px 16px}#close-btn{background:none;border:none;box-shadow:none;left:10px;margin:5px;padding:0;position:fixed;top:10px}._cca{width:58px}._dca{fill:#3ea3db;opacity:.77}._eca{fill:var(--bg-toggle-color)}._fca{margin:0 0 0 -4px}#reset-btn{margin:14px 0}#bg-toggle,#reset-btn{background:rgba(62,163,219,.77);color:var(--bg-toggle-color)}#bg-toggle{border:none;border-radius:50%;box-shadow:none;height:52px;margin:5px;padding:0;position:absolute;right:10px;width:52px}