.WuvGkq_nav{--bead:2.75rem;--bead-gap:.25rem;--nav-w:min(calc(min(100vw, 480px) - var(--invite-nav-gutter) * 2), 22rem);--open:calc(var(--nav-w) - (var(--count,4) - 1) * (var(--bead) + var(--bead-gap)));--glide:.56s cubic-bezier(.22, 1, .36, 1);--nav-glass:#fff3dfeb;--nav-bronze:#86662b;--nav-amber:#ecd08f;--nav-purple:var(--color-gold-foreground);--nav-ivory:var(--color-ivory);z-index:40;inset-inline:0;bottom:var(--invite-nav-offset);width:var(--nav-w);height:var(--bead);opacity:0;margin-inline:auto;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .6s cubic-bezier(.22,1,.36,1);position:fixed;transform:translateY(160%)}.WuvGkq_nav[data-visible]{opacity:1;transform:none}.WuvGkq_capsule{width:var(--open);height:var(--bead);background:var(--nav-amber);transform:translateX(calc(var(--n) * (var(--bead) + var(--bead-gap))));transition:transform var(--glide), opacity .3s ease-out;border:1px solid #c79a57;border-radius:999px;position:absolute;top:0;left:0}.WuvGkq_capsule[data-hidden]{opacity:0}.WuvGkq_item{width:var(--bead);height:var(--bead);color:var(--nav-bronze);-webkit-tap-highlight-color:transparent;transform:translateX(calc(var(--n) * (var(--bead) + var(--bead-gap)) + var(--after) * (var(--open) - var(--bead))));transition:transform var(--glide);border-radius:999px;text-decoration:none;position:absolute;top:0;left:0}.WuvGkq_item[aria-current]{width:var(--open)}.WuvGkq_item:before{content:"";width:var(--bead);height:var(--bead);box-sizing:border-box;background:var(--nav-glass);border:1px solid #c79a57bf;border-radius:999px;transition:opacity .26s ease-out,background-color .3s;position:absolute;top:0;left:0}.WuvGkq_item[aria-current]:before{opacity:0}.WuvGkq_item{--icon:1.25rem;--pair-gap:.4375rem;--pair-pad:.625rem;--pair:calc(var(--icon) + var(--pair-gap) + var(--label-w,3.5rem));--pair-start:max(var(--pair-pad), calc((var(--open) - var(--pair)) / 2))}.WuvGkq_icon{width:var(--bead);height:var(--bead);transition:opacity .3s ease-out, transform var(--glide);place-items:center;display:grid;position:absolute;top:0;left:0}.WuvGkq_icon svg{width:var(--icon);height:var(--icon)}.WuvGkq_iconOn{color:var(--nav-purple);opacity:0}.WuvGkq_item[aria-current] .WuvGkq_icon{opacity:0;transform:translateX(calc(var(--pair-start) - (var(--bead) - var(--icon)) / 2))}.WuvGkq_item[aria-current] .WuvGkq_iconOn{opacity:1}.WuvGkq_name{--name-x:calc(var(--pair-start) + var(--icon) + var(--pair-gap));height:var(--bead);font-family:var(--font-display);letter-spacing:.08em;color:var(--nav-purple);white-space:nowrap;pointer-events:none;opacity:0;transform:translateX(calc(var(--name-x) - 6px));align-items:center;font-size:.75rem;font-weight:600;line-height:1;transition:opacity .12s ease-out,transform .12s ease-out;display:flex;position:absolute;top:0;left:0}.WuvGkq_item[aria-current] .WuvGkq_name{opacity:1;transform:translateX(var(--name-x));transition:opacity .38s ease-out .18s,transform .48s cubic-bezier(.22,1,.36,1) .18s}.WuvGkq_item:focus-visible{outline:2px solid var(--nav-ivory);outline-offset:3px}@media (hover:hover){.WuvGkq_item:not([aria-current]):hover:before{background-color:#fff3df}}@media (max-width:389px){.WuvGkq_item{--icon:1.125rem;--pair-gap:.375rem;--pair-pad:.4375rem}.WuvGkq_name{letter-spacing:.05em}}@media (max-width:359px){.WuvGkq_nav{--bead:2.5rem;--bead-gap:.1875rem;--nav-w:calc(min(100vw, 480px) - 3rem)}.WuvGkq_item{--icon:1rem;--pair-gap:.3125rem;--pair-pad:.375rem}.WuvGkq_name{letter-spacing:.04em;font-size:.6875rem}}@media (prefers-reduced-motion:reduce){.WuvGkq_nav,.WuvGkq_capsule,.WuvGkq_item,.WuvGkq_item:before,.WuvGkq_icon,.WuvGkq_name,.WuvGkq_item[aria-current] .WuvGkq_name{transition:none}}
.h6uUsa_section>[data-fit]{flex-direction:column;gap:clamp(14px,2.4svh,22px);display:flex}.h6uUsa_section>[data-fit]>*+*{margin-top:0}.h6uUsa_section .h6uUsa_body{flex-direction:column;gap:clamp(14px,2svh,18px);padding:clamp(18px,2.4svh,24px) 20px;display:flex}.h6uUsa_date{text-align:center}.h6uUsa_dateRow{max-width:300px;color:var(--primary);font-family:var(--font-display);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:14px;margin-inline:auto;display:grid}.h6uUsa_dateSide{border-block:1px solid color-mix(in srgb, var(--primary) 35%, transparent);letter-spacing:.15em;overflow-wrap:anywhere;padding-block:8px;font-size:12px}.h6uUsa_day{font-size:clamp(48px,7svh,60px);font-weight:600;line-height:1}.h6uUsa_dateLine{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 10px;margin-top:10px;display:flex}.h6uUsa_year{font-family:var(--font-display);letter-spacing:.3em;font-size:13px}.h6uUsa_dot{background:#c79a57;width:5px;height:5px;transform:rotate(45deg)}.h6uUsa_hijri{color:var(--muted-foreground);font-size:15px;font-style:italic;line-height:1.4}.h6uUsa_section .h6uUsa_garland{width:min(190px,70%);margin-inline:auto}.h6uUsa_details{flex-direction:column;gap:16px;display:flex}.h6uUsa_infoRow{text-align:left;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:12px;display:grid}.h6uUsa_medallion{border:1px solid var(--color-gold);outline:1px solid color-mix(in srgb, var(--color-gold) 50%, transparent);outline-offset:3px;width:32px;height:32px;color:var(--primary);border-radius:50%;place-items:center;margin-top:2px;display:grid}.h6uUsa_infoContent{min-width:0}.h6uUsa_infoLabel{color:var(--primary);font:600 12px/1.4 var(--font-display);letter-spacing:.14em}.h6uUsa_infoValue{overflow-wrap:anywhere;margin-top:3px;font-size:18px;line-height:1.35}.h6uUsa_venueName{font-weight:600;display:block}.h6uUsa_address{margin-top:4px;font-size:16px;line-height:1.4;display:block}.h6uUsa_section .h6uUsa_calendar{width:100%;min-height:calc(48px / var(--fit,1));height:auto;font-size:calc(12px / var(--fit,1));letter-spacing:.1em;white-space:normal;padding:12px}.h6uUsa_section [role=timer]{gap:8px;padding-inline:0}.h6uUsa_section [role=timer]>div{min-width:0}.h6uUsa_section [role=timer]>div>p{letter-spacing:.1em;margin-top:6px;font-size:11px}@media (max-width:359px){.h6uUsa_section .h6uUsa_body{padding-inline:16px}.h6uUsa_dateRow{gap:10px}.h6uUsa_infoRow{grid-template-columns:30px minmax(0,1fr);gap:10px}.h6uUsa_medallion{width:28px;height:28px}}@media (max-height:760px){.h6uUsa_section .h6uUsa_body{gap:12px;padding-block:16px}.h6uUsa_details{gap:12px}.h6uUsa_section .h6uUsa_garland{width:min(180px,70%)}}
