.sa-badge-wrap{padding-top:clamp(32px,5vw,56px)}.sa-badge-body{max-width:42rem;color:var(--nm-text-secondary);flex-direction:column;gap:18px;margin:18px auto 0;font-size:.9375rem;display:flex}.sa-badge-opts{flex-wrap:wrap;gap:8px 28px;display:flex}.sa-badge-opt{flex-wrap:wrap;align-items:center;gap:4px 16px;display:flex}.sa-badge-opt-name{margin-right:4px}.sa-badge-opt label{cursor:pointer;align-items:center;gap:6px;padding-block:6px;display:inline-flex}.sa-badge-opt input{accent-color:var(--nm-accent)}.sa-badge-opt input:focus-visible{outline:2px solid var(--nm-accent);outline-offset:3px}.sa-badge-preview{border:1px solid var(--ap-hair);border-radius:14px;justify-content:flex-start;align-items:center;padding:18px;display:flex;overflow-x:auto}.sa-badge-preview--light{background:#fff}.sa-badge-preview--dark{background:#0e0f12}.sa-badge-preview img{max-width:none;display:block}.sa-badge-code{flex-direction:column;gap:6px;display:flex}.sa-badge-code-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.sa-badge-code-head label{font-weight:500}.sa-badge-copy{font:inherit;color:var(--nm-text-secondary);border:1px solid var(--ap-hair);cursor:pointer;background:0 0;border-radius:999px;padding:6px 14px;font-size:.875rem;transition:color .2s}.sa-badge-copy:hover{color:var(--nm-text)}.sa-badge-copy:focus-visible{outline:2px solid var(--nm-accent);outline-offset:3px}.sa-badge-code textarea{width:100%;color:var(--nm-text);background:var(--ap-code-bg);border:1px solid var(--ap-hair);resize:vertical;border-radius:12px;padding:10px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.8125rem;line-height:1.5}.sa-badge-code textarea:focus-visible{outline:2px solid var(--nm-accent);outline-offset:2px}.sa-badge-note{text-wrap:pretty;margin:0;font-size:.875rem;line-height:1.5}