@import '~styles/mixins';

.timeslots-input {
  padding: 10px 0;
  max-width: 100%;
  // overflow: auto;

  &.relative {
    max-width: unset;
    overflow: visible;
  }
  .field {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .timeslot {
    display: flex;
    padding: 5px;
    align-items: center;
  }
  .input {
    width: 100px;
  }
  .sep {
    display: block;
    padding: 0 5px;
  }

  .icon-wrapper {
    cursor: pointer;
    padding: 5px;
    &.remove {
      color: $color-red;
    }
    &.add {
      color: $color-green;
    }
  }
}
