#billsHeader_placeholder{
  display: flex;
  width: 100%;
  align-items: center;
  gap: 0.5rem;
  animation: appearUp 0.5s ease;
}

#billsContainer_placeholder{
  display: flex;
  flex-direction: column;
  width: 100%;
  align-items: center;
  gap: 0.5rem;
}

#billsMenu_placeholder{
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  width: 100%;
  overflow-y: auto;
}

.billRefContainer{
  display: flex;
  width: 100%;
  padding: 0.5rem;
  gap: 0.75rem;
  align-items: center;
  background-color: var(--accent3);
  border-radius: 0.5rem;
}

.billRefContainer .items{
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem 0.75rem;
  border-radius: 0.5rem;
  font-weight: 600;
  color: var(--text2);
  background-color: var(--accentD);
  min-width: 44px;
  min-height: 44px;
}

.billDesc{
  display: flex;
  width: 100%;
  align-items: center;
  border-bottom: 1px solid var(--accent2);
  padding: 0.25rem 0.75rem;
}

.billDesc .deleteBtn{
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  background-color: var(--r1);
  width: 0px;
  height: 24px;
  transition: 0.2s ease;
}

.billDesc.toggleDelete .deleteBtn {
  width: 24px;
  padding: 0.25rem;
  margin-left: 0.5rem;
}

#billTitleInput_placeholder{
  border: 1.5px solid transparent;
  border-radius: 0.5rem;
  color: var(--text2);
  font-weight: 1000;
  font-size: 24px;
  outline: none;
  transition: 0.2s ease;
  background-color: transparent;
}