/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
.compare{position:relative;width:min(100%,960px);aspect-ratio:16/9;overflow:hidden;border-radius:12px;background:#111;user-select:none;touch-action:none;isolation:isolate;}.compare-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:clip-path;}.compare-img--after{z-index:1;}.compare-img--before{z-index:2;}.compare-label{position:absolute;bottom:12px;padding:6px 10px;font:600 12px/1.2 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#fff;background:color-mix(in oklab,black 50%,transparent);border-radius:6px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:4;pointer-events:none;}.compare-label--left{left:12px;}.compare-label--right{right:12px;}.compare-handle{position:absolute;inset:0;z-index:5;cursor:col-resize;outline:none;}.compare-handle-line{position:absolute;top:0;bottom:0;width:2px;left:50%;transform:translateX(-1px);background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.25),0 0 0 2px rgba(255,255,255,.12);}.compare-handle-knob{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:999px;background:#fff;box-shadow:0 4px 12px rgba(0,0,0,.35),0 0 0 2px rgba(0,0,0,.15) inset;}.compare-handle-knob::before,.compare-handle-knob::after{content:"";position:absolute;top:50%;width:8px;height:8px;border-top:2px solid #111;border-right:2px solid #111;transform:translateY(-50%) rotate(45deg);}.compare-handle-knob::before{left:10px;transform:translateY(-50%) rotate(225deg);}.compare-handle-knob::after{right:10px;}.compare:focus-within{box-shadow:0 0 0 3px #0a84ff66;}@media (prefers-reduced-motion:reduce){.compare-img--before{transition:none !important;}}
.full-image{width:100%;height:auto;}.max-width-260{max-width:260px;height:auto;margin-left:auto;margin-right:auto;}.max-width-300{max-width:300px;height:auto;margin-left:auto;margin-right:auto;}.max-width-400{max-width:400px;height:auto;margin-left:auto;margin-right:auto;}.max-width-500{max-width:500px;height:auto;margin-left:auto;margin-right:auto;}.max-width-600{max-width:600px;height:auto;margin-left:auto;margin-right:auto;}