.psmc{--psmc-pos:50%;width:100%;margin:0}.psmc-stage{position:relative;overflow:hidden;isolation:isolate}.psmc .psmc-stage img.psmc-before{display:block;width:100%;height:auto;margin:0;border-radius:0}.psmc .psmc-stage img.psmc-after{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;clip-path:inset(0 0 0 var(--psmc-pos));margin:0;border-radius:0}.psmc-label{display:none;position:absolute;top:12px;background:#103b45e8;color:white;padding:5px 10px;font:600 13px/1.4 sans-serif;pointer-events:none}.psmc-left{left:12px}.psmc-right{right:12px}.psmc-divider{display:none;position:absolute;top:0;bottom:0;left:var(--psmc-pos);width:3px;background:#fff;transform:translateX(-50%);pointer-events:none;box-shadow:0 0 4px #0008}.psmc-divider b{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#21888c;color:white;border:2px solid white;font:700 23px sans-serif}.psmc-control,.psmc-hint{display:none}.psmc-ready .psmc-label,.psmc-ready .psmc-divider{display:block}.psmc-ready .psmc-stage{cursor:ew-resize;touch-action:pan-y;user-select:none}.psmc-ready .psmc-control{display:block;font:600 14px/1.5 sans-serif;margin-top:12px}.psmc-control input{display:block;width:100%;min-height:36px;margin:2px 0;accent-color:#21888c;cursor:ew-resize}.psmc-control input:focus-visible{outline:3px solid #21888c;outline-offset:3px}.psmc-ready .psmc-hint{display:block;font:12px/1.5 sans-serif;margin:2px 0 12px;color:#455b62}.psmc:not(.psmc-ready) .psmc-after{visibility:hidden}
