@use "@/src/assets/scss/variables" as *;
@use "@/src/assets/scss/partial" as *;

.field {
  background-color: $whiteColor;;
  padding: 10px;
  .icon {
    i {
      width: 20px;
      height: 20px;
      background-color: $grey475Color;
    }
  }
  input[type="date"] {
    font-size: $fs14;
    cursor: pointer;
    width: auto;
    color: $grey344Color;
    @media (min-width: $xxl) {
      font-size: $fs16;
    }
    &::-webkit-calendar-picker-indicator {
      background: transparent;
      bottom: 0;
      color: transparent;
      cursor: pointer;
      height: auto;
      left: 0;
      position: absolute;
      right: 0;
      top: 0;
      width: auto;
    }
  }
}
.weekSelector {
  background-color: $whiteColor;;
  padding: 8px 10px;
  .plusbtn,
  .minusbtn {
    background: $primaryColor;
    border: none;
    color: $whiteColor;
    font-size: $fs20;
    width: 60px;
    height: 25px;
    &:hover {
      background: $hoverPrimaryBgColor;
    }
    i {
      display: block;
      height: 15px;
      width: 15px;
      background-color: $whiteColor;
      mask-size: contain;
      mask-repeat: no-repeat;
      mask-position: center;
    }
  }
}