.rbea-spacing-control {
    position: relative;
    display: inline-block;
  
    .rbea-spacing-control__inputs {
      display: flex;
      height: 36px;
  
      > :first-child.rbea-spacing-control__number {
        border-radius: 3px 0 0 3px;
      }
      > :last-child {
        border-radius: 0 3px 3px 0;
      }
    }
  
    input[type="number"].rbea-spacing-control__number, .rbea-spacing-control__link{
      border-left: 1px solid;
      border-right: 1px solid;
      border-color: #E1E1E1;
      color: #50575e;
      border-radius: 0;
      box-shadow: none !important;
      height: 36px;
      margin: 0 -1px 0 0;
      padding-right: 1px;
      width: 25%;
      font-size: 14px;
      line-height: 20px;
      padding-left: 8px;
    }
    .rbea-spacing-control__link {
      border: 1px solid #959595;
      background-color: #959595;
      color: #ffffff;
      justify-content: center;
      display: flex;
      align-items: center;
      padding: 2px 0;
      font-size: 17px;
      line-height: 28px;
      cursor: pointer;
      transition: none;
  
      &.rbea-spacing-control-disconnected {
        border-color: #E1E1E1;
        background-color: #ffffff;
        color: #007CBA;
      }

      &.rbea-spacing-control-connected {
        border-color: #E1E1E1;
        color: #FFFFFF;
        background: #007CBA;   
      }
    }
    .rbea-spacing-control__input-labels {
      display: flex;
      margin-bottom: -3px;
  
      span {
        text-align: center;
        width: 20%;
      }
      .rbea-spacing-control__link-label {
        width: 10%;
      }
    }
  
    .rbea-spacing-control__number-label {
      display: block;
      margin-top: 6px;
      font-family: Roboto;
      font-size: 10px;
      font-weight: 400;
      line-height: 11.72px;
      text-align: center;
      color: #949698;

    }
  }
  .rbea-control__header {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 400;
    line-height: 16.41px;
    text-align: left;
    color: #666666;


  
    .uag-responsive-label-wrap {
      display: flex;
      align-items: center;
  
      .uag-control-label {
        color: #50575e;
        font-family: Roboto;
        font-size: 13px;
        line-height: 16.41px;
        text-align: left;
        text-transform: none !important;
        font-weight: 400 !important;
        margin-bottom: 0;
      }
    }
  
    .rbea-control__actions {
      position: relative;
      top: 0;
      display: flex;
      direction: initial;
  
      .components-button.is-secondary:disabled{
        background: 0 0;
        color: #ccc;
      }
      .rbea-reset{
        padding: 0;
  
        .dashicons-image-rotate {
          width: 10px;
          height: 10px;
          font-size: 10px;
        }
      }
    }
  }
  
  button.components-button.rbea-reset.is-secondary.is-small {
    box-shadow: unset;
    background: 0 0;
    color: #ccc;
  }

.responsive-size-type-field-tabs.rbea-responsive-controls{

    & .components-tab-panel__tabs {
        position: relative;
        text-align: right;
        margin-left: 0px;
        margin-right: 20px;
        top: 3px;
    }
}