@keyframes shake {
  0% {
    transform: rotate(0deg) scale(1.3);
  }
  25% {
    transform: rotate(-15deg) scale(1.3);
  }
  50% {
    transform: rotate(15deg) scale(1.3);
  }
  75% {
    transform: rotate(-15deg) scale(1.3);
  }
  100% {
    transform: rotate(0deg) scale(1.3);
  }
}
.home {
  padding: 10px;
  gap: 10px;
  display: flex;
  flex-direction: column;
}
.home__new-expense__form-group {
  transition: height 0.3s ease;
  overflow: hidden;
  height: 0;
}
.home__action-button {
  display: flex !important;
  justify-content: center;
  align-items: center;
}
.home__level-1 {
  background-color: rgb(242.25, 242.25, 242.25);
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #CCCCCC;
}
.home__level-2 {
  background-color: rgb(229.5, 229.5, 229.5);
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #CCCCCC;
}
.home__level-3 {
  background-color: rgb(216.75, 216.75, 216.75);
  padding: 10px;
  border-radius: 10px;
  border: 1px solid #CCCCCC;
}
.home__expenses__expense__item {
  transition: height 0.3s ease;
  overflow: hidden;
  height: 0;
}
.home__expenses__expense__title {
  width: fit-content !important;
  font-size: 22px !important;
  font-weight: 500 !important;
  background-color: var(--bs-body-bg);
  border-color: initial !important;
  margin-right: 0.5rem;
  transition: border-color 0.2s ease;
}
.home__expenses__expense__title:disabled {
  background-color: transparent !important;
  border-color: transparent !important;
}
@media (max-width: 448px) {
  .home__expenses__expense__title {
    max-width: 220px;
  }
}
.home__expenses__expense__input-span {
  position: absolute;
  visibility: hidden;
  font-size: 22px !important;
  font-weight: 500 !important;
  padding: 0.375rem 0.75rem;
  border-color: initial !important;
  margin-right: 0.5rem;
}
.home__expenses__expense__select {
  width: fit-content !important;
  max-width: 180px !important;
  background-color: var(--bs-body-bg);
  border-color: initial !important;
  transition: border-color 0.2s ease;
  margin-right: 0.5rem;
}
.home__expenses__expense__select:disabled {
  background-color: transparent !important;
  border-color: transparent !important;
}
.home__expenses__expense__disable-btn i {
  display: inline-block;
  transition: transform 0.2s ease;
}
.home__expenses__expense__disable-btn:hover i {
  transform: scale(1.3);
}
.home__expenses__expense__disable-btn .shake {
  animation: shake 0.3s ease;
}
.home__expenses__expense:not(:last-child) {
  margin-bottom: 0.5rem;
}
.home__expenses__expense__total {
  font-weight: bold;
  font-family: monospace;
}
@media screen and (max-width: 576px) {
  .home__expenses__expense__total {
    display: flex;
    justify-content: space-between;
  }
}
.home__expenses__expense__total__price {
  text-decoration: underline;
}

/*# sourceMappingURL=home.css.map */