.splitter-wrapper{aspect-ratio:3/2;border-radius:15px;margin-block-end:24%;margin-block-start:-16%;position:relative}.splitter-content{height:116%;right:0;bottom:0;left:-.5%;position:absolute;top:-12.75%;width:101%;z-index:0}.splitter-handle{background-color:var(--primary);bottom:auto;cursor:ew-resize;height:106.5%;left:25%;margin-inline-start:-.32em;position:absolute;top:0;width:.2em;z-index:2}.splitter-handle,.splitter-handle__center{align-items:center;display:flex;justify-content:center}.splitter-handle__center{grid-column-gap:.125em;grid-row-gap:.125em;background-color:#fff;border-radius:100em;box-shadow:0 2px 6px #00000014,0 10px 24px #00000024;flex:none;height:2.5em;position:relative;width:2.5em}.splitter-handle__icon{align-items:center;color:var(--background);display:flex;justify-content:center;width:1.25em}.splitter-handle__center:after{border:1px solid #fff;border-radius:100em;content:"";height:100%;left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%);transition:all .4s cubic-bezier(.35,1,.6,1);width:100%;z-index:1}.animation-desktop-flow{block-size:108%}.splitter-window{block-size:106.5%;border:2px solid var(--primary);border-radius:14px;inline-size:100%;left:0;overflow:hidden;position:absolute;top:24%}
