systelab-toggle-selector {

  $border-color: var(--slab_component_border_color);
  $option-color: black;
  $selected-option-color: white;
  $selected-option-background-color: var(--primary);

  .slab-toggle-selector {
    border: 1px solid var(--slab_table_border_color) !important;
    border-radius: 50px !important;
    background: var(--slab_background_primary) !important;
    transition: all 0.6s ease-out;
    padding: 3px 3px !important;
    display: flex;

    .slab-option {
      background: transparent;
      color: var(--ag-data-color);
      border: solid 1px transparent;
      cursor: hand;

      span {
        margin-right: 10px;
        margin-left: 10px;
      }
    }

    .slab-selected {
      background: $selected-option-background-color !important;
      color: $selected-option-color !important;
      border-radius: 13px;
      border: solid 1px $selected-option-background-color;
    }
  }
}