@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');

.title {
  font-family: "Great Vibes", cursive;
  font-weight: 400;
  font-style: normal;
}

.calendar {
  width: 600px;
}

#page\#0 .el-image {
  max-width: 48vw;
}

#page\#1 .el-image {
  max-width: 43vw;
}

#page\#2 .uk-countdown-label.uk-visible\@s {
  display: block !important;
}

#page\#3 .el-image {
  max-width: 48vw;
}

#page\#4 .el-image {
  max-width: 43vw;
}

.map {
  width: 580px;
  height: 560px;
}

@media (max-width: 724px) {
  .map {
    height: 340px;
  }
}


.circle-row {
  gap: 45px;
}

.circle {
  width: 70px;
  min-width: 70px;
  height: 70px;
  border-radius: 100px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
}

@media (max-width: 724px) {
  .circle-row {
    gap: 20px;
  }

  .circle {
    width: 44px;
    min-width: 44px;
    height: 44px;
  }
}

.uk-form-controls .uk-radio,
.uk-form-controls .uk-checkbox {
  width: 28px;
  height: 28px;
  margin-right: 18px;
}

.rsvp-label {
  font-size: 1rem;
  margin-bottom: 18px;
  display: block;
}

.rsvp-options {
  display: flex;
  flex-direction: column;
  gap: 22px;
}

.rsvp-checkbox-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px 52px;
}

.rsvp-checkbox-grid label {
  display: flex;
  align-items: center;
}

@media (max-width: 724px) {
  .rsvp-checkbox-grid {
    display: flex;
    flex-direction: column;
  }
}

@media (max-width: 724px) {
  #second-day-info .uk-card-title {
    font-size: 1rem;
  }

  #second-day-info .uk-text-muted,
  #second-day-info strong {
    font-size: 0.88rem;
  }

  #second-day-info .uk-list {
    font-size: 0.88rem;
    line-height: normal;
  }

  #second-day-info .uk-list> :nth-child(n+2) {
    margin-top: 15px;
  }

  #second-day-info h2.uk-heading-bullet {
    font-size: 1.05rem;
    margin-bottom: 18px;
  }

  #second-day-info .uk-card {
    padding: 13px 8px;
    margin-bottom: 18px !important;
  }

  #second-day-info {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

.loading-wrap {
  display: none;
  background-color: #fff;
  z-index: 9999;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 50px;
  height: 100vh;
}

.loading-wrap img {
  width: 80%;
  max-width: 300px;
}

.loading-wrap.show {
  display: flex;
}

#tm-main {
  display: none;
}

#tm-main.show {
  display: block;
}

.loader {
  width: 50px;
  aspect-ratio: 1;
  display: grid;
}

.loader::before,
.loader::after {
  content: "";
  grid-area: 1/1;
  --c: no-repeat radial-gradient(farthest-side, #25b09b 92%, #0000);
  background:
    var(--c) 50% 0,
    var(--c) 50% 100%,
    var(--c) 100% 50%,
    var(--c) 0 50%;
  background-size: 12px 12px;
  animation: l12 1s infinite;
}

.loader::before {
  margin: 4px;
  filter: hue-rotate(45deg);
  background-size: 8px 8px;
  animation-timing-function: linear
}

@keyframes l12 {
  100% {
    transform: rotate(.5turn)
  }
}

.flowers {
  text-align: center;

}

.flowers img {
  width: 140px;
}

.flowers__right {
  margin-left: -64px;
}