.example-viewer[data-v-3a31d081]{margin-bottom:var(--n-space-xl)}.example-placeholder[data-v-3a31d081]{align-items:center;color:var(--n-color-text-weak);display:flex;justify-content:center;min-height:300px}.template-link[data-v-6f4b4521]{border:1px solid var(--n-color-border);border-radius:var(--n-border-radius-m);color:inherit;display:block;text-decoration:none;transition:border-color .15s ease,box-shadow .15s ease}.template-link[data-v-6f4b4521]:hover{border-color:var(--n-color-accent);box-shadow:0 2px 8px #00000014}.props-table-wrapper[data-v-d975d135]{overflow-x:auto}.empty[data-v-d975d135]{color:var(--n-color-text-weaker)}.empty-state[data-v-d975d135]{color:var(--n-color-text-weak);font-style:italic}.deprecated-toggle[data-v-d975d135]{align-items:center;background:none;border:none;color:var(--n-color-text-link);cursor:pointer;display:inline-flex;font:inherit;font-size:var(--n-font-size-s);gap:var(--n-space-xs);padding:var(--n-space-xs) 0}.deprecated-toggle[data-v-d975d135]:hover{text-decoration:underline}.deprecated-name[data-v-d975d135]{color:var(--n-color-text-weaker);text-decoration:line-through}.slots-table-wrapper[data-v-0be668ff],.methods-table-wrapper[data-v-4160b2ed],.events-table-wrapper[data-v-fa7ccedf]{overflow-x:auto}.type[data-v-fa7ccedf]{color:var(--n-color-status-highlight)}.empty[data-v-fa7ccedf]{color:var(--n-color-text-weaker)}.empty-state[data-v-fa7ccedf]{color:var(--n-color-text-weak);font-style:italic}.css-props-table-wrapper[data-v-407974d4]{overflow-x:auto}.empty[data-v-407974d4]{color:var(--n-color-text-weaker)}.empty-state[data-v-407974d4]{color:var(--n-color-text-weak);font-style:italic}.state-attributes-table-wrapper[data-v-3a3be87b]{overflow-x:auto}.design-guidelines-details[data-v-af483be2]{background:var(--n-color-surface);border:1px solid var(--n-color-border);border-radius:var(--n-border-radius-m)}.design-guidelines-summary[data-v-af483be2]{align-items:center;cursor:pointer;display:flex;gap:var(--n-space-m);justify-content:space-between;list-style:none;padding:var(--n-space-m) var(--n-space-l);-webkit-user-select:none;user-select:none}.design-guidelines-summary[data-v-af483be2]::-webkit-details-marker{display:none}.design-guidelines-title[data-v-af483be2]{font-family:var(--n-font-family-custom,inherit);font-size:var(--n-font-size-xl);font-weight:var(--n-font-weight-strong)}.design-guidelines-hint[data-v-af483be2]{color:var(--n-color-text-weaker);font-size:var(--n-font-size-s)}.design-guidelines-body[data-v-af483be2]{border-block-start:1px solid var(--n-color-border);padding:var(--n-space-l)}.design-guidelines-body.usage-section{display:flex;flex-wrap:wrap;gap:var(--n-space-m) var(--n-space-l)}.design-guidelines-body.usage-section>h3{font-family:var(--n-font-family-heading);font-size:var(--n-font-size-xl);font-weight:var(--n-font-weight-heading);margin-block:var(--n-space-l) 0;width:100%}.design-guidelines-body.usage-section>h3:first-child{margin-block-start:0}.design-guidelines-body.usage-section>p{margin-block:0;width:100%}.n-usage{--n-usage-background-positive:var(--n-color-status-success-weak);--n-usage-background-negative:var(--n-color-status-danger-weak);background-color:var(--n-usage-background-positive);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140'%3E%3Cpath fill='%230d864c' d='M41.86 131.25a23.98 23.98 0 0 1-18.494-8.666L2.254 95.746a10.5 10.5 0 1 1 16.492-12.992l21 26.6a2.24 2.24 0 0 0 2.212.882 3.04 3.04 0 0 0 2.38-1.148l76.958-96.39a10.5 10.5 0 1 1 16.408 13.104L60.606 122.29A24.04 24.04 0 0 1 42 131.25z'/%3E%3C/svg%3E");background-position:calc(var(--n-space-l) - 2px) calc(var(--n-space-l) + 4px);background-repeat:no-repeat;background-size:var(--n-size-icon-m) var(--n-size-icon-m);border-radius:var(--n-border-radius);color:var(--n-color-text-weak);display:inline-flex;flex-direction:column;font-size:calc(var(--n-font-size-l) - 1px);max-width:430px;padding:var(--n-space-l) var(--n-space-xl) var(--n-space-l) calc(var(--n-space-xl) + var(--n-space-m));position:relative;width:100%}.n-usage:not(:last-child){margin-bottom:var(--n-space-m)}.n-usage h3{color:var(--n-color-status-success);font-family:var(--n-font-family-custom);font-size:var(--n-font-size-xl);font-weight:var(--n-font-weight-heading);line-height:var(--n-line-height-heading);margin:0;position:relative}.n-usage p:first-of-type{margin-top:0}.n-usage ul{margin:0;padding:0;width:100%}.n-usage li{margin-left:var(--n-space-m)}.n-usage.n-usage-dont{background-color:var(--n-usage-background-negative);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 140'%3E%3Cpath fill='%23cb4848' d='M89.796 74.956a7 7 0 0 1 0-9.912L136.92 17.92a10.5 10.5 0 0 0-14.84-14.84L74.956 50.204a7 7 0 0 1-9.912 0L17.92 3.08A10.5 10.5 0 0 0 3.08 17.92l47.124 47.124a7 7 0 0 1 0 9.912L3.08 122.08a10.5 10.5 0 1 0 14.84 14.84l47.124-47.124a7 7 0 0 1 9.912 0l47.124 47.124a10.5 10.5 0 0 0 14.84-14.84z'/%3E%3C/svg%3E");border-color:var(--n-color-status-danger)}.n-usage.n-usage-dont h3{color:var(--n-color-status-danger)}