#cmp{position:absolute;inset:0;z-index:1;overflow:hidden;--x:50%}
#cmp[hidden]{display:none}
.cmp-map{position:absolute;inset:0}
.cmp-l{clip-path:inset(0 calc(100% - var(--x)) 0 0)}
.cmp-r{clip-path:inset(0 0 0 var(--x))}
.cmp-div{position:absolute;top:0;bottom:0;left:var(--x);width:44px;margin-left:-22px;cursor:ew-resize;touch-action:none;outline:0}
.cmp-div::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 0 1px rgba(29,36,51,.22),0 0 12px rgba(29,36,51,.25)}
.cmp-knob{position:absolute;top:calc((100% - var(--sheet-h,0px))/2);left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border-radius:50%;background:#fff;color:var(--brand,#0058d2);display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(29,36,51,.3),0 0 0 1px rgba(29,36,51,.1)}
.cmp-div:hover .cmp-knob,.cmp-div.is-drag .cmp-knob{background:#eef4fd}
.cmp-div:focus-visible .cmp-knob{outline:2px solid var(--brand,#0058d2);outline-offset:2px}
.cmp-lab{position:absolute;top:16px;padding:7px 11px;border-radius:6px;background:rgba(255,255,255,.95);box-shadow:0 1px 6px rgba(29,36,51,.22);font:600 13px/16px Onest,system-ui,sans-serif;color:var(--ink,#1d2433);white-space:nowrap;pointer-events:none}
.cmp-lab-l{right:calc(100% - var(--x) + 16px)}
.cmp-lab-r{left:calc(var(--x) + 16px)}
.cmp-btn[aria-pressed="true"]{background:#e8f0fd;color:var(--brand,#0058d2)}
@media (max-width:760px){.cmp-lab{top:14px;padding:6px 9px;font-size:12px}.cmp-lab-l{right:calc(100% - var(--x) + 14px)}.cmp-lab-r{left:calc(var(--x) + 14px)}}

/* pe telefon --sheet-h (din v2.js) ține butonul deasupra foii */
.cmp-lab.is-off{visibility:hidden}