.white-box{background-color:#fff;border-radius:8px}.aside-panel{box-sizing:border-box;z-index:var(--aside-panel-z-index,1000);left:0;top:var(--aside-panel-top,0px);height:calc(100vh - var(--aside-panel-top,0px));max-width:100vw;transition:all .3s ease-out;position:fixed;transform:translate(0)}@media screen and (width<=767px){.aside-panel{min-width:100%}}@media screen and (width>=768px) and (width<=1023px){.aside-panel{min-width:50%}}.aside-panel--closed{opacity:0;transform:translate(-100%)}.aside-panel--right{left:auto;right:0;transform:translate(0)}.aside-panel--right.aside-panel--closed{transform:translate(100%)}.aside-panel--full-screen{--aside-panel-top:0px}.aside-panel-overlay{visibility:hidden;opacity:0;width:100%;height:100%;z-index:var(--aside-panel-overlay-z-index,999);background-color:#00000080;transition:visibility,opacity .3s;position:fixed;top:0;left:0}.aside-panel-overlay--open{visibility:visible;opacity:1}