.scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.scrollbar::-webkit-scrollbar {
  display: none;
}

html, body {
  margin: 0;
  padding: 0;
  height: 100vh;
  width: 100vw;
  color: var(--TEXT);
  background: var(--BACKGROUND);
  font-family: 'mainFont';
  user-select: none;
}

div#background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: #000 !important; /* TODO: 画像に置き換える */
  z-index: 2;
}

div#mainForm {
  z-index: 3;
  position: fixed;
  width: calc(100vw - 500px);
  height: calc(100vh - 200px + 32px + 24px);
  max-width: 1000px;
  max-height: calc(500px + 32px + 24px);
  min-width: 900px;
  min-height: 400px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--BACKGROUND);
  padding: 16px;
  border-radius: var(--BORDER_RADIUS_LARGE);
}
div#mainForm_contents {
  display: flex;
  height: calc(100% - 32px);
  margin-bottom: 8px;
  overflow: auto;
}
div#mainForm_subContent, div#mainForm_mainContent {
  display: block;
  width: 50%;
  height: auto;
  padding: 8px;
  position: relative;
  overflow: hidden;
}
div#mainForm_mainContent {
  border-radius: var(--BORDER_RADIUS_NORMAL);
  border-top-right-radius: 16px !important;
  background-color: var(--BACKGROUND_BLOCK_SECONDARY);
}
div#mainForm_bottomBar {
  display: flex;
  height: 32px;
  padding-left: 16px;
  padding-right: 16px;
}
div#mainForm_bottomBar_leftButtons {
  display: flex;
  width: 50%;
  height: 100%;
  justify-content: flex-start;
}
div#mainForm_bottomBar_rightButtons {
  display: flex;
  width: 50%;
  height: 100%;
  justify-content: flex-end;
}
button {
  display: block;
  height: 32px;
  background-color: var(--ACCENT_PRIMARY);
  color: var(--TEXT_ON_ACCENT);
  width: 100px;
  border: none;
  border-radius: 16px;
  text-align: center;
}
button#mainForm_bottomBar_rightButtons_button1 {
  margin-right: 8px;
  background-color: var(--ACCENT_SECONDARY);
}
div.MainForm_mainContent_pages {

}
div.MainForm_pages_hideBefore {
  transform: translateX(100%) !important;
}
div.MainForm_pages_hideAfter {
  transform: translateX(-100%) !important;
}
div.Form_page {
  position: absolute;
  display: block;
  padding: 8px;
  transition: all 1s ease;
  transform: translateX(-8px);
  overflow: auto;
}