.gba{--gba-position:50%;--gba-height:420px;--gba-line-color:#fff;--gba-line-width:3px;--gba-handle-bg:#fff;--gba-handle-ink:#3e3e3b;--gba-handle-size:48px;--gba-label-spacing:20px;position:relative;isolation:isolate;width:100%;height:var(--gba-height);overflow:hidden;border-radius:8px;background:#e9e5dc;user-select:none;-webkit-user-select:none}
.gba *{box-sizing:border-box}.gba-image{position:absolute;inset:0;overflow:hidden}.gba-image img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center center;pointer-events:none}.gba-before{clip-path:inset(0 calc(100% - var(--gba-position)) 0 0)}
.gba-label{position:absolute;z-index:2;top:var(--gba-label-spacing);padding:7px 11px;border-radius:4px;background:#212121b8;color:#fff;font-size:13px;line-height:1.3;pointer-events:none}.gba-label-before{left:var(--gba-label-spacing)}.gba-label-after{right:var(--gba-label-spacing)}
.gba-divider{position:absolute;z-index:3;left:var(--gba-position);top:0;bottom:0;width:var(--gba-line-width);background:var(--gba-line-color);transform:translateX(-50%);pointer-events:none}.gba-handle{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:var(--gba-handle-size);height:var(--gba-handle-size);border:2px solid var(--gba-line-color);border-radius:50%;background:var(--gba-handle-bg);color:var(--gba-handle-ink);box-shadow:0 2px 12px #0003;transform:translate(-50%,-50%)}.gba-handle-arrows{white-space:nowrap;font-size:25px;font-weight:700;line-height:1;letter-spacing:.12em;transform:translateY(-2px)}
.gba-range{position:absolute!important;z-index:4;inset:0!important;width:100%!important;height:100%!important;margin:0!important;padding:0!important;border:0!important;opacity:0!important;cursor:ew-resize!important;appearance:none!important;-webkit-appearance:none!important;background:transparent!important;touch-action:pan-y}.gba-range::-webkit-slider-thumb{width:36px;height:36px;appearance:none;-webkit-appearance:none}.gba-range::-moz-range-thumb{width:36px;height:36px;border:0;background:transparent}.gba-range:focus-visible~.gba-divider .gba-handle{outline:3px solid #e99a38;outline-offset:4px}
@media(max-width:767px){.gba{--gba-height:320px;--gba-label-spacing:12px}}