/*    START::Menu button    */
button.menu rect {
  transition:
          width 0.3s ease-in-out,
          transform 0.3s 0.1s ease-in-out
;
}

button.menu:hover rect:nth-of-type(1) {
  width: 35%;

  transform: translateX(65%);
}

button.menu:hover rect:nth-of-type(2) {
  width: 65%;

  transform: translateX(35%);
}

button.menu:hover rect:nth-of-type(3) {
  width: 100%;

  transform: translateX(-35%);
}
/*    END::Menu button    */

/*    START::Top 5    */
.list-top5 { counter-reset: custom-counter }

.list-top5 li { counter-increment: custom-counter }

.list-top5 li::before {
  content: counter(custom-counter);

  position: absolute;
  top: -1.7rem;
  left: 0;

  font-size: 5rem;
  font-weight: 900;

  color: #f3e8ff;

  z-index: -1;
}
/*    END::Top 5    */

/*    START::Implement    */
.list-implement { counter-reset: custom-counter }

.list-implement li { counter-increment: custom-counter }

.list-implement li::before {
  content: counter(custom-counter, decimal-leading-zero);

  position: absolute;
  top: .2rem;
  right: 1.2rem;

  font-size: 3rem;
  font-weight: 900;

  color: #e9d5ff;
}
/*    END::Implement    */

/*    START::Review -> Splide    */
.splide__pagination--review li button {
  width : 3.5rem;
  height: .2rem;

  top: 2rem;

  border-radius: 0;

  background: #e5e7eb;

  transition: background-color ease-in-out .14s;
}

.splide__pagination--review li button.is-active {
  background: #a855f7;

  transform: scale(1);
}
/*    END::Review -> Splide    */

/*    START::Select2    */
.select2-container .select2-selection {
  text-align: start;
}

.select2-container .select2-selection--single {
  height: 2.5rem !important;

  border: 0 !important;
  outline: 1px solid rgb(255 255 255 / 0.9) !important;

  background-color: rgb(245 245 245) !important;

  padding: .25rem .1rem;

  display: flex !important;
  align-items: center;

  border-radius: 0.5rem !important;
}

.select2-container--focus .select2-selection--single,
.select2-container--open .select2-selection--single {
  outline-color: #c084fc !important;
}

.select2-container .select2-selection--single .select2-selection__arrow {
  margin-top  : .35rem;
  margin-right: .35rem;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  padding-left: .7rem !important;
}

.select2-dropdown .select2-results__option {
  padding: .5rem .8rem;

  color: #475569 !important;
}

.select2-dropdown .select2-results__option--selected {
  background: #c084fc !important;

  color: white !important;

  cursor: default !important;
}

.select2-dropdown .select2-results__option:not(.select2-results__option--selected)[aria-selected="true"] {
  background: #faf5ff !important;
}
/*    END::Select2    */

.datepicker * {
  font-weight: normal !important;
}

.datepicker-cell.selected, .datepicker-cell.selected:hover {
  background: #c084fc !important;
}