/* ---------------------------------------------------------------------------- */
/* Styles for generic GUI components                                            */
/* ---------------------------------------------------------------------------- */


/* ---------------------------------------------------------------------------- */
/* FLEXBOXES                                                                    */
/* ---------------------------------------------------------------------------- */

/* filler to take remaining space */
.flex-fill {
  display: flex;
  flex-grow: 1;
}

.flexbox {
  display: flex;
}

.flex-row {
  display: flex;
  flex-direction: row;
}

.flex-column {
  display: flex;
  flex-direction: column;
}



/* ---------------------------------------------------------------------------- */
/* VIEWPORT                                                                     */
/* ---------------------------------------------------------------------------- */

.viewport-full {
  height: 100vh;
  width: 100vw;
  overflow-x: hidden;
}



/* ---------------------------------------------------------------------------- */
/* BOX-SHADOW
/* ---------------------------------------------------------------------------- */

.box-shadow {
  box-shadow: 0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%);
}



/* ---------------------------------------------------------------------------- */
/* BODY WRAPPER
/* ---------------------------------------------------------------------------- */

#bodywrapper {
  display: flex;
  background-color: var(--color-primary-white);
}