/* [next]/internal/font/google/cinzel_c0b2ede0.module.css [app-client] (css) */
@font-face {
  font-family: Cinzel;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/f13700f23fbdc6fd-s.7f4e28d1.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Cinzel;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/cc014fcb166cf364-s.p.e32417d2.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Cinzel;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/f13700f23fbdc6fd-s.7f4e28d1.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Cinzel;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/cc014fcb166cf364-s.p.e32417d2.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Cinzel Fallback;
  src: local(Times New Roman);
  ascent-override: 71.31%;
  descent-override: 27.18%;
  line-gap-override: 0.0%;
  size-adjust: 136.86%;
}

.cinzel_c0b2ede0-module__HUjViG__className {
  font-family: Cinzel, Cinzel Fallback;
  font-style: normal;
}

/* [next]/internal/font/google/cinzel_decorative_5491ea42.module.css [app-client] (css) */
@font-face {
  font-family: Cinzel Decorative;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/18b40ef1512f2489-s.44365268.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Cinzel Decorative;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/ea1df765ed99ddf9-s.p.fa736f52.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Cinzel Decorative Fallback;
  src: local(Arial);
  ascent-override: 73.87%;
  descent-override: 28.16%;
  line-gap-override: 0.0%;
  size-adjust: 132.12%;
}

.cinzel_decorative_5491ea42-module__liM96a__className {
  font-family: Cinzel Decorative, Cinzel Decorative Fallback;
  font-style: normal;
  font-weight: 700;
}

