.svv-wgt-modal-container,
#svv-wgt-app {
  .svv-events-list-view-mode-selector {
    display: flex;
    align-items: center;
    gap: 3.5px;
    // margin-bottom: 5px;
    border: 1px solid $svv-elements-border;
    border-radius: 10.5px;
    box-shadow: 0 1px 2px -1px rgba(0, 0, 0, 0.1),
      0 1px 3px 0 rgba(0, 0, 0, 0.1);
    height: 31.5px;
    padding: 0 4.5px;

    .svv-events-list-view-mode-selector-item {
      // border: 1px solid $svv_text_border_gray;
      transition: $global-transition;
      width: 38px;
      height: 24.5px;
      display: flex;
      justify-content: center;
      align-items: center;

      &:hover {
        transition: $global-transition;
        fill: $svv-text-hover-color;
        background: $svv-elements-background-color;
        border-radius: 7px;
        color: $svv-text-hover-color;
      }
      &:first-of-type {
        margin-right: -1px;
        // border-bottom-left-radius: 3px;
        // border-top-left-radius: 3px;
      }
      &:last-of-type {
        margin-right: -1px;
        // border-bottom-right-radius: 3px;
        // border-top-right-radius: 3px;
      }
    }
    .svv-view-mode-icon {
      width: 18px;
      height: 18px;
    }
    .svv-list-view-mode {
      //margin-right: -2px;
    }
    .svv-table-view-mode {
    }

    .svv-active-view-mode {
      border-radius: 8.5px;
      background: $svv-brand-secondary;
      svg {
        fill: $svv-brand-primary;
      }
    }
  }
}