.form-wrapper{margin-bottom:var(--space-xl)}#input{font-family:var(--font-family-mono);min-height:16rem;overflow-wrap:anywhere;word-break:break-all}.jwt-decoder__actions{display:flex;gap:var(--space-s)}#input,.jwt-decoder__error{font-size:var(--font-size-s)}.jwt-decoder__error{background:color-mix(in srgb,var(--colour-error) 10%,transparent);border:1px solid var(--colour-error);border-radius:var(--border-radius);color:var(--colour-error);margin:var(--space-l)0 0;padding:var(--space-m)}.jwt-decoder__results{margin-bottom:var(--space-xl)}.jwt-decoder__results[hidden]{display:none}.jwt-decoder__summary{display:flex;flex-wrap:wrap;gap:var(--space-s);margin-bottom:var(--space-l)}.jwt-decoder__badge{background:0 0;border:1px solid var(--colour-neutral-600);border-radius:10rem;color:var(--text-secondary);font-size:var(--font-size-s);font-weight:700;line-height:1.2;padding:.7rem 1.6rem}.jwt-decoder__badge:empty{display:none}.jwt-decoder__badge--error{background:color-mix(in srgb,var(--colour-error) 12%,transparent);border-color:var(--colour-error);color:var(--colour-error)}.jwt-decoder__badge--success{background:color-mix(in srgb,var(--colour-success) 12%,transparent);border-color:var(--colour-success);color:var(--colour-success)}.jwt-decoder__badge--warning{background:color-mix(in srgb,var(--colour-warning) 12%,transparent);border-color:var(--colour-warning);color:var(--colour-warning)}.jwt-decoder__warnings{list-style:none;margin:0 0 var(--space-l);padding:0}.jwt-decoder__warning::before,.jwt-decoder__warnings[hidden]{display:none}.jwt-decoder__warning{background:color-mix(in srgb,var(--colour-warning) 10%,transparent);border:1px solid var(--colour-warning);border-radius:var(--border-radius);font-size:var(--font-size-s);padding:var(--space-m)}.jwt-decoder__warning+.jwt-decoder__warning{margin-top:var(--space-s)}.jwt-decoder__panel{margin-bottom:var(--space-l)}.jwt-decoder__claim::before,.jwt-decoder__panel[hidden]{display:none}.jwt-decoder__panel-title{font-size:var(--font-size-s);font-weight:700;margin:0 0 var(--space-xs)}.jwt-decoder__code{font-family:var(--font-family-mono);font-size:var(--font-size-s);line-height:1.6;max-height:60rem;overflow:auto;overflow-wrap:anywhere;white-space:pre-wrap}.jwt-decoder__panel .input-group__copy{top:var(--space-s);transform:none}.jwt-decoder__claims{background:var(--panel-background);border:1px solid var(--panel-border);border-radius:var(--border-radius);list-style:none;margin:0;padding:0 var(--space-m)}.jwt-decoder__claim{padding:var(--space-m)0}.jwt-decoder__claim+.jwt-decoder__claim{border-top:1px solid var(--panel-border)}.jwt-decoder__claim-head{align-items:baseline;display:flex;flex-wrap:wrap;gap:var(--space-s);margin-bottom:var(--space-xs)}.jwt-decoder__claim-name{color:var(--colour-accent);font-family:var(--font-family-mono);font-size:var(--font-size-s)}.jwt-decoder__claim-detail,.jwt-decoder__claim-meaning{color:var(--text-secondary);font-size:var(--font-size-s)}.jwt-decoder__claim-value{overflow-wrap:anywhere}.jwt-decoder__verify{margin-bottom:var(--space-l)}.jwt-decoder__verify-panel{padding:var(--space-l)}.jwt-decoder__key{font-family:var(--font-family-mono);font-size:var(--font-size-s)}textarea.jwt-decoder__key{max-height:40rem;min-height:15rem}.jwt-decoder__verify-result{font-size:var(--font-size-s);font-weight:700;margin:0}.jwt-decoder__verify-result--error{color:var(--colour-error)}.jwt-decoder__verify-result--neutral{color:var(--text-secondary)}.jwt-decoder__verify-result--success{color:var(--colour-success)}.jwt-decoder__verify-result--warning{color:var(--colour-warning)}.jwt-decoder__hint{color:var(--text-secondary);font-size:var(--font-size-s);margin:var(--space-s)0 0}