.citizen-id-card-frame{gap:.5rem;width:100%;display:grid}.citizen-id-capture-layout{grid-template-rows:auto minmax(0,1fr) auto;gap:.5rem;min-height:0;display:grid;position:relative}.citizen-id-stage{align-content:center;justify-items:center;gap:.6rem;min-width:0;min-height:0;display:grid;position:relative;container-type:size}.citizen-id-stage>.citizen-id-card-frame{width:100%}@supports (width:1cqw){.citizen-id-stage>.citizen-id-card-frame{width:min(100cqw,158.6cqh - 4.9166rem)}}.citizen-id-tips{flex-wrap:wrap;justify-content:center;gap:.35rem .5rem;margin:0;padding:0;list-style:none;display:flex}.citizen-id-tips li{color:var(--color-text-muted);background:var(--color-surface-subtle);white-space:nowrap;border-radius:999px;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.875rem;font-weight:650;display:inline-flex}.citizen-id-capture-layout__caption{text-align:center;align-content:center;justify-items:center;gap:.25rem;height:6rem;display:grid}.citizen-id-capture-layout__actions{padding-bottom:env(safe-area-inset-bottom);grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.citizen-id-capture-layout__actions .ui-button,.citizen-id-capture-layout__pick{justify-content:center;width:100%;min-height:48px}.citizen-id-capture-layout__pick{border:1.5px solid var(--color-border);border-radius:var(--radius-control);color:var(--color-primary);background:var(--color-surface-subtle);font-family:var(--font-family-display);font-size:var(--font-size-h6);cursor:pointer;align-items:center;gap:.4rem;padding:10px 16px;font-weight:700;display:inline-flex;position:relative}.citizen-id-capture-layout__pick:focus-within{outline:3px solid var(--color-focus);outline-offset:2px}.citizen-id-capture-layout__pick input{opacity:0;width:1px;height:1px;position:absolute}.citizen-id-card-frame__media{aspect-ratio:1.586;background:linear-gradient(#0f172a24,#0f172a24),#0f172a;border-radius:.9rem;width:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff40,0 0 0 2px #0f172a40}.citizen-id-card-frame__media>img,.citizen-id-card-frame__media>video{object-position:center;width:100%;height:100%;display:block;position:absolute;inset:0}.citizen-id-card-frame[data-mode=image] img{object-fit:contain}.citizen-id-card-frame[data-mode=camera] video{object-fit:cover}.citizen-id-card-frame__overlay{border:3px solid color-mix(in srgb, var(--frame-accent) 78%, transparent);border-radius:inherit;pointer-events:none;transition:border-color .2s;position:absolute;inset:0;box-shadow:inset 0 0 2.25rem #0f172a47}.citizen-id-card-frame{--frame-accent:#fff}.citizen-id-card-frame[data-state=captured]{--frame-accent:#93c5fd}.citizen-id-card-frame[data-state=success]{--frame-accent:#4ade80}.citizen-id-card-frame[data-state=success] .citizen-id-card-frame__overlay{box-shadow:inset 0 0 2.25rem #22c55e52}.citizen-id-card-frame__overlay i{border-color:var(--frame-accent);filter:drop-shadow(0 1px 2px #0f172ab3);border-style:solid;width:2.25rem;height:2.25rem;transition:border-color .2s;position:absolute}.citizen-id-card-frame__overlay i[data-corner=top-left]{border-width:3px 0 0 3px;border-radius:.45rem 0 0;top:.55rem;left:.55rem}.citizen-id-card-frame__overlay i[data-corner=top-right]{border-width:3px 3px 0 0;border-radius:0 .45rem 0 0;top:.55rem;right:.55rem}.citizen-id-card-frame__overlay i[data-corner=bottom-left]{border-width:0 0 3px 3px;border-radius:0 0 0 .45rem;bottom:.55rem;left:.55rem}.citizen-id-card-frame__overlay i[data-corner=bottom-right]{border-width:0 3px 3px 0;border-radius:0 0 .45rem;bottom:.55rem;right:.55rem}.citizen-id-card-frame__status{color:var(--color-text-muted);margin:0;font-size:.8125rem;line-height:1.45}.document-camera{height:100%}.document-camera__inactive{z-index:1;color:#fff;place-items:center;font-weight:700;display:grid;position:absolute;inset:0}.document-camera__error{border-radius:var(--radius-control);color:#991b1b;background:#fee2e2;margin:0;padding:.5rem .75rem;font-size:.875rem;font-weight:650;line-height:1.4}:root[data-theme=dark] .document-camera__error{color:#fecaca;background:#7f1d1d}.document-camera__actions .ui-button{align-items:center;gap:.4rem;display:inline-flex}.document-camera__permission,.document-camera__status{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}.citizen-id-flow{grid-template-rows:auto minmax(0,1fr);gap:.65rem;width:min(100%,34rem);height:100%;min-height:0;margin-inline:auto;display:grid}.citizen-id-flow__steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:.35rem;margin:0;padding:0;list-style:none;display:grid}.citizen-id-flow__steps li{min-width:0;color:var(--color-text-muted);text-align:center;place-items:center;gap:.2rem;font-size:.72rem;font-weight:750;display:grid}.citizen-id-flow__steps li>span:first-child{border:1px solid var(--color-border);background:var(--color-surface-subtle);border-radius:50%;place-items:center;width:1.6rem;height:1.6rem;display:grid}.citizen-id-flow__steps li[data-active=true],.citizen-id-flow__steps li[data-complete=true]{color:var(--color-primary)}.citizen-id-flow__steps li[data-active=true]>span:first-child,.citizen-id-flow__steps li[data-complete=true]>span:first-child{border-color:var(--color-primary);color:#fff;background:var(--color-primary)}.citizen-id-flow__step-label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.citizen-id-flow__body{grid-template-rows:minmax(0,1fr);min-width:0;min-height:0;display:grid}.citizen-id-flow__capture-step,.citizen-id-flow__qr-step{grid-template-rows:minmax(0,1fr);min-height:0;display:grid}.citizen-id-flow__review{overscroll-behavior:contain;align-content:start;gap:.65rem;min-height:0;display:grid;overflow:auto}.citizen-id-flow__hint,.citizen-id-flow__accept-error,.citizen-id-flow__dev-scan{margin:0;font-size:1rem;line-height:1.4}.citizen-id-flow__title{color:var(--color-text);font-size:1.375rem;line-height:1.25}.citizen-id-flow__hint{color:var(--color-text-muted)}.citizen-id-flow__hint[data-state=success]{color:#15803d;font-weight:700}:root[data-theme=dark] .citizen-id-flow__hint[data-state=success]{color:#86efac}.citizen-id-flow__accept-error{border-radius:var(--radius-control);color:#991b1b;background:#fee2e2;padding:.4rem .65rem;font-size:.9375rem;font-weight:650;line-height:1.3}:root[data-theme=dark] .citizen-id-flow__accept-error{color:#fecaca;background:#7f1d1d}.citizen-id-flow__dev-scan{z-index:3;color:#fff;text-align:left;pointer-events:none;background:#0f172ac7;border-radius:.5rem;align-items:flex-start;gap:.35rem;padding:.3rem .5rem;font-size:.7rem;display:flex;position:absolute;top:.35rem;left:.35rem;right:.35rem}.citizen-id-flow__dev-scan svg{flex:none;margin-top:.1rem}.citizen-id-flow__sides{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.citizen-id-flow__side-status{border:1px solid color-mix(in srgb, #16a34a 35%, var(--color-border));border-radius:var(--radius-control);background:color-mix(in srgb, var(--color-surface) 90%, #dcfce7);gap:.5rem;padding:.7rem .85rem;display:grid}.citizen-id-flow__side-status>span{color:#15803d;align-items:center;gap:.55rem;font-size:1.0625rem;font-weight:700;display:flex}:root[data-theme=dark] .citizen-id-flow__side-status>span{color:#86efac}.citizen-id-flow__side-status>.media-upload-error-notice{border:1px solid color-mix(in srgb, #b91c1c 24%, var(--color-border));border-radius:var(--radius-control);background:color-mix(in srgb, var(--color-surface) 82%, #fee2e2);padding:.7rem}.citizen-id-flow__qr-result{border-radius:var(--radius-control);color:var(--color-primary);background:var(--color-surface-subtle);align-items:center;gap:.5rem;padding:.3rem .65rem;font-size:.875rem;line-height:1.3;display:flex}.citizen-id-flow__consent{color:var(--color-text-muted);justify-content:center;align-items:center;gap:.4rem;font-size:.8125rem;line-height:1.3;display:flex}.citizen-id-flow__qr-result svg,.citizen-id-flow__consent svg{flex:none}.citizen-id-flow__form{gap:.5rem;margin:0;display:grid}.citizen-id-flow__form>div{border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface-subtle);grid-template-columns:minmax(5.5rem,7.5rem) minmax(0,1fr);align-items:center;gap:.75rem;min-height:3rem;padding:.5rem .85rem;display:grid}.citizen-id-flow__form dt{color:var(--color-text-muted);font-size:.875rem;font-weight:650;line-height:1.3}.citizen-id-flow__form dd{color:var(--color-text);overflow-wrap:anywhere;margin:0;font-size:1.0625rem;font-weight:700;line-height:1.35}.citizen-id-flow__confirm{z-index:2;width:100%;min-height:48px;box-shadow:0 -.75rem .75rem var(--color-surface);position:sticky;bottom:0}.citizen-id-flow__submit-error{border-radius:var(--radius-control);color:#991b1b;background:#fee2e2;margin:0;padding:.65rem .75rem;font-size:.875rem;line-height:1.45}.citizen-id-flow__complete{min-height:0;color:var(--color-text-muted);text-align:center;align-content:center;justify-items:center;display:grid}.citizen-id-flow__complete svg{color:#16a34a}.citizen-id-flow__complete h3{color:var(--color-text);margin:.8rem 0 0}.citizen-id-flow__complete p{max-width:32rem;line-height:1.55}.citizen-id-flow__status{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:0;position:absolute;overflow:hidden}@media (width<=34rem){.citizen-id-flow{gap:.5rem}}@media (width>=34.01rem){.citizen-id-flow__step-label{clip:auto;clip-path:none;width:auto;height:auto;position:static;overflow:visible}}