@import url(https://fonts.googleapis.com/css2?family=Fira+Mono:wght@400;500;700&display=swap);
:root {
  --er-overlay: hsla(0, 0%, 96%, 0.9);
  --er-background: white;
  --er-copy: #242424;
  --er-head-bg: var(--er-copy);
  --er-corporate: #CF6224;
  --er-corporate-soft: #fef0ea;
  --er-corporate-dark: #a94e1d;
  --er-secondary: #233f89;
  --er-invalid-bg: #f0530a;
  --er-invalid-text: white;
  --er-grey-light: #f6f6f6;
  --er-shadow-dark: 0 5px 20px rgba(0, 0, 0, 0.1);
  --er-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);
  --er-border-radius: 5px;
  --er-fs-small: 0.86em;
  --er-fs-copy: clamp(1rem, 2.7vw, 1.1rem);
  --er-fs-large: 1.5rem;
  --er-gap: 1rem;
  --er-gap: 20px;
  --er-gap-2x: calc(2 * var(--er-gap));
  --er-gap-3x: calc(3 * var(--er-gap));
}

body:has(.event-review-bg) {
  background: black;
}

.event-review-bg {
  position: fixed;
  top: -48px;
  left: -48px;
  width: calc(100vh + 96px);
  height: calc(100vh + 96px);
  height: calc(100dvh + 96px);
  background-size: cover;
  filter: blur(24px);
  -webkit-filter: blur(24px);
  opacity: 0.5;
}

#event-review-app-wrap {
  color: var(--er-copy);
  max-width: 486px;
  min-height: 100vh;
  margin: 0 auto;
  font-size: var(--er-fs-copy) !important;
}
#event-review-app-wrap p {
  font-size: 1.1em;
}
#event-review-app-wrap h1:has(+ h2) {
  margin-bottom: 0;
}
#event-review-app-wrap h1 + h2 {
  margin-top: 0;
}
#event-review-app-wrap .hero {
  position: relative;
}
#event-review-app-wrap .hero .img {
  width: 100%;
  padding-bottom: 56%;
  height: auto;
  display: block;
  position: relative;
}
#event-review-app-wrap .hero .img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#event-review-app-wrap .hero h2 {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: var(--er-gap) var(--er-gap-2x);
  color: white;
  margin: 0;
  font-size: 2.4em;
}
#event-review-app-wrap #event-review-app {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: 100dvh;
  justify-content: center;
}
#event-review-app-wrap #event-review-app .event-review-wrapper {
  max-height: 100vh;
  height: min(860px, 100vh);
  height: min(860px, 100dvh);
  overflow: hidden;
  overflow-y: auto;
  position: relative;
  background: white;
}
#event-review-app-wrap #event-review-app .event-review-nav {
  position: sticky;
  z-index: 1986;
  bottom: 0;
  left: 0;
  width: 100%;
  background: #fff;
  padding: 5px;
  display: flex;
  gap: 5px;
}
#event-review-app-wrap #event-review-app .event-review-nav > * {
  flex-grow: 1;
  flex-shrink: 0;
}
#event-review-app-wrap #event-review-app .event-review-nav .back {
  background: var(--er-corporate-soft);
  color: var(--er-corporate);
  max-width: 34%;
}
#event-review-app-wrap #event-review-app .event-review-nav .ghost {
  background-color: var(--er-grey-light);
  color: rgba(0, 0, 0, 0.5);
}
#event-review-app-wrap #event-review-app .swiper,
#event-review-app-wrap #event-review-app .swiper-wrapper {
  min-height: 100%;
  align-items: flex-start;
}
#event-review-app-wrap #event-review-app .swiper-slide {
  height: auto;
  min-height: min(860px, 100vh);
  min-height: min(860px, 100dvh);
  display: flex;
  flex-direction: column;
}
#event-review-app-wrap #event-review-app .swiper-slide .inner {
  flex-grow: 1;
  padding: var(--er-gap-2x) var(--er-gap-2x) 0 var(--er-gap-2x);
}
#event-review-app-wrap #event-review-app .swiper-slide h1:first-child,
#event-review-app-wrap #event-review-app .swiper-slide h2:first-child {
  margin-top: 0;
}
#event-review-app-wrap #event-review-app .swiper-slide h3 {
  color: black;
  margin: 0;
}
#event-review-app-wrap #event-review-app .swiper-slide h3 + p {
  margin-top: 5px;
}
#event-review-app-wrap #event-review-app .swiper-slide .question-block h3:not(:has(+ p)) {
  margin-bottom: var(--er-gap);
}
#event-review-app-wrap #event-review-app .swiper-slide .question-block + .question-block {
  margin-top: var(--er-gap-2x);
}
#event-review-app-wrap #event-review-app .question-stars .star-rating {
  background: var(--er-corporate-soft);
  display: flex;
  justify-content: space-between;
  padding: 1em 2.4em;
  border-radius: var(--er-border-radius);
}
#event-review-app-wrap #event-review-app .question-stars .star-rating .star {
  width: 2.4em;
  height: 2.4em;
}
#event-review-app-wrap #event-review-app .question-stars .star-rating .star svg:not(.filled) polygon {
  fill: none;
  stroke: var(--er-corporate);
}
#event-review-app-wrap #event-review-app .question-stars .star-rating .star svg.filled polygon {
  fill: var(--er-corporate);
  stroke: var(--er-corporate);
}
#event-review-app-wrap #event-review-app .question-stars .star-rating .star {
  fill: var(--er-corporate);
}
#event-review-app-wrap #event-review-app .question-options {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
#event-review-app-wrap #event-review-app .question-options .question-option {
  margin: 0;
  hyphens: auto;
  flex-grow: 1;
  background: var(--er-corporate-soft);
  padding: 1.3em 0.8em 1.3em 3.6em;
  position: relative;
}
#event-review-app-wrap #event-review-app .question-options .question-option:after {
  content: "";
  position: absolute;
  left: 0.8em;
  top: 50%;
  transform: translateY(-50%);
  width: 1.6em;
  height: 1.6em;
  border-radius: 50%;
  border: 2px solid var(--er-corporate);
}
#event-review-app-wrap #event-review-app .question-options .question-option input {
  display: none;
}
#event-review-app-wrap #event-review-app .question-options .question-option:hover, #event-review-app-wrap #event-review-app .question-options .question-option:has(input:checked) {
  cursor: pointer;
}
#event-review-app-wrap #event-review-app .question-options .question-option:hover:before, #event-review-app-wrap #event-review-app .question-options .question-option:has(input:checked):before {
  position: absolute;
  content: "";
  left: 1em;
  top: 50%;
  transform: translateY(-50%);
  width: 1.4em;
  height: 1.4em;
  border-radius: 50%;
  background: var(--er-corporate);
}
#event-review-app-wrap #event-review-app .event-review-contact {
  margin-top: var(--er-gap-2x);
}
#event-review-app-wrap #event-review-app label {
  display: block;
  font-weight: bold;
  margin: var(--er-gap) 0;
}
#event-review-app-wrap #event-review-app textarea,
#event-review-app-wrap #event-review-app input[type=text],
#event-review-app-wrap #event-review-app input[type=email] {
  border: none;
  padding: var(--er-gap);
  font-family: inherit;
  font-size: 1.2em;
  background: var(--er-grey-light);
  width: 100%;
}
#event-review-app-wrap #event-review-app ::-moz-placeholder {
  color: var(--er-grey);
  opacity: 0.2;
}
#event-review-app-wrap #event-review-app ::placeholder {
  color: var(--er-grey);
  opacity: 0.2;
}