:root{--font-family:"Gilroy",sans-serif;--second-family:"Gilroy",sans-serif;--third-family:"Inter",sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--gray-text:#2f2f2f;--h1:#191c1d;--underh:#414754;--stroke:#f9f9fb;--danger:#e02424;--white:#fff;--gray-text-2:#727785;--bg-form:#f3f4f5;--bg:#edf7ff;--bg-header:#fffc;--dark-stroke:#191c1d1a;--dp-primary:#258fe8;--bg-icon:#651bce1a;--dark:#303849;--grey:#6b7a99;--grey-light:#a3b0cb;--grey-extra-light:#f4f6f8;--blue:#258fe8;--blue-light:#edf7ff;--orange:#fa7028;--orange-light:#fff1e8;--gold:#d4af37;--gold-light:#fff9e8;--primary:#651bce;--primary-light:#f3f1fe;--green:#7eb718;--green-light:#f2ffea}.dev-panel{background:#fff;border:1px solid #dfe7f1;border-radius:14px;padding:18px}.dev-panel-head{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.dev-panel-head h2{color:#0f172a;font-size:18px;font-weight:700}.dev-panel-head span{color:#64748b;font-size:14px}.copy-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0b69b0;border:0;border-radius:8px;flex-shrink:0;padding:8px 10px;font-size:13px;font-weight:600}.copy-btn--sm{padding:4px 10px;font-size:12px}.copy-btn:hover{background:#095a96}.dev-copy-btn{color:#fff;cursor:pointer;white-space:nowrap;background:#0b69b0;border:0;border-radius:8px;flex-shrink:0;padding:4px 10px;font-size:12px;font-weight:600;transition:background .15s}.dev-copy-btn:hover{background:#095a96}.dev-copy-btn.copied{background:#059669}.snippet{color:#1e293b;white-space:pre-wrap;word-break:break-word;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:0;padding:10px;font-size:12px}.components-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.component-card{background:#fff;border:1px solid #d9e4ef;border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.component-top h3{color:#0f172a;font-size:15px;font-weight:700}.component-top p{color:#475569;margin-top:4px;font-size:13px}.component-preview{background:#f8fafc;border:1px dashed #ced8e5;border-radius:8px;flex-direction:column;gap:12px;padding:10px;display:flex}.checkbox-demo-group{flex-direction:column;gap:8px;display:flex}.icons-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;display:grid}.icon-card{cursor:pointer;text-align:left;background:#f8fbff;border:1px solid #d9e4ef;border-radius:10px;flex-direction:column;align-items:flex-start;gap:8px;padding:12px;transition:all .2s;display:flex}.icon-card:hover{background:#f1f7fe;border-color:#9dc4ea;transform:translateY(-1px)}.icon-card strong{color:#0f172a;font-size:14px}.icon-card code{color:#334155;font-size:12px}.copy-hint{color:#0b69b0;margin-top:auto;font-size:12px}.btn-doc-section,.input-doc-section{margin-bottom:24px}.btn-doc-section:last-child,.input-doc-section:last-child{margin-bottom:0}.btn-doc-title{color:#475569;text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px;font-size:14px;font-weight:700}.btn-sizes-grid,.input-variants-grid{flex-direction:column;gap:10px;display:flex}.btn-size-row,.input-variant-row{background:#f8fbff;border:1px solid #e2eaf3;border-radius:10px;flex-wrap:wrap;align-items:center;gap:16px;padding:10px 14px;display:flex}.btn-size-meta{flex-direction:column;gap:2px;min-width:180px;display:flex}.btn-size-code{color:#0f172a;font-size:13px}.btn-size-hint{color:#64748b;font-size:12px}.btn-size-preview,.input-variant-preview{flex:1;min-width:200px}.btn-colors-grid{flex-direction:column;gap:10px;display:flex}.btn-color-row{background:#f8fbff;border:1px solid #e2eaf3;border-radius:10px;flex-wrap:wrap;gap:16px;padding:10px 14px}.btn-color-meta,.btn-color-row{align-items:center;display:flex}.btn-color-meta{gap:10px;min-width:200px}.btn-color-swatch{border-radius:6px;flex-shrink:0;width:28px;height:28px;display:inline-block}.btn-color-previews{flex:1;align-items:center;gap:8px;min-width:200px;display:flex}.demo-dark-bg{border-radius:6px;padding:4px;background:#1d5888!important}.btn-extra-grid{flex-direction:column;gap:10px;display:flex}.btn-extra-row{background:#f8fbff;border:1px solid #e2eaf3;border-radius:10px;flex-wrap:wrap;align-items:center;gap:16px;padding:10px 14px;display:flex}.btn-extra-previews{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:200px;display:flex}[data-v-df05d0a2]:root{--font-family:"Gilroy",sans-serif;--second-family:"Gilroy",sans-serif;--third-family:"Inter",sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--gray-text:#2f2f2f;--h1:#191c1d;--underh:#414754;--stroke:#f9f9fb;--danger:#e02424;--white:#fff;--gray-text-2:#727785;--bg-form:#f3f4f5;--bg:#edf7ff;--bg-header:#fffc;--dark-stroke:#191c1d1a;--dp-primary:#258fe8;--bg-icon:#651bce1a;--dark:#303849;--grey:#6b7a99;--grey-light:#a3b0cb;--grey-extra-light:#f4f6f8;--blue:#258fe8;--blue-light:#edf7ff;--orange:#fa7028;--orange-light:#fff1e8;--gold:#d4af37;--gold-light:#fff9e8;--primary:#651bce;--primary-light:#f3f1fe;--green:#7eb718;--green-light:#f2ffea}.dev-layout[data-v-df05d0a2]{background:#f1f5f9;min-height:100vh;display:flex}.dev-sidebar[data-v-df05d0a2]{background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;flex-shrink:0;width:220px;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.dev-sidebar__header[data-v-df05d0a2]{border-bottom:1px solid #e2e8f0;align-items:center;gap:8px;padding:20px 16px 16px;display:flex}.dev-sidebar__title[data-v-df05d0a2]{color:#0f172a;letter-spacing:-.3px;font-size:15px;font-weight:800}.dev-sidebar__badge[data-v-df05d0a2]{color:#0b69b0;text-transform:uppercase;letter-spacing:.5px;background:#dbeafe;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:600}.dev-nav[data-v-df05d0a2]{flex-direction:column;gap:4px;padding:12px 8px;display:flex}.dev-nav__group[data-v-df05d0a2]{margin-bottom:4px}.dev-nav__group-label[data-v-df05d0a2]{color:#94a3b8;text-transform:uppercase;letter-spacing:.8px;margin:0;padding:8px 8px 4px;font-size:10px;font-weight:700}.dev-nav__link[data-v-df05d0a2]{color:#475569;border-radius:7px;padding:7px 10px;font-size:13px;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:block}.dev-nav__link[data-v-df05d0a2]:hover{color:#0f172a;background:#f1f5f9}.dev-nav__link--active[data-v-df05d0a2]{color:#0b69b0;background:#eff6ff;font-weight:600}.dev-content[data-v-df05d0a2]{flex:1;min-width:0;padding:32px;overflow-y:auto}