/**
 * Base theme: symmetric 3-columns layout, with the center column occupying all
 * screen up to mid screen size. For larger screen sizes the main column is
 * limited by the mid screen size, and the free space is filled with side
 * columns on left and right.
 */

@use "../../../styles/mixins" as *;

*,
.context,
.ad.hoc {
  &.container {
    display: flex;
    min-height: 100vh;
    overflow: hidden;
    width: 100%;
  }

  &.mainPanel {
    overflow: hidden;
    padding: 1.2em;
    width: $screen-md;
  }

  &.sidePanel {
    flex: 1;
    overflow: hidden;
  }
}