.container{width:100%;height:-webkit-fill-available;display:flex}.drawer{opacity:1;min-width:0;transition:transform .3s ease-in-out,min-width .3s ease-in-out,flex-basis .3s ease-in-out,opacity .3s ease-in-out;position:relative;transform:translate(0)}.drawer-left.closed{opacity:0;min-width:0;transform:translate(-100%);border:none!important;flex-basis:0!important}.drawer-right.closed{opacity:0;min-width:0;transform:translate(100%);border:none!important;flex-basis:0!important}.main-content{flex-direction:column;flex-grow:1;min-width:300px;display:flex}.controls{gap:8px;margin-bottom:16px;display:flex}.resize-handle{cursor:col-resize;z-index:10;width:5px;position:absolute;top:0;bottom:0;right:0}.resize-handle-right{cursor:col-resize;z-index:10;width:5px;position:absolute;top:0;bottom:0;left:0}@media (max-width:600px){.drawer-left{flex-basis:75%;min-width:75%;max-width:75%}.drawer-right{display:none}.hover-drawer{min-width:75%;max-width:75%}}@media (min-width:600px) and (max-width:1240px) and (orientation:portrait){.drawer-left{flex-basis:37.5%;min-width:37.5%;max-width:50%}.drawer-right{display:none}.hover-drawer{flex-basis:37.5%;min-width:25%;max-width:25%}}@media (min-width:600px) and (max-width:1240px) and (orientation:landscape){.drawer-left{flex-basis:25%;min-width:25%;max-width:37.5%}.drawer-right{display:none}.hover-drawer{flex-basis:25%;min-width:25%;max-width:25%}}@media (min-width:1240px){.drawer-left{flex-basis:16.6667%;min-width:16.6667%;max-width:33.3333%}.drawer-right{flex-basis:33.3333%;min-width:33.3333%;max-width:50%;display:block}.hover-drawer{flex-basis:16.6667%;min-width:16.6667%;max-width:16.6667%}}.hover-drawer{z-index:1600;opacity:0;background-color:#f4f4f4;height:calc(100% - 56px);transition:transform .3s,opacity .3s ease-in-out;position:fixed;top:48px;left:8px;overflow-y:auto;transform:translate(-100%);box-shadow:2px 0 5px #0003}.hover-drawer.open{opacity:1;transform:translate(0)}