.main-layout{min-height:100vh;position:relative;box-sizing:border-box;width:100%;transition:transform .2s;background:var(--background-level-1);border-top-right-radius:16px}.main-layout[data-is-right-panel-open=true]{transform:translate(var(--main-layout-right-panel-width))}.main-layout__right-panel{width:0px;transition:width .2s;bottom:0;position:fixed;box-sizing:border-box;right:0;top:0;margin:0;padding:0;background:var(--background-level-0)}.main-layout__right-panel[data-is-right-panel-open=true]{width:min(var(--main-layout-right-panel-width),100vw)}