/* Saved Header */
.saved-header-shell {
  border-bottom: .025641rem solid #e7e7e7;
}

.saved-header {
  display: flex;
  flex-direction: column;
  gap: .512821rem;
  padding: .512821rem;
  background: var(--body-bg);
}

.saved-header__back {
  display: inline-flex;
  align-items: center;
  gap: .25641rem;
  align-self: flex-start;
  color: #424242;
  font-family: "PlusJakartaSans", Arial, sans-serif;
  font-size: .358974rem;
  line-height: .461538rem;
}

.saved-header__back-icon {
  width: .358974rem;
  height: .358974rem;
  color: inherit;
}

.saved-header__main {
  display: flex;
  flex-direction: column;
}

/* Saved Page */
.saved-events-main {
  padding: .512821rem 0 0;
}

.saved-events-page {
  padding: 0 .512821rem;
}

.saved-events-page__content {
  display: flex;
  flex-direction: column;
  gap: .461538rem;
}

.saved-events-header {
  display: flex;
  flex-direction: column;
  gap: .307692rem;
}

.saved-events-header__copy {
  display: flex;
  flex-direction: column;
  gap: .128205rem;
}

.saved-events-header__title {
  margin: 0;
  color: #212121;
  font-family: "Playfair Display", Georgia, serif;
  font-size: .512821rem;
  font-weight: 800;
  line-height: .692308rem;
}

.saved-events-header__description {
  margin: 0;
  color: #757575;
  font-family: "PlusJakartaSans", Arial, sans-serif;
  font-size: .307692rem;
  line-height: .384615rem;
}

.saved-events-header__search {
  display: flex;
  align-items: center;
  gap: .25641rem;
  min-height: 1.025641rem;
  padding: 0 .538462rem;
  border-radius: 25.615385rem;
  background: rgba(225, 224, 224, 0.41);
}

.saved-events-header__search-icon {
  width: .384615rem;
  height: .384615rem;
  color: rgba(61, 61, 61, 0.4);
  flex: 0 0 .384615rem;
}

.saved-events-header__search-input {
  width: 100%;
  min-width: 0;
  border: 0;
  background: transparent;
  color: #212121;
  font-family: "PlusJakartaSans", Arial, sans-serif;
  font-size: .358974rem;
  line-height: .512821rem;
  outline: none;
}

.saved-events-header__search-input::-webkit-search-cancel-button,
.saved-events-header__search-input::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
  display: none;
}

.saved-events-header__search-input::placeholder {
  color: rgba(0, 0, 0, 0.25);
}

.saved-events-header__search-clear {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: .615385rem;
  min-width: .615385rem;
  height: .615385rem;
  padding: 0;
  border: 0;
  background: transparent;
  flex: 0 0 .615385rem;
}

.saved-events-header__search-clear span {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: .358974rem;
  height: .358974rem;
  border-radius: 50%;
  background: #d5d5d5;
}

.saved-events-header__search-clear span::before,
.saved-events-header__search-clear span::after {
  content: "";
  position: absolute;
  width: .205128rem;
  height: .025641rem;
  border-radius: 999rem;
  background: #ffffff;
}

.saved-events-header__search-clear span::before {
  transform: rotate(45deg);
}

.saved-events-header__search-clear span::after {
  transform: rotate(-45deg);
}

.saved-events-header__search-input:disabled {
  color: rgba(33, 33, 33, 0.45);
  cursor: not-allowed;
}

.saved-events-header__search-clear:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.saved-events-filters {
  display: flex;
  flex-wrap: wrap;
  gap: .25641rem;
}

.saved-events-first-screen-ad {
  display: flex;
  width: 100%;
  margin-top: .205128rem;
}

.saved-events-first-screen-ad.is-hidden {
  display: none;
}

.saved-events-filter {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: .871795rem;
  padding: .205128rem .358974rem;
  border: .012821rem solid transparent;
  border-radius: 7.974359rem;
  background: #ffffff;
  color: #757575;
  font-family: "PlusJakartaSans", Arial, sans-serif;
  font-size: .358974rem;
  font-weight: 400;
  line-height: .461538rem;
  text-align: center;
  white-space: nowrap;
}

