.flex_row, .C_list, .C_btn, .C_options_holder, .C_options, .C_main {
  display: flex;
  flex-flow: row nowrap;
}

.flex_col {
  display: flex;
  flex-flow: column nowrap;
}

.fill, .C_main {
  width: 100%;
  height: 100%;
}

.C_main {
  padding-left: 0.5rem;
}
@media only screen and (orientation: portrait) {
  .C_main {
    padding-left: 0rem;
  }
}

.C_options {
  height: 100%;
  width: 100%;
  gap: 0.5rem;
}
@media only screen and (orientation: portrait) {
  .C_options {
    border-bottom: var(--color_1) solid 0.5rem;
    padding: unset;
    padding: 0rem 0.5rem;
    justify-content: center;
    box-shadow: none;
  }
}
.C_options_holder {
  flex: 1;
  height: 100%;
  justify-content: start;
}
@media only screen and (orientation: portrait) {
  .C_options_holder {
    flex: 1;
    height: 100%;
  }
}

.C_btn {
  align-items: center;
  padding: 0.5rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  margin-top: 0.5rem;
  justify-content: start;
  background-color: var(--color_4);
  cursor: pointer;
}
@media only screen and (orientation: portrait) {
  .C_btn {
    flex-flow: column nowrap;
    justify-content: center;
    padding: 1rem;
  }
}
.C_btn_label {
  color: var(--color_1);
  font-weight: bold;
  font-size: 1rem;
}
@media only screen and (orientation: portrait) {
  .C_btn_label {
    font-size: 0.8rem;
    text-align: center;
  }
}
.C_btn_label_selected, .C_btn:hover .C_btn_label {
  color: var(--color_4);
}
@media only screen and (orientation: portrait) {
  .C_btn_label_selected, .C_btn:hover .C_btn_label {
    font-size: 0.8rem;
    text-align: center;
  }
}
.C_btn_svg, .C_btn_svg_selected, .C_btn:hover .C_btn_svg, .C_btn:hover .C_btn_svg_selected {
  fill: var(--color_1);
  width: 2.5rem;
  padding-right: 0.5rem;
}
@media only screen and (orientation: portrait) {
  .C_btn_svg, .C_btn_svg_selected, .C_btn:hover .C_btn_svg, .C_btn:hover .C_btn_svg_selected {
    padding: 0rem;
    width: 2rem;
  }
}
.C_btn_svg_selected, .C_btn:hover .C_btn_svg, .C_btn:hover .C_btn_svg_selected {
  fill: var(--color_4);
}
.C_btn_selected, .C_btn:hover {
  background-color: var(--color_1);
  color: var(--color_1);
}
@media only screen and (orientation: portrait) {
  .C_btn_selected, .C_btn:hover {
    justify-content: center;
  }
}