/* [next]/internal/font/google/playfair_display_d1471b92.module.css [app-client] (css) */
@font-face {
  font-family: Playfair Display;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../media/35161b7740c25d33-s.c0314740.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Playfair Display;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../media/391e53907fa6d8ec-s.1942ea8f.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Playfair Display;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../media/ae8872c8a32e309c-s.bd3beac6.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Playfair Display;
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url("../media/70e3db2de7f94926-s.p.347f98aa.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Playfair Display;
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("../media/35161b7740c25d33-s.c0314740.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Playfair Display;
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("../media/391e53907fa6d8ec-s.1942ea8f.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Playfair Display;
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("../media/ae8872c8a32e309c-s.bd3beac6.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Playfair Display;
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url("../media/70e3db2de7f94926-s.p.347f98aa.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/65c558afe41e89d6-s.e2c8389a.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/14e23f9b59180572-s.9c448f3c.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/b49b0d9b851e4899-s.4f3fa681.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("../media/2a65768255d6b625-s.p.d19752fb.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/65c558afe41e89d6-s.e2c8389a.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/14e23f9b59180572-s.9c448f3c.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/b49b0d9b851e4899-s.4f3fa681.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/2a65768255d6b625-s.p.d19752fb.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Playfair Display Fallback;
  src: local(Times New Roman);
  ascent-override: 97.25%;
  descent-override: 22.56%;
  line-gap-override: 0.0%;
  size-adjust: 111.26%;
}

.playfair_display_d1471b92-module__7FrVCG__className {
  font-family: Playfair Display, Playfair Display Fallback;
}

/* [project]/components/invitation/halal-bi-halal.module.css [app-client] (css) */
.halal-bi-halal-module__vew1DG__page {
  background: #f3f3f3;
  height: 100dvh;
  overflow: hidden;
}

.halal-bi-halal-module__vew1DG__stack {
  scroll-snap-type: y mandatory;
  overscroll-behavior-y: contain;
  width: 100%;
  height: 100dvh;
  overflow-y: auto;
}

.halal-bi-halal-module__vew1DG__snapSection {
  scroll-snap-align: start;
  scroll-snap-stop: always;
  --panel-max-h: calc(100dvh - 44px);
  --panel-max-w-by-h: calc(var(--panel-max-h) * .634);
  justify-content: center;
  align-items: center;
  height: 100dvh;
  padding: 22px 12px;
  display: flex;
}

.halal-bi-halal-module__vew1DG__enter {
  opacity: 0;
  filter: blur(6px);
  will-change: opacity, transform, filter;
  animation: .82s cubic-bezier(.22, 1, .36, 1) both halal-bi-halal-module__vew1DG__contentIn;
  transform: translate3d(0, 16px, 0)scale(.99);
}

.halal-bi-halal-module__vew1DG__d1 {
  animation-delay: 70ms;
}

.halal-bi-halal-module__vew1DG__d2 {
  animation-delay: .14s;
}

.halal-bi-halal-module__vew1DG__d3 {
  animation-delay: .22s;
}

.halal-bi-halal-module__vew1DG__d4 {
  animation-delay: .31s;
}

.halal-bi-halal-module__vew1DG__d5 {
  animation-delay: .38s;
}

@keyframes halal-bi-halal-module__vew1DG__contentIn {
  to {
    opacity: 1;
    filter: blur();
    transform: translate3d(0, 0, 0)scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .halal-bi-halal-module__vew1DG__enter {
    opacity: 1;
    filter: none;
    animation: none;
    transform: none;
  }
}

.halal-bi-halal-module__vew1DG__panel {
  --bg: none;
  width: min(430px, 92vw, var(--panel-max-w-by-h));
  aspect-ratio: 1169 / 1844;
  background-image: var(--bg);
  background-color: #f7f4ee;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border: 1px solid #c49a3a29;
  border-radius: 18px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 28px 80px #00000024, 0 10px 26px #00000014, inset 0 1px #ffffffb3, inset 0 0 0 1px #ffffff52, inset 0 0 0 10px #ffffff0a;
}

.halal-bi-halal-module__vew1DG__panel:before {
  content: "";
  mix-blend-mode: normal;
  pointer-events: none;
  z-index: 0;
  background: linear-gradient(#ffffff8f, #ffffff47), radial-gradient(110% 82% at 50% 14%, #ffffff6b, #fff0 58%), radial-gradient(120% 90% at 50% 100%, #7852120b, #78521200 64%), radial-gradient(120% 120%, #0000 66%, #0000000f 100%);
  position: absolute;
  inset: 0;
}

.halal-bi-halal-module__vew1DG__panel:after {
  content: "";
  opacity: .18;
  mix-blend-mode: soft-light;
  pointer-events: none;
  z-index: 0;
  background: repeating-linear-gradient(0deg, #00000005 0 1px, #0000 1px 3px), repeating-linear-gradient(90deg, #00000004 0 1px, #0000 1px 4px), repeating-linear-gradient(45deg, #00000003 0 1px, #0000 1px 6px);
  position: absolute;
  inset: 0;
}

.halal-bi-halal-module__vew1DG__coverPanel .halal-bi-halal-module__vew1DG__inner {
  padding-top: 130px;
  padding-bottom: 130px;
}

.halal-bi-halal-module__vew1DG__topComponentHalbil {
  z-index: 3;
  pointer-events: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.halal-bi-halal-module__vew1DG__topComponentImg {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: center top;
  object-position: center top;
  width: 100%;
  height: auto;
  display: block;
}

.halal-bi-halal-module__vew1DG__lanternDecor {
  pointer-events: none;
  z-index: 1;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.halal-bi-halal-module__vew1DG__lantern {
  height: auto;
  width: var(--lantern-w);
  filter: drop-shadow(0 10px 18px #00000038);
  opacity: .98;
  will-change: transform, opacity;
  position: absolute;
}

.halal-bi-halal-module__vew1DG__lanternMain {
  --lantern-w: clamp(72px, 10vw, 90px);
  animation: .9s ease-out .22s both halal-bi-halal-module__vew1DG__lanternSlide;
  top: 60px;
  left: 25px;
}

@keyframes halal-bi-halal-module__vew1DG__lanternSlide {
  from {
    opacity: 0;
    transform: translateY(-36px);
  }

  60% {
    opacity: 1;
  }

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

.halal-bi-halal-module__vew1DG__bottomComponentHalbil {
  z-index: 0;
  pointer-events: none;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}

.halal-bi-halal-module__vew1DG__bottomComponentImg {
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: right bottom;
  object-position: right bottom;
  width: 100%;
  height: auto;
  display: block;
}

.halal-bi-halal-module__vew1DG__inner {
  z-index: 2;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding: 120px 34px;
  display: flex;
  position: relative;
}

.halal-bi-halal-module__vew1DG__coverHero {
  flex-direction: column;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.halal-bi-halal-module__vew1DG__coverLogoImg {
  -o-object-fit: contain;
  object-fit: contain;
  filter: drop-shadow(0 10px 22px #00000014);
  width: auto;
  height: 60px;
}

.halal-bi-halal-module__vew1DG__coverHero:before {
  content: "";
  pointer-events: none;
  z-index: 0;
  background: radial-gradient(closest-side at 50% 26%, #ffffffeb, #fff0 72%), radial-gradient(closest-side at 50% 72%, #fff9, #fff0 72%);
  width: min(520px, 140%);
  height: clamp(360px, 52vh, 540px);
  position: absolute;
  top: -34px;
  left: 50%;
  transform: translateX(-50%);
}

.halal-bi-halal-module__vew1DG__coverHero > * {
  z-index: 1;
  position: relative;
}

.halal-bi-halal-module__vew1DG__coverLogoArea {
  flex-direction: column;
  align-items: center;
  margin-top: 4px;
  display: flex;
}

.halal-bi-halal-module__vew1DG__logoPlaceholder {
  filter: drop-shadow(0 10px 22px #00000014);
  flex-direction: column;
  align-items: center;
  gap: 2px;
  display: flex;
}

.halal-bi-halal-module__vew1DG__logoRow {
  align-items: baseline;
  gap: 3px;
  display: flex;
}

.halal-bi-halal-module__vew1DG__logoM {
  color: #0b3ee6;
  letter-spacing: -2px;
  font-family: Arial, sans-serif;
  font-size: 36px;
  font-weight: 900;
  line-height: 1;
}

.halal-bi-halal-module__vew1DG__logoText {
  color: #e51d1d;
  margin-left: 8px;
  font-family: Arial, sans-serif;
  font-size: 36px;
  font-weight: 900;
  line-height: 1;
}

.halal-bi-halal-module__vew1DG__logoSub {
  color: #e51d1d;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 700;
}

.halal-bi-halal-module__vew1DG__undanganTitle {
  letter-spacing: 3px;
  text-align: center;
  color: #c49a3a;
  text-shadow: 0 1px #ffffffd1, 0 0 1px #78521259, 0 16px 30px #00000014;
  margin-top: 18px;
  font-size: 52px;
  font-weight: 700;
  line-height: 1;
}

.halal-bi-halal-module__vew1DG__coverEventTitle {
  text-align: center;
  text-transform: uppercase;
  letter-spacing: 2.2px;
  color: #a77720;
  text-shadow: 0 1px #ffffffd9, 0 0 1px #78521259;
  max-width: 340px;
  margin-top: 12px;
  padding: 10px 0;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.6;
  position: relative;
}

.halal-bi-halal-module__vew1DG__coverEventTitle:before, .halal-bi-halal-module__vew1DG__coverEventTitle:after {
  content: "";
  background: linear-gradient(90deg, #c49a3a00, #c49a3a8c, #c49a3a00);
  width: min(260px, 86%);
  height: 1px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.halal-bi-halal-module__vew1DG__coverEventTitle:before {
  opacity: .75;
  top: 0;
}

.halal-bi-halal-module__vew1DG__coverEventTitle:after {
  opacity: .45;
  bottom: 0;
}

.halal-bi-halal-module__vew1DG__coverBottomOrnament {
  pointer-events: none;
  z-index: 1;
  --orn-line-y: 34px;
  --orn-center-r: 8px;
  --orn-center-ring: 10px;
  --orn-glow-r: 26px;
  --orn-dot-x1: 30%;
  --orn-dot-x2: 70%;
  --orn-dot-r: 3px;
  background: linear-gradient(90deg, #c49a3a00, #c49a3aa6, #c49a3a00) 50% var(--orn-line-y) / 100% 1px no-repeat, radial-gradient(circle at 50% var(--orn-line-y), #ffffff9e 0 var(--orn-center-r), #c49a3a8c var(--orn-center-r) calc(var(--orn-center-r)  + 1px), #c49a3a00 var(--orn-center-ring)), radial-gradient(circle at 50% var(--orn-line-y), #c49a3a24 0 var(--orn-glow-r), #c49a3a00 calc(var(--orn-glow-r)  + 1px)), radial-gradient(circle at var(--orn-dot-x1) var(--orn-line-y), #c49a3a99 0 var(--orn-dot-r), #c49a3a00 calc(var(--orn-dot-r)  + 1px)), radial-gradient(circle at var(--orn-dot-x2) var(--orn-line-y), #c49a3a99 0 var(--orn-dot-r), #c49a3a00 calc(var(--orn-dot-r)  + 1px));
  filter: drop-shadow(0 14px 28px #0000000f);
  width: min(360px, 78%);
  height: 86px;
  position: absolute;
  bottom: 26px;
  left: 50%;
  transform: translateX(-50%);
}

.halal-bi-halal-module__vew1DG__infoWrap {
  --badge-size: 66px;
  --badge-col: 74px;
  width: calc(100% + 32px);
  margin-top: 28px;
  margin-left: -16px;
  margin-right: -16px;
  position: relative;
}

.halal-bi-halal-module__vew1DG__infoFrame {
  grid-template-columns: minmax(0, .92fr) var(--badge-col) minmax(0, 1.08fr);
  -moz-column-gap: 8px;
  width: 100%;
  min-height: 44px;
  box-shadow: none;
  -webkit-backdrop-filter: blur(1.2px);
  backdrop-filter: blur(1.2px);
  background: linear-gradient(#ffffff2e, #ffffff0f);
  border: 3px solid #b78123f2;
  border-radius: 999px;
  align-items: center;
  column-gap: 8px;
  padding: 6px 10px;
  display: grid;
}

.halal-bi-halal-module__vew1DG__infoFrame:after {
  content: "";
  pointer-events: none;
  border: 1px solid #b7812359;
  border-radius: 999px;
  position: absolute;
  inset: 8px;
}

.halal-bi-halal-module__vew1DG__infoLeft {
  min-width: 0;
  padding-right: calc(var(--badge-col) / 2 + 8px);
  align-items: center;
  gap: 10px;
  display: flex;
}

.halal-bi-halal-module__vew1DG__infoCenter {
  width: var(--badge-col);
  height: 1px;
  position: relative;
}

.halal-bi-halal-module__vew1DG__infoRight {
  min-width: 0;
  padding-left: calc(var(--badge-col) / 2 + 8px);
  justify-content: flex-end;
  align-items: center;
  gap: 10px;
  display: flex;
}

.halal-bi-halal-module__vew1DG__infoIconWrap {
  width: 34px;
  height: 34px;
  box-shadow: none;
  background: #ffffff14;
  border: 3px solid #b78123eb;
  border-radius: 999px;
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
}

.halal-bi-halal-module__vew1DG__infoText {
  flex-direction: column;
  gap: 3px;
  min-width: 0;
  line-height: 1.1;
  display: flex;
}

.halal-bi-halal-module__vew1DG__infoTextRight {
  text-align: right;
  flex-direction: column;
  align-items: flex-end;
  gap: 1px;
  min-width: 0;
  line-height: 1.1;
  display: flex;
}

.halal-bi-halal-module__vew1DG__infoTextRightTight {
  gap: 1px;
  line-height: 1.05;
}

.halal-bi-halal-module__vew1DG__infoLocationLine1, .halal-bi-halal-module__vew1DG__infoLocationLine2, .halal-bi-halal-module__vew1DG__infoLocationLine3 {
  letter-spacing: .7px;
  text-transform: uppercase;
  color: #b4832beb;
  text-shadow: 0 1px #ffffffb3;
  overflow-wrap: normal;
  word-break: normal;
  -webkit-hyphens: none;
  hyphens: none;
  font-size: 8px;
  font-weight: 800;
  line-height: 1.1;
}

.halal-bi-halal-module__vew1DG__infoTextRightTight .halal-bi-halal-module__vew1DG__infoLocationLine1, .halal-bi-halal-module__vew1DG__infoTextRightTight .halal-bi-halal-module__vew1DG__infoLocationLine2, .halal-bi-halal-module__vew1DG__infoTextRightTight .halal-bi-halal-module__vew1DG__infoLocationLine3 {
  white-space: nowrap;
}

.halal-bi-halal-module__vew1DG__infoTop {
  letter-spacing: .9px;
  text-transform: uppercase;
  color: #b4832bf5;
  text-shadow: 0 1px #ffffffb3;
  font-size: 8px;
  font-weight: 900;
}

.halal-bi-halal-module__vew1DG__infoBottom {
  letter-spacing: .7px;
  text-transform: uppercase;
  color: #b4832beb;
  text-shadow: 0 1px #ffffffb3;
  flex-direction: column;
  gap: 1px;
  font-size: 8px;
  font-weight: 800;
  display: flex;
}

.halal-bi-halal-module__vew1DG__infoDateMain, .halal-bi-halal-module__vew1DG__infoDateYear {
  white-space: nowrap;
  line-height: 1.05;
  display: block;
}

.halal-bi-halal-module__vew1DG__infoDateYear {
  opacity: .92;
}

.halal-bi-halal-module__vew1DG__infoCenterBadge {
  width: var(--badge-size);
  height: var(--badge-size);
  z-index: 1;
  border-radius: 0;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.halal-bi-halal-module__vew1DG__infoCenterBadgeImg {
  -o-object-fit: contain;
  object-fit: contain;
  filter: drop-shadow(0 10px 22px #00000029);
  width: 100%;
  height: 100%;
  display: block;
}

.halal-bi-halal-module__vew1DG__infoCenterBadgeText {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0;
  transform: translateY(-2px);
}

.halal-bi-halal-module__vew1DG__infoCenterTime {
  color: #b4832bf5;
  letter-spacing: 1px;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.05;
}

.halal-bi-halal-module__vew1DG__infoCenterZone {
  letter-spacing: 1.8px;
  text-transform: uppercase;
  color: #b4832bf0;
  margin-top: -1px;
  font-size: 14px;
  font-weight: 900;
  line-height: 1.05;
}

.halal-bi-halal-module__vew1DG__icon {
  color: #b4832bf2;
  flex: none;
  width: 16px;
  height: 16px;
}

.halal-bi-halal-module__vew1DG__coverRecipient {
  text-align: center;
  -webkit-backdrop-filter: blur(2px);
  backdrop-filter: blur(2px);
  background: linear-gradient(#ffffff2e, #ffffff14);
  border: 1px solid #c49a3a2e;
  border-radius: 16px;
  margin-top: 20px;
  padding: 10px 14px;
  box-shadow: 0 14px 30px #0000000f;
}

.halal-bi-halal-module__vew1DG__coverRecipientLabel {
  color: #5f3e0ab8;
  letter-spacing: 1px;
  font-size: 13px;
}

.halal-bi-halal-module__vew1DG__coverRecipientName {
  color: #5f3e0aeb;
  letter-spacing: 1px;
  text-shadow: 0 1px #ffffffa6;
  margin-top: 4px;
  font-size: 24px;
  font-weight: 800;
}

.halal-bi-halal-module__vew1DG__bodyTitle {
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #5f3e0ae6;
  margin-top: 6px;
  font-size: 16px;
  font-weight: 800;
}

.halal-bi-halal-module__vew1DG__bodyText {
  text-align: center;
  color: #5f3e0acc;
  margin-top: 18px;
  font-size: 15px;
  line-height: 1.8;
}

.halal-bi-halal-module__vew1DG__quoteTitle {
  text-align: center;
  color: #5f3e0aeb;
  margin-top: 16px;
  font-size: 15px;
  font-weight: 800;
}

.halal-bi-halal-module__vew1DG__detailsBlock {
  text-align: center;
  color: #5f3e0ad1;
  margin-top: 18px;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.75;
}

.halal-bi-halal-module__vew1DG__signatureBlock {
  text-align: center;
  color: #5f3e0ac7;
  margin-top: 24px;
  font-size: 14px;
  line-height: 1.8;
}

.halal-bi-halal-module__vew1DG__signatureName {
  color: #5f3e0ae6;
  margin-top: 18px;
  font-weight: 800;
  text-decoration: underline;
}

.halal-bi-halal-module__vew1DG__signatureRole {
  font-weight: 700;
}

.halal-bi-halal-module__vew1DG__agendaTitle {
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: #5f3e0aeb;
  margin-top: 10px;
  font-size: 16px;
  font-weight: 800;
}

.halal-bi-halal-module__vew1DG__agendaList {
  flex-direction: column;
  gap: 14px;
  width: 100%;
  margin-top: 22px;
  display: flex;
}

.halal-bi-halal-module__vew1DG__agendaRow {
  -moz-column-gap: 8px;
  grid-template-columns: 92px 14px 1fr;
  align-items: start;
  column-gap: 8px;
  display: grid;
}

.halal-bi-halal-module__vew1DG__agendaTime {
  text-align: right;
  color: #5f3e0aeb;
  font-weight: 800;
}

.halal-bi-halal-module__vew1DG__agendaColon {
  text-align: center;
  color: #5f3e0ab8;
  font-weight: 900;
}

.halal-bi-halal-module__vew1DG__agendaItem {
  color: #5f3e0ad1;
  font-weight: 700;
  line-height: 1.5;
}

@media (min-width: 640px) {
  .halal-bi-halal-module__vew1DG__snapSection {
    padding: 36px 16px;
  }

  .halal-bi-halal-module__vew1DG__panel {
    width: min(520px, 92vw, var(--panel-max-w-by-h));
  }

  .halal-bi-halal-module__vew1DG__undanganTitle {
    font-size: 58px;
  }

  .halal-bi-halal-module__vew1DG__inner {
    padding: 130px 44px;
  }

  .halal-bi-halal-module__vew1DG__coverEventTitle {
    letter-spacing: 2.4px;
    max-width: 560px;
    font-size: 18px;
  }

  .halal-bi-halal-module__vew1DG__infoWrap {
    --badge-size: 84px;
    --badge-col: 92px;
  }

  .halal-bi-halal-module__vew1DG__infoFrame {
    grid-template-columns: minmax(0, 1fr) var(--badge-col) minmax(0, 1fr);
  }

  .halal-bi-halal-module__vew1DG__infoCenterTime {
    font-size: 18px;
  }

  .halal-bi-halal-module__vew1DG__infoCenterZone {
    font-size: 16px;
  }
}

@media (min-width: 1024px) {
  .halal-bi-halal-module__vew1DG__panel {
    width: min(860px, 90vw, var(--panel-max-w-by-h));
  }

  .halal-bi-halal-module__vew1DG__lanternMain {
    --lantern-w: clamp(72px, 7vw, 94px);
    top: 74px;
    left: 15px;
  }

  .halal-bi-halal-module__vew1DG__infoWrap {
    --badge-size: 96px;
    --badge-col: 110px;
  }

  .halal-bi-halal-module__vew1DG__infoFrame {
    grid-template-columns: minmax(0, 1.1fr) var(--badge-col) minmax(0, 1fr);
    -moz-column-gap: 10px;
    column-gap: 10px;
  }

  .halal-bi-halal-module__vew1DG__infoTop, .halal-bi-halal-module__vew1DG__infoBottom, .halal-bi-halal-module__vew1DG__infoLocationLine1, .halal-bi-halal-module__vew1DG__infoLocationLine2 {
    letter-spacing: .8px;
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  .halal-bi-halal-module__vew1DG__snapSection {
    padding: 28px 18px;
  }

  .halal-bi-halal-module__vew1DG__panel {
    width: min(760px, 92vw, var(--panel-max-w-by-h));
    border-radius: 22px;
  }

  .halal-bi-halal-module__vew1DG__inner {
    padding: 140px 64px;
  }

  .halal-bi-halal-module__vew1DG__coverPanel .halal-bi-halal-module__vew1DG__inner {
    padding-top: 130px;
    padding-bottom: 130px;
  }

  .halal-bi-halal-module__vew1DG__undanganTitle {
    letter-spacing: 3px;
    font-size: 70px;
  }

  .halal-bi-halal-module__vew1DG__coverEventTitle {
    max-width: 560px;
    font-size: 18px;
  }

  .halal-bi-halal-module__vew1DG__coverBottomOrnament {
    width: min(520px, 76%);
    bottom: 32px;
  }

  .halal-bi-halal-module__vew1DG__infoWrap {
    --badge-size: 96px;
    --badge-col: 110px;
  }

  .halal-bi-halal-module__vew1DG__infoFrame {
    grid-template-columns: minmax(0, 1fr) var(--badge-col) minmax(0, 1fr);
  }

  .halal-bi-halal-module__vew1DG__coverRecipientName {
    font-size: 26px;
  }

  .halal-bi-halal-module__vew1DG__lanternMain {
    --lantern-w: clamp(126px, 11vw, 168px);
    top: 112px;
    left: 40px;
  }

  .halal-bi-halal-module__vew1DG__coverLogoImg {
    height: 68px;
  }
}

@media (max-width: 480px) {
  .halal-bi-halal-module__vew1DG__snapSection {
    --panel-max-h: 100dvh;
    --panel-max-w-by-h: 100vw;
    padding: 0;
  }

  .halal-bi-halal-module__vew1DG__panel {
    aspect-ratio: auto;
    width: 100vw;
    height: 100dvh;
    box-shadow: none;
    border-radius: 0;
  }

  .halal-bi-halal-module__vew1DG__inner {
    padding: calc(env(safe-area-inset-top)  + 24px) 22px calc(env(safe-area-inset-bottom)  + 24px);
    justify-content: center;
    width: min(430px, 100%);
    margin: 0 auto;
  }

  .halal-bi-halal-module__vew1DG__coverPanel .halal-bi-halal-module__vew1DG__inner {
    padding-top: calc(env(safe-area-inset-top)  + 120px);
    padding-bottom: calc(env(safe-area-inset-bottom)  + 120px);
  }

  .halal-bi-halal-module__vew1DG__topComponentHalbil {
    width: 100%;
  }

  .halal-bi-halal-module__vew1DG__lanternMain {
    --lantern-w: clamp(78px, 16vw, 122px);
    top: 65px;
    left: 22px;
  }

  .halal-bi-halal-module__vew1DG__bottomComponentHalbil {
    width: 100%;
  }

  .halal-bi-halal-module__vew1DG__coverHero:before {
    width: min(460px, 150%);
    height: clamp(320px, 46vh, 480px);
    top: -28px;
  }

  .halal-bi-halal-module__vew1DG__undanganTitle {
    letter-spacing: 3px;
    font-size: 44px;
  }

  .halal-bi-halal-module__vew1DG__coverEventTitle {
    font-size: 13px;
  }

  .halal-bi-halal-module__vew1DG__coverEventTitle:before, .halal-bi-halal-module__vew1DG__coverEventTitle:after {
    width: min(220px, 84%);
  }

  .halal-bi-halal-module__vew1DG__coverBottomOrnament {
    --orn-line-y: 30px;
    --orn-center-r: 7px;
    --orn-center-ring: 9px;
    --orn-glow-r: 22px;
    width: min(340px, 82%);
    height: 78px;
    bottom: 18px;
  }

  .halal-bi-halal-module__vew1DG__coverRecipient {
    border-radius: 14px;
    margin-top: 18px;
    padding: 8px 12px;
  }

  .halal-bi-halal-module__vew1DG__coverRecipientLabel {
    font-size: 12px;
  }

  .halal-bi-halal-module__vew1DG__coverRecipientName {
    font-size: 22px;
  }

  .halal-bi-halal-module__vew1DG__agendaRow {
    grid-template-columns: 86px 14px 1fr;
  }

  .halal-bi-halal-module__vew1DG__infoWrap {
    --badge-size: 64px;
    --badge-col: 72px;
    width: 105%;
    margin-top: 24px;
    margin-left: 0;
    margin-right: 0;
  }

  .halal-bi-halal-module__vew1DG__infoFrame {
    -moz-column-gap: 8px;
    grid-template-columns: minmax(0, 1fr) var(--badge-col) minmax(0, 1fr);
    column-gap: 8px;
    min-height: 46px;
    padding: 6px;
  }

  .halal-bi-halal-module__vew1DG__infoFrame:after {
    inset: 6px;
  }

  .halal-bi-halal-module__vew1DG__infoLeft {
    padding-right: calc(var(--badge-col) / 2 + 4px);
    gap: 8px;
  }

  .halal-bi-halal-module__vew1DG__infoRight {
    padding-left: calc(var(--badge-col) / 2 + 4px);
    gap: 8px;
  }

  .halal-bi-halal-module__vew1DG__infoIconWrap {
    border-width: 2px;
    border-radius: 999px;
    width: 28px;
    height: 28px;
  }

  .halal-bi-halal-module__vew1DG__infoTop {
    letter-spacing: 1px;
    font-size: 8px;
  }

  .halal-bi-halal-module__vew1DG__infoBottom {
    letter-spacing: .9px;
    font-size: 8px;
  }

  .halal-bi-halal-module__vew1DG__infoLocationLine1, .halal-bi-halal-module__vew1DG__infoLocationLine2 {
    letter-spacing: .9px;
    white-space: normal;
    font-size: 8px;
  }

  .halal-bi-halal-module__vew1DG__infoCenterTime {
    font-size: 13px;
  }

  .halal-bi-halal-module__vew1DG__infoCenterZone {
    letter-spacing: 1.2px;
    font-size: 11px;
  }

  .halal-bi-halal-module__vew1DG__coverLogoImg {
    height: 56px;
  }
}

@media (max-width: 360px) {
  .halal-bi-halal-module__vew1DG__infoWrap {
    --badge-size: 58px;
    --badge-col: 66px;
  }

  .halal-bi-halal-module__vew1DG__infoFrame {
    -moz-column-gap: 6px;
    column-gap: 6px;
    min-height: 44px;
    padding: 6px;
  }

  .halal-bi-halal-module__vew1DG__infoText {
    gap: 2px;
  }

  .halal-bi-halal-module__vew1DG__infoIconWrap {
    width: 26px;
    height: 26px;
  }

  .halal-bi-halal-module__vew1DG__infoTop {
    letter-spacing: .9px;
    font-size: 9px;
  }

  .halal-bi-halal-module__vew1DG__infoBottom {
    letter-spacing: .7px;
    white-space: normal;
    font-size: 9px;
    line-height: 1.15;
  }

  .halal-bi-halal-module__vew1DG__infoLocationLine1, .halal-bi-halal-module__vew1DG__infoLocationLine2 {
    letter-spacing: .7px;
    font-size: 9px;
  }

  .halal-bi-halal-module__vew1DG__infoCenterTime {
    font-size: 12px;
  }

  .halal-bi-halal-module__vew1DG__infoCenterZone {
    letter-spacing: 1.1px;
    font-size: 10px;
  }
}

/* [project]/components/ui/enter-animation.module.css [app-client] (css) */
.enter-animation-module__PO4-3q__root {
  position: relative;
}

.enter-animation-module__PO4-3q__overlay {
  pointer-events: none;
  opacity: 0;
  mix-blend-mode: soft-light;
  background: radial-gradient(closest-side at 40% 42%, #ffffff8c, #fff0 68%), radial-gradient(closest-side at 68% 58%, #c49a3a3d, #c49a3a00 72%), linear-gradient(90deg, #fff0 0%, #ffffff38 45%, #fff0 75%);
  animation: 1.05s cubic-bezier(.22, 1, .36, 1) both enter-animation-module__PO4-3q__enterSweep;
  position: absolute;
  inset: -35%;
  transform: translate3d(-18%, -12%, 0)rotate(12deg)scale(1.12);
}

.enter-animation-module__PO4-3q__vignette {
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(120% 90% at 50% 12%, #ffffff38, #fff0 52%), radial-gradient(110% 90% at 50% 100%, #00000014, #0000 58%);
  animation: .95s cubic-bezier(.22, 1, .36, 1) both enter-animation-module__PO4-3q__enterVignette;
  position: absolute;
  inset: 0;
}

@keyframes enter-animation-module__PO4-3q__enterSweep {
  0% {
    opacity: 0;
    transform: translate3d(-22%, -16%, 0)rotate(12deg)scale(1.16);
  }

  22% {
    opacity: .9;
  }

  70% {
    opacity: .45;
  }

  100% {
    opacity: 0;
    transform: translate3d(24%, 18%, 0)rotate(12deg)scale(1.06);
  }
}

@keyframes enter-animation-module__PO4-3q__enterVignette {
  0% {
    opacity: 0;
  }

  35% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@media (prefers-reduced-motion: reduce) {
  .enter-animation-module__PO4-3q__overlay, .enter-animation-module__PO4-3q__vignette {
    opacity: 0;
    animation: none;
  }
}

/* [next]/internal/font/google/playfair_display_854dfc4a.module.css [app-client] (css) */
@font-face {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/65c558afe41e89d6-s.e2c8389a.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/14e23f9b59180572-s.9c448f3c.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/b49b0d9b851e4899-s.4f3fa681.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url("../media/2a65768255d6b625-s.p.d19752fb.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/65c558afe41e89d6-s.e2c8389a.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/14e23f9b59180572-s.9c448f3c.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/b49b0d9b851e4899-s.4f3fa681.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("../media/2a65768255d6b625-s.p.d19752fb.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/65c558afe41e89d6-s.e2c8389a.woff2") format("woff2");
  unicode-range: U+301, U+400-45F, U+490-491, U+4B0-4B1, U+2116;
}

@font-face {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/14e23f9b59180572-s.9c448f3c.woff2") format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB;
}

@font-face {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/b49b0d9b851e4899-s.4f3fa681.woff2") format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: Playfair Display;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url("../media/2a65768255d6b625-s.p.d19752fb.woff2") format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
  font-family: Playfair Display Fallback;
  src: local(Times New Roman);
  ascent-override: 97.25%;
  descent-override: 22.56%;
  line-gap-override: 0.0%;
  size-adjust: 111.26%;
}

.playfair_display_854dfc4a-module__0d7zUG__className {
  font-family: Playfair Display, Playfair Display Fallback;
  font-style: normal;
}

/*# sourceMappingURL=%5Broot-of-the-server%5D__d9944203._.css.map*/