@charset "UTF-8";
@import "../../style/function-v2";

$titleBorderColor: #ECF1F4;

.im-mp {
  &-picker {
    border: 1px solid $calendarBorder;
    box-shadow: 0 4px 8px 0 $calendarBoxShadow;
    border-radius: 3px;
    color: $textColor;
  }

  &-month-item {
    position: relative;

    &::before {
      content: "";
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      width: 24px;
      height: 24px;
      background-color: $normalColor;
      border-radius: 50% 50%;
      z-index: -1;
      display: none;
    }

    &:hover,
    &.selected,
    &.selected:hover {
      color: $white;
      background-color: transparent;

      &::before {
        display: block;
      }
    }

    &.disabled {
      &::before {
        display: none;
      }
    }
  }

  &-op {
    border-color: $titleBorderColor;

    &-icon {
      font-size: 20px;
      height: 26px;
      top: -3px;

      &:hover {
        color: $normalColor;
      }
    }
  }
}