/*
  View Options Styles
  ------------------------------------------------------------------------------
*/

.view-options {
  flex: 0 0 (420px - $cf-marg-b);
  height: 100%;
  background-color: $g3-castle;
  margin-right: $cf-marg-b;
  border-radius: $radius;
}

.view-options--container {
  padding: $cf-marg-d;
}

.view-options--header {
  @include no-user-select();
  font-weight: 500;
  color: $g11-sidewalk;
}

h4.view-options--header {
  font-size: 16px;
  padding-top: $cf-marg-c;
  border-top: $cf-border solid $g5-pepper;
  margin-top: $cf-marg-b;
  margin-bottom: $cf-marg-c;

  *:first-child > & {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
  }
}

h5.view-options--header {
  font-size: 14px;
  border-bottom: $cf-border solid $g5-pepper;
  margin-top: $cf-marg-d;
  margin-bottom: $cf-marg-c;
  padding-bottom: $cf-marg-a;
}

.view-options--checkbox {
  margin-bottom: $cf-marg-c;
}
