.account-wishlist__header {
  position: relative;
  flex-direction: column;
  gap: 16px;
  display: flex;
  width: 100%;
  margin-bottom: 52px;
}
@media only screen and (min-width: 768px) {
  .account-wishlist__header {
    margin-bottom: 72px;
  }
}

.account-wishlist__text {
  max-width: 70%;
}
@media only screen and (min-width: 768px) {
  .account-wishlist__text {
    max-width: 350px;
  }
}
.account-wishlist__text a {
  text-decoration: underline;
}

.account-wishlist__button-wrapper {
  align-items: center;
  gap: 12px;
  display: flex;
}

.account-wishlist__button {
  align-items: center;
  gap: 4px;
  display: flex;
}

.account-wishlist__count {
  position: absolute;
  top: 40%;
  right: 0;
  transform: translateY(-50%);
}
@media only screen and (min-width: 768px) {
  .account-wishlist__count {
    top: 50%;
  }
}

.account-wishlist__count-inline {
  position: static;
  transform: none;
}

.account-wishlist__items {
  position: relative;
  gap: 16px;
  grid-template-columns: repeat(2, 1fr);
  display: grid;
}
@media only screen and (min-width: 992px) {
  .account-wishlist__items {
    gap: 28px;
    grid-template-columns: repeat(3, 1fr);
  }
}
@media only screen and (min-width: 1200px) {
  .account-wishlist__items {
    grid-template-columns: repeat(4, 1fr);
  }
}
@media only screen and (min-width: 1399.98px) {
  .account-wishlist__items {
    grid-template-columns: repeat(5, 1fr);
  }
}
.account-wishlist__items::after {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  display: flex;
  width: 40px;
  height: 40px;
  border: 4px dotted var(--color-navy);
  border-radius: 50%;
  opacity: 1;
  translate: -50% -50%;
  animation: wishlist_loader 3s infinite;
  -webkit-user-select: none;
     -moz-user-select: none;
          user-select: none;
  pointer-events: none;
}
.account-wishlist__items[loaded] {
  opacity: 1;
}
.account-wishlist__items[loaded]::after {
  opacity: 0;
}

@keyframes wishlist_loader {
  from {
    rotate: 0deg;
  }
  to {
    rotate: 360deg;
  }
}