@font-face{font-family:Inter;src:url(/_next/static/media/Inter-Regular.d080ae18.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Inter;src:url(/_next/static/media/Inter-Bold.11d5bc9f.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:Mondwest;src:url(/_next/static/media/PPMondwest-Regular.2de7eb87.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Mondwest;src:url(/_next/static/media/PPMondwest-Bold.f1c5a530.woff) format("woff");font-weight:600;font-style:normal}.font-fraunces{font-family:Mondwest,serif}@font-face{font-family:Geist Mono;src:url(/_next/static/media/GeistMono-Regular.822643d2.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Geist Mono;src:url(/_next/static/media/GeistMono-Bold.b3327103.woff2) format("woff2");font-weight:700;font-style:normal}.theme-dark{--badge-border:var(--transparent);--body-bg:var(--black);--breadcrumbs-wrapper-bg:var(--transparent);--breadcrumb-item-text-colour:var(--slate);--breadcrumb-item-text-colour-active:var(--paragraph-text-colour);--breadcrumb-item-separator-colour:var(--slate-light10);--callout-border-radius:var(--global-border-radius);--callout-border-width:var(--nano);--callout-info-bg:var(--sky-light60);--callout-info-border:var(--sky-dark30);--callout-success-bg:var(--green-light40);--callout-success-border:var(--green-dark40);--callout-warning-bg:var(--amber-light40);--callout-warning-border:var(--amber-dark40);--callout-error-bg:var(--red-light40);--callout-error-border:var(--red-dark40);--card-bg:var(--grey-dark90);--card-border:var(--slate-dark60);--card-border-width:var(--global-border-width);--card-border-radius:var(--global-border-radius);--code-inline-bg:var(--slate-dark70);--code-inline-text:var(--slate-light40);--code-block-font-size:0.98rem;--code-block-bg:var(--slate-dark80);--divider-height:1px;--divider-primary-height:2px;--divider-primary-bg:var(--slate-dark20);--divider-secondary-height:2px;--divider-secondary-bg:var(--slate-dark60);--divider-tertiary-height:1px;--divider-tertiary-bg:var(--grey-dark60);--drawer-bg:var(--grey-dark70);--drawer-border:var(--grey-dark40);--input-bg-default:var(--grey-dark70);--input-border-default:var(--grey-dark40);--input-border-radius-default:var(--global-border-radius);--input-label-default:var(--paragraph-text-colour);--input-placeholder-default:var(--slate);--input-text-default:var(--slate-light60);--input-bg-focus:var(--grey-dark50);--input-border-focus:var(--grey-light20);--input-text-focus:var(--grey-light80);--input-bg-valid:var(--white);--input-border-valid:var(--green-dark30);--input-label-valid:var(--shade);--input-bg-invalid:var(--red-light60);--input-border-invalid:var(--red-dark30);--input-label-invalid:var(--red);--input-text-invalid:var(--red);--input-error-text-invalid:var(--red);--input-bg-disabled:var(--slate-dark70);--input-border-disabled:var(--slate-dark70);--input-label-disabled:var(--slate-dark40);--input-text-disabled:var(--slate-dark40);--input-bg-read-only:var(--slate-light40);--input-border-read-only:var(--slate-light40);--input-label-read-only:var(--slate-dark40);--input-text-read-only:var(--slate-dark60);--input-required-indicator:var(--red);--input-helptext:var(--slate-dark40);--input-helptext-scale:92%;--input-icon-default:var(--slate-light40);--input-icon-focus:var(--hue);--input-icon-valid:var(--green-dark30);--kbd-bg:var(--black);--kbd-text:var(--slate-light10);--kbd-shadow:var(--transparent);--list-box-badge-bg:var(--slate-dark40);--list-box-badge-text:var(--slate-light70);--modal-backdrop-bg:var(--amber);--modal-backdrop-opacity:0.8;--modal-backdrop-blur:4px;--option-card-border-width:var(--global-border-width);--option-card-focus:var(--global-focus-colour);--option-card-bg-hover:color-mix(in oklch,var(--green-light70) 40%,transparent);--option-card-border-hover:var(--green-light40);--option-card-tick-bg-hover:color-mix(in oklch,var(--green-light60) 30%,transparent);--option-card-tick-line-hover:var(--green);--option-card-bg-selected:var(--green-light60);--option-card-border-selected:var(--green);--option-card-tick-bg-selected:var(--green-dark10);--option-card-tick-line-selected:var(--white);--radio-tabs-height:32px;--sidebar-bg:var(--grey-dark90);--sidebar-header-bg:var(--grey-dark90);--sidebar-header-border-bottom:var(--grey-dark60);--sidebar-footer-bg:var(--grey-dark90);--sidebar-footer-border-top:var(--grey-dark60);--skeleton-bg:var(--slate-light40);--skeleton-highlight:var(--slate-light60);--switch-bg-default:var(--slate-dark40);--switch-bg-hover:var(--slate-dark20);--switch-bg-checked:var(--hue);--switch-bg-disabled:var(--slate-light90);--switch-slider-bg-default:var(--white);--switch-slider-bg-hover:var(--white);--switch-slider-bg-checked:var(--white);--switch-slider-bg-disabled:var(--slate-light40);--table-bg:var(--slate-dark80);--table-border:var(--slate-dark60);--table-font-family:var(--paragraph-font);--table-text:var(--paragraph-text-colour);--table-striped-header-bg:var(--slate-dark70);--table-striped-cell-bg:var(--slate-dark50);--table-bg-hover:var(--amber-light20);--table-text-hover:var(--paragraph-text-colour);--table-pagination-bg:var(--white);--table-pagination-border-radius:var(--global-border-radius);--table-pagination-text:var(--paragraph-text-colour);--table-pagination-nav-icon-bg-hover:var(--slate-dark60);--font-sans-serif:"Inter",sans-serif;--font-serif:"Mondwest",serif;--font-monospace:"Geist Mono",monospace;--heading-font:var(--font-serif,serif);--heading-text-colour:var(--white);--heading-line-height:1.2;--type-scale:1.2;--paragraph-font-size:var(--text-medium);--paragraph-line-height:1.6;--paragraph-text-colour:var(--slate);--code-font:var(--font-monospace);--viz-row-bg:color-mix(in oklch,var(--red-dark60) 60%,transparent);--component-card-bg:color-mix(in oklch,var(--slate-dark80) 40%,transparent);--component-card-border:var(--slate-dark60);--component-card-footer-border:var(--slate-dark60);--site-header-bg:color-mix(in oklch,var(--black) 20%,transparent);--site-header-border:var(--grey-dark60);--footer-bg:linear-gradient(180deg,var(--body-bg) 0%,var(--grey-dark90) 40%,var(--grey-dark80) 100%);--footer-pattern-color:var(--black);--usp-card-gradient-top:color-mix(in oklch,var(--green-dark80) 40%,transparent);--usp-card-gradient-bottom:color-mix(in oklch,var(--grey-dark80) 40%,transparent);--search-input-bg:var(--slate-dark80);--search-input-border:var(--slate-dark70);--search-input-text:var(--slate);--search-result-item-bg-default:var(--slate-dark80);--search-result-item-bg-hover:var(--blue-dark80);--search-result-item-border-hover:var(--blue-dark20);--sidebar-width-default:220px}.theme-test{--badge-border:var(--transparent);--body-bg:var(--red);--breadcrumbs-wrapper-bg:var(--transparent);--breadcrumb-item-text-colour:var(--paragraph-text-colour);--breadcrumb-item-text-colour-active:var(--paragraph-text-colour);--breadcrumb-item-separator-colour:var(--slate-light10);--callout-border-radius:var(--global-border-radius);--callout-border-width:var(--nano);--callout-info-bg:var(--sky-light60);--callout-info-border:var(--sky-dark30);--callout-success-bg:var(--green-light40);--callout-success-border:var(--green-dark40);--callout-warning-bg:var(--amber-light40);--callout-warning-border:var(--amber-dark40);--callout-error-bg:var(--red-light40);--callout-error-border:var(--red-dark40);--card-bg:var(--grey-dark90);--card-border:var(--slate-dark60);--card-border-width:var(--global-border-width);--card-border-radius:var(--global-border-radius);--code-inline-bg:var(--slate-dark70);--code-inline-text:var(--slate-light40);--code-block-font-size:0.98rem;--code-block-bg:var(--slate-dark80);--divider-height:1px;--divider-primary-height:2px;--divider-primary-bg:var(--slate-dark20);--divider-secondary-height:2px;--divider-secondary-bg:var(--slate-dark60);--divider-tertiary-height:1px;--divider-tertiary-bg:var(--slate-dark80);--drawer-bg:var(--grey-dark70);--drawer-border:var(--grey-dark40);--input-bg-default:var(--grey-dark70);--input-border-default:var(--grey-dark40);--input-border-radius-default:var(--global-border-radius);--input-label-default:var(--paragraph-text-colour);--input-placeholder-default:var(--slate);--input-text-default:var(--slate-light60);--input-bg-focus:var(--grey-dark50);--input-border-focus:var(--grey-light20);--input-text-focus:var(--grey-light80);--input-bg-valid:var(--white);--input-border-valid:var(--green-dark30);--input-label-valid:var(--shade);--input-bg-invalid:var(--red-light60);--input-border-invalid:var(--red-dark30);--input-label-invalid:var(--red);--input-text-invalid:var(--red);--input-error-text-invalid:var(--red);--input-bg-disabled:var(--slate-dark70);--input-border-disabled:var(--slate-dark70);--input-label-disabled:var(--slate-dark40);--input-text-disabled:var(--slate-dark40);--input-bg-read-only:var(--slate-light40);--input-border-read-only:var(--slate-light40);--input-label-read-only:var(--slate-dark40);--input-text-read-only:var(--slate-dark60);--input-required-indicator:var(--red);--input-helptext:var(--slate-dark40);--input-helptext-scale:92%;--input-icon-default:var(--slate-light40);--input-icon-focus:var(--hue);--input-icon-valid:var(--green-dark30);--kbd-bg:var(--black);--kbd-text:var(--slate-light10);--kbd-shadow:var(--transparent);--list-box-badge-bg:var(--slate-dark40);--list-box-badge-text:var(--slate-light70);--modal-backdrop-bg:var(--amber);--modal-backdrop-opacity:0.8;--modal-backdrop-blur:4px;--option-card-border-width:var(--global-border-width);--option-card-focus:var(--global-focus-colour);--option-card-bg-hover:var(--green-light70-opacity40);--option-card-border-hover:var(--green-light40);--option-card-tick-bg-hover:var(--green-light60-opacity30);--option-card-tick-line-hover:var(--green);--option-card-bg-selected:var(--green-light60);--option-card-border-selected:var(--green);--option-card-tick-bg-selected:var(--green-dark10);--option-card-tick-line-selected:var(--white);--radio-tabs-height:32px;--sidebar-bg:var(--grey-dark90);--sidebar-header-bg:var(--grey-dark90);--sidebar-header-border-bottom:var(--grey-dark60);--sidebar-item-icon-default-stroke-colour:var(--slate-dark40);--sidebar-footer-bg:var(--grey-dark90);--sidebar-footer-border-top:var(--grey-dark60);:root{--skeleton-bg:var(--slate-light40);--skeleton-highlight:var(--slate-light60)}--switch-bg-default:var(--slate-dark40);--switch-bg-hover:var(--slate-dark20);--switch-bg-checked:var(--hue);--switch-bg-disabled:var(--slate-light90);--switch-slider-bg-default:var(--white);--switch-slider-bg-hover:var(--white);--switch-slider-bg-checked:var(--white);--switch-slider-bg-disabled:var(--slate-light40);--table-bg:var(--slate-dark80);--table-border:var(--slate-dark60);--table-font-family:var(--paragraph-font);--table-text:var(--paragraph-text-colour);--table-striped-header-bg:var(--slate-dark70);--table-striped-cell-bg:var(--slate-dark50);--table-bg-hover:var(--amber-light20);--table-text-hover:var(--paragraph-text-colour);--table-pagination-bg:var(--white);--table-pagination-border-radius:var(--global-border-radius);--table-pagination-text:var(--paragraph-text-colour);--table-pagination-nav-icon-bg-hover:var(--slate-dark60);--font-sans-serif:"Inter",sans-serif;--font-mono:"Geist Mono",monospace;--paragraph-font-size:var(--text-medium);--paragraph-line-height:1.6;--paragraph-text-colour:var(--slate);--heading-text-colour:var(--white);--heading-size-multiplier:1.2;--heading-line-height:1.2;--component-card-bg:var(--slate-dark90);--component-card-footer-border:var(--slate-dark60);--site-header-bg:var(--black-opacity20);--site-header-border:var(--grey-dark60);--usp-card-gradient-top:var(--grey-dark80-opacity40);--usp-card-gradient-bottom:var(--grey-dark80-opacity40);--usp-card-1-bg:var(--blue-dark70);--usp-card-1-border:var(--blue-dark30);--usp-card-2-bg:var(--green-dark70);--usp-card-2-border:var(--green-dark50);--usp-card-3-bg:var(--salmon-dark70);--usp-card-3-border:var(--salmon-dark50);--usp-card-4-bg:var(--violet-dark70);--usp-card-4-border:var(--violet-dark50);--usp-card-5-bg:var(--teal-dark70);--usp-card-5-border:var(--teal-dark50);--search-input-bg:var(--slate-dark80);--search-input-border:var(--slate-dark70);--search-input-text:var(--slate);--search-result-item-bg-default:var(--slate-dark80);--search-result-item-bg-hover:var(--blue-dark80);--search-result-item-border-hover:var(--blue-dark20)}.theme-light{--badge-border:var(--transparent);--badge-action-bg:var(--blue-light60);--body-bg:var(--white);--breadcrumbs-wrapper-bg:var(--transparent);--breadcrumb-item-text-colour:var(--slate);--breadcrumb-item-text-colour-active:var(--paragraph-text-colour);--breadcrumb-item-separator-colour:var(--slate-light10);--callout-border-radius:var(--global-border-radius);--callout-border-width:var(--nano);--callout-info-bg:var(--sky-light60);--callout-info-border:var(--sky-dark30);--callout-success-bg:var(--green-light80);--callout-success-border:var(--green-light40);--callout-warning-bg:var(--amber-light40);--callout-warning-border:var(--amber-dark40);--callout-error-bg:var(--red-light40);--callout-error-border:var(--red-dark40);--card-bg:var(--white);--card-border:var(--grey-light40);--card-border-width:var(--global-border-width);--card-border-radius:var(--global-border-radius);--code-inline-bg:var(--slate-light90);--code-inline-text:var(--blue-dark30);--code-block-font-size:0.98rem;--code-block-bg:var(--slate-light90);--token-string:var(--grey);--divider-height:1px;--divider-primary-height:2px;--divider-primary-bg:var(--slate-dark20);--divider-secondary-height:2px;--divider-secondary-bg:var(--slate-dark60);--divider-tertiary-height:1px;--divider-tertiary-bg:var(--grey-dark60);--drawer-bg:var(--grey-dark70);--drawer-border:var(--grey-dark40);--input-bg-default:color-mix(in oklch,var(--grey-light90),transparent 40%);--input-border-default:var(--grey-light60);--input-border-radius-default:var(--global-border-radius);--input-label-default:var(--black);--input-placeholder-default:var(--slate);--input-text-default:var(--paragraph-text-colour);--input-bg-focus:var(--white);--input-border-focus:var(--grey-light20);--input-text-focus:var(--black);--input-bg-valid:var(--white);--input-border-valid:var(--green-dark30);--input-label-valid:var(--shade);--input-bg-invalid:var(--red-light60);--input-border-invalid:var(--red-dark30);--input-label-invalid:var(--red);--input-text-invalid:var(--red);--input-error-text-invalid:var(--red);--input-bg-disabled:var(--slate-dark70);--input-border-disabled:var(--slate-dark70);--input-label-disabled:var(--slate-dark40);--input-text-disabled:var(--slate-dark40);--input-bg-read-only:var(--slate-light40);--input-border-read-only:var(--slate-light40);--input-label-read-only:var(--slate-dark40);--input-text-read-only:var(--slate-dark60);--input-required-indicator:var(--red);--input-helptext:var(--grey-light40);--input-helptext-scale:92%;--input-icon-default:var(--slate-light40);--input-icon-focus:var(--hue);--input-icon-valid:var(--green-dark30);--kbd-text:var(--black);--kbd-bg:var(--grey-light70);--kbd-shadow:var(--grey-light40);--list-box-dropdown-bg:var(--white);--list-box-badge-bg:var(--slate-light70);--list-box-badge-text:var(--slate);--modal-backdrop-bg:var(--amber);--modal-backdrop-opacity:0.8;--modal-backdrop-blur:4px;--option-card-border-width:var(--global-border-width);--option-card-focus:var(--global-focus-colour);--option-card-bg-hover:color-mix(in oklch,var(--green-light70),transparent 40%);--option-card-border-hover:var(--green-light40);--option-card-tick-bg-hover:color-mix(in oklch,var(--green-light60),transparent 30%);--option-card-tick-line-hover:var(--green);--option-card-bg-selected:var(--green-light60);--option-card-border-selected:var(--green);--option-card-tick-bg-selected:var(--green-dark10);--option-card-tick-line-selected:var(--white);--radio-tabs-height:32px;--sidebar-bg:var(--white);--sidebar-header-bg:var(--white);--sidebar-header-border-bottom:var(--grey-light40);--sidebar-border-right:var(--grey-light40);--sidebar-item-icon-stroke-default:var(--grey-light40);--sidebar-item-bg-hover:var(--grey-light90);--sidebar-footer-bg:var(--grey-dark90);--sidebar-footer-border-top:var(--grey-dark60);--skeleton-bg:var(--slate-light40);--skeleton-highlight:var(--slate-light60);--switch-bg-default:var(--slate-light60);--switch-bg-hover:var(--slate-light40);--switch-bg-checked:var(--hue);--switch-bg-disabled:var(--slate-light90);--switch-slider-bg-default:var(--white);--switch-slider-bg-hover:var(--white);--switch-slider-bg-checked:var(--white);--switch-slider-bg-disabled:var(--slate-light40);--table-bg:var(--slate-light90);--table-border:var(--slate-light40);--table-font-family:var(--paragraph-font);--table-text:var(--paragraph-text-colour);--table-striped-header-bg:var(--blue-light50);--table-striped-cell-bg:var(--slate-light70);--table-bg-hover:var(--amber-light20);--table-text-hover:var(--paragraph-text-colour);--table-pagination-bg:var(--white);--table-pagination-border-radius:var(--global-border-radius);--table-pagination-text:var(--paragraph-text-colour);--table-pagination-nav-icon-bg-hover:var(--slate-dark60);--font-sans-serif:"Inter",sans-serif;--font-serif:"Mondwest",serif;--font-monospace:"Geist Mono",monospace;--paragraph-font-size:var(--text-medium);--paragraph-line-height:1.6;--paragraph-text-colour:var(--grey);--heading-font:var(--font-serif,serif);--heading-text-colour:var(--black);--type-scale:1.2;--code-font:var(--font-monospace);--code-block-text:var(--slate);--token-plain:var(--black);--viz-row-bg:color-mix(in oklch,var(--red-light70),transparent 40%);--component-card-bg:color-mix(in oklch,var(--blue-light90),transparent 80%);--component-card-border:var(--slate-light90);--component-card-footer-border:var(--slate-light90);--site-header-bg:color-mix(in oklch,var(--white),transparent 20%);--site-header-border:var(--grey-light40);--footer-bg:linear-gradient(180deg,var(--body-bg) 0%,var(--navy-light90) 40%,var(--navy-light50) 100%);--footer-pattern-color:var(--blue-light60);--usp-card-gradient-top:color-mix(in oklch,var(--green-dark80),transparent 40%);--usp-card-gradient-bottom:color-mix(in oklch,var(--grey-dark80),transparent 40%);--search-input-bg:var(--input-bg-default);--search-result-item-bg-default:var(--slate-dark80);--search-result-item-bg-hover:var(--blue-dark80);--search-result-item-border-hover:var(--blue-dark20);--sidebar-width-default:220px}img{width:auto}*{transition:all .2s ease-in-out}@keyframes border-glow{0%{transform:translateY(-25%) translateX(40%) rotate(0deg)}25%{transform:translateY(0) translateX(0) rotate(90deg)}50%{transform:translateY(-25%) translateX(-40%) rotate(180deg)}75%{transform:translateY(0) translateX(0) rotate(270deg)}to{transform:translateY(-25%) translateX(40%) rotate(1turn)}}.theme-dark .header-logo{filter:invert(1)}[data-radio-tab-group] label{padding:0 12px}[data-centered-children]{display:grid;place-items:center;position:relative}.demo-row pre{height:300px}#component-wrapper{position:sticky;top:72px;z-index:5000}@keyframes blink{50%{opacity:0}}#codeAnimation:after{content:"|";animation:blink 1s step-end infinite}@keyframes CopiedFadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}li{color:var(--paragraph-text-colour)}.doc-controls{display:flex;flex-direction:column;margin-top:var(--micro)}@keyframes gradient{0%{background-position:0 50%;scale:1}50%{background-position:100% 50%;scale:.72}to{background-position:0 50%;scale:1}}@keyframes animateAirplane{0%{transform:translateX(-102vw) translateY(50px) rotate(12deg)}5%{transform:translateX(-102vw) translateY(50px) rotate(12deg)}49%{transform:translateX(102vw) translateY(50px) rotate(12deg)}51%{transform:translateX(102vw) translateY(50px) scaleX(-1) rotate(12deg)}95%{transform:translateX(-102vw) translateY(50px) scaleX(-1) rotate(12deg)}99%{transform:translateX(-102vw) translateY(50px) scaleX(-1) rotate(12deg)}to{transform:translateX(-102vw) translateY(50px) rotate(12deg)}}@keyframes blinkingLight{0%{opacity:1}10%{opacity:0}90%{opacity:0}to{opacity:1}}@keyframes lightColor{0%,49%{background:var(--green);box-shadow:0 0 2px 1px var(--green-light10)}50%,to{background:var(--red);box-shadow:0 0 2px 1px var(--red-light10)}}