.okviri-ba{--okviri-ba-position:50%;--okviri-ba-ratio:4 / 3;--okviri-ba-fit:cover;--okviri-ba-accent:#c7a05a;--okviri-ba-radius:2px;width:100%}.okviri-ba__stage{position:relative;width:100%;aspect-ratio:var(--okviri-ba-ratio);overflow:hidden;border-radius:var(--okviri-ba-radius);background:#f8f7f0;touch-action:pan-y;user-select:none}.okviri-ba__image,.okviri-ba__after{position:absolute;inset:0;width:100%;height:100%}.okviri-ba__image{display:block;max-width:none;object-fit:var(--okviri-ba-fit);object-position:center}.okviri-ba__after{overflow:hidden;clip-path:inset(0 calc(100% - var(--okviri-ba-position)) 0 0)}.okviri-ba__divider{position:absolute;z-index:4;top:0;bottom:0;left:var(--okviri-ba-position);width:2px;transform:translateX(-1px);background:var(--okviri-ba-accent);box-shadow:0 0 0 1px rgb(0 0 0 / .08);pointer-events:none}.okviri-ba__handle{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:42px;height:42px;transform:translate(-50%,-50%);border:2px solid #fff;border-radius:50%;background:var(--okviri-ba-accent);color:#fff;font:600 18px/1 Arial,sans-serif;box-shadow:0 3px 16px rgb(0 0 0 / .22)}.okviri-ba__range{position:absolute;z-index:5;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.okviri-ba__range:focus-visible+*{outline:none}.okviri-ba__stage:focus-within{outline:2px solid var(--okviri-ba-accent);outline-offset:3px}.okviri-ba__label{position:absolute;z-index:3;bottom:12px;padding:6px 9px;background:rgb(32 34 33 / .78);color:#fff;font:600 11px/1 Arial,sans-serif;letter-spacing:.08em;pointer-events:none}.okviri-ba__label--before{left:12px}.okviri-ba__label--after{right:12px}@media (max-width:600px){.okviri-ba__handle{width:38px;height:38px;font-size:16px}.okviri-ba__label{bottom:8px;padding:5px 7px;font-size:10px}.okviri-ba__label--before{left:8px}.okviri-ba__label--after{right:8px}}@media (prefers-reduced-motion:reduce){.okviri-ba,.okviri-ba *{scroll-behavior:auto!important;transition:none!important}}