.ri-compare-backdrop{position:fixed;inset:0;padding:16px;z-index:450;background:#0009;backdrop-filter:blur(6px)}.ri-compare{height:100%;position:relative;border:1px solid #ffffff1f;border-radius:32px;background:#0a0a0a;box-shadow:0 0 0 1px #ffffff09;color:#eee;overflow:hidden}.ri-compare button{border:0;color:inherit;background:transparent;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.ri-compare svg{width:16px;height:16px}.rc-close{position:absolute;left:16px;top:16px;width:32px;height:32px;border-radius:50%;background:#242424!important;z-index:2}.rc-tabs{position:absolute;top:28px;left:60px;display:flex;gap:2px;background:#000;border-radius:24px;padding:2px;z-index:2}.rc-tabs button{font-size:12px;line-height:18px;padding:3px 8px;border-radius:20px}.rc-tabs button[aria-pressed=true]{background:#eee;color:#111}.rc-videos{display:flex;flex-direction:column;gap:24px;width:min(960px,calc(100% - 48px));height:calc(100% - 88px);margin:24px auto 0}.rc-frame{flex:1;min-height:0;position:relative;border-radius:20px;overflow:hidden;background:#f7fafb;border:1px solid #ffffff3a}.rc-frame video{height:100%;width:100%;display:block;object-fit:contain}.rc-label{position:absolute;left:12px;top:12px;padding:2px 8px;border-radius:20px;background:#f4f4f5;color:#111;font-size:12px;z-index:1}.rc-loading{position:absolute;inset:0;display:grid;place-items:center;background:#181818;color:#999;font-size:13px}.rc-loading[hidden]{display:none}.rc-videos[data-mode=generated] [data-side="1"],.rc-videos[data-mode=original] [data-side="0"]{display:none}.rc-inner{position:absolute;bottom:0;left:0;right:0;padding:12px 16px 16px;background:linear-gradient(transparent,#0008);color:#fff}.rc-inner>div{display:flex;align-items:center;gap:8px;height:32px}.rc-inner>div i{flex:1}.rc-inner button{width:28px;height:28px}.rc-time,.rc-duration{font-size:14px;font-variant-numeric:tabular-nums}.rc-duration{color:#b6c1c8}.ri-compare input[type=range]{height:4px;accent-color:#ddd;cursor:pointer;min-width:0;border:0;padding:0;width:100%;margin:0}.rc-inner input[type=range]{display:block;margin-top:8px;accent-color:#a9bcc1}.ri-compare footer{position:absolute;bottom:16px;left:16px;right:16px;height:32px;display:flex;align-items:center;gap:12px}.ri-compare footer button{width:32px;height:32px;flex-shrink:0}.ri-compare footer input{flex:1}.ri-compare [data-rc=loop]{position:relative}.rc-toggle{position:absolute;bottom:3px;right:0;width:18px;height:10px;border-radius:12px;background:#69894e}.rc-toggle:after{content:"";width:6px;height:6px;border-radius:50%;background:#ddd;position:absolute;right:2px;top:2px}[aria-checked=true]>.rc-toggle{background:#555}[aria-checked=true]>.rc-toggle:after{left:2px;right:auto}.rc-error{position:absolute;bottom:44px;left:32px;color:#f8a3a3;font-size:12px}.ri-compare-backdrop .rc-close:focus-visible,.ri-compare-backdrop button:focus-visible{outline:2px solid #aaa}

.ri-compare-backdrop{padding:15px}.rc-frame{border:0}.rc-error:empty{display:none}.ri-compare input[type=range]{appearance:none;-webkit-appearance:none;border-radius:5px;background:#7776;outline:none}.ri-compare input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:10px;border:2px solid #aaa;border-radius:50%;background:#151515}.rc-inner input[type=range]{height:4px;background:#b9d0d566}.rc-inner input[type=range]::-webkit-slider-thumb{width:0;height:0;border:0}.rc-inner:hover input[type=range]::-webkit-slider-thumb{width:8px;height:8px;background:#d9e3e6}.rc-inner input[data-rc-volume]{width:56px;flex:none;height:4px;background:#ddd}.rc-inner input[data-rc-volume][hidden]{display:none}.rc-tabs button[aria-pressed=true]{color:#fff}