/**
 * @file
 * Base Layout.
 */

html {
  height: 100%;
  font-size: 16px;
}

body {
  height: 100%;
  line-height: var(--base-line-height);
  font-family: var(--base-font), sans-serif;
  color: var(--base-font-color);
}

.dialog-off-canvas-main-canvas {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}

.main-layout {
  margin-bottom: auto;
}

.container {
  width: 100%;
  max-width: var(--container-width);
  padding-left: var(--container-padding);
  padding-right: var(--container-padding);
  margin-left: auto;
  margin-right: auto;
}

.light-scrollbar::-webkit-scrollbar-track {
  border-radius: 0;
  background: var(--color-white);
  -webkit-box-shadow: inset 0 0 6px transparent;
}

.light-scrollbar::-webkit-scrollbar-thumb {
  height: 80px;
  border-radius: 10px;
  background: var(--base-color);
  -webkit-box-shadow: inset 0 0 6px transparent;
}

.light-scrollbar::-webkit-scrollbar {
  width: 6px;
}