<style include="cr-shared-style shimless-rma-shared">
#pageWrapper {
align-items: stretch;
display: flex;
flex-direction: row;
height: var(--content-container-height);
width: 100%;
}
:host([equal-panes]) #leftPane {
width: 50%;
}
:host([equal-panes]) #rightPane {
width: 50%;
}
:host([left-pane-only]) #leftPane {
margin-inline-end: 0;
width: 100%;
}
:host([left-pane-only]) #rightPane {
width: 0;
}
#leftPane {
box-sizing: border-box;
margin-inline-end: 80px;
margin-top: 112px;
width: 40%;
}
#rightPane {
box-sizing: border-box;
width: 60%;
}
</style>
<div id="pageWrapper">
<div id="leftPane">
<slot name="left-pane"></slot>
</div>
<div id="rightPane">
<slot name="right-pane"></slot>
</div>
</div>