.cmp-modes{flex-wrap:wrap;gap:.5rem .75rem;display:flex}.cmp-modes button{cursor:pointer;border:1px solid var(--color-rule-strong);letter-spacing:.14em;text-transform:uppercase;color:var(--color-ink-soft);padding:.5rem .9rem;font-size:.75rem;transition:background-color .3s,color .3s,border-color .3s}.cmp-modes button:hover{border-color:var(--color-grafite);color:var(--color-ink)}.cmp-modes button[aria-pressed=true]{border-color:var(--color-grafite);background:var(--color-grafite);color:var(--color-creme)}.cmp-frame{background:var(--color-grafite);--pos:50%;margin-top:1.25rem;position:relative;overflow:hidden}.cmp-frame img{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;inset:0}.cmp-after{clip-path:inset(0 0 0 var(--pos))}.cmp-tag{letter-spacing:.14em;text-transform:uppercase;color:var(--color-creme);pointer-events:none;background:#1c1c1ad1;padding:.3rem .6rem;font-size:.6875rem;position:absolute;bottom:.75rem}.cmp-tag-before{left:.75rem}.cmp-tag-after{color:var(--color-bronze-soft);right:.75rem}.cmp-line{top:0;bottom:0;left:var(--pos);background:var(--color-creme);pointer-events:none;width:1px;position:absolute}.cmp-line i{border:1px solid var(--color-creme);background:#1c1c1ad1;border-radius:9999px;width:2.25rem;height:2.25rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cmp-line i:before,.cmp-line i:after{content:"";border-top:1px solid var(--color-creme);border-left:1px solid var(--color-creme);width:.4rem;height:.4rem;position:absolute;top:50%}.cmp-line i:before{left:.55rem;transform:translateY(-50%)rotate(-45deg)}.cmp-line i:after{right:.55rem;transform:translateY(-50%)rotate(135deg)}.cmp-frame input[type=range]{opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.cmp-frame:has(input:focus-visible){outline:1.5px solid var(--color-bronze);outline-offset:4px}@media (max-width:47.99rem){.cmp-tag{letter-spacing:.1em;font-size:.5625rem;bottom:.4rem}.cmp-tag-before{left:.4rem}.cmp-tag-after{right:.4rem}}