*,:after,:before{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-block-start:calc(var(--docs-header) + var(--nu-space-6))}:root{--docs-header:3.5rem;--docs-sidebar:15.5rem;--docs-toc:13rem;--docs-article:46rem;--docs-max:90rem;--docs-control:calc(var(--nu-space-8) + var(--nu-space-1));--docs-cta:calc(var(--nu-space-10) + var(--nu-space-1));--docs-dots:radial-gradient(circle at 1px 1px,var(--nu-stroke-soft-200) 1px,transparent 0)}body{margin:0;background:var(--nu-bg-white);color:var(--nu-text-strong-950);font-family:var(--nu-font-body);font-size:var(--nu-type-paragraph-small-size);line-height:var(--nu-type-paragraph-small-line-height);letter-spacing:var(--nu-type-paragraph-small-tracking);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}::selection{background:var(--nu-state-primary-lighter);color:var(--nu-text-strong-950)}a{color:inherit}img,svg{display:block}:where(a,button,select,input,textarea,summary,[tabindex]):not([class^=nu-],[class*=" nu-"]):focus-visible{outline:var(--nu-focus-ring-width) solid var(--nu-focus-ring-color);outline-offset:var(--nu-focus-ring-offset)}:where(.nu-button,.nu-link-button) svg,:where(.nu-input,.nu-menu-item) svg{display:inline-block}code{font-family:ui-monospace,SF Mono,Cascadia Code,Menlo,monospace;font-size:.86em;background:var(--nu-bg-weak-50);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-6);padding:.1em .35em;color:var(--nu-text-strong-950);white-space:break-spaces;overflow-wrap:anywhere}.skip{position:absolute;inset-inline-start:var(--nu-space-4);inset-block-start:calc(-1 * var(--nu-space-20));z-index:var(--nu-z-toast)}.skip:focus{inset-block-start:var(--nu-space-3);background:var(--nu-bg-strong-950);color:var(--nu-text-white);padding:var(--nu-space-2) var(--nu-space-3);border-radius:var(--nu-radius-8)}.site-header{position:-webkit-sticky;position:sticky;inset-block-start:0;z-index:var(--nu-z-sticky);block-size:var(--docs-header);-webkit-border-after:1px solid var(--nu-stroke-soft-200);border-block-end:1px solid var(--nu-stroke-soft-200);background:color-mix(in srgb,var(--nu-bg-white) 85%,transparent);-webkit-backdrop-filter:saturate(1.8) blur(12px);backdrop-filter:saturate(1.8) blur(12px)}.site-header__inner{display:flex;align-items:center;gap:var(--nu-space-4);block-size:100%;max-inline-size:var(--docs-max);margin-inline:auto;padding-inline:var(--nu-space-4)}.site-header__menu{display:inline-grid;place-items:center;inline-size:var(--docs-control);block-size:var(--docs-control);border:0;border-radius:var(--nu-radius-8);background:transparent;color:var(--nu-icon-strong-950);cursor:pointer}.site-header__menu:hover{background:var(--nu-bg-weak-50)}.site-header__menu svg{inline-size:var(--nu-space-5);block-size:var(--nu-space-5)}.site-logo{display:inline-flex;align-items:center;gap:var(--nu-space-2);text-decoration:none;white-space:nowrap}.site-logo__mark{display:grid;place-items:center;inline-size:var(--nu-space-8);block-size:var(--nu-space-8);border-radius:var(--nu-radius-10);background:var(--nu-bg-strong-950);color:var(--nu-text-white);font-family:var(--nu-font-header);font-variation-settings:var(--nu-font-variation-display);font-size:var(--nu-font-size-title-h6);line-height:1;-webkit-padding-after:.1em;padding-block-end:.1em}.site-logo__text{font-size:var(--nu-type-label-small-size)}.site-logo__text span{color:var(--nu-text-sub-600);font-weight:var(--nu-font-weight-regular)}.site-header__nav{display:none;gap:var(--nu-space-1);-webkit-margin-start:var(--nu-space-4);margin-inline-start:var(--nu-space-4)}.site-header__nav a{padding:var(--nu-space-1-5) var(--nu-space-2-5);border-radius:var(--nu-radius-8);color:var(--nu-text-sub-600);font-size:var(--nu-type-label-small-size);font-weight:var(--nu-font-weight-medium);text-decoration:none;transition:color var(--nu-duration-fast),background-color var(--nu-duration-fast)}.site-header__nav a:hover{color:var(--nu-text-strong-950)}.site-header__nav a[aria-current]{color:var(--nu-text-strong-950);background:var(--nu-bg-weak-50)}.site-search{display:inline-flex;align-items:center;gap:var(--nu-space-2);-webkit-margin-start:auto;margin-inline-start:auto;block-size:var(--docs-control);padding-inline:var(--nu-space-3) var(--nu-space-1-5);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-10);background:var(--nu-bg-weak-50);color:var(--nu-text-sub-600);font:inherit;cursor:pointer;transition:border-color var(--nu-duration-fast),background-color var(--nu-duration-fast)}.site-search:hover{background:var(--nu-bg-white);border-color:var(--nu-stroke-sub-300)}.site-search svg{inline-size:var(--nu-space-4);block-size:var(--nu-space-4)}.site-search__label{display:none}@media (min-width:640px){.site-search{inline-size:16rem}.site-search__label{display:inline;flex:1 1;text-align:start}}@media (min-width:1024px){.site-header__nav{display:flex}}.shell{display:grid;grid-template-columns:minmax(0,1fr);max-inline-size:var(--docs-max);margin-inline:auto;min-block-size:calc(100vh - var(--docs-header))}.shell>main{min-inline-size:0;padding:var(--nu-space-8) var(--nu-space-4) var(--nu-space-20)}.shell>main:focus{outline:none}.sidebar{position:fixed;inset:var(--docs-header) auto 0 0;z-index:var(--nu-z-overlay);inline-size:min(18rem,85vw);padding:var(--nu-space-6) var(--nu-space-4) var(--nu-space-10);overflow-y:auto;background:var(--nu-bg-white);-webkit-border-end:1px solid var(--nu-stroke-soft-200);border-inline-end:1px solid var(--nu-stroke-soft-200);transform:translateX(-100%);visibility:hidden;transition:transform var(--nu-duration-base) var(--nu-ease-standard),visibility var(--nu-duration-base)}.sidebar[data-open]{transform:none;visibility:visible;box-shadow:var(--nu-shadow-custom-shadows-medium)}.sidebar-scrim{position:fixed;inset:var(--docs-header) 0 0 0;z-index:calc(var(--nu-z-overlay) - 1);background:var(--nu-overlay-gray)}.sidebar__group+.sidebar__group{-webkit-margin-before:var(--nu-space-6);margin-block-start:var(--nu-space-6)}.sidebar__title{margin:0 0 var(--nu-space-1-5);padding-inline:var(--nu-space-3);color:var(--nu-text-strong-950);font-size:var(--nu-type-label-small-size);font-weight:var(--nu-font-weight-medium)}.sidebar ul{list-style:none;margin:0;padding:0;display:grid;grid-gap:1px;gap:1px}.sidebar a{display:flex;align-items:center;justify-content:space-between;gap:var(--nu-space-2);padding:var(--nu-space-1-5) var(--nu-space-3);border-radius:var(--nu-radius-8);color:var(--nu-text-sub-600);font-size:var(--nu-type-label-small-size);text-decoration:none;transition:color var(--nu-duration-fast),background-color var(--nu-duration-fast)}.sidebar a:hover{color:var(--nu-text-strong-950);background:var(--nu-bg-weak-50)}.sidebar a[aria-current=page]{color:var(--nu-text-strong-950);background:var(--nu-bg-soft-200);font-weight:var(--nu-font-weight-medium)}.pill,.sidebar__badge{display:inline-flex;align-items:center;padding:0 var(--nu-space-1-5);border-radius:var(--nu-radius-full);background:var(--nu-state-primary-lighter);color:var(--nu-state-primary-dark);font-size:var(--nu-type-subheading-2x-small-size);line-height:var(--nu-type-paragraph-x-small-line-height);font-weight:var(--nu-font-weight-medium)}.pill[data-tone=beta]{background:var(--nu-state-pending-lighter);color:var(--nu-state-pending-dark)}@media (min-width:1024px){.site-header__menu{display:none}.shell{grid-template-columns:var(--docs-sidebar) minmax(0,1fr)}.sidebar{position:-webkit-sticky;position:sticky;inset:var(--docs-header) auto auto auto;z-index:auto;inline-size:auto;block-size:calc(100vh - var(--docs-header));padding-inline:var(--nu-space-4) var(--nu-space-3);transform:none;visibility:visible;-webkit-border-end:1px dashed var(--nu-stroke-soft-200);border-inline-end:1px dashed var(--nu-stroke-soft-200);box-shadow:none!important}.sidebar-scrim{display:none}.shell>main{padding:var(--nu-space-8) var(--nu-space-10) var(--nu-space-20)}}.doc-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:var(--nu-space-12);gap:var(--nu-space-12)}.doc-main{min-inline-size:0;max-inline-size:var(--docs-article);inline-size:100%;margin-inline:auto}.toc{display:none}.doc-layout[data-home]{grid-template-columns:minmax(0,1fr)!important}.doc-layout[data-home] .doc-main{max-inline-size:64rem;justify-self:center;margin-inline:auto}@media (min-width:1280px){.doc-layout{grid-template-columns:minmax(0,1fr) var(--docs-toc)}.doc-main{margin-inline:0 auto;justify-self:center}.toc{display:block;position:-webkit-sticky;position:sticky;inset-block-start:calc(var(--docs-header) + var(--nu-space-8));align-self:start;max-block-size:calc(100vh - var(--docs-header) - var(--nu-space-16));overflow-y:auto}}.toc__title{margin:0 0 var(--nu-space-2);font-size:var(--nu-type-label-small-size);font-weight:var(--nu-font-weight-medium);color:var(--nu-text-strong-950)}.toc ul{list-style:none;margin:0;padding:0;-webkit-border-start:1px solid var(--nu-stroke-soft-200);border-inline-start:1px solid var(--nu-stroke-soft-200)}.toc a{display:block;-webkit-margin-start:-1px;margin-inline-start:-1px;padding:var(--nu-space-1) var(--nu-space-3);-webkit-border-start:1px solid transparent;border-inline-start:1px solid transparent;color:var(--nu-text-sub-600);font-size:var(--nu-type-paragraph-x-small-size);line-height:var(--nu-type-paragraph-x-small-line-height);text-decoration:none;transition:color var(--nu-duration-fast),border-color var(--nu-duration-fast)}.toc a:hover,.toc a[aria-current]{color:var(--nu-text-strong-950)}.toc a[aria-current]{border-inline-start-color:var(--nu-stroke-strong-950);font-weight:var(--nu-font-weight-medium)}.doc-topbar{justify-content:space-between;gap:var(--nu-space-4);-webkit-margin-after:var(--nu-space-4);margin-block-end:var(--nu-space-4)}.breadcrumb ol,.doc-topbar{display:flex;align-items:center}.breadcrumb ol{flex-wrap:wrap;gap:var(--nu-space-1);list-style:none;margin:0;padding:0;color:var(--nu-text-sub-600);font-size:var(--nu-type-paragraph-x-small-size)}.breadcrumb a{text-decoration:none}.breadcrumb a:hover{color:var(--nu-text-strong-950)}.breadcrumb svg{inline-size:var(--nu-space-3-5);block-size:var(--nu-space-3-5)}.breadcrumb [aria-current]{color:var(--nu-text-strong-950);font-weight:var(--nu-font-weight-medium)}.doc-topbar__pager{display:flex;gap:var(--nu-space-1-5)}.icon-link{display:inline-grid;place-items:center;inline-size:var(--nu-space-8);block-size:var(--nu-space-8);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-8);background:var(--nu-bg-white);color:var(--nu-icon-strong-950);box-shadow:var(--nu-shadow-regular-shadow-x-small);transition:background-color var(--nu-duration-fast)}.icon-link:hover{background:var(--nu-bg-weak-50)}.icon-link[data-disabled]{color:var(--nu-icon-disabled-300);box-shadow:none}.icon-link svg{inline-size:var(--nu-space-4);block-size:var(--nu-space-4)}.doc-article h1:where(:not(.nu-rich-text *,.nu-block-editor *,[class^=nu-],[class*=" nu-"])),.doc-article h2:where(:not(.nu-rich-text *,.nu-block-editor *,[class^=nu-],[class*=" nu-"])),.doc-article h3:where(:not(.nu-rich-text *,.nu-block-editor *,[class^=nu-],[class*=" nu-"])),.home h1,.home h2,.home h3{font-family:var(--nu-font-header);font-variation-settings:var(--nu-font-variation-display);font-weight:var(--nu-type-title-h1-weight);color:var(--nu-text-strong-950);margin:0;text-wrap:balance}.doc-article h1:where(:not(.nu-rich-text *,.nu-block-editor *,[class^=nu-],[class*=" nu-"])){font-size:var(--nu-type-title-h4-size);line-height:var(--nu-type-title-h4-line-height);letter-spacing:var(--nu-type-title-h4-tracking)}@media (min-width:768px){.doc-article h1:where(:not(.nu-rich-text *,.nu-block-editor *,[class^=nu-],[class*=" nu-"])){font-size:var(--nu-type-title-h3-size);line-height:var(--nu-type-title-h3-line-height);letter-spacing:var(--nu-type-title-h3-tracking)}}.doc-article>h1+p{margin-block:var(--nu-space-3) var(--nu-space-8);font-size:var(--nu-type-paragraph-medium-size);line-height:var(--nu-type-paragraph-medium-line-height);color:var(--nu-text-sub-600);text-wrap:pretty}.doc-article h2:where(:not(.nu-rich-text *,.nu-block-editor *,[class^=nu-],[class*=" nu-"])){margin-block:var(--nu-space-12) var(--nu-space-4);-webkit-padding-after:var(--nu-space-2);padding-block-end:var(--nu-space-2);-webkit-border-after:1px solid var(--nu-stroke-soft-200);border-block-end:1px solid var(--nu-stroke-soft-200);font-size:var(--nu-type-title-h5-size);line-height:var(--nu-type-title-h5-line-height)}.doc-article h3:where(:not(.nu-rich-text *,.nu-block-editor *,[class^=nu-],[class*=" nu-"])){margin-block:var(--nu-space-8) var(--nu-space-3);font-size:var(--nu-type-title-h6-size);line-height:var(--nu-type-title-h6-line-height)}.doc-article p:not([class^=nu-],[class*=" nu-"]):where(:not(.nu-rich-text *,.nu-block-editor *)){margin-block:var(--nu-space-3);color:var(--nu-text-sub-600);text-wrap:pretty}.doc-article p:where(:not(.nu-rich-text *,.nu-block-editor *)) b,.doc-article p:where(:not(.nu-rich-text *,.nu-block-editor *)) strong{color:var(--nu-text-strong-950);font-weight:var(--nu-font-weight-medium)}.doc-article a:not([class]):where(:not(.nu-rich-text *,.nu-block-editor *)){color:var(--nu-text-strong-950);text-decoration:underline;-webkit-text-decoration-color:var(--nu-stroke-sub-300);text-decoration-color:var(--nu-stroke-sub-300);text-underline-offset:.2em}.doc-article a:not([class]):hover{-webkit-text-decoration-color:currentColor;text-decoration-color:currentColor}.doc-article ol:not([class]):where(:not(.nu-rich-text *,.nu-block-editor *)),.doc-article ul:not([class]):not([aria-label]):where(:not(.nu-rich-text *,.nu-block-editor *)){-webkit-padding-start:var(--nu-space-5);padding-inline-start:var(--nu-space-5);color:var(--nu-text-sub-600)}.doc-article section{scroll-margin-block-start:calc(var(--docs-header) + var(--nu-space-6))}.status{display:inline-flex;gap:var(--nu-space-1);vertical-align:middle;padding:0 var(--nu-space-2);border:1px solid var(--nu-state-pending-light);border-radius:var(--nu-radius-full);background:var(--nu-state-pending-lighter);color:var(--nu-state-pending-dark);font-size:var(--nu-type-label-x-small-size);line-height:var(--nu-type-paragraph-x-small-line-height);font-weight:var(--nu-font-weight-medium)}.preview,.status{align-items:center}.preview{position:relative;display:flex;flex-wrap:wrap;gap:var(--nu-space-3);margin-block:var(--nu-space-4);padding:var(--nu-space-8) var(--nu-space-6);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-16);background-color:var(--nu-bg-white);background-image:var(--docs-dots);background-size:var(--nu-space-4) var(--nu-space-4);background-position:50%}.preview:has(+.preview){-webkit-margin-after:0;margin-block-end:0;border-end-start-radius:0;border-end-end-radius:0}.preview+.preview{-webkit-margin-before:0;margin-block-start:0;border-block-start-style:dashed;border-start-start-radius:0;border-start-end-radius:0}.preview>code:first-child{flex-shrink:0;min-inline-size:4ch;text-align:center;background:var(--nu-bg-white);color:var(--nu-text-sub-600)}.preview[data-stack]{flex-direction:column;align-items:stretch}.preview[data-stack]>*{max-inline-size:28rem}.preview[data-stack]>.nu-button-group{align-self:flex-start}.preview[data-grid]{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));align-items:start}ol.preview,ul.preview{list-style:none}figure.preview figcaption{font-weight:var(--nu-font-weight-medium);color:var(--nu-text-strong-950)}.codeblock{margin-block:var(--nu-space-4);overflow:hidden;border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-16);background:var(--nu-bg-weak-50);color:var(--nu-text-strong-950)}.codeblock__bar{display:flex;align-items:center;justify-content:space-between;padding:var(--nu-space-1-5) var(--nu-space-2) var(--nu-space-1-5) var(--nu-space-4);-webkit-border-after:1px solid var(--nu-stroke-soft-200);border-block-end:1px solid var(--nu-stroke-soft-200);color:var(--nu-text-sub-600);font-size:var(--nu-type-paragraph-x-small-size)}.codeblock__copy{display:inline-grid;place-items:center;inline-size:var(--nu-space-8);block-size:var(--nu-space-8);border:0;border-radius:var(--nu-radius-8);background:transparent;color:var(--nu-icon-sub-600);cursor:pointer}.codeblock__copy:hover{background:var(--nu-bg-soft-100);color:var(--nu-icon-strong-950)}.codeblock__copy svg{inline-size:var(--nu-space-4);block-size:var(--nu-space-4)}.codeblock pre{margin:0;padding:var(--nu-space-4);overflow-x:auto;font-size:var(--nu-type-paragraph-x-small-size);line-height:var(--nu-type-label-x-small-line-height)}.codeblock code{background:none;border:0;padding:0;color:inherit;font-size:inherit;white-space:pre;overflow-wrap:normal}.controls{display:grid;grid-template-columns:repeat(auto-fill,minmax(9.5rem,1fr));grid-gap:var(--nu-space-3);gap:var(--nu-space-3);margin-block:var(--nu-space-4);padding:var(--nu-space-4);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-16);background:var(--nu-bg-weak-50)}.controls label{display:grid;grid-gap:var(--nu-space-1);gap:var(--nu-space-1);color:var(--nu-text-sub-600);font-size:var(--nu-type-label-x-small-size);font-weight:var(--nu-font-weight-medium);text-transform:capitalize}.controls input[type=text],.controls select{font:inherit;font-size:var(--nu-type-label-small-size);text-transform:none;block-size:var(--docs-control);padding:0 var(--nu-space-2-5);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-8);background:var(--nu-bg-white);color:var(--nu-text-strong-950);box-shadow:var(--nu-shadow-regular-shadow-x-small)}.controls input[type=text]:hover,.controls select:hover{border-color:var(--nu-stroke-sub-300)}.doc-article table:where(:not(.nu-block-editor *,.nu-calendar *)){inline-size:100%;margin-block:var(--nu-space-4);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-12);border-collapse:separate;border-spacing:0;overflow:hidden;font-size:var(--nu-type-paragraph-x-small-size);line-height:var(--nu-type-label-x-small-line-height)}.doc-article td:where(:not(.nu-block-editor *,.nu-calendar *)),.doc-article th:where(:not(.nu-block-editor *,.nu-calendar *)){padding:var(--nu-space-2-5) var(--nu-space-3);text-align:start;vertical-align:top}.doc-article thead th:where(:not(.nu-block-editor *,.nu-calendar *)){background:var(--nu-bg-weak-50);-webkit-border-after:1px solid var(--nu-stroke-soft-200);border-block-end:1px solid var(--nu-stroke-soft-200);color:var(--nu-text-sub-600);font-weight:var(--nu-font-weight-medium);white-space:nowrap}.doc-article tbody td:where(:not(.nu-block-editor *,.nu-calendar *)){-webkit-border-after:1px solid var(--nu-stroke-soft-200);border-block-end:1px solid var(--nu-stroke-soft-200);color:var(--nu-text-sub-600)}.doc-article tbody td:first-child:where(:not(.nu-block-editor *,.nu-calendar *)){color:var(--nu-text-strong-950);font-weight:var(--nu-font-weight-medium)}.doc-article tbody tr:last-child td:where(:not(.nu-block-editor *,.nu-calendar *)){-webkit-border-after:0;border-block-end:0}.doc-article tbody tr:hover td:where(:not(.nu-block-editor *,.nu-calendar *)){background:var(--nu-bg-weak-50)}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(11rem,1fr));grid-gap:var(--nu-space-3);gap:var(--nu-space-3)}.swatch{overflow:hidden;border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-12);background:var(--nu-bg-white);font-size:var(--nu-type-paragraph-x-small-size);line-height:var(--nu-type-paragraph-x-small-line-height);color:var(--nu-text-sub-600);transition:box-shadow var(--nu-duration-fast),transform var(--nu-duration-fast)}.swatch:hover{box-shadow:var(--nu-shadow-custom-shadows-x-small);transform:translateY(-1px)}.swatch>div:first-child{block-size:var(--nu-space-16);-webkit-border-after:1px solid var(--nu-stroke-soft-200);border-block-end:1px solid var(--nu-stroke-soft-200)}.swatch>div:last-child{padding:var(--nu-space-2-5) var(--nu-space-3)}.swatch b{display:block;color:var(--nu-text-strong-950);font-weight:var(--nu-font-weight-medium);overflow-wrap:anywhere}.pager{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--nu-space-3);gap:var(--nu-space-3);-webkit-margin-before:var(--nu-space-16);margin-block-start:var(--nu-space-16);-webkit-padding-before:var(--nu-space-6);padding-block-start:var(--nu-space-6);-webkit-border-before:1px solid var(--nu-stroke-soft-200);border-block-start:1px solid var(--nu-stroke-soft-200)}.pager__link{display:grid;grid-gap:var(--nu-space-1);gap:var(--nu-space-1);padding:var(--nu-space-3) var(--nu-space-4);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-12);text-decoration:none;transition:border-color var(--nu-duration-fast),background-color var(--nu-duration-fast)}.pager__link:hover{border-color:var(--nu-stroke-sub-300);background:var(--nu-bg-weak-50)}.pager__link[data-next]{text-align:end;justify-items:end}.pager__dir{display:inline-flex;align-items:center;gap:var(--nu-space-1);color:var(--nu-text-sub-600);font-size:var(--nu-type-paragraph-x-small-size)}.pager__dir svg{inline-size:var(--nu-space-3-5);block-size:var(--nu-space-3-5)}.pager__title{font-weight:var(--nu-font-weight-medium)}.site-footer{-webkit-border-before:1px solid var(--nu-stroke-soft-200);border-block-start:1px solid var(--nu-stroke-soft-200);padding:var(--nu-space-6) var(--nu-space-4);text-align:center;color:var(--nu-text-sub-600);font-size:var(--nu-type-paragraph-x-small-size)}.site-footer p{margin:0}.home{max-inline-size:64rem;margin-inline:auto}.hero{display:grid;justify-items:center;text-align:center;padding-block:var(--nu-space-12) var(--nu-space-10)}.eyebrow{display:inline-flex;align-items:center;gap:var(--nu-space-2);margin:0 0 var(--nu-space-5);padding:var(--nu-space-1) var(--nu-space-3);border:1px solid var(--nu-stroke-soft-200);background:var(--nu-bg-white);box-shadow:var(--nu-shadow-regular-shadow-x-small);color:var(--nu-text-sub-600);font-size:var(--nu-type-label-x-small-size);font-weight:var(--nu-font-weight-medium)}.eyebrow,.eyebrow__dot{border-radius:var(--nu-radius-full)}.eyebrow__dot{inline-size:var(--nu-space-2);block-size:var(--nu-space-2);background:var(--nu-state-success-base);box-shadow:0 0 0 3px var(--nu-state-success-lighter)}.home h1{max-inline-size:14ch;font-size:var(--nu-type-title-h3-size);line-height:var(--nu-type-title-h3-line-height);letter-spacing:var(--nu-type-title-h3-tracking)}@media (min-width:768px){.home h1{font-size:var(--nu-type-title-h1-size);line-height:var(--nu-type-title-h1-line-height);letter-spacing:var(--nu-type-title-h1-tracking)}}.lead{max-inline-size:40rem;margin:var(--nu-space-5) 0 0;color:var(--nu-text-sub-600);font-size:var(--nu-type-paragraph-large-size);line-height:var(--nu-type-paragraph-large-line-height);text-wrap:pretty}.hero__actions{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--nu-space-3);-webkit-margin-before:var(--nu-space-8);margin-block-start:var(--nu-space-8)}.cta{display:inline-flex;align-items:center;gap:var(--nu-space-2);block-size:var(--docs-cta);padding-inline:var(--nu-space-5);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-12);background:var(--nu-bg-white);box-shadow:var(--nu-shadow-regular-shadow-x-small);color:var(--nu-text-strong-950);font-size:var(--nu-type-label-small-size);font-weight:var(--nu-font-weight-medium);text-decoration:none;transition:background-color var(--nu-duration-fast),transform var(--nu-duration-fast)}.cta:hover{background:var(--nu-bg-weak-50)}.cta[data-variant=primary]{border-color:var(--nu-action-primary-bg);background:var(--nu-action-primary-bg);color:var(--nu-action-primary-fg)}.cta[data-variant=primary]:hover{background:var(--nu-action-primary-bg-hover)}.cta svg{inline-size:var(--nu-space-4);block-size:var(--nu-space-4);transition:transform var(--nu-duration-fast)}.cta:hover svg{transform:translateX(2px)}.showcase{display:grid;grid-gap:var(--nu-space-4);gap:var(--nu-space-4);padding:var(--nu-space-4);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-24);background-color:var(--nu-bg-weak-50);background-image:var(--docs-dots);background-size:var(--nu-space-5) var(--nu-space-5)}@media (min-width:768px){.showcase{grid-template-columns:1.4fr 1fr;padding:var(--nu-space-6)}.showcase__card--wide{grid-row:span 2}}.showcase__card{display:grid;align-content:start;grid-gap:var(--nu-space-4);gap:var(--nu-space-4);padding:var(--nu-space-5);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-16);background:var(--nu-bg-white);box-shadow:var(--nu-shadow-custom-shadows-x-small)}.showcase__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--nu-space-4)}.showcase__eyebrow{margin:0;color:var(--nu-text-sub-600);font-size:var(--nu-type-paragraph-x-small-size)}.showcase__title{margin:0;font-family:var(--nu-font-header);font-variation-settings:var(--nu-font-variation-display);font-size:var(--nu-type-title-h6-size);line-height:var(--nu-type-title-h6-line-height);color:var(--nu-text-strong-950)}.showcase__text{margin:0;color:var(--nu-text-sub-600)}.showcase__stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));grid-gap:var(--nu-space-3);gap:var(--nu-space-3);list-style:none;margin:0;padding:0}.showcase__stats li{display:flex;align-items:center;gap:var(--nu-space-2-5);padding:var(--nu-space-2-5);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-12);color:var(--nu-text-sub-600)}.showcase__stats b{display:block;color:var(--nu-text-strong-950);font-size:var(--nu-type-label-medium-size);font-weight:var(--nu-font-weight-medium)}.showcase__bars{display:flex;align-items:flex-end;gap:var(--nu-space-2);block-size:8rem;padding:var(--nu-space-3) var(--nu-space-2) 0;-webkit-border-after:1px solid var(--nu-stroke-soft-200);border-block-end:1px solid var(--nu-stroke-soft-200)}.showcase__bars span{flex:1 1;border-radius:var(--nu-radius-6) var(--nu-radius-6) 0 0;background:var(--nu-state-primary-base);opacity:.9}.showcase__bars span[data-alt]{background:var(--nu-state-purple-base);opacity:.75}.showcase__legend{display:flex;gap:var(--nu-space-4);list-style:none;margin:0;padding:0}.showcase__row{justify-content:flex-end}.showcase__row,.showcase__search{display:flex;gap:var(--nu-space-2)}.showcase__search{align-items:center;padding:var(--nu-space-2) var(--nu-space-2) var(--nu-space-2) var(--nu-space-3);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-10);background:var(--nu-bg-weak-50);color:var(--nu-text-sub-600)}.showcase__search svg{display:inline-block;inline-size:var(--nu-space-4);block-size:var(--nu-space-4)}.showcase__search .nu-kbd{-webkit-margin-start:auto;margin-inline-start:auto}.principles{-webkit-margin-before:var(--nu-space-20);margin-block-start:var(--nu-space-20)}.doc-article .home h2{margin:0;padding:0;border:0}.home h2{font-size:var(--nu-type-title-h4-size);line-height:var(--nu-type-title-h4-line-height);letter-spacing:var(--nu-type-title-h4-tracking)}.doc-article .principles h2{text-align:center;-webkit-margin-after:var(--nu-space-8);margin-block-end:var(--nu-space-8)}.principles__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));grid-gap:var(--nu-space-4);gap:var(--nu-space-4)}.principle{padding:var(--nu-space-5);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-16);background:var(--nu-bg-white)}.principle h3{margin-block:var(--nu-space-4) var(--nu-space-1-5);font-family:var(--nu-font-body);font-size:var(--nu-type-label-medium-size);line-height:var(--nu-type-label-small-line-height);font-weight:var(--nu-font-weight-medium);font-variation-settings:normal}.principle p{margin:0;color:var(--nu-text-sub-600)}.principle__icon{display:inline-grid;place-items:center;inline-size:var(--nu-space-10);block-size:var(--nu-space-10);border-radius:var(--nu-radius-12);background:var(--nu-bg-strong-950);color:var(--nu-icon-white)}.principle__icon svg{inline-size:var(--nu-space-5);block-size:var(--nu-space-5)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--nu-space-4);margin-block:var(--nu-space-20) var(--nu-space-6)}.section-head__link{display:inline-flex;align-items:center;gap:var(--nu-space-1);color:var(--nu-text-sub-600);font-size:var(--nu-type-label-small-size);font-weight:var(--nu-font-weight-medium);text-decoration:none}.section-head__link:hover{color:var(--nu-text-strong-950)}.section-head__link svg{inline-size:var(--nu-space-4);block-size:var(--nu-space-4)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr));grid-gap:var(--nu-space-4);gap:var(--nu-space-4);list-style:none;margin:0;padding:0}.nav-card{position:relative;display:grid;grid-gap:var(--nu-space-1-5);gap:var(--nu-space-1-5);block-size:100%;padding:var(--nu-space-5) var(--nu-space-12) var(--nu-space-5) var(--nu-space-5);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-16);background:var(--nu-bg-white);text-decoration:none;transition:border-color var(--nu-duration-fast),box-shadow var(--nu-duration-fast),transform var(--nu-duration-fast)}.nav-card:hover{border-color:var(--nu-stroke-sub-300);box-shadow:var(--nu-shadow-custom-shadows-x-small);transform:translateY(-2px)}.nav-card__title{display:flex;align-items:center;gap:var(--nu-space-2);font-weight:var(--nu-font-weight-medium);font-size:var(--nu-type-label-medium-size)}.nav-card__text{color:var(--nu-text-sub-600)}.nav-card__arrow{position:absolute;inset-block-start:var(--nu-space-5);inset-inline-end:var(--nu-space-5);inline-size:var(--nu-space-4);block-size:var(--nu-space-4);color:var(--nu-icon-soft-400);transition:transform var(--nu-duration-fast),color var(--nu-duration-fast)}.nav-card:hover .nav-card__arrow{color:var(--nu-icon-strong-950);transform:translateX(2px)}.demo-panel{display:grid;grid-gap:var(--nu-space-3);gap:var(--nu-space-3);inline-size:100%;max-inline-size:32rem}.demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--nu-space-3)}.demo-list{list-style:none;margin:0;padding:0;overflow:hidden;border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-12);background:var(--nu-bg-white);box-shadow:var(--nu-shadow-regular-shadow-x-small)}.demo-list>li{display:flex;align-items:center;justify-content:space-between;gap:var(--nu-space-3);padding:var(--nu-space-2) var(--nu-space-2) var(--nu-space-2) var(--nu-space-4)}.demo-list>li+li{-webkit-border-before:1px solid var(--nu-stroke-soft-200);border-block-start:1px solid var(--nu-stroke-soft-200)}.demo-list__main{display:grid}.demo-empty,.demo-list__meta{color:var(--nu-text-sub-600);font-size:var(--nu-type-paragraph-x-small-size);line-height:var(--nu-type-paragraph-x-small-line-height)}.demo-edit{display:flex;flex:1 1;align-items:center;gap:var(--nu-space-2)}.demo-edit>.nu-input{flex:1 1}.demo-result{margin:0!important;min-block-size:var(--nu-space-6);color:var(--nu-text-sub-600);font-size:var(--nu-type-paragraph-x-small-size)}@media (prefers-reduced-motion:reduce){*,:after,:before{transition-duration:.01ms!important;animation-duration:.01ms!important}}.controls:has(+.preview){-webkit-margin-after:0;margin-block-end:0;border-end-start-radius:0;border-end-end-radius:0}.controls+.preview{-webkit-margin-before:0;margin-block-start:0;-webkit-border-before:0;border-block-start:0;border-start-start-radius:0;border-start-end-radius:0}.preview:has(+.codeblock){-webkit-margin-after:0;margin-block-end:0;border-end-start-radius:0;border-end-end-radius:0}.preview+.codeblock{-webkit-margin-before:0;margin-block-start:0;border-start-start-radius:0;border-start-end-radius:0}.codeblock pre:focus-visible{outline-offset:calc(var(--nu-focus-ring-width) * -1)}.doc-header{-webkit-margin-after:var(--nu-space-4);margin-block-end:var(--nu-space-4)}.doc-header__lead{margin:var(--nu-space-3) 0 0!important;max-inline-size:42rem;color:var(--nu-text-sub-600);font-size:var(--nu-type-paragraph-medium-size);line-height:var(--nu-type-paragraph-medium-line-height)}.doc-header__meta{display:flex;flex-wrap:wrap;gap:var(--nu-space-2);list-style:none;margin:var(--nu-space-5) 0 0;padding:0}.doc-header__note{margin:var(--nu-space-3) 0 0!important;font-size:var(--nu-type-paragraph-x-small-size);line-height:var(--nu-type-paragraph-x-small-line-height)}.doc-chip{display:inline-flex;align-items:center;gap:var(--nu-space-1-5);block-size:calc(var(--nu-space-6) + var(--nu-space-1));padding-inline:var(--nu-space-2-5);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-full);background:var(--nu-bg-white);color:var(--nu-text-sub-600);font-size:var(--nu-type-label-x-small-size);font-weight:var(--nu-font-weight-medium);text-decoration:none;white-space:nowrap}a.doc-chip:hover{color:var(--nu-text-strong-950);border-color:var(--nu-stroke-sub-300)}.doc-chip svg{inline-size:var(--nu-space-3-5);block-size:var(--nu-space-3-5)}.doc-chip code{border:0;background:none;padding:0;font-size:inherit;color:inherit}.doc-chip__dot{inline-size:var(--nu-space-2);block-size:var(--nu-space-2);border-radius:var(--nu-radius-full);background:var(--nu-state-faded-base)}.doc-chip[data-status=beta]{border-color:var(--nu-state-pending-light);background:var(--nu-state-pending-lighter);color:var(--nu-state-pending-dark)}.doc-chip[data-status=beta] .doc-chip__dot{background:var(--nu-state-pending-dark)}.doc-chip[data-status=stable]{border-color:var(--nu-state-success-light);background:var(--nu-state-success-lighter);color:var(--nu-state-success-dark)}.doc-chip[data-status=stable] .doc-chip__dot{background:var(--nu-state-success-dark)}.doc-chip[data-status=deprecated]{border-color:var(--nu-state-error-light);background:var(--nu-state-error-lighter);color:var(--nu-state-error-dark)}.doc-section{-webkit-margin-before:var(--nu-space-16);margin-block-start:var(--nu-space-16)}.doc-section>h2{display:flex;align-items:baseline;gap:var(--nu-space-3);-webkit-margin-before:0!important;margin-block-start:0!important}.doc-section__n{font-family:var(--nu-font-body);font-size:var(--nu-type-label-small-size);font-weight:var(--nu-font-weight-medium);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--nu-text-sub-600)}.doc-section__intro{-webkit-margin-after:var(--nu-space-5)!important;margin-block-end:var(--nu-space-5)!important}.doc-article .doc-subheading{margin-block:var(--nu-space-10) var(--nu-space-3);font-size:var(--nu-type-title-h6-size);line-height:var(--nu-type-title-h6-line-height)}.doc-section>.doc-subheading:first-child,.doc-section>h2+.doc-subheading{-webkit-margin-before:var(--nu-space-4);margin-block-start:var(--nu-space-4)}.doc-list{display:grid;grid-gap:var(--nu-space-2);gap:var(--nu-space-2);margin:var(--nu-space-4) 0;-webkit-padding-start:var(--nu-space-5);padding-inline-start:var(--nu-space-5);color:var(--nu-text-sub-600)}.doc-list li::marker{color:var(--nu-text-soft-400)}.doc-footnote{font-size:var(--nu-type-paragraph-x-small-size);line-height:var(--nu-type-paragraph-x-small-line-height)}.table-wrap{overflow-x:auto;margin-block:var(--nu-space-4)}.table-wrap>table{margin:0}.doc-tabs__list{display:flex;gap:var(--nu-space-1)}.doc-tabs[data-variant=underline] .doc-tabs__list{-webkit-border-after:1px solid var(--nu-stroke-soft-200);border-block-end:1px solid var(--nu-stroke-soft-200);gap:var(--nu-space-5)}.doc-tabs__tab{position:relative;padding:var(--nu-space-2) 0;border:0;background:none;color:var(--nu-text-sub-600);font:inherit;font-size:var(--nu-type-label-small-size);font-weight:var(--nu-font-weight-medium);cursor:pointer}.doc-tabs[data-variant=underline] .doc-tabs__tab[aria-selected=true],.doc-tabs__tab:hover{color:var(--nu-text-strong-950)}.doc-tabs[data-variant=underline] .doc-tabs__tab[aria-selected=true]:after{content:"";position:absolute;inset:auto 0 -1px 0;block-size:2px;border-radius:var(--nu-radius-full);background:var(--nu-bg-strong-950)}.doc-tabs[data-variant=pill] .doc-tabs__list{inline-size:-moz-fit-content;inline-size:fit-content;padding:var(--nu-space-1);border-radius:var(--nu-radius-10);background:var(--nu-bg-weak-50);border:1px solid var(--nu-stroke-soft-200)}.doc-tabs[data-variant=pill] .doc-tabs__tab{padding:var(--nu-space-1) var(--nu-space-3);border-radius:var(--nu-radius-8);font-size:var(--nu-type-label-x-small-size)}.doc-tabs[data-variant=pill] .doc-tabs__tab[aria-selected=true]{background:var(--nu-bg-white);color:var(--nu-text-strong-950);box-shadow:var(--nu-shadow-regular-shadow-x-small)}.doc-tabs[data-variant=pill] .doc-tabs__panel>.codeblock{-webkit-margin-before:var(--nu-space-2);margin-block-start:var(--nu-space-2)}.doc-tabs__panel:focus-visible{outline-offset:var(--nu-space-1);border-radius:var(--nu-radius-12)}.component-preview{margin-block:var(--nu-space-4) var(--nu-space-6)}.component-preview .doc-tabs__panel{-webkit-margin-before:var(--nu-space-3);margin-block-start:var(--nu-space-3)}.component-preview .codeblock{margin:0}.component-preview__stage{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--nu-space-3);min-block-size:12rem;padding:var(--nu-space-10) var(--nu-space-6);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-16);background-color:var(--nu-bg-white);background-image:var(--docs-dots);background-size:var(--nu-space-4) var(--nu-space-4)}.component-preview__stage[data-min=sm]{min-block-size:8rem}.component-preview__stage[data-min=lg]{min-block-size:18rem}.component-preview__stage[data-align=start]{justify-content:flex-start;align-items:flex-start}.playground .preview{justify-content:center;min-block-size:10rem}.matrix{overflow-x:auto;margin-block:var(--nu-space-4);padding:var(--nu-space-2);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-16);background-image:var(--docs-dots);background-size:var(--nu-space-4) var(--nu-space-4)}.matrix__row{display:grid;grid-template-columns:5.5rem repeat(4,minmax(8rem,1fr));align-items:center;min-inline-size:38rem}.matrix__row>*{display:flex;justify-content:center;padding:var(--nu-space-3) var(--nu-space-2)}.matrix__row+.matrix__row{-webkit-border-before:1px dashed var(--nu-stroke-soft-200);border-block-start:1px dashed var(--nu-stroke-soft-200)}.matrix__row--head>*,.matrix__row>[role=rowheader]{color:var(--nu-text-sub-600);font-size:var(--nu-type-label-x-small-size);font-weight:var(--nu-font-weight-medium)}.matrix__row>[role=rowheader]{justify-content:flex-start;-webkit-padding-start:var(--nu-space-3);padding-inline-start:var(--nu-space-3)}.size-row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:center;gap:var(--nu-space-8)}.size-row figure{display:grid;justify-items:center;grid-gap:var(--nu-space-2);gap:var(--nu-space-2);margin:0}.size-row figcaption{color:var(--nu-text-sub-600);font-size:var(--nu-type-paragraph-x-small-size)}.state-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(13rem,1fr));grid-gap:var(--nu-space-3);gap:var(--nu-space-3);margin-block:var(--nu-space-4)}.state-grid--wide{grid-template-columns:repeat(auto-fill,minmax(min(100%,24rem),1fr))}.state-card__stage>.nu-quiz{inline-size:100%}.state-card{display:grid;grid-template-rows:auto 1fr;margin:0;overflow:hidden;border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-16);background:var(--nu-bg-white)}.state-card__stage{display:grid;place-items:center;min-block-size:7.5rem;padding:var(--nu-space-4);-webkit-border-after:1px solid var(--nu-stroke-soft-200);border-block-end:1px solid var(--nu-stroke-soft-200);background-image:var(--docs-dots);background-size:var(--nu-space-4) var(--nu-space-4)}.state-card figcaption{padding:var(--nu-space-3) var(--nu-space-4);color:var(--nu-text-sub-600);font-size:var(--nu-type-paragraph-x-small-size);line-height:var(--nu-type-paragraph-x-small-line-height)}.state-card figcaption strong{display:block;-webkit-margin-after:var(--nu-space-0-5);margin-block-end:var(--nu-space-0-5);color:var(--nu-text-strong-950);font-size:var(--nu-type-label-small-size);font-weight:var(--nu-font-weight-medium)}.state-card[data-gap] .state-card__stage{background:var(--nu-bg-weak-50)}.state-card__na{color:var(--nu-text-sub-600);font-size:var(--nu-type-paragraph-x-small-size);border:1px dashed var(--nu-stroke-sub-300);border-radius:var(--nu-radius-8);padding:var(--nu-space-1) var(--nu-space-2)}.docs-force-hover.nu-button{background:var(--nu-button-bg-hover);border-color:var(--nu-button-border-hover);pointer-events:none}.demo-stack{display:grid;justify-items:center;grid-gap:var(--nu-space-1);gap:var(--nu-space-1)}.demo-form{display:grid;grid-gap:var(--nu-space-3);gap:var(--nu-space-3);inline-size:min(100%,22rem)}.demo-actions{display:flex;justify-content:flex-end;gap:var(--nu-space-2)}.doc-toolbar{display:inline-flex;gap:var(--nu-space-1);padding:var(--nu-space-1);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-full);background:var(--nu-bg-white);box-shadow:var(--nu-shadow-regular-shadow-x-small)}.callout{margin-block:var(--nu-space-4);padding:var(--nu-space-4) var(--nu-space-5);border:1px solid var(--nu-stroke-soft-200);-webkit-border-start:3px solid var(--nu-state-primary-base);border-inline-start:3px solid var(--nu-state-primary-base);border-radius:var(--nu-radius-12);background:var(--nu-bg-weak-50)}.callout[data-tone=warning]{border-inline-start-color:var(--nu-state-warning-base);background:var(--nu-state-warning-lighter)}.callout__title{margin:0!important;color:var(--nu-text-strong-950)!important;font-weight:var(--nu-font-weight-medium)}.callout__body p{margin:var(--nu-space-1) 0 0!important}.props-table th[scope=row]{text-align:start;white-space:nowrap;font-weight:var(--nu-font-weight-medium);-webkit-border-after:1px solid var(--nu-stroke-soft-200);border-block-end:1px solid var(--nu-stroke-soft-200);padding:var(--nu-space-2-5) var(--nu-space-3);vertical-align:top}.props-table tbody tr:last-child th{-webkit-border-after:0;border-block-end:0}.props-table__type{color:var(--nu-state-purple-dark);background:var(--nu-state-purple-lighter);border-color:transparent}.props-table__req{display:block;-webkit-margin-before:var(--nu-space-1);margin-block-start:var(--nu-space-1);color:var(--nu-state-error-dark);font-size:var(--nu-type-subheading-2x-small-size)}.props-table__none{color:var(--nu-text-sub-600)}.a11y-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));grid-gap:var(--nu-space-4);gap:var(--nu-space-4);margin-block:var(--nu-space-4)}.a11y-grid>div{padding:var(--nu-space-4);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-16)}.a11y-grid>div>p:not(.a11y-grid__title){margin-block:var(--nu-space-1) var(--nu-space-4);font-size:var(--nu-type-paragraph-x-small-size);line-height:var(--nu-type-paragraph-x-small-line-height)}.a11y-grid__title{margin:0!important;color:var(--nu-text-strong-950)!important;font-weight:var(--nu-font-weight-medium)}.a11y-grid .table-wrap{margin-block:var(--nu-space-2) 0}.when-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));grid-gap:var(--nu-space-4);gap:var(--nu-space-4)}.when-card{padding:var(--nu-space-5);border:1px solid var(--nu-stroke-soft-200);-webkit-border-before:3px solid var(--nu-state-success-base);border-block-start:3px solid var(--nu-state-success-base);border-radius:var(--nu-radius-16)}.when-card[data-kind=avoid]{border-block-start-color:var(--nu-state-error-base)}.when-card__title{margin:0!important;color:var(--nu-text-strong-950)!important;font-weight:var(--nu-font-weight-medium)}.when-card ul{display:grid;grid-gap:var(--nu-space-2);gap:var(--nu-space-2);margin:var(--nu-space-3) 0 0;-webkit-padding-start:var(--nu-space-5);padding-inline-start:var(--nu-space-5);color:var(--nu-text-sub-600)}.dodont{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));grid-gap:var(--nu-space-4);gap:var(--nu-space-4);margin-block:var(--nu-space-4)}.dodont__card{margin:0;overflow:hidden;border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-16)}.dodont__stage{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--nu-space-2);min-block-size:8rem;padding:var(--nu-space-5);background-image:var(--docs-dots);background-size:var(--nu-space-4) var(--nu-space-4);-webkit-border-after:3px solid var(--nu-state-success-base);border-block-end:3px solid var(--nu-state-success-base)}.dodont__card[data-kind=dont] .dodont__stage{border-block-end-color:var(--nu-state-error-base)}.dodont__card figcaption{padding:var(--nu-space-3) var(--nu-space-4);color:var(--nu-text-sub-600);font-size:var(--nu-type-paragraph-x-small-size);line-height:var(--nu-type-paragraph-x-small-line-height)}.dodont__card figcaption strong{color:var(--nu-text-strong-950);font-weight:var(--nu-font-weight-medium)}.dodont__label{display:flex;align-items:center;gap:var(--nu-space-1);-webkit-margin-after:var(--nu-space-1);margin-block-end:var(--nu-space-1);color:var(--nu-state-success-dark);font-weight:var(--nu-font-weight-medium);font-size:var(--nu-type-label-x-small-size)}.dodont__card[data-kind=dont] .dodont__label{color:var(--nu-state-error-dark)}.dodont__label svg{inline-size:var(--nu-space-4);block-size:var(--nu-space-4)}.card-grid--compact{grid-template-columns:repeat(auto-fill,minmax(14rem,1fr))}.card-grid--compact .nav-card{padding-block:var(--nu-space-4)}.doc-article :is(td,th) code{overflow-wrap:normal;word-break:normal;white-space:nowrap}.doc-article td:last-child code,.props-table td code{white-space:normal}.state-card__stage--row{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--nu-space-2);align-items:center}.doc-article tbody tr:hover th:where(:not(.nu-block-editor *,.nu-calendar *)){background:var(--nu-bg-weak-50)}.doc-main{overflow-wrap:anywhere}.doc-chip{max-inline-size:100%;block-size:auto;min-block-size:calc(var(--nu-space-6) + var(--nu-space-1));white-space:normal}.doc-chip code{overflow-wrap:anywhere;white-space:normal}.component-preview__stage,.dodont__stage,.preview,.state-card__stage{max-inline-size:100%;overflow-x:auto}.doc-tabs__list{overflow-x:auto;scrollbar-width:thin}.doc-tabs__tab{flex-shrink:0;white-space:nowrap}.doc-article [data-scroll-region]:focus-visible{outline-offset:calc(var(--nu-focus-ring-width) * -1)}.doc-tabs,.doc-tabs__list,.matrix,.table-wrap{min-inline-size:0;max-inline-size:100%}.site-logo__lockup{display:block;block-size:var(--nu-space-6);inline-size:auto}.site-logo__divider{inline-size:1px;block-size:var(--nu-space-5);background:var(--nu-stroke-soft-200)}.site-logo__text{color:var(--nu-text-sub-600);font-weight:var(--nu-font-weight-medium)}@media (max-width:420px){.site-logo__divider,.site-logo__text{display:none}}.token-table__preview{inline-size:var(--nu-space-16)}.token-preview{display:block}.token-preview--color{inline-size:var(--nu-space-10);block-size:var(--nu-space-8);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-8)}.token-preview--space{block-size:var(--nu-space-3);min-inline-size:1px;border-radius:var(--nu-radius-4);background:var(--nu-state-primary-light);box-shadow:inset 0 0 0 1px var(--nu-state-primary-base)}.token-preview--radius{inline-size:var(--nu-space-10);block-size:var(--nu-space-10);border:1px solid var(--nu-stroke-sub-300);background:var(--nu-bg-weak-50)}.token-preview--shadow{inline-size:var(--nu-space-12);block-size:var(--nu-space-10);border-radius:var(--nu-radius-10);background:var(--nu-bg-white)}.token-preview--motion{position:relative;display:block;inline-size:var(--nu-space-16);block-size:var(--nu-space-2);border-radius:var(--nu-radius-full);background:var(--nu-bg-soft-200);overflow:hidden}.token-preview--motion>span{position:absolute;inset-block:0;inset-inline-start:0;inline-size:var(--nu-space-3);border-radius:var(--nu-radius-full);background:var(--nu-bg-strong-950);animation:token-slide var(--token-duration,var(--nu-duration-slower)) var(--token-easing,var(--nu-ease-standard)) infinite alternate;animation-play-state:paused}:is(tr,.dodont__card,.state-card):is(:hover,:focus-within) .token-preview--motion>span{animation-play-state:running}@keyframes token-slide{to{inset-inline-start:calc(100% - var(--nu-space-3))}}@media (prefers-reduced-motion:reduce){.token-preview--motion>span{animation:none}}.token-table th[scope=row]{text-align:start;font-weight:var(--nu-font-weight-medium);padding:var(--nu-space-2-5) var(--nu-space-3);-webkit-border-after:1px solid var(--nu-stroke-soft-200);border-block-end:1px solid var(--nu-stroke-soft-200);white-space:nowrap}.token-table tbody tr:last-child th{-webkit-border-after:0;border-block-end:0}.token-table td{vertical-align:middle}.token-table__resolved{display:block;-webkit-margin-before:var(--nu-space-0-5);margin-block-start:var(--nu-space-0-5);color:var(--nu-text-sub-600);font-size:var(--nu-type-paragraph-x-small-size)}.token-source{display:inline-flex;flex-direction:column;gap:var(--nu-space-0-5);padding:var(--nu-space-0-5) var(--nu-space-2);border-radius:var(--nu-radius-6);background:var(--nu-state-success-lighter);color:var(--nu-state-success-dark);font-size:var(--nu-type-label-x-small-size);font-weight:var(--nu-font-weight-medium)}.token-source__path{color:var(--nu-text-sub-600);font-weight:var(--nu-font-weight-regular);font-size:var(--nu-type-subheading-2x-small-size)}.token-source[data-source=interim]{background:var(--nu-state-pending-lighter);color:var(--nu-state-pending-dark)}.token-source[data-source=code]{background:var(--nu-state-primary-lighter);color:var(--nu-state-primary-dark)}.type-scale{display:grid;margin-block:var(--nu-space-4);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-16);overflow:hidden}.type-scale__row{display:grid;grid-template-columns:minmax(0,14rem) minmax(0,1fr);grid-gap:var(--nu-space-4);gap:var(--nu-space-4);align-items:center;padding:var(--nu-space-4) var(--nu-space-5)}.type-scale__row+.type-scale__row{-webkit-border-before:1px solid var(--nu-stroke-soft-200);border-block-start:1px solid var(--nu-stroke-soft-200)}.type-scale__meta{display:grid;grid-gap:var(--nu-space-0-5);gap:var(--nu-space-0-5);color:var(--nu-text-sub-600);font-size:var(--nu-type-paragraph-x-small-size);line-height:var(--nu-type-paragraph-x-small-line-height)}.doc-article .type-scale__sample{margin:0;color:var(--nu-text-strong-950);overflow-wrap:anywhere}@media (max-width:640px){.type-scale__row{grid-template-columns:minmax(0,1fr)}}.controls label{min-inline-size:0}.controls input[type=text],.controls select{inline-size:100%;min-inline-size:0;max-inline-size:100%;text-overflow:ellipsis}.doc-article :is(.nu-tabs-content,.nu-modal__body)>:first-child{-webkit-margin-before:0;margin-block-start:0}.nu-modal__body .demo-form{inline-size:100%}.demo-cards{display:grid;grid-gap:var(--nu-space-3);gap:var(--nu-space-3);inline-size:min(100%,22.5rem)}.demo-cards .nu-radio-group{inline-size:100%}.demo-cards__heading{margin:0;color:var(--nu-text-strong-950);font-family:var(--nu-type-label-medium-family);font-size:var(--nu-type-label-medium-size);line-height:var(--nu-type-label-medium-line-height);font-weight:var(--nu-type-label-medium-weight)}.playground .preview--editor{display:block;padding:var(--nu-space-8) var(--nu-space-6);background:var(--nu-bg-white)}.preview--editor .nu-block-editor{max-inline-size:44rem;margin-inline:auto}.demo-panel--wide{max-inline-size:none}.demo-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,16rem),1fr));grid-gap:var(--nu-space-4);gap:var(--nu-space-4);inline-size:100%;margin:0;padding:0;list-style:none}.demo-study{display:grid;grid-gap:var(--nu-space-3);gap:var(--nu-space-3);inline-size:min(100%,38.25rem)}.demo-study--quiz{inline-size:min(100%,42.5rem)}.demo-study--quiz[data-width=narrow]{inline-size:min(100%,23.4375rem)}.demo-quiz-section{display:flex;align-items:center;gap:var(--nu-space-3)}.demo-quiz-section__label{flex-shrink:0;padding:var(--nu-space-1-5) var(--nu-space-3);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-8);color:var(--nu-text-sub-600);font-family:var(--nu-type-subheading-2x-small-family);font-size:var(--nu-type-subheading-2x-small-size);line-height:var(--nu-type-subheading-2x-small-line-height);font-weight:var(--nu-type-subheading-2x-small-weight);letter-spacing:.08em;text-transform:uppercase}.demo-quiz-section__rule{flex:1 1 auto;block-size:var(--nu-space-2);background-image:repeating-linear-gradient(-45deg,var(--nu-stroke-soft-200) 0 1px,transparent 1px var(--nu-space-1-5))}.demo-quiz-states{display:grid;grid-gap:var(--nu-space-6);gap:var(--nu-space-6);inline-size:100%}@media (forced-colors:active){.demo-quiz-section__rule{-webkit-border-before:1px solid CanvasText;border-block-start:1px solid CanvasText;background:none}}.state-card__stage .demo-study{inline-size:100%}.demo-alert-matrix{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,20rem),1fr));grid-gap:var(--nu-space-6) var(--nu-space-4);gap:var(--nu-space-6) var(--nu-space-4);inline-size:100%}.demo-alert-matrix__column{display:grid;align-content:start;grid-gap:var(--nu-space-3);gap:var(--nu-space-3)}.demo-alert-matrix__label{margin:0;color:var(--nu-text-sub-600);font-size:var(--nu-type-label-x-small-size);line-height:var(--nu-type-label-x-small-line-height);font-weight:var(--nu-font-weight-medium);text-transform:capitalize}.demo-chat-frame{display:flex;inline-size:100%;max-inline-size:25.125rem;block-size:36rem}.demo-chat-frame[data-size=sm]{block-size:26rem}.demo-chat-frame[data-size=lg]{max-inline-size:none;block-size:40rem}.demo-chat-mark{display:grid;place-items:center;inline-size:100%;block-size:100%;border-radius:var(--nu-radius-full);background:var(--nu-bg-strong-950);color:var(--nu-icon-white)}.demo-chat-mark>svg{inline-size:55%;block-size:55%}.demo-chat-layout{display:grid;grid-template-columns:minmax(0,1fr);align-items:start;grid-gap:var(--nu-space-4);gap:var(--nu-space-4);inline-size:100%}@media (min-width:60rem){.demo-chat-layout{grid-template-columns:minmax(0,1fr) minmax(0,25.125rem)}}.demo-chat-lesson{display:grid;align-content:start;grid-gap:var(--nu-space-3);gap:var(--nu-space-3);padding:var(--nu-space-5);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-16);background:var(--nu-bg-white)}.demo-chat-lesson p{margin:0}.demo-chat-lesson .demo-actions{justify-content:flex-start;flex-wrap:wrap}.demo-chat-lesson__eyebrow{color:var(--nu-text-sub-600);font-size:var(--nu-type-label-x-small-size);line-height:var(--nu-type-label-x-small-line-height);font-weight:var(--nu-font-weight-medium)}.demo-chat-full.nu-modal{--nu-modal-width:76rem;--nu-modal-radius:var(--nu-radius-24);block-size:calc(100dvh - 2 * var(--nu-space-8));overflow:hidden;border:1px solid var(--nu-stroke-soft-200);box-shadow:var(--nu-shadow-custom-shadows-large)}.demo-chat-full>.nu-chat-panel{flex:1 1 auto;min-block-size:0}.demo-feedback-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--nu-space-1)}.demo-answer{display:grid;grid-gap:var(--nu-space-3);gap:var(--nu-space-3);padding:var(--nu-space-4);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-16);background:var(--nu-bg-white)}.demo-answer p{margin:0;color:var(--nu-text-strong-950);font-size:var(--nu-type-paragraph-small-size);line-height:var(--nu-type-paragraph-small-line-height)}.demo-answer__title{font-weight:var(--nu-font-weight-medium)}.product-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));grid-gap:var(--nu-space-4);gap:var(--nu-space-4);margin:0;padding:0;list-style:none}.product-card{position:relative;display:grid;align-content:start;grid-gap:var(--nu-space-2);gap:var(--nu-space-2);padding:var(--nu-space-5);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-16);background:var(--nu-bg-white);transition:background-color var(--nu-duration-fast) var(--nu-ease-standard)}.product-card:hover{background:var(--nu-bg-weak-50)}.product-card:has(a:focus-visible){outline:2px solid var(--nu-focus-ring-color);outline-offset:2px}.product-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--nu-space-2)}.doc-article .product-card__title,.product-card__title{margin:0;font-family:var(--nu-type-label-large-family);font-size:var(--nu-type-label-large-size);line-height:var(--nu-type-label-large-line-height);font-weight:var(--nu-type-label-large-weight)}.product-card__title .product-card__link{color:var(--nu-text-strong-950);text-decoration:none}.product-card__title .product-card__link:after{content:"";position:absolute;inset:0;border-radius:inherit}.product-card__title .product-card__link:focus-visible{outline:none}.product-card__platform{padding:var(--nu-space-0-5) var(--nu-space-2);border-radius:var(--nu-radius-full);background:var(--nu-bg-weak-50);color:var(--nu-text-sub-600);font-size:var(--nu-type-label-x-small-size);line-height:var(--nu-type-label-x-small-line-height);white-space:nowrap}.doc-article .product-card__summary,.product-card__summary{margin:0;color:var(--nu-text-sub-600);font-size:var(--nu-type-paragraph-small-size);line-height:var(--nu-type-paragraph-small-line-height)}.doc-article .product-card__count,.product-card__count{margin:0;color:var(--nu-text-strong-950)}.doc-article .product-card__count,.product-card__count,.product-card__open{font-size:var(--nu-type-label-small-size);line-height:var(--nu-type-label-small-line-height);font-weight:var(--nu-font-weight-medium)}.product-card__open{position:relative;z-index:1;display:inline-flex;align-items:center;gap:var(--nu-space-1);justify-self:start;color:var(--nu-state-primary-base);text-decoration:none}.product-card__open svg{inline-size:var(--nu-space-4);block-size:var(--nu-space-4)}.product-card__open:hover{text-decoration:underline}.product-status{display:inline-flex;padding:var(--nu-space-0-5) var(--nu-space-2);border-radius:var(--nu-radius-full);background:var(--nu-bg-weak-50);color:var(--nu-text-sub-600);font-size:var(--nu-type-label-x-small-size);line-height:var(--nu-type-label-x-small-line-height);white-space:nowrap}.product-status[data-status=designed]{background:var(--nu-state-success-lighter);color:var(--nu-green-800)}.product-status[data-status=in-review]{background:var(--nu-state-warning-lighter);color:var(--nu-orange-800)}.product-table__caption{-webkit-padding-after:var(--nu-space-2);padding-block-end:var(--nu-space-2);text-align:start;color:var(--nu-text-strong-950);font-size:var(--nu-type-label-medium-size);line-height:var(--nu-type-label-medium-line-height);font-weight:var(--nu-font-weight-medium)}.review-root{min-block-size:100dvh;background:var(--nu-bg-weak-50)}.review-bar-wrap{position:-webkit-sticky;position:sticky;inset-block-start:0;z-index:var(--nu-z-sticky);display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--nu-duration-base) var(--nu-ease-standard)}.review-bar-wrap[data-hidden=true]{grid-template-rows:0fr}.review-bar-clip{min-block-size:0;overflow:hidden}.review-bar-wrap[data-hidden=true] .review-bar{visibility:hidden;transition:visibility 0s var(--nu-duration-base)}.review-bar-handle{position:fixed;inset-block-start:0;inset-inline-start:50%;translate:-50% 0;z-index:var(--nu-z-sticky);display:grid;place-items:center;inline-size:var(--nu-space-10);block-size:var(--nu-space-4);padding:0;border:1px solid var(--nu-stroke-soft-200);-webkit-border-before:0;border-block-start:0;border-radius:0 0 var(--nu-radius-8) var(--nu-radius-8);background:var(--nu-bg-weak-50);color:var(--nu-text-sub-600);cursor:pointer;opacity:.45;transition:opacity var(--nu-duration-fast) var(--nu-ease-standard),block-size var(--nu-duration-fast) var(--nu-ease-standard)}.review-bar-handle:focus-visible,.review-bar-handle:hover{opacity:1;block-size:var(--nu-space-6);color:var(--nu-text-strong-950)}.review-bar-handle:focus-visible{outline:2px solid var(--nu-focus-ring-color);outline-offset:2px}.review-bar-handle svg{inline-size:var(--nu-space-4);block-size:var(--nu-space-4)}@media (prefers-reduced-motion:reduce){.review-bar-handle,.review-bar-wrap{transition:none}}.review-bar{justify-content:space-between;gap:var(--nu-space-2) var(--nu-space-4);padding:var(--nu-space-2) var(--nu-space-4);background:var(--nu-bg-weak-50);color:var(--nu-text-strong-950);-webkit-border-after:1px solid var(--nu-stroke-soft-200);border-block-end:1px solid var(--nu-stroke-soft-200);font-size:var(--nu-type-label-small-size);line-height:var(--nu-type-label-small-line-height);direction:ltr}.review-bar,.review-bar__group{display:flex;flex-wrap:wrap;align-items:center}.review-bar__group{gap:var(--nu-space-2);min-inline-size:0}.review-bar a{color:inherit;text-decoration:none}.review-bar__home{display:inline-flex;align-items:center;gap:var(--nu-space-2);padding:var(--nu-space-1) var(--nu-space-2);border-radius:var(--nu-radius-8);font-weight:var(--nu-font-weight-medium)}.review-bar__home img{display:block}.review-bar__button:hover,.review-bar__home:hover,.review-bar__icon:hover{background:var(--nu-bg-soft-100)}.review-bar__button,.review-bar__icon{display:inline-flex;align-items:center;gap:var(--nu-space-1-5);min-block-size:var(--nu-space-8);padding:0 var(--nu-space-2-5);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-8);background:transparent;color:inherit;font:inherit;cursor:pointer}.review-bar__icon{inline-size:var(--nu-space-8);justify-content:center;padding:0}.review-bar svg{inline-size:var(--nu-space-4);block-size:var(--nu-space-4);flex:none}.review-bar__kbd.nu-kbd{box-shadow:none}.review-bar__where{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--nu-space-1-5);color:var(--nu-text-sub-600)}.review-bar__where [aria-current]{color:var(--nu-text-strong-950);font-weight:var(--nu-font-weight-medium)}.review-bar__where a:hover{color:var(--nu-text-strong-950);text-decoration:underline}.review-bar__status{padding:0 var(--nu-space-2);border-radius:var(--nu-radius-full);background:var(--nu-bg-soft-100);color:var(--nu-text-strong-950);font-size:var(--nu-type-label-x-small-size);line-height:var(--nu-type-label-x-small-line-height)}.review-bar__status[data-status=designed]{background:var(--nu-green-800);color:var(--nu-text-white)}.review-bar__status[data-status=in-review]{background:var(--nu-orange-800);color:var(--nu-text-white)}.review-bar__seg{display:inline-flex;gap:var(--nu-space-0-5);padding:var(--nu-space-0-5);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-8)}.review-bar__seg>a,.review-bar__seg>button,.review-bar__seg>span{display:inline-flex;align-items:center;justify-content:center;min-inline-size:var(--nu-space-8);min-block-size:var(--nu-space-6);padding:0 var(--nu-space-2);border:0;border-radius:var(--nu-radius-6);background:transparent;color:var(--nu-text-sub-600);font:inherit;cursor:pointer}.review-bar__seg>:is(a,button):hover{color:var(--nu-text-strong-950)}.review-bar__seg>[aria-checked=true],.review-bar__seg>[aria-current=true]{background:var(--nu-state-primary-base);color:var(--nu-text-white)}.review-bar__select{display:inline-flex;align-items:center;gap:var(--nu-space-1-5);color:var(--nu-text-sub-600)}.review-bar__select select{min-block-size:var(--nu-space-8);padding:0 var(--nu-space-2);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-8);background:var(--nu-bg-weak-50);color:var(--nu-text-strong-950);-webkit-border-after:1px solid var(--nu-stroke-soft-200);border-block-end:1px solid var(--nu-stroke-soft-200);font:inherit}.review-bar :is(a,button,select):focus-visible{outline:2px solid var(--nu-focus-ring-color);outline-offset:2px}.review-stage:focus{outline:none}.review-stage{display:flex;justify-content:center;align-items:flex-start;padding:var(--nu-space-6) var(--nu-space-4);overflow-x:auto}.review-stage[data-platform=web][data-device=desktop]{padding:0}.review-frame{--review-w:100%;--review-h:auto;position:relative;display:flex;flex-direction:column;inline-size:var(--review-w);min-block-size:var(--review-h);flex:none;overflow:hidden;background:var(--nu-bg-white)}.review-frame[data-platform=web][data-device=desktop]{min-block-size:calc(100dvh - var(--nu-space-12))}.review-frame[data-platform=web][data-device=tablet]{--review-w:52.125rem;--review-h:69.5rem}.review-frame[data-platform=web][data-device=mobile]{--review-w:24.375rem;--review-h:52.75rem}.review-frame[data-platform=app][data-device=phone]{--review-w:24.375rem;--review-h:52.75rem;border-radius:var(--nu-radius-24)}.review-frame[data-platform=app][data-device=tablet]{--review-w:73.75rem;--review-h:51.25rem;border-radius:var(--nu-radius-24)}.review-frame:not([data-device=desktop]){block-size:var(--review-h);border:1px solid var(--nu-stroke-soft-200);box-shadow:var(--nu-shadow-regular-shadow-medium)}.review-frame__status{display:flex;align-items:center;justify-content:flex-start;padding:var(--nu-space-3) var(--nu-space-6) var(--nu-space-1);color:var(--nu-text-strong-950);font-size:var(--nu-type-label-small-size);line-height:var(--nu-type-label-small-line-height);font-weight:var(--nu-font-weight-medium)}.review-frame__app{container:nu-app/inline-size;flex:1 1 auto;min-block-size:0;overflow:auto}html[data-review-device=tablet] .review-frame[data-platform=web]{--review-w:52.125rem}html[data-review-device=mobile] .review-frame[data-platform=web]{--review-w:24.375rem}.product-placeholder{padding:var(--nu-space-8) var(--nu-space-6)}.product-placeholder h1{margin:0;color:var(--nu-text-strong-950);font-family:var(--nu-type-title-h5-family);font-size:var(--nu-type-title-h5-size);line-height:var(--nu-type-title-h5-line-height);font-weight:var(--nu-type-title-h5-weight)}.product-state{display:grid;place-items:center;min-block-size:100%;padding:var(--nu-space-8) var(--nu-space-6)}.product-state__skeleton{display:grid;grid-gap:var(--nu-space-4);gap:var(--nu-space-4);inline-size:min(100%,40rem)}.demo-selection-stage{display:grid;grid-gap:var(--nu-space-3);gap:var(--nu-space-3);inline-size:100%;max-inline-size:40rem}.demo-selection-scroll{max-block-size:10rem;overflow:auto;padding:var(--nu-space-4);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-12);background:var(--nu-bg-white)}.demo-selection-scroll p{margin:0 0 var(--nu-space-3)}.demo-selection-notes{display:grid;align-content:start;grid-gap:var(--nu-space-2);gap:var(--nu-space-2);padding:var(--nu-space-4);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-12);background:var(--nu-bg-weak-50)}.demo-selection-notes ul{display:grid;grid-gap:var(--nu-space-1);gap:var(--nu-space-1);margin:0;-webkit-padding-start:var(--nu-space-5);padding-inline-start:var(--nu-space-5)}.demo-selection-notes__title{margin:0;color:var(--nu-text-strong-950);font-family:var(--nu-type-label-small-family);font-size:var(--nu-type-label-small-size);line-height:var(--nu-type-label-small-line-height);font-weight:var(--nu-type-label-small-weight)}.demo-selection-static .nu-selection-toolbar{position:static;visibility:visible;animation:none}.demo-selection-static [data-docs-state=hover]{--nu-text-editor-item-bg:var(--nu-bg-weak-50)}.demo-selection-static [data-docs-state=focus]{outline:var(--nu-focus-ring-width) solid var(--nu-focus-ring-color);outline-offset:0}[data-theme=dark] .theme-logo{filter:invert(1)}@media (prefers-color-scheme:dark){[data-theme=system] .theme-logo{filter:invert(1)}}.site-theme{flex:none}.swatch-inline{display:inline-block;inline-size:var(--nu-space-4);block-size:var(--nu-space-4);-webkit-margin-end:var(--nu-space-2);margin-inline-end:var(--nu-space-2);vertical-align:middle;border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-4)}.review-bar__note{color:var(--nu-text-sub-600);font-size:var(--nu-type-label-small-size);line-height:var(--nu-type-label-small-line-height);white-space:nowrap}[data-theme=light] .theme-logo{filter:none}[data-theme=light] [data-theme=dark] .theme-logo{filter:invert(1)}.review-frame[data-platform=web][data-device=desktop]{overflow:clip}.review-frame[data-platform=web][data-device=desktop] .review-frame__app,.review-stage[data-platform=web][data-device=desktop]{overflow:visible}.review-stage[data-platform=web][data-device=desktop] :is(.ns-header,.nl-header){inset-block-start:3.0625rem}.live-embed{display:block;block-size:calc(100dvh - 3.0625rem)}.review-stage[data-device=tablet] .live-embed{block-size:69.5rem}.review-stage[data-device=mobile] .live-embed{block-size:52.75rem}.live-embed__frame{display:block;inline-size:100%;block-size:100%;border:0;background:var(--nu-bg-white)}.demo-nuri-tutor .nu-chat-welcome__mark{inline-size:auto;block-size:auto}.demo-nuri-tutor .nu-chat-welcome__mark>.nu-nuri{inline-size:auto;block-size:var(--nu-nuri-height)}.demo-nuri-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--nu-space-3)}.not-found{display:grid;justify-items:center;align-content:center;min-block-size:72vh;padding:var(--nu-space-12) var(--nu-space-6);text-align:center;background:radial-gradient(70% 50% at 50% 24%,var(--nu-state-primary-lighter),transparent 70%)}.not-found__defs{position:absolute}.not-found__stage{position:relative;inline-size:min(40rem,100%);block-size:22rem;-webkit-margin-after:var(--nu-space-6);margin-block-end:var(--nu-space-6)}.not-found .not-found__code{position:absolute;inset-block-start:0;inset-inline:0;margin:0;color:color-mix(in srgb,var(--nu-bg-soft-200) 55%,var(--nu-stroke-sub-300));font-family:var(--nu-font-body);font-size:clamp(8rem,24vw,15rem);line-height:.8;letter-spacing:-.05em;font-weight:800}.not-found .not-found__nuri[data-size]{--nu-nuri-height:18rem;position:absolute;inset-inline:0;inset-block-end:.375rem;margin-inline:auto;inline-size:-moz-fit-content;inline-size:fit-content}.not-found .not-found__nuri .nu-nuri__art{filter:url(#nf-clay) drop-shadow(0 1rem .875rem color-mix(in srgb,black 28%,transparent))}.not-found__floor{position:absolute;inset-inline:0;inset-block-end:1.5rem;margin-inline:auto;inline-size:14rem;block-size:1.25rem;background:radial-gradient(closest-side,color-mix(in srgb,black 40%,transparent),transparent)}.not-found__copy{display:grid;justify-items:center;grid-gap:var(--nu-space-2);gap:var(--nu-space-2)}.not-found .not-found__title{margin:0;font-family:var(--nu-type-title-h3-family);font-size:var(--nu-type-title-h4-size);line-height:var(--nu-type-title-h4-line-height);font-weight:var(--nu-type-title-h4-weight);text-wrap:balance}.not-found .not-found__text{max-inline-size:40rem;margin:0;color:var(--nu-text-sub-600);font-size:var(--nu-type-paragraph-medium-size);line-height:var(--nu-type-paragraph-medium-line-height);text-wrap:balance}.not-found__way{display:grid;grid-gap:var(--nu-space-4);gap:var(--nu-space-4);inline-size:min(36rem,100%);-webkit-margin-before:var(--nu-space-12);margin-block-start:var(--nu-space-12);text-align:start}.not-found__search{display:flex;align-items:center;gap:var(--nu-space-3);block-size:3.5rem;padding-inline:var(--nu-space-5);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-16);background:var(--nu-bg-white);box-shadow:var(--nu-shadow-regular-shadow-x-small);color:var(--nu-text-sub-600);font:inherit;font-size:var(--nu-type-paragraph-medium-size);cursor:text;text-align:start;transition:border-color var(--nu-duration-fast) var(--nu-ease-standard)}.not-found__search svg{flex:none;inline-size:1.25rem;block-size:1.25rem}.not-found__search:hover{border-color:var(--nu-stroke-sub-300)}.not-found__search:focus-visible{outline:var(--nu-focus-ring-width) solid var(--nu-focus-ring-color);outline-offset:3px}.not-found__search span{flex:1 1}.not-found__search kbd{padding:var(--nu-space-1) var(--nu-space-2);border:1px solid var(--nu-stroke-soft-200);border-radius:var(--nu-radius-8);background:var(--nu-bg-weak-50);color:var(--nu-text-sub-600);font:inherit;font-size:var(--nu-type-paragraph-small-size);line-height:1}.not-found__links{display:grid;margin:0;padding:0;list-style:none}.not-found__links li{margin:0;-webkit-border-after:1px solid var(--nu-stroke-soft-200);border-block-end:1px solid var(--nu-stroke-soft-200)}.not-found__links li:first-child{-webkit-border-before:1px solid var(--nu-stroke-soft-200);border-block-start:1px solid var(--nu-stroke-soft-200)}.not-found__link{display:flex;align-items:center;justify-content:space-between;gap:var(--nu-space-4);padding:var(--nu-space-4) var(--nu-space-5);border-radius:var(--nu-radius-12);color:inherit;text-decoration:none;transition:background-color var(--nu-duration-fast) var(--nu-ease-standard)}.not-found__link span{display:grid;grid-gap:var(--nu-space-1);gap:var(--nu-space-1);min-inline-size:0}.not-found__link b{font-family:var(--nu-type-title-h3-family);font-size:var(--nu-type-title-h5-size);font-weight:500;line-height:1.3}.not-found__link small{color:var(--nu-text-sub-600);font-size:var(--nu-type-paragraph-small-size);line-height:var(--nu-type-paragraph-small-line-height)}.not-found__link svg{flex:none;inline-size:1.25rem;block-size:1.25rem;color:var(--nu-icon-sub-600);transition:transform var(--nu-duration-base) var(--nu-ease-standard),color var(--nu-duration-fast) var(--nu-ease-standard)}.not-found__link:hover{background:var(--nu-bg-weak-50)}.not-found__link:hover svg{transform:translateX(.25rem);color:var(--nu-state-primary-base)}.not-found__link:focus-visible{outline:var(--nu-focus-ring-width) solid var(--nu-focus-ring-color);outline-offset:-2px}@media (max-width:40rem){.not-found__stage{block-size:17rem}.not-found .not-found__nuri[data-size]{--nu-nuri-height:13.5rem}.not-found__floor{inline-size:10rem;inset-block-end:1.25rem}.not-found__way{-webkit-margin-before:var(--nu-space-8);margin-block-start:var(--nu-space-8)}}@media (prefers-reduced-motion:reduce){.not-found__link,.not-found__link svg,.not-found__search{transition:none}}.not-found[data-embedded]{min-block-size:0;padding-block:var(--nu-space-6)}.review-frame__app{--nu-nav-shift:var(--nu-space-4);--nu-nav-dir:1}.review-frame__app:dir(rtl){--nu-nav-dir:-1}@keyframes nu-nav-forward{0%{opacity:.4;translate:calc(var(--nu-nav-shift) * var(--nu-nav-dir)) 0}to{opacity:1;translate:0 0}}html[data-nav-dir=forward] .review-frame__app>*{animation:nu-nav-forward var(--nu-duration-base) var(--nu-ease-emphasized) backwards}@media (prefers-reduced-motion:reduce){html[data-nav-dir] .review-frame__app>*{animation:none}}