.event-passes{display:grid;gap:26px}.pass-privacy{font:400 13px/1.7 var(--body);color:#abc3d6;max-width:760px;margin:20px 0}.event-pass{display:grid;grid-template-columns:minmax(0,1fr) 240px;border:1px solid #bddbeb30;border-radius:25px;background:linear-gradient(125deg,#18364c85,#0b203580);overflow:hidden;color:#f4f8fb;font-family:var(--body)}.event-pass-main{padding:30px}.event-pass-label{font:500 11px var(--body);color:#b3c9da;letter-spacing:.02em}.event-pass-main h2{font:600 clamp(22px,2.5vw,33px)/1.2 var(--body);letter-spacing:-.03em;margin:20px 0;overflow-wrap:anywhere}.event-pass-main h2 a{color:#fff;text-decoration:none}.event-pass-main p{color:#b8cedd;font:400 14px/1.7 var(--body);margin:8px 0}.event-pass-main .event-pass-condition{color:#d7f6a7}.event-pass-main .event-pass-payment{font-size:12px}.event-pass-status{display:inline-block;font:500 11px var(--body);color:#d7f6a7;background:#a9d33b16;padding:8px 12px;border-radius:30px;margin-top:15px}.event-pass-access{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px 20px;border-left:1px dashed #bddbeb38;min-width:0;background:#04132230}.event-pass-qr{width:168px;min-height:168px;border-radius:15px;background:#fff;display:grid;place-items:center;overflow:hidden;padding:4px;color:#243c50;font:400 12px var(--body);text-align:center}.event-pass-qr canvas{display:block;max-width:100%;height:auto;border-radius:10px}.event-pass-code-label{font:400 10px var(--body);color:#9db9cb;margin:17px 0 7px}.event-pass-access code{font:500 14px ui-monospace,monospace;letter-spacing:.06em;color:#e5f0f8}.event-pass-actions{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap;justify-content:center}.event-pass-actions button,.checkin-scanner button,.checkin-file,.pass-state button{font:500 12px var(--body);border:1px solid #bddbeb35;background:#16324655;color:#d3e6f0;border-radius:12px;padding:10px 13px;min-height:44px;cursor:pointer}.event-pass-actions button{font-size:10px;padding-inline:8px}.event-pass-actions button:disabled{opacity:.5;cursor:default}.event-pass-feedback{color:#b9cddd;font:400 11px/1.5 var(--body);min-height:17px;margin:10px 0 0;text-align:center}.pass-state{font:400 15px/1.7 var(--body);color:#bbd2e1;padding:24px 0}.pass-state h2{font:600 28px/1.2 var(--body);color:#f4f8fb;letter-spacing:-.03em}.pass-state a{color:#d4f98e;display:inline-flex;min-height:44px;align-items:center}.pass-state .pass-primary,.checkin-scanner .pass-primary{color:#0a1d2e;background:#c6f34a;border-color:#c6f34a;font-weight:600}.pass-primary:disabled{opacity:.5;cursor:default}
.checkin-scanner{max-width:840px;font-family:var(--body);color:#f4f8fb;border:1px solid #bddbeb30;background:linear-gradient(135deg,#18364c70,#10283d50);border-radius:24px;padding:26px}.checkin-scanner h2{font:600 30px/1.2 var(--body);letter-spacing:-.035em;margin:0 0 12px}.checkin-scanner header p,.checkin-hint{font:400 13px/1.75 var(--body);color:#bbd2e1;max-width:620px}.pass-field{display:grid;gap:10px;font:400 13px var(--body);color:#c2d7e6;margin:20px 0}.pass-field select,.pass-field input{max-width:100%;min-width:0;min-height:46px;font:400 14px var(--body);background:#092238;border:1px solid #bddbeb40;border-radius:12px;color:#f5f8fb;padding:11px 13px;color-scheme:dark}.checkin-tools{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.checkin-file{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center}.checkin-file input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.checkin-file:focus-within{outline:2px solid #c6f34a;outline-offset:3px}.checkin-camera{position:relative;max-width:560px;margin:20px 0;background:#041321;border-radius:18px;overflow:hidden}.checkin-camera[hidden]{display:none}.checkin-camera video{width:100%;max-height:350px;display:block;object-fit:cover}.checkin-camera>button{position:absolute;bottom:10px;right:10px;background:#082137e6}.checkin-scanner [data-checkin-manual]{display:flex;gap:12px;align-items:end;margin:25px 0;padding-top:20px;border-top:1px solid #bddbeb25}.checkin-scanner [data-checkin-manual] .pass-field{flex:1;margin:0}.checkin-scanner [name=ticket_code]{font-family:ui-monospace,monospace;letter-spacing:.07em}.checkin-confirm{margin-top:24px;padding:22px;border:1px solid #c6f34a60;border-radius:18px;background:#c6f34a08}.checkin-confirm h3{font:600 21px/1.3 var(--body);margin:0 0 12px;letter-spacing:-.025em}.checkin-confirm p{font:400 13px/1.7 var(--body);color:#bfd4e2;overflow-wrap:anywhere}.checkin-confirm code{display:block;font:500 18px ui-monospace,monospace;margin:20px 0;color:#ebf5fc}.checkin-confirm button{margin:6px 8px 0 0}.checkin-scanner [data-checkin-feedback]{font:400 13px/1.7 var(--body);color:#d5efab;white-space:pre-line;overflow-wrap:anywhere;margin:18px 0 0}.event-pass :is(a,button):focus-visible,.checkin-scanner :is(input,select,button):focus-visible,.pass-state :is(a,button):focus-visible{outline:2px solid #c6f34a;outline-offset:3px}
@media(max-width:650px){.event-pass{grid-template-columns:1fr}.event-pass-main{padding:24px}.event-pass-access{border-left:0;border-top:1px dashed #bddbeb38;padding:24px}.event-pass-qr{width:190px;min-height:190px}.event-pass-main h2{font-size:26px}.event-pass-actions button{font-size:12px;padding-inline:12px}.checkin-scanner{padding:20px;border-radius:20px}.checkin-scanner h2{font-size:26px}.checkin-scanner [data-checkin-manual]{flex-direction:column;align-items:stretch}.checkin-scanner [data-checkin-manual] button{align-self:start}.checkin-confirm{padding:17px}.checkin-confirm code{font-size:16px}}
@media(prefers-reduced-motion:reduce){.event-pass *,.checkin-scanner *{transition:none!important;animation:none!important}}