/* [project]/src/views/EventDetail/ui/EventPosterViewer.module.scss.module.css [app-client] (css) */
@keyframes EventPosterViewer-module-scss-module__L26o_q__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__slideInFromTop {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__slideInFromBottom {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__slideInFromLeft {
  from {
    opacity: 0;
    transform: translateX(-10px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__slideInFromRight {
  from {
    opacity: 0;
    transform: translateX(10px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__slideOutToTop {
  from {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(-10px);
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__slideOutToBottom {
  from {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(10px);
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__scaleIn {
  from {
    opacity: 0;
    transform: scale(.95);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__scaleOut {
  from {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: 0;
    transform: scale(.95);
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__spin {
  from {
    transform: rotate(0);
  }

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

@keyframes EventPosterViewer-module-scss-module__L26o_q__ping {
  75%, 100% {
    opacity: 0;
    transform: scale(2);
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .5;
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__bounce {
  0%, 100% {
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    transform: translateY(-25%);
  }

  50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: translateY(0);
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__shake {
  0%, 100% {
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-4px);
  }

  20%, 40%, 60%, 80% {
    transform: translateX(4px);
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__shimmer {
  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__accordionSlideDown {
  from {
    height: 0;
  }

  to {
    height: var(--radix-accordion-content-height);
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__accordionSlideUp {
  from {
    height: var(--radix-accordion-content-height);
  }

  to {
    height: 0;
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__collapsibleSlideDown {
  from {
    height: 0;
  }

  to {
    height: var(--radix-collapsible-content-height);
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__collapsibleSlideUp {
  from {
    height: var(--radix-collapsible-content-height);
  }

  to {
    height: 0;
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__dialogOverlayShow {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__dialogOverlayHide {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__dialogContentShow {
  from {
    opacity: 0;
    transform: translate(-50%, -48%)scale(.96);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1);
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__dialogContentHide {
  from {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1);
  }

  to {
    opacity: 0;
    transform: translate(-50%, -48%)scale(.96);
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__sheetSlideInFromRight {
  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__sheetSlideOutToRight {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(100%);
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__sheetSlideInFromLeft {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__sheetSlideOutToLeft {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__sheetSlideInFromTop {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__sheetSlideOutToTop {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-100%);
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__sheetSlideInFromBottom {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__sheetSlideOutToBottom {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(100%);
  }
}

.EventPosterViewer-module-scss-module__L26o_q__heroTrigger {
  appearance: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.EventPosterViewer-module-scss-module__L26o_q__heroTrigger:focus {
  outline: none;
}

.EventPosterViewer-module-scss-module__L26o_q__heroTrigger {
  border-radius: inherit;
  cursor: zoom-in;
  -webkit-tap-highlight-color: #0000;
  width: 100%;
  height: 100%;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.EventPosterViewer-module-scss-module__L26o_q__heroTrigger:focus-visible {
  outline: 2px solid var(--theme-ring);
  outline-offset: 2px;
}

.EventPosterViewer-module-scss-module__L26o_q__heroImage {
  object-fit: cover;
}

.EventPosterViewer-module-scss-module__L26o_q__overlay {
  z-index: var(--z-index-modal-backdrop);
  background-color: #000000f0;
  position: fixed;
  inset: 0;
}

.EventPosterViewer-module-scss-module__L26o_q__overlay[data-state="open"] {
  animation: .18s ease-out forwards EventPosterViewer-module-scss-module__L26o_q__posterOverlayIn;
}

.EventPosterViewer-module-scss-module__L26o_q__overlay[data-state="closed"] {
  animation: .15s ease-in forwards EventPosterViewer-module-scss-module__L26o_q__posterOverlayOut;
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__posterOverlayIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__posterOverlayOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.EventPosterViewer-module-scss-module__L26o_q__content {
  z-index: var(--z-index-modal);
  background: none;
  border: none;
  outline: none;
  flex-direction: column;
  margin: 0;
  padding: 0;
  display: flex;
  position: fixed;
  inset: 0;
  overflow: hidden;
}

.EventPosterViewer-module-scss-module__L26o_q__content[data-state="open"] {
  animation: .2s ease-out forwards EventPosterViewer-module-scss-module__L26o_q__posterContentIn;
}

.EventPosterViewer-module-scss-module__L26o_q__content[data-state="closed"] {
  animation: .15s ease-in forwards EventPosterViewer-module-scss-module__L26o_q__posterContentOut;
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__posterContentIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes EventPosterViewer-module-scss-module__L26o_q__posterContentOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

.EventPosterViewer-module-scss-module__L26o_q__srOnly {
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  position: absolute;
  overflow: hidden;
}

.EventPosterViewer-module-scss-module__L26o_q__closeButton {
  appearance: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.EventPosterViewer-module-scss-module__L26o_q__closeButton:focus {
  outline: none;
}

.EventPosterViewer-module-scss-module__L26o_q__closeButton {
  top: var(--spacing-2);
  right: var(--spacing-2);
  z-index: 3;
  border-radius: var(--radius-full);
  color: #fff;
  background-color: #ffffff1f;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  transition: background-color .15s cubic-bezier(.4, 0, .2, 1);
  display: flex;
  position: absolute;
}

.EventPosterViewer-module-scss-module__L26o_q__closeButton svg {
  width: 22px;
  height: 22px;
}

@media (hover: hover) {
  .EventPosterViewer-module-scss-module__L26o_q__closeButton:hover {
    background-color: #ffffff38;
  }
}

.EventPosterViewer-module-scss-module__L26o_q__closeButton:focus-visible {
  outline: 2px solid var(--theme-ring);
  outline-offset: 2px;
}

@media (min-width: 768px) {
  .EventPosterViewer-module-scss-module__L26o_q__closeButton {
    top: var(--spacing-3);
    right: var(--spacing-3);
  }
}

.EventPosterViewer-module-scss-module__L26o_q__zoomRoot {
  touch-action: none;
  flex: 1;
  width: 100%;
  min-height: 0;
}

.EventPosterViewer-module-scss-module__L26o_q__zoomWrapper {
  touch-action: none;
  width: 100%;
  height: 100%;
}

.EventPosterViewer-module-scss-module__L26o_q__zoomContent {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.EventPosterViewer-module-scss-module__L26o_q__lightboxImg {
  object-fit: contain;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: auto;
  width: auto;
  max-width: 100vw;
  height: auto;
  max-height: 100dvh;
  display: block;
}

/* [project]/src/views/EventDetail/ui/EventDetailPage.module.scss.module.css [app-client] (css) */
@keyframes EventDetailPage-module-scss-module__FvMwCW__fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__fadeOut {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__slideInFromTop {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__slideInFromBottom {
  from {
    opacity: 0;
    transform: translateY(10px);
  }

  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__slideInFromLeft {
  from {
    opacity: 0;
    transform: translateX(-10px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__slideInFromRight {
  from {
    opacity: 0;
    transform: translateX(10px);
  }

  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__slideOutToTop {
  from {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(-10px);
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__slideOutToBottom {
  from {
    opacity: 1;
    transform: translateY(0);
  }

  to {
    opacity: 0;
    transform: translateY(10px);
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__scaleIn {
  from {
    opacity: 0;
    transform: scale(.95);
  }

  to {
    opacity: 1;
    transform: scale(1);
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__scaleOut {
  from {
    opacity: 1;
    transform: scale(1);
  }

  to {
    opacity: 0;
    transform: scale(.95);
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__spin {
  from {
    transform: rotate(0);
  }

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

@keyframes EventDetailPage-module-scss-module__FvMwCW__ping {
  75%, 100% {
    opacity: 0;
    transform: scale(2);
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__pulse {
  0%, 100% {
    opacity: 1;
  }

  50% {
    opacity: .5;
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__bounce {
  0%, 100% {
    animation-timing-function: cubic-bezier(.8, 0, 1, 1);
    transform: translateY(-25%);
  }

  50% {
    animation-timing-function: cubic-bezier(0, 0, .2, 1);
    transform: translateY(0);
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__shake {
  0%, 100% {
    transform: translateX(0);
  }

  10%, 30%, 50%, 70%, 90% {
    transform: translateX(-4px);
  }

  20%, 40%, 60%, 80% {
    transform: translateX(4px);
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__shimmer {
  0% {
    background-position: -200% 0;
  }

  100% {
    background-position: 200% 0;
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__accordionSlideDown {
  from {
    height: 0;
  }

  to {
    height: var(--radix-accordion-content-height);
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__accordionSlideUp {
  from {
    height: var(--radix-accordion-content-height);
  }

  to {
    height: 0;
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__collapsibleSlideDown {
  from {
    height: 0;
  }

  to {
    height: var(--radix-collapsible-content-height);
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__collapsibleSlideUp {
  from {
    height: var(--radix-collapsible-content-height);
  }

  to {
    height: 0;
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__dialogOverlayShow {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__dialogOverlayHide {
  from {
    opacity: 1;
  }

  to {
    opacity: 0;
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__dialogContentShow {
  from {
    opacity: 0;
    transform: translate(-50%, -48%)scale(.96);
  }

  to {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1);
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__dialogContentHide {
  from {
    opacity: 1;
    transform: translate(-50%, -50%)scale(1);
  }

  to {
    opacity: 0;
    transform: translate(-50%, -48%)scale(.96);
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__sheetSlideInFromRight {
  from {
    transform: translateX(100%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__sheetSlideOutToRight {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(100%);
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__sheetSlideInFromLeft {
  from {
    transform: translateX(-100%);
  }

  to {
    transform: translateX(0);
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__sheetSlideOutToLeft {
  from {
    transform: translateX(0);
  }

  to {
    transform: translateX(-100%);
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__sheetSlideInFromTop {
  from {
    transform: translateY(-100%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__sheetSlideOutToTop {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(-100%);
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__sheetSlideInFromBottom {
  from {
    transform: translateY(100%);
  }

  to {
    transform: translateY(0);
  }
}

@keyframes EventDetailPage-module-scss-module__FvMwCW__sheetSlideOutToBottom {
  from {
    transform: translateY(0);
  }

  to {
    transform: translateY(100%);
  }
}

.EventDetailPage-module-scss-module__FvMwCW__page {
  background-color: var(--theme-background);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  min-height: 100vh;
  display: flex;
}

@media (min-width: 1280px) {
  .EventDetailPage-module-scss-module__FvMwCW__page {
    column-gap: var(--spacing-8);
    max-width: 1280px;
    padding: var(--spacing-6) var(--spacing-6) 0;
    grid-template-rows: max-content;
    grid-template-columns: 1fr 185px;
    align-items: start;
    margin: 0 auto;
    display: grid;
  }
}

@media (min-width: 1536px) {
  .EventDetailPage-module-scss-module__FvMwCW__page {
    grid-template-columns: 1fr 228px;
    max-width: 1448px;
  }
}

.EventDetailPage-module-scss-module__FvMwCW__breadcrumbs {
  display: none;
}

@media (min-width: 1280px) {
  .EventDetailPage-module-scss-module__FvMwCW__breadcrumbs {
    align-items: center;
    gap: var(--spacing-2);
    padding-bottom: var(--spacing-4);
    grid-area: 1 / 1 / auto / -1;
    display: flex;
  }
}

.EventDetailPage-module-scss-module__FvMwCW__breadcrumbLink {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-normal);
  color: var(--theme-muted-foreground);
  line-height: 1.5;
  text-decoration: none;
}

@media (hover: hover) {
  .EventDetailPage-module-scss-module__FvMwCW__breadcrumbLink:hover {
    text-decoration: underline;
  }
}

.EventDetailPage-module-scss-module__FvMwCW__breadcrumbCurrent {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-normal);
  color: var(--theme-foreground);
  line-height: 1.5;
}

.EventDetailPage-module-scss-module__FvMwCW__breadcrumbSeparator {
  width: 20px;
  height: 20px;
  color: var(--theme-muted-foreground);
  justify-content: center;
  align-items: center;
  display: flex;
}

.EventDetailPage-module-scss-module__FvMwCW__breadcrumbSeparator svg {
  width: 14px;
  height: 14px;
}

.EventDetailPage-module-scss-module__FvMwCW__main {
  width: 100%;
  padding: 0 var(--spacing-4);
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  display: flex;
}

@media (min-width: 768px) {
  .EventDetailPage-module-scss-module__FvMwCW__main {
    column-gap: var(--spacing-5);
    padding: 0 var(--spacing-5);
    grid-template-rows: auto auto;
    grid-template-columns: 225px 1fr;
    display: grid;
  }
}

@media (min-width: 1024px) {
  .EventDetailPage-module-scss-module__FvMwCW__main {
    column-gap: var(--spacing-8);
    max-width: 1280px;
    padding: 0 var(--spacing-8);
    grid-template-columns: 300px 1fr;
    margin: 0 auto;
  }
}

@media (min-width: 1280px) {
  .EventDetailPage-module-scss-module__FvMwCW__main {
    column-gap: var(--spacing-6);
    grid-area: 2 / 1;
    grid-template-columns: 290px 1fr;
    max-width: none;
    margin: 0;
    padding: 0;
  }
}

@media (min-width: 1536px) {
  .EventDetailPage-module-scss-module__FvMwCW__main {
    grid-template-columns: 354px 1fr;
  }
}

.EventDetailPage-module-scss-module__FvMwCW__backButton {
  appearance: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.EventDetailPage-module-scss-module__FvMwCW__backButton:focus {
  outline: none;
}

.EventDetailPage-module-scss-module__FvMwCW__backButton {
  width: 40px;
  height: 40px;
  margin: var(--spacing-2) 0;
  border-radius: var(--radius-full);
  color: var(--theme-foreground);
  justify-content: center;
  align-items: center;
  transition-property: background-color;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

@media (hover: hover) {
  .EventDetailPage-module-scss-module__FvMwCW__backButton:hover {
    background-color: var(--theme-muted);
  }
}

.EventDetailPage-module-scss-module__FvMwCW__backButton svg {
  width: 20px;
  height: 20px;
}

@media (min-width: 768px) {
  .EventDetailPage-module-scss-module__FvMwCW__backButton {
    margin: var(--spacing-2) 0;
    grid-column: 1 / -1;
  }
}

@media (min-width: 1280px) {
  .EventDetailPage-module-scss-module__FvMwCW__backButton {
    display: none;
  }
}

.EventDetailPage-module-scss-module__FvMwCW__hero {
  aspect-ratio: 343 / 429;
  background-color: var(--theme-muted);
  border-radius: var(--radius-2xl);
  width: 100%;
  position: relative;
  overflow: hidden;
}

@media (min-width: 768px) {
  .EventDetailPage-module-scss-module__FvMwCW__hero {
    aspect-ratio: 225 / 281;
    grid-area: 2 / 1;
    align-self: start;
  }
}

@media (min-width: 1024px) {
  .EventDetailPage-module-scss-module__FvMwCW__hero {
    aspect-ratio: 300 / 375;
  }
}

@media (min-width: 1280px) {
  .EventDetailPage-module-scss-module__FvMwCW__hero {
    aspect-ratio: 290 / 363;
  }
}

@media (min-width: 1536px) {
  .EventDetailPage-module-scss-module__FvMwCW__hero {
    aspect-ratio: 354 / 443;
  }
}

.EventDetailPage-module-scss-module__FvMwCW__heroImage {
  object-fit: cover;
}

.EventDetailPage-module-scss-module__FvMwCW__heroPlaceholder {
  background: linear-gradient(135deg, var(--theme-primary) 0%, var(--theme-brand-secondary) 100%);
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
}

.EventDetailPage-module-scss-module__FvMwCW__heroPlaceholder span {
  font-size: var(--font-size-6xl);
  font-weight: var(--font-weight-bold);
  color: #fff;
  text-transform: uppercase;
  line-height: 1.5;
}

.EventDetailPage-module-scss-module__FvMwCW__details {
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--spacing-4);
  padding-top: var(--spacing-4);
  flex-direction: column;
  display: flex;
}

@media (min-width: 768px) {
  .EventDetailPage-module-scss-module__FvMwCW__details {
    gap: var(--spacing-4);
    grid-area: 2 / 2;
    padding-top: 0;
  }
}

@media (min-width: 1024px) {
  .EventDetailPage-module-scss-module__FvMwCW__details {
    gap: var(--spacing-5);
  }
}

@media (min-width: 1280px) {
  .EventDetailPage-module-scss-module__FvMwCW__details {
    gap: var(--spacing-6);
  }
}

.EventDetailPage-module-scss-module__FvMwCW__title {
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-bold);
  color: var(--theme-foreground);
  margin: 0;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .EventDetailPage-module-scss-module__FvMwCW__title {
    font-size: var(--font-size-3xl);
    font-weight: var(--font-weight-bold);
    line-height: 1.5;
  }
}

@media (min-width: 1024px) {
  .EventDetailPage-module-scss-module__FvMwCW__title {
    font-size: var(--font-size-4xl);
    font-weight: var(--font-weight-bold);
    line-height: 1.25;
  }
}

.EventDetailPage-module-scss-module__FvMwCW__infoSection {
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--spacing-2-5);
  flex-direction: column;
  display: flex;
}

@media (min-width: 1024px) {
  .EventDetailPage-module-scss-module__FvMwCW__infoSection {
    gap: var(--spacing-3);
  }
}

.EventDetailPage-module-scss-module__FvMwCW__infoColumn {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0;
  display: flex;
}

.EventDetailPage-module-scss-module__FvMwCW__infoLabel {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-normal);
  color: var(--theme-muted-foreground);
  line-height: 1.5;
}

.EventDetailPage-module-scss-module__FvMwCW__infoValue, .EventDetailPage-module-scss-module__FvMwCW__infoValueHighlight {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  color: var(--theme-foreground);
  line-height: 1.5;
}

.EventDetailPage-module-scss-module__FvMwCW__priceZones {
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--spacing-2);
  flex-direction: column;
  display: flex;
}

.EventDetailPage-module-scss-module__FvMwCW__priceZonesTitle {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--theme-foreground);
  margin: 0;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .EventDetailPage-module-scss-module__FvMwCW__priceZonesTitle {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    line-height: 1.5;
  }
}

.EventDetailPage-module-scss-module__FvMwCW__priceZonesList {
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--spacing-1);
  flex-direction: column;
  display: flex;
}

.EventDetailPage-module-scss-module__FvMwCW__priceZoneItem {
  justify-content: flex-start;
  align-items: center;
  gap: var(--spacing-2);
  padding: var(--spacing-2) var(--spacing-3);
  border-radius: var(--radius-lg);
  background-color: var(--theme-secondary);
  flex-direction: row;
  display: flex;
}

@media (min-width: 768px) {
  .EventDetailPage-module-scss-module__FvMwCW__priceZoneItem {
    padding: var(--spacing-2-5) var(--spacing-3);
  }
}

.EventDetailPage-module-scss-module__FvMwCW__priceZoneDot {
  border-radius: 50%;
  flex-shrink: 0;
  width: 12px;
  height: 12px;
}

.EventDetailPage-module-scss-module__FvMwCW__priceZoneName {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  color: var(--theme-foreground);
  flex: 1;
  line-height: 1.5;
}

.EventDetailPage-module-scss-module__FvMwCW__priceZonePrice {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  color: var(--theme-foreground);
  white-space: nowrap;
  line-height: 1.5;
}

.EventDetailPage-module-scss-module__FvMwCW__priceZoneAvailable {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-normal);
  color: var(--theme-muted-foreground);
  white-space: nowrap;
  line-height: 1.5;
}

.EventDetailPage-module-scss-module__FvMwCW__ctaButton {
  appearance: none;
  font: inherit;
  color: inherit;
  cursor: pointer;
  background: none;
  border: none;
  margin: 0;
  padding: 0;
}

.EventDetailPage-module-scss-module__FvMwCW__ctaButton:focus {
  outline: none;
}

.EventDetailPage-module-scss-module__FvMwCW__ctaButton {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-normal);
  width: 100%;
  height: var(--spacing-14);
  background-color: var(--theme-primary);
  color: var(--theme-primary-foreground);
  border-radius: var(--radius-full);
  box-shadow: var(--shadow-lg);
  line-height: 1.5;
  font-family: var(--font-family-sans);
  justify-content: center;
  align-items: center;
  transition-property: opacity;
  transition-duration: .15s;
  transition-timing-function: cubic-bezier(.4, 0, .2, 1);
  display: flex;
}

@media (min-width: 768px) {
  .EventDetailPage-module-scss-module__FvMwCW__ctaButton {
    width: auto;
    padding: 0 var(--spacing-6);
  }
}

@media (hover: hover) {
  .EventDetailPage-module-scss-module__FvMwCW__ctaButton:hover {
    opacity: .9;
  }
}

.EventDetailPage-module-scss-module__FvMwCW__accordion {
  border-bottom: 1px solid var(--theme-border);
}

.EventDetailPage-module-scss-module__FvMwCW__accordionHeader {
  padding: var(--spacing-3) 0;
}

@media (min-width: 768px) {
  .EventDetailPage-module-scss-module__FvMwCW__accordionHeader {
    padding: var(--spacing-4) 0;
  }
}

.EventDetailPage-module-scss-module__FvMwCW__accordionTitle {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-semibold);
  margin: 0;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .EventDetailPage-module-scss-module__FvMwCW__accordionTitle {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    line-height: 1.5;
  }
}

@media (min-width: 1024px) {
  .EventDetailPage-module-scss-module__FvMwCW__accordionTitle {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-semibold);
    line-height: 1.5;
  }
}

@media (min-width: 1280px) {
  .EventDetailPage-module-scss-module__FvMwCW__accordionTitle {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-semibold);
    line-height: 1.5;
  }
}

.EventDetailPage-module-scss-module__FvMwCW__accordionBody {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-normal);
  color: var(--theme-foreground);
  line-height: 1.5;
  line-height: var(--font-leading-5);
  white-space: pre-line;
}

@media (min-width: 768px) {
  .EventDetailPage-module-scss-module__FvMwCW__accordionBody {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    line-height: var(--font-leading-5);
  }
}

@media (min-width: 1024px) {
  .EventDetailPage-module-scss-module__FvMwCW__accordionBody {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-normal);
    line-height: 1.7;
  }
}

@media (min-width: 1280px) {
  .EventDetailPage-module-scss-module__FvMwCW__accordionBody {
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-normal);
    line-height: 1.5;
    line-height: var(--font-leading-5);
  }
}

.EventDetailPage-module-scss-module__FvMwCW__similar {
  justify-content: flex-start;
  align-items: stretch;
  gap: var(--spacing-3);
  padding: var(--spacing-4);
  margin-top: var(--spacing-4);
  background-color: var(--theme-secondary);
  flex-direction: column;
  display: flex;
}

@media (min-width: 768px) {
  .EventDetailPage-module-scss-module__FvMwCW__similar {
    gap: var(--spacing-3);
    padding: var(--spacing-5);
    margin-top: var(--spacing-5);
  }
}

@media (min-width: 1024px) {
  .EventDetailPage-module-scss-module__FvMwCW__similar {
    gap: var(--spacing-5);
    padding: var(--spacing-6) var(--spacing-8);
    margin-top: var(--spacing-6);
    background-color: #0000;
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 1280px) {
  .EventDetailPage-module-scss-module__FvMwCW__similar {
    gap: var(--spacing-3);
    padding: var(--spacing-3);
    background-color: var(--theme-secondary);
    border-radius: var(--radius-2xl);
    grid-area: 2 / 2;
    align-self: start;
    width: auto;
    max-width: none;
    max-height: calc(100vh - 96px);
    margin-top: 0;
    margin-left: 0;
    margin-right: 0;
    position: sticky;
    top: 80px;
    overflow-y: auto;
  }
}

.EventDetailPage-module-scss-module__FvMwCW__similarTitle {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-bold);
  color: var(--theme-foreground);
  margin: 0;
  line-height: 1.5;
}

@media (min-width: 768px) {
  .EventDetailPage-module-scss-module__FvMwCW__similarTitle {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
    line-height: 1.5;
  }
}

@media (min-width: 1024px) {
  .EventDetailPage-module-scss-module__FvMwCW__similarTitle {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold);
    line-height: 1.5;
  }
}

@media (min-width: 1280px) {
  .EventDetailPage-module-scss-module__FvMwCW__similarTitle {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold);
    line-height: 1.5;
  }
}

@media (min-width: 1536px) {
  .EventDetailPage-module-scss-module__FvMwCW__similarTitle {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold);
    line-height: 1.5;
  }
}

.EventDetailPage-module-scss-module__FvMwCW__similarCarousel {
  --carousel-slide-size: 48.5%;
  --carousel-spacing: var(--spacing-2);
}

@media (min-width: 640px) {
  .EventDetailPage-module-scss-module__FvMwCW__similarCarousel {
    --carousel-slide-size: 38%;
  }
}

@media (min-width: 768px) {
  .EventDetailPage-module-scss-module__FvMwCW__similarCarousel {
    --carousel-slide-size: 31.5%;
    --carousel-spacing: var(--spacing-2-5);
  }
}

@media (min-width: 1024px) {
  .EventDetailPage-module-scss-module__FvMwCW__similarCarousel {
    --carousel-slide-size: 22%;
    --carousel-spacing: var(--spacing-4);
  }
}

@media (min-width: 1280px) {
  .EventDetailPage-module-scss-module__FvMwCW__similarCarousel {
    display: none;
  }
}

.EventDetailPage-module-scss-module__FvMwCW__similarList {
  display: none;
}

@media (min-width: 1280px) {
  .EventDetailPage-module-scss-module__FvMwCW__similarList {
    justify-content: flex-start;
    align-items: stretch;
    gap: var(--spacing-3);
    flex-direction: column;
    display: flex;
  }
}

.EventDetailPage-module-scss-module__FvMwCW__similarCard {
  aspect-ratio: 354 / 443;
  border-radius: var(--radius-xl);
  width: 100%;
  display: block;
  position: relative;
  overflow: hidden;
}

.EventDetailPage-module-scss-module__FvMwCW__similarCard img {
  object-fit: cover;
}

/*# sourceMappingURL=src_views_EventDetail_ui_ea8449b9._.css.map*/