.saved-events-filter.is-active {
  border-color: transparent;
  background: #6d48f2;
  color: #ffffff;
  font-weight: 600;
  box-shadow: none;
}

.saved-events-filter:disabled {
  opacity: .55;
  cursor: not-allowed;
}

.saved-events-header__count {
  margin: 0;
  color: #757575;
  font-family: "PlusJakartaSans", Arial, sans-serif;
  font-size: .358974rem;
  line-height: .461538rem;
}

.saved-events-list {
  display: flex;
  flex-direction: column;
  gap: .25641rem;
}

.saved-event-card {
  display: flex;
  align-items: center;
  gap: .410256rem;
  padding: .358974rem;
  border-radius: .410256rem;
  background: #ffffff;
  cursor: pointer;
}

.saved-event-card__media {
  position: relative;
  width: 2.307692rem;
  height: 2.307692rem;
  overflow: hidden;
  flex: 0 0 2.307692rem;
  border-radius: .25641rem;
  background: #ebe6fb;
}

.saved-event-card__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.saved-event-card__image--placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgba(33, 33, 33, 0.36);
  font-family: "PlusJakartaSans", Arial, sans-serif;
  font-size: .410256rem;
}

.saved-event-card__remove {
  position: absolute;
  top: .205128rem;
  left: .205128rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: .512821rem;
  height: .512821rem;
  padding: 0;
  border: 0;
  background: transparent;
}

.saved-event-card__remove-icon {
  width: .410256rem;
  height: .358974rem;
}

.saved-event-card__content {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: .153846rem;
}

.saved-event-card__badge {
  margin: 0;
  color: #6d48f2;
  font-family: "PlusJakartaSans", Arial, sans-serif;
  font-size: .307692rem;
  font-weight: 500;
  line-height: .384615rem;
  text-transform: uppercase;
}

.saved-event-card__title {
  display: -webkit-box;
  overflow: hidden;
  min-height: 1.025641rem;
  margin: 0;
  color: #212121;
  font-family: "PlusJakartaSans", Arial, sans-serif;
  font-size: .358974rem;
  font-weight: 600;
  line-height: .512821rem;
  -webkit-box-orient: vertical;
  line-clamp: 2;
  -webkit-line-clamp: 2;
}

.saved-event-card__schedule {
  margin: 0;
  color: #424242;
  font-family: "PlusJakartaSans", Arial, sans-serif;
  font-size: .307692rem;
  line-height: .384615rem;
  text-transform: uppercase;
}

.saved-events-load-more {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: .205128rem;
  align-self: center;
  min-height: .666667rem;
  margin-top: .051282rem;
  padding: .153846rem 0;
  background: transparent;
  color: #757575;
  font-family: "PlusJakartaSans", Arial, sans-serif;
  font-size: .307692rem;
  font-weight: 400;
  line-height: .384615rem;
}

.saved-events-load-more.is-loading {
  color: #757575;
}

.saved-events-load-more.is-loading::before {
  content: "";
  width: .358974rem;
  height: .358974rem;
  border: .038462rem solid rgba(117, 117, 117, 0.24);
  border-top-color: #757575;
  border-radius: 50%;
  animation: saved-events-load-spin .7s linear infinite;
}

.saved-events-empty {
  gap: 0;
  padding: .282051rem 0 .307692rem;
  border-radius: 0;
  background: transparent;
}

.saved-events-empty .page-empty__icon {
  display: block;
  width: 2.820513rem;
  height: 2.923077rem;
  margin-bottom: .282051rem;
}

.saved-events-empty .page-empty__title,
.saved-events-empty .page-empty__description {
  max-width: 7.897436rem;
  color: #9e9e9e;
  font-family: "PlusJakartaSans", Arial, sans-serif;
  font-size: .358974rem;
  font-weight: 400;
  line-height: .512821rem;
  text-align: center;
}

.saved-events-empty .page-empty__title {
  margin: 0;
}

.saved-events-empty .page-empty__description {
  margin: .102564rem 0 0;
}

@keyframes saved-events-load-spin {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(360deg);
  }
}