.split-container>.gutter{background-repeat:no-repeat;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAYCAYAAADQ+yzZAAAAF0lEQVR4nGNcuXLlfwYGBgYmBigYHgwAkDQDKlD5/2UAAAAASUVORK5CYII=);cursor:col-resize;background-position:50%}.dark .split-container>.gutter{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAYCAYAAADQ+yzZAAAAF0lEQVR4nGMMDQ39z8DAwMDEAAXDgwEAvX0CLmW0bWcAAAAASUVORK5CYII=)}.split-container>.gutter.gutter-horizontal{cursor:col-resize;height:100%}.split-container>.gutter{background-color:var(--ewskills-primary-gutter-color);position:relative}.split-container>.gutter:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:2px;background-color:#0a626f;transform:translate(-50%);opacity:0;transition:opacity .3s ease}.split-container>.gutter:hover:before{opacity:1}@media (max-width: 780px){.split-container{flex-direction:column;overflow-y:auto;height:100%}.split-pane-left,.split-pane-right{height:auto!important;overflow:visible!important}.task-left-section,.task-right-section,.split-container>div:not(.gutter){width:100%!important}.split-container>.gutter.gutter-horizontal{display:none}.gutter.gutter-vertical{cursor:row-resize}}@media (min-width: 781px){.split-container{flex-direction:row}.split-container>.gutter.gutter-horizontal{cursor:col-resize}}