*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100dvh;margin:0}body{color:#31445a;background:#f8f8ff;font-family:Mulish,sans-serif}h1,p{margin:0}.live{--ink:#1d2b3a;--card-shadow:0 20px 60px #1d2b3a1f;height:100dvh;color:var(--ink);gap:clamp(1rem,4dvh,4rem) clamp(1.5rem,4vw,5rem);padding:clamp(1.5rem,6dvh,6rem) clamp(2rem,5vw,6rem);display:grid;overflow:hidden}.live__brand{grid-area:brand;align-items:center;display:flex}.live__logo{object-fit:contain;max-width:min(22rem,40vw);max-height:12dvh;box-shadow:var(--card-shadow);background:#fff;border-radius:1rem;padding:.75rem 1.25rem}.live__name{font-size:clamp(2rem,3.5vw,3.5rem);font-weight:800;line-height:1.1}.live__progress{grid-area:progress;align-self:center}rnw-progress-bar{zoom:1.4;--progress-bar-font-family:Mulish, sans-serif;--progress-bar-track-opacity:.18;width:100%;display:block}.live__qr{color:var(--ink);box-shadow:var(--card-shadow);text-align:center;background:#fff;border-radius:1.25rem;flex-direction:column;grid-area:qr;align-items:center;gap:1rem;padding:1.5rem;display:flex}.live__qr-code{width:100%;height:auto}.live__scan{font-size:clamp(1.125rem,1.4vw,1.5rem);font-weight:800;line-height:1.2}.live--stage{background:radial-gradient(ellipse at 50% 120%, color-mix(in srgb, var(--primary-color) 22%, transparent), transparent 60%), #f6f7fb;grid-template:"brand qr"".qr"1fr"progress progress"/1fr min(26rem,28vw,42dvh)}.live--stage .live__qr{align-self:start}.live--stage .live__progress{align-self:end}.live--stage rnw-progress-bar{zoom:2.4;--progress-bar-fg:var(--ink);--progress-bar-primary-color:oklch(from var(--primary-color) clamp(0, l, .6) c h);--progress-bar-track-bg:var(--ink);--progress-bar-track-opacity:.1;--progress-bar-track-height:1.25rem}@media (height<=900px){.live--stage rnw-progress-bar{zoom:1.9}}@media (height<=700px){.live--stage rnw-progress-bar{zoom:1.4}}.live--split{background:#f8f8ff;grid-template:"brand""progress"1fr/1fr;margin-right:min(36rem,38vw)}.live--split .live__brand{justify-content:center}.live--split rnw-progress-bar{--progress-bar-fg:var(--ink);--progress-bar-primary-color:var(--primary-color)}.live--split .live__qr{width:min(36rem,38vw);color:var(--on-primary);background:var(--primary-color);box-shadow:none;border-radius:0;justify-content:center;padding:clamp(2rem,4vw,5rem);position:fixed;inset:0 0 0 auto}.live--split .live__qr-code{width:min(100%,60dvh);color:var(--ink);background:#fff;border-radius:1.5rem;padding:1.5rem}.live--kiosk{background:color-mix(in srgb, var(--primary-color) 8%, #fff);grid-template:"brand""progress""qr"/min(100%,56rem);place-content:center}.live--kiosk .live__brand{justify-content:center}.live--kiosk rnw-progress-bar{--progress-bar-fg:var(--ink);--progress-bar-primary-color:var(--primary-color)}.live--kiosk .live__qr{box-shadow:0 20px 60px color-mix(in srgb, var(--primary-color) 20%, transparent);flex-direction:row;justify-content:center;gap:2rem;padding:1.5rem 2rem}.live--kiosk .live__qr-code{flex-shrink:0;width:min(14rem,24dvh)}.live--kiosk .live__scan{color:var(--primary-color);text-align:left}@media (orientation:portrait){.live--kiosk{grid-template-rows:auto auto 1fr;align-content:stretch;gap:6dvh}.live--kiosk rnw-progress-bar{zoom:1.8}.live--kiosk .live__qr{flex-direction:column}.live--kiosk .live__qr-code{width:min(32rem,70vw,40dvh)}.live--kiosk .live__scan{text-align:center;font-size:2rem}}@media (height<=700px){.live--split rnw-progress-bar,.live--kiosk rnw-progress-bar{zoom:1.1}}@media (width<=900px){.live,.live--stage,.live--split{grid-template:"brand""progress""qr"/1fr;height:auto;min-height:100dvh;margin-right:0;overflow:visible}.live__qr,.live--split .live__qr{justify-self:center;width:min(100%,20rem);position:static}rnw-progress-bar,.live--stage rnw-progress-bar{zoom:1}}.error{background:linear-gradient(-180deg,#d1deff 0%,#f8e6dc 100%);flex-direction:column;min-height:100dvh;display:flex}.error__logo{width:10em;margin:3em}.error__content{flex-direction:column;gap:1.25rem;max-width:32rem;margin:auto;padding:0 2em 6em;display:flex}.error__content h1{font-size:2.125em;font-weight:800}.error__content p{line-height:1.5}