@import '../colors';
@import '../mixins';

$item-height: 51px;

.m-tix-datepicker-v4 {
  position: relative;

  input,
  &__icon {
    cursor: pointer;
  }

  &__icon {
    position: absolute;
    top: 14px;
    right: 14px;
  }

  &__btn {
    width: 100%;
  }

  &__section {
    &--title {
      display: flex;
      justify-content: space-around;
    }

    // RESET
    .rmc-multi-picker {
      overflow: hidden;
      height: 160px;
      z-index: 1;
      position: relative;

      .rmc-picker-indicator {
        top: 95px !important;
        height: 51px !important;
      }

      .rmc-picker-content {
        padding: 95px 0 !important;
      }

      .rmc-picker-item {
        @include font-base;
        @include font-size-b1;
        color: $color-N600;
        height: $item-height;
        line-height: $item-height;
        padding: 0px;
        overflow: unset;
        text-overflow: unset;
        color: $color-N600;
        transition-property: color, font-weight;
        transition-timing-function: cubic-bezier(0.34, 0.91, 0.67, 1.01);
        transition-duration: 200ms;

        &.rmc-picker-item-selected {
          @include font-size-h3;
          line-height: $item-height;
          color: $color-N800;
          font-weight: $font-weight-bold;
        }
      }
    }
  }
}

.tix-bottom-sheets.opening {
  .rmc-picker-content {
    transition: none !important;
  }
}