@layer split-ui-theme{.split-ui-theme-simple{--split-ui-theme-color-divider:#cbd5e1;--split-ui-theme-color-primary:#3b82f6;.split-ui-resizer{--split-ui-resizer-size:1px;background:var(--split-ui-theme-color-divider);position:relative;overflow:visible;z-index:1;&:before{content:"";position:absolute;z-index:2;width:calc(var(--split-ui-horizontal) * 12px + var(--split-ui-vertical) * 100%);height:calc(var(--split-ui-horizontal) * 100% + var(--split-ui-vertical) * 12px);left:calc(var(--split-ui-horizontal) * -6px + var(--split-ui-vertical) * 0px);top:calc(var(--split-ui-horizontal) * 0px + var(--split-ui-vertical) * -6px)}&:active,&:hover{background:color-mix(in srgb,var(--split-ui-theme-color-divider) 70%,black)}&:focus{outline:none;background:var(--split-ui-theme-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--split-ui-theme-color-primary) 30%,transparent)}}}}@layer split-ui-theme{.split-ui-theme-handle{--split-ui-theme-color-divider:#cbd5e1;--split-ui-theme-color-primary:#3b82f6;.split-ui-resizer{--split-ui-resizer-size:1px;background:var(--split-ui-theme-color-divider);position:relative;overflow:visible;&:before{content:"";z-index:1;width:calc(var(--split-ui-horizontal) * 12px + var(--split-ui-vertical) * 100%);height:calc(var(--split-ui-horizontal) * 100% + var(--split-ui-vertical) * 12px);left:calc(var(--split-ui-horizontal) * -6px + var(--split-ui-vertical) * 0px);top:calc(var(--split-ui-horizontal) * 0px + var(--split-ui-vertical) * -6px)}&:after,&:before{position:absolute}&:after{content:"⠿";left:50%;top:50%;background:white;z-index:2;border:1px solid var(--split-ui-theme-color-divider);line-height:1.5em;padding:0;border-radius:3px;transition:all .2s ease;transform:translate(-50%,-50%) rotate(calc(var(--split-ui-vertical) * 90deg))}&:active,&:hover{background:color-mix(in srgb,var(--split-ui-theme-color-divider) 70%,black);&:after{background:#f1f5f9;border-color:color-mix(in srgb,var(--split-ui-theme-color-divider) 60%,black);box-shadow:0 2px 4px rgba(0,0,0,.1)}}&:focus{outline:none;background:var(--split-ui-theme-color-primary);&:after{background:color-mix(in srgb,var(--split-ui-theme-color-primary) 20%,white);border-color:var(--split-ui-theme-color-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--split-ui-theme-color-primary) 30%,transparent),0 2px 4px rgba(0,0,0,.15)}}}}}.HandleTheme_demoPanel__9RwLj{background-color:#f8f9fa;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}@layer split-ui-theme{.split-ui-theme-vscode{--split-ui-theme-color-divider:#007acc;--split-ui-theme-color-primary:#005a9e;.split-ui-resizer{--split-ui-resizer-size:0px;background:transparent;position:relative;transition:all .15s ease-in-out .1s;overflow:visible;&:before{content:"";position:absolute;background:var(--split-ui-theme-color-divider);transition:all .15s ease-in-out .1s;opacity:0;z-index:1;left:calc(var(--split-ui-horizontal) * -2px + var(--split-ui-vertical) * 0px);top:calc(var(--split-ui-horizontal) * 0px + var(--split-ui-vertical) * -2px);width:calc(var(--split-ui-horizontal) * 4px + var(--split-ui-vertical) * 100%);height:calc(var(--split-ui-horizontal) * 100% + var(--split-ui-vertical) * 4px)}&:active,&:hover{&:before{opacity:1}}&:focus{outline:none;&:before{opacity:1;background:var(--split-ui-theme-color-primary)}}}}}.VscodeTheme_demoPanel__LCbHH{background-color:#f8f9fa;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;border-left:1px solid #dee2e6;border-top:1px solid #dee2e6;&:first-child{border-left:1px solid #dee2e6;border-top:none}}