.deliveryChannelsWrapper {
  border: solid 0.5px #eeeeee;
  opacity: 1;
  transition: opacity 0.3s;
  border-radius: 30px;
  box-shadow: 0 2px 2px 0 rgba(204, 204, 204, 0.5);
  display: none;
  margin: 13px 0 24px;
  position: relative;
  width: 98%;
}

.isActive {
  display: flex;
}

.isLoading {
  opacity: 0.65;
}

.isLoading button {
  cursor: default;
}

.deliveryChannelsToggle {
  background: #357edd;
  border-radius: 30px;
  border: solid 1px #3183e7;
  border-radius: 30px;
  box-shadow: 0 4px 4px 0 rgba(204, 204, 204, 0.3),
    2px 0 4px 0 rgba(187, 187, 187, 0.3);
  height: calc(100% - 1px);
  left: 0;
  position: absolute;
  transition: 0.3s;
  top: -1px;
  width: 50%;
  z-index: 0;
}

.deliveryChannelsTogglePickup {
  left: 50%;
  box-shadow: 0 4px 4px 0 rgba(204, 204, 204, 0.5),
    -2px 0 4px 0 rgba(187, 187, 187, 0.5);
  transition: 0.3s;
}