body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.home-content{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:auto;padding-top:100px;text-align:center;@media (min-width:960px){padding-top:7.5rem}& h1{font-size:2.5rem;font-weight:700;letter-spacing:-2px;line-height:110%;margin:0 1.25rem .625rem;@media (min-width:960px){font-size:60px;margin-bottom:10px;margin-left:0;margin-right:0;margin-top:0}}& p{color:#7f7f87;font-size:1.25rem;margin:0 1.25rem;max-width:550px;@media (min-width:960px){font-size:1.375rem;margin-bottom:0;margin-left:auto;margin-right:auto;margin-top:0}}.home-buttons{display:flex;gap:15px;& button{align-items:center;border:0;border-radius:6px;box-shadow:0 1px 2px 0 #1018280d;cursor:pointer;display:flex;font-family:Nunito;font-size:15px;font-weight:600;gap:5px;justify-content:center;margin-top:1.25rem;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;padding:8px 14px;transition:background .2s ease;&.primary{background:#151516;border:1px solid #151516;color:#fff;&:hover{background:#2e2e31}}&.secondary{background:#fff;border:1px solid #dadfe7;color:#09090b;&:hover{background:#f4f4f5}}}}.app-preview{--shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-colored:0 20px 25px -5px var(--shadow-color),0 8px 10px -6px var(--shadow-color);border:1px solid #e4e4e7;border-radius:8px;box-shadow:0 0 #0000,0 0 #0000,var(--shadow);box-shadow:var(--ring-offset-shadow,0 0 #0000),var(--ring-shadow,0 0 #0000),var(--shadow);margin:5.625rem 1.25rem;max-width:1280px;overflow:hidden;@media (min-width:968px) and (max-width:1300px){margin-bottom:5.625rem;margin-left:1.875rem;margin-right:1.875rem;margin-top:5.625rem}.app-preview-screen{max-width:1280px;& img{height:auto;width:100%;&.dark{display:none}&.light{display:block}}}}}.ui-main{&.home{.sidebar-navigation{display:none}}}.ui-component-documentation{margin:0 auto;max-width:1300px;.code-highlight-property{background:#f4f4f5;border-radius:5px;color:#151516;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;margin-top:.3125rem;padding:3px 5px;white-space:nowrap}& p{font-size:1.0625rem;line-height:172%;max-width:850px}.ui-component-documentation-inner{padding:1.25rem;@media (min-width:968px) and (max-width:1300px){padding-bottom:1.25rem;padding-left:1.875rem;padding-right:1.875rem;padding-top:1.25rem}@media (min-width:1400px){margin-bottom:0;margin-left:auto;margin-right:auto;margin-top:0;max-width:880px;padding-bottom:0;padding-left:0;padding-right:0;padding-top:0}.ui-component-documentation-row{display:flex;flex-direction:column;@media (min-width:992px){margin-bottom:30px;margin-left:auto;margin-right:auto;margin-top:30px}@media (min-width:1400px){padding-bottom:0;padding-left:0;padding-right:0;padding-top:0}}.ui-component-documentation-text{@media (min-width:992px){margin-top:50px}}}.ui-component-markup-documentation{margin:0}}.ui-component-markup+.ui-component-documentation{margin-bottom:1.875rem;margin-left:1.875rem;max-width:1295px}.ui-component-example{--shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--shadow-colored:0 20px 25px -5px var(--shadow-color),0 8px 10px -6px var(--shadow-color);background:#fff;border:1px solid #e4e4e7;border-radius:8px;box-shadow:0 0 #0000,0 0 #0000,var(--shadow);box-shadow:var(--ring-offset-shadow,0 0 #0000),var(--ring-shadow,0 0 #0000),var(--shadow);margin:2.5rem auto;max-width:1400px;@media (max-width:1400px){margin-bottom:1.875rem;margin-left:.625rem;margin-right:.625rem;margin-top:1.875rem}& iframe{border:0;height:100dvh;width:100%}}@font-face{font-family:Nunito;font-style:normal;font-weight:200 900;src:url(/static/media/Nunito-VariableFont_wght.bcfaf5e91f47a2ab2f96.woff2) format("woff2-variations")}@font-face{font-display:swap;font-family:Inter;font-style:normal;font-weight:200 900;src:url(/static/media/Inter-VariableFont_wght.b2b32f7882156658c072.woff2) format("woff2-variations")}@font-face{font-display:swap;font-family:Geist Mono;font-style:normal;font-weight:400;src:url(/static/media/GeistMonoVF.4dde9a7f8edce1232f87.woff2) format("woff2-variations")}:root{--image:#101012!important}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body,html{scroll-behavior:smooth}body{color:#151516;font-family:Nunito,sans-serif;margin:0;padding:0}.ui-header{align-items:center;border-bottom:1px solid #e4e4e7;display:flex;height:65px;padding:0 .9375rem;@media (min-width:969px){padding-bottom:0;padding-left:1.875rem;padding-right:1.875rem;padding-top:0}.preview-devpilot{@media (max-width:1220px){display:none}}.ui-brand{cursor:pointer;height:35px;margin:0;width:35px;& svg{height:35px;width:35px}}.ui-nav{display:flex;gap:20px;margin-left:1.875rem;margin-right:auto;.ui-nav-item,a{background:none;border:0;color:#7e7e87;font-size:.875rem;font-weight:500;text-decoration:none}}.ui-menu-burger{display:none;&:before{background-color:#18181b;content:"";display:block;height:28px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12h18M3 6h18M3 18h12' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3 12h18M3 6h18M3 18h12' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:28px;mask-size:28px;width:28px}&.open{&:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1 1 11M1 1l10 10' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 1 1 11M1 1l10 10' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-size:15px;mask-size:15px}}@media (max-width:968px){align-items:center;display:flex;justify-content:center;margin-left:10px}}.ui-header-actions{display:flex;gap:10px;@media (max-width:968px){margin-left:auto}.ui-action-button{align-items:center;background:#fff;border:1px solid #dadfe7;border-radius:6px;box-shadow:0 1px 2px 0 #1018280d;color:#475467;cursor:pointer;display:flex;font-family:Nunito;font-size:15px;font-weight:600;gap:5px;justify-content:center;padding:8px 14px;transition:background .2s ease;&:hover{background:#f4f4f5}&.ui-action-button-theme{background:#151516;border-color:#151516;color:#fff;&:hover{background:#2e2e31}@media (max-width:968px){display:none}}&.light{&:before{background-color:#f5f5f5;content:"";display:block;height:18px;margin-right:2px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2v2m0 16v2M4 12H2m4.314-5.686L4.9 4.9m12.786 1.414L19.1 4.9M6.314 17.69 4.9 19.104m12.786-1.414 1.414 1.414M22 12h-2m-3 0a5 5 0 1 1-10 0 5 5 0 0 1 10 0Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 2v2m0 16v2M4 12H2m4.314-5.686L4.9 4.9m12.786 1.414L19.1 4.9M6.314 17.69 4.9 19.104m12.786-1.414 1.414 1.414M22 12h-2m-3 0a5 5 0 1 1-10 0 5 5 0 0 1 10 0Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-size:18px;mask-size:18px;width:18px}}&.dark{&:before{background-color:#151516;content:"";display:block;height:18px;margin-right:2px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m18 2 .618 1.236c.265.53.398.796.575 1.026.158.204.34.387.545.545.23.177.495.31 1.026.575L22 6l-1.236.618c-.53.265-.796.398-1.026.575-.204.158-.387.34-.545.545-.177.23-.31.495-.575 1.026L18 10l-.618-1.236c-.265-.53-.398-.796-.575-1.026a2.996 2.996 0 0 0-.545-.545c-.23-.177-.495-.31-1.026-.575L14 6l1.236-.618c.53-.265.796-.398 1.026-.575.204-.158.387-.34.545-.545.177-.23.31-.495.575-1.026L18 2ZM21 13.39A7.617 7.617 0 1 1 10.611 3C5.78 3.458 2 7.527 2 12.479A9.521 9.521 0 0 0 11.521 22c4.952 0 9.02-3.78 9.479-8.61Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m18 2 .618 1.236c.265.53.398.796.575 1.026.158.204.34.387.545.545.23.177.495.31 1.026.575L22 6l-1.236.618c-.53.265-.796.398-1.026.575-.204.158-.387.34-.545.545-.177.23-.31.495-.575 1.026L18 10l-.618-1.236c-.265-.53-.398-.796-.575-1.026a2.996 2.996 0 0 0-.545-.545c-.23-.177-.495-.31-1.026-.575L14 6l1.236-.618c.53-.265.796-.398 1.026-.575.204-.158.387-.34.545-.545.177-.23.31-.495.575-1.026L18 2ZM21 13.39A7.617 7.617 0 1 1 10.611 3C5.78 3.458 2 7.527 2 12.479A9.521 9.521 0 0 0 11.521 22c4.952 0 9.02-3.78 9.479-8.61Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-size:18px;mask-size:18px;width:18px}}& svg{fill:#151516;height:20px;width:20px}}& a.ui-action-button{text-decoration:none}}}.ui-component-wrapper{flex:1 1;max-width:1400px;overflow:hidden;width:100%}.ui-component{margin:0 auto;max-width:1800px}.ui-component-navigation{@media (max-width:968px){display:none}border:0;margin:0 auto 0 0;&.open{@media (max-width:968px){background:#fff;display:block;height:calc(100dvh - 70px);left:0;overflow:scroll;position:fixed;top:70px;width:100%;z-index:10;.ui-component-navigation-inner{flex-direction:column;padding-left:0;padding-top:1.25rem;.ui-navigation-group{flex-direction:column;margin-left:.625rem;margin-top:.625rem;overflow-x:hidden;position:static;width:calc(100% - 62px);&.ui-navigation-group--has-sub{flex-direction:column}}}}}.ui-component-navigation-inner{display:flex;gap:5px;padding-left:1.25rem}.ui-component-navigation-item{font-family:Nunito,sans-serif;.ui-component-navigation-subtitle{background:none;border:0;border-radius:5px;color:#151516;cursor:pointer;display:flex;font-family:Nunito,sans-serif;font-size:.9375rem!important;font-weight:700;line-height:115%;margin-top:.0625rem;padding:.5rem .9375rem;@media (max-width:968px){font-size:16px!important}}.ui-navigation-group{--shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--shadow-color:0 4px 6px -1px var(--shadow-color),0 2px 4px -2px var(--shadow-color);background:#fff;border:1px solid #e4e4e7;border-radius:8px;box-shadow:0 0 #0000,0 0 #0000,var(--shadow);box-shadow:var(--shadow-ring-offset-shadow,0 0 #0000),var(--shadow-ring-shadow,0 0 #0000),var(--shadow);display:flex;flex-wrap:wrap;left:auto;padding:1.25rem;position:absolute;top:50px;width:450px;z-index:3;@media (min-width:969px){padding-bottom:1.25rem;padding-left:1.875rem;padding-right:1.875rem;padding-top:1.25rem}.ui-navigation-button{background:none;border:0;color:#151516;cursor:pointer;flex:0 0 50%;font-family:Nunito,sans-serif;font-size:.9375rem!important;font-weight:500;line-height:115%;margin-block:10px;padding:0;text-align:left;text-decoration:none;.ui-navigation-button-badge{background:#151516;border-color:#151516;border-radius:5px;color:#fff;font-size:10px;font-weight:800;margin-left:5px;padding:1px 5px;text-transform:uppercase}}.ui-navigation-link{color:#151516;flex:0 0 50%;font-size:15px;font-weight:600;margin-block:10px;text-align:left;text-decoration:none}&.ui-navigation-group--has-sub{display:flex;flex-direction:row;gap:20px;.ui-navigation-group-container{flex:1 1;max-width:200px;.ui-navigation-group-titel{font-size:16px;font-weight:700;margin-bottom:10px}.ui-navigation-sub-group{display:flex;flex-direction:column;flex-wrap:wrap}}}}&.ui-component-navigation-item--foundations{.ui-navigation-group{flex-direction:column;@media (min-width:969px){max-width:200px}}}}}.ui-components-object-wrap{.ui-components-object-title{padding-top:.625rem;& span{border-bottom:1px solid #e4e4e7;display:block;font-size:.875rem;font-weight:700;margin-bottom:1.25rem;padding-bottom:.3125rem}}}.ui-component-settings-actions{background:#f4f4f5;border:0;border-radius:8px;display:flex;gap:10px;margin-bottom:30px;max-width:-webkit-fill-available;max-width:fill-available;padding:.375rem;width:auto;.ui-component-settings-actions-item{align-items:center;background:none;border:0;border-radius:5px;color:#71717a;cursor:pointer;display:flex;flex:1 1;font-family:Nunito,sans-serif;font-size:14px!important;font-weight:700;gap:8px;justify-content:center;line-height:120%;padding:.5rem .625rem;&.ui-button-large-devices{&:before{background-color:#71717a;content:"";display:block;height:15px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.667 11.667h16.666M6.667 17.5h6.666M5.667 15h8.666c1.4 0 2.1 0 2.635-.273a2.5 2.5 0 0 0 1.093-1.092c.272-.535.272-1.235.272-2.635V6.5c0-1.4 0-2.1-.272-2.635a2.5 2.5 0 0 0-1.093-1.093c-.534-.272-1.235-.272-2.635-.272H5.667c-1.4 0-2.1 0-2.635.272a2.5 2.5 0 0 0-1.093 1.093C1.667 4.4 1.667 5.1 1.667 6.5V11c0 1.4 0 2.1.272 2.635a2.5 2.5 0 0 0 1.093 1.092C3.567 15 4.267 15 5.667 15Z' stroke='currentColor' stroke-width='1.667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.667 11.667h16.666M6.667 17.5h6.666M5.667 15h8.666c1.4 0 2.1 0 2.635-.273a2.5 2.5 0 0 0 1.093-1.092c.272-.535.272-1.235.272-2.635V6.5c0-1.4 0-2.1-.272-2.635a2.5 2.5 0 0 0-1.093-1.093c-.534-.272-1.235-.272-2.635-.272H5.667c-1.4 0-2.1 0-2.635.272a2.5 2.5 0 0 0-1.093 1.093C1.667 4.4 1.667 5.1 1.667 6.5V11c0 1.4 0 2.1.272 2.635a2.5 2.5 0 0 0 1.093 1.092C3.567 15 4.267 15 5.667 15Z' stroke='currentColor' stroke-width='1.667' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");width:15px}}&.ui-button-medium-devices{&:before{background-color:#71717a;content:"";display:block;height:15px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 13V4.2c0-1.12 0-1.68.218-2.108a2 2 0 0 1 .874-.874C3.52 1 4.08 1 5.2 1h11.6c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.874C20 2.52 20 3.08 20 4.2V13h-5.337c-.245 0-.367 0-.482.028a.998.998 0 0 0-.29.12c-.1.061-.187.148-.36.32l-.062.063c-.173.173-.26.26-.36.322a.998.998 0 0 1-.29.12c-.115.027-.237.027-.482.027H9.663c-.245 0-.367 0-.482-.028a.998.998 0 0 1-.29-.12c-.1-.061-.187-.148-.36-.32l-.062-.063c-.173-.173-.26-.26-.36-.322a.998.998 0 0 0-.29-.12C7.704 13 7.582 13 7.337 13H2Zm0 0a1 1 0 0 0-1 1v.333c0 .62 0 .93.068 1.185a2 2 0 0 0 1.414 1.414c.255.068.565.068 1.185.068h14.666c.62 0 .93 0 1.185-.068a2 2 0 0 0 1.414-1.414c.068-.255.068-.565.068-1.185 0-.31 0-.465-.034-.592a1 1 0 0 0-.707-.707C20.132 13 19.977 13 19.667 13H19' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 13V4.2c0-1.12 0-1.68.218-2.108a2 2 0 0 1 .874-.874C3.52 1 4.08 1 5.2 1h11.6c1.12 0 1.68 0 2.108.218a2 2 0 0 1 .874.874C20 2.52 20 3.08 20 4.2V13h-5.337c-.245 0-.367 0-.482.028a.998.998 0 0 0-.29.12c-.1.061-.187.148-.36.32l-.062.063c-.173.173-.26.26-.36.322a.998.998 0 0 1-.29.12c-.115.027-.237.027-.482.027H9.663c-.245 0-.367 0-.482-.028a.998.998 0 0 1-.29-.12c-.1-.061-.187-.148-.36-.32l-.062-.063c-.173-.173-.26-.26-.36-.322a.998.998 0 0 0-.29-.12C7.704 13 7.582 13 7.337 13H2Zm0 0a1 1 0 0 0-1 1v.333c0 .62 0 .93.068 1.185a2 2 0 0 0 1.414 1.414c.255.068.565.068 1.185.068h14.666c.62 0 .93 0 1.185-.068a2 2 0 0 0 1.414-1.414c.068-.255.068-.565.068-1.185 0-.31 0-.465-.034-.592a1 1 0 0 0-.707-.707C20.132 13 19.977 13 19.667 13H19' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-position:0 2px;mask-position:0 2px;width:15px}}&.ui-button-small-devices{&:before{background-color:#71717a;content:"";display:block;height:15px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16.5h.01M4.2 21h7.6c1.12 0 1.68 0 2.108-.218a2 2 0 0 0 .874-.874C15 19.48 15 18.92 15 17.8V4.2c0-1.12 0-1.68-.218-2.108a2 2 0 0 0-.874-.874C13.48 1 12.92 1 11.8 1H4.2c-1.12 0-1.68 0-2.108.218a2 2 0 0 0-.874.874C1 2.52 1 3.08 1 4.2v13.6c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874C2.52 21 3.08 21 4.2 21Zm4.3-4.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 16.5h.01M4.2 21h7.6c1.12 0 1.68 0 2.108-.218a2 2 0 0 0 .874-.874C15 19.48 15 18.92 15 17.8V4.2c0-1.12 0-1.68-.218-2.108a2 2 0 0 0-.874-.874C13.48 1 12.92 1 11.8 1H4.2c-1.12 0-1.68 0-2.108.218a2 2 0 0 0-.874.874C1 2.52 1 3.08 1 4.2v13.6c0 1.12 0 1.68.218 2.108a2 2 0 0 0 .874.874C2.52 21 3.08 21 4.2 21Zm4.3-4.5a.5.5 0 1 1-1 0 .5.5 0 0 1 1 0Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");width:15px}}&.active{--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-color:0 1px 3px 0 var(--shadow-color),0 1px 2px -1px var(--shadow-color);background:#fff;box-shadow:0 0 #0000,0 0 #0000,var(--shadow);box-shadow:var(--shadow-ring-offset-shadow,0 0 #0000),var(--shadow-ring-shadow,0 0 #0000),var(--shadow);color:#151516;&:before{background-color:#151516}}}}.ui-component-preview{--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-color:0 1px 3px 0 var(--shadow-color),0 1px 2px -1px var(--shadow-color);background:#fff;border:1px solid #e4e4e7;box-shadow:0 0 #0000,0 0 #0000,var(--shadow);box-shadow:var(--shadow-ring-offset-shadow,0 0 #0000),var(--shadow-ring-shadow,0 0 #0000),var(--shadow);box-shadow:0 1px 2px 0 #1018280d;display:flex;justify-content:center;margin-left:-10px;margin-right:-10px;min-height:380px;padding:1.875rem 0;& iframe{border:0;height:100%;min-height:380px;overflow-y:scroll;scrollbar-color:$grey-300 #f9fafb;scrollbar-width:thin;width:100%;@media (min-width:960px){min-height:440px}}@media (min-width:760px){padding-bottom:1.875rem;padding-left:1.875rem;padding-right:1.875rem;padding-top:1.875rem}@media (min-width:960px){border-radius:8px;margin-left:0;margin-right:30px;max-width:1280px;min-height:680px}}.ui-component-container{display:flex;flex-direction:row;flex-wrap:wrap;@media (max-width:968px){flex-direction:column}&.ui-component-container-small{.ui-component-preview{@media (min-width:960px){margin-bottom:0;margin-left:auto;margin-right:auto;margin-top:0;max-width:468px}}}&.ui-component-container-medium{.ui-component-preview{@media (min-width:1300px){margin-bottom:0;margin-left:auto;margin-right:auto;margin-top:0;max-width:768px}}}}.ui-component{.ui-component-markup+.ui-component-documentation{&:not(:empty){--shadow:0 1px 2px 0 #0000000d;--shadow-color:0 1px 2px 0 var(--shadow-color);background:#fff;border:1px solid #e4e4e7;border-radius:8px;box-shadow:0 0 #0000,0 0 #0000,var(--shadow);box-shadow:var(--shadow-ring-offset-shadow,0 0 #0000),var(--shadow-ring-shadow,0 0 #0000),var(--shadow);margin-left:15px;max-width:calc(100% - 75px);padding:20px;.documentation-section{margin-top:0}@media (min-width:960px){margin-left:30px;max-width:calc(100% - 165px);padding-bottom:50px;padding-left:50px;padding-right:50px;padding-top:50px}}}}.ui-component-group{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-start;margin-bottom:30px;max-width:-webkit-fit-content;max-width:-moz-fit-content;max-width:fit-content;.ui-select{--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-color:0 1px 3px 0 var(--shadow-color),0 1px 2px -1px var(--shadow-color);background:#fff;border:1px solid #eceff3;border-radius:5px;box-shadow:0 0 #0000,0 0 #0000,var(--shadow);box-shadow:var(--shadow-ring-offset-shadow,0 0 #0000),var(--shadow-ring-shadow,0 0 #0000),var(--shadow);color:#667085;cursor:pointer;font-family:Nunito,sans-serif;font-size:13.5px!important;font-weight:500;line-height:120%;padding:.5rem;&.active{color:#09090b}}}.ui-component-view{margin-left:15px;margin-right:15px;margin-top:30px;max-width:calc(100% - 30px);@media (min-width:960px){margin-left:30px;margin-right:0;width:100%}}.ui-pagetitel{align-items:center;display:flex;font-size:25px;font-style:normal;font-weight:700;gap:20px;letter-spacing:-.5px;line-height:120%;margin-bottom:20px}.ui-component-wrap{margin-left:15px;margin-right:15px;margin-top:30px;.ui-component-wrap-inner{@media (min-width:960px){max-height:calc(100dvh - 80px);overflow-x:hidden;position:-webkit-sticky;position:sticky;scrollbar-width:none;top:30px}}@media (min-width:960px){flex:0 0 295px;margin-left:0;margin-right:30px;max-width:295px;width:auto}}.docking{display:none!important}.ui-label{color:#09090b;display:block;font-family:Nunito;font-size:14px;font-style:normal;font-weight:700;line-height:120%;margin-bottom:8px}.ui-input{align-items:center;background:#fff;border:1px solid #e4e4e7;border-radius:5px;box-shadow:0 1px 2px 0 #1018280d;color:#71717a;display:flex;font-family:Nunito;font-size:13px;gap:8px;height:15px;padding:.625rem;width:-webkit-fill-available;width:-moz-available;&:focus{border:1px solid #c2c2c8;outline:none}}.ui-elements{display:flex;flex-wrap:wrap;gap:15px;.ui-color-group{--shadow:0 1px 2px 0 #0000000d;--shadow-color:0 1px 2px 0 var(--shadow-color);background:#fff;border:1px solid #e4e4e7;border-radius:8px;box-shadow:0 0 #0000,0 0 #0000,var(--shadow);box-shadow:var(--shadow-ring-offset-shadow,0 0 #0000),var(--shadow-ring-shadow,0 0 #0000),var(--shadow);flex:1 1;gap:15px;padding:20px;@media (min-width:560px){flex-basis:calc(50% - 50px);flex-grow:0;flex-shrink:0}@media (min-width:960px){flex-basis:calc(33.333% - 52px);flex-grow:0;flex-shrink:0}@media (min-width:1400px){flex:1 1}}.ui-colors-element{align-items:end;flex-direction:row-reverse;gap:20px;margin-block:10px;overflow:hidden;padding:0 0 1.25rem;.ui-form{position:relative;width:100%}.ui-colors-indicator{border-radius:5px;border-style:solid;border-width:1px;height:25px;margin:0 auto 0 0;position:absolute;right:5px;top:5px;width:25px}.ui-label{font-size:14px;margin-bottom:.625rem}.ui-input{max-width:100%}}}.ui-component-settings{width:100%;.ui-component-settings-item{margin-bottom:.9375rem}.ui-slider-wrapper{.ui-slider-value{background:#fff;border-radius:8px;box-shadow:0 4px 6px -2px #10182808,0 12px 16px -4px #10182814;color:#74747d;font-family:Nunito;font-size:.875rem;margin-left:1.25rem;padding:.5rem .0625rem;text-align:center;width:80px;.ui-slider-input{background:none;border:0;color:$grey-700;font-family:Nunito;font-size:.875rem;margin:0;padding:0;text-align:center;width:100%}}}.ui-slider{-webkit-appearance:none;appearance:none;background:#f4f4f5;border-radius:3px;height:7px;outline:none;-webkit-transition:.2s;width:100%;width:-webkit-fill-available;width:-moz-available;&::-moz-range-thumb{--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-color:0 1px 3px 0 var(--shadow-color),0 1px 2px -1px var(--shadow-color);background:#fff;border:1px solid #a4a4a5;border-radius:20px;box-shadow:0 0 #0000,0 0 #0000,var(--shadow);box-shadow:var(--shadow-ring-offset-shadow,0 0 #0000),var(--shadow-ring-shadow,0 0 #0000),var(--shadow);cursor:pointer;height:14px;width:14px}}::-webkit-slider-thumb{--shadow:0 1px 3px 0 #0000001a,0 1px 2px -1px #0000001a;--shadow-color:0 1px 3px 0 var(--shadow-color),0 1px 2px -1px var(--shadow-color);-webkit-appearance:none;background:#fff;border:1px solid #a4a4a5;border-radius:20px;box-shadow:0 0 #0000,0 0 #0000,var(--shadow);box-shadow:var(--shadow-ring-offset-shadow,0 0 #0000),var(--shadow-ring-shadow,0 0 #0000),var(--shadow);cursor:pointer;height:15px;width:15px}.ui-slider-label{display:flex;width:-webkit-fill-available;width:-moz-available;.ui-label{margin-right:auto}.ui-slider-value{width:80px;.ui-slider-input{background:none;border:0;color:#74747d;font-size:13px;text-align:right;width:80px;width:-webkit-fill-available;width:-moz-available;&:focus{border:1px solid #ebeef2;border-radius:3px;outline:none}}}}.ui-select-wrapper{background:#fff;border:1px solid #e4e4e7;border-radius:6px;box-shadow:0 1px 2px 0 #1018280d;cursor:pointer;font-size:.83125rem;min-width:200px;position:relative;.ui-select-items:not(.ui-select-items--active){display:none}.ui-select-trigger{align-items:center;color:#101012;display:flex;font-size:.875rem;gap:10px;padding:.5rem .875rem;&.ui-select-trigger--active{border-bottom:1px solid #e4e4e7}}.ui-select-items--active{background:#fff;border-radius:6px;box-shadow:0 4px 6px -2px #10182808,0 12px 16px -4px #10182814;font-size:.83125rem;max-height:200px;min-width:290px;overflow-x:scroll;padding:5px 0}.ui-select-title{display:flex;flex:1 1}.ui-select-indicator{display:none;&.ui-select-indicator--color{border:1px solid;border-radius:12px;display:block;height:12px;width:12px}&[style="background: transparent; border-color: transparent;"],&[style="background: var(--transparent); border-color: transparent;"],&[style="background: var(--transparent);"],&[style="background: var(--white); border-color: transparent;"],&[style="background: var(--white);"]{border:1px solid;border-color:#eceff3!important;height:12px;width:12px}&[style="background: var(--image);"]{background-color:#101012!important;background-color:var(--image)!important;background-repeat:no-repeat;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 20 8.869-8.869c.396-.396.594-.594.822-.668a1 1 0 0 1 .618 0c.228.074.426.272.822.668l4.274 4.274M10.5 8.5a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m6 20 8.869-8.869c.396-.396.594-.594.822-.668a1 1 0 0 1 .618 0c.228.074.426.272.822.668l4.274 4.274M10.5 8.5a2 2 0 1 1-4 0 2 2 0 0 1 4 0ZM22 12c0 5.523-4.477 10-10 10S2 17.523 2 12 6.477 2 12 2s10 4.477 10 10Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;-webkit-mask-size:13px!important;mask-size:13px!important}}.ui-select-item{align-items:center;display:flex;font-size:.875rem;gap:10px;padding:.375rem .8125rem;&:hover{background:#f4f4f591}}@container (width >= 968px){margin-top:0;min-width:280px}&:after{background-color:#969697;background-size:10px;bottom:0;content:"";display:block;height:10px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 6 6 6-6' stroke='%23344054' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 6 6 6-6' stroke='%23344054' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%;position:absolute;right:15px;top:15px;width:10px}&.ui-select-wrapper--active{&:after{top:10px;transform:rotate(180deg)}}}}.ui-component-markup{background:#0a0a0a;border-radius:8px;font-size:.9375rem;line-height:1.4375rem;margin:1.25rem 15px 1.875rem;max-width:100%;overflow-x:scroll;padding:24px 0 10px;position:relative;@media (min-width:960px){margin-bottom:1.875rem;margin-left:30px;margin-right:0;margin-top:1.875rem;width:calc(100% - 60px)}.linenumber{min-width:45.5px!important}&.ui-component-markup-one-line{padding:0 1.5rem}.ui-markup-header{display:flex;flex-wrap:wrap;margin-bottom:20px;padding:0 24px;.ui-markup-tabs{display:flex;gap:8px;@media (max-width:960px){max-width:65%;overflow-x:scroll;white-space:nowrap}.ui-markup-tab{background:none;border:none;border-radius:6px;color:#94969c;cursor:pointer;font-family:Nunito;font-size:.875rem;padding:.5rem .75rem;&.active{background:#27272a;color:#f5f5f5}}}}.ui-markup-copy-button{align-items:center;background:#27272a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-family:Nunito;font-size:.875rem;font-size:0;justify-content:center;margin-left:auto;padding:.5rem;&:before{background:#94969c;content:"";display:block;height:18px;-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 3c.93 0 1.395 0 1.777.102a3 3 0 0 1 2.12 2.122C17 5.605 17 6.07 17 7v9.2c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C14.72 21 13.88 21 12.2 21H5.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C1 18.72 1 17.88 1 16.2V7c0-.93 0-1.395.102-1.776a3 3 0 0 1 2.122-2.122C3.605 3 4.07 3 5 3m4 13v-6m-3 3h6M6.6 5h4.8c.56 0 .84 0 1.054-.109a1 1 0 0 0 .437-.437C13 4.24 13 3.96 13 3.4v-.8c0-.56 0-.84-.109-1.054a1 1 0 0 0-.437-.437C12.24 1 11.96 1 11.4 1H6.6c-.56 0-.84 0-1.054.109a1 1 0 0 0-.437.437C5 1.76 5 2.04 5 2.6v.8c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437C5.76 5 6.04 5 6.6 5Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 3c.93 0 1.395 0 1.777.102a3 3 0 0 1 2.12 2.122C17 5.605 17 6.07 17 7v9.2c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C14.72 21 13.88 21 12.2 21H5.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C1 18.72 1 17.88 1 16.2V7c0-.93 0-1.395.102-1.776a3 3 0 0 1 2.122-2.122C3.605 3 4.07 3 5 3m4 13v-6m-3 3h6M6.6 5h4.8c.56 0 .84 0 1.054-.109a1 1 0 0 0 .437-.437C13 4.24 13 3.96 13 3.4v-.8c0-.56 0-.84-.109-1.054a1 1 0 0 0-.437-.437C12.24 1 11.96 1 11.4 1H6.6c-.56 0-.84 0-1.054.109a1 1 0 0 0-.437.437C5 1.76 5 2.04 5 2.6v.8c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437C5.76 5 6.04 5 6.6 5Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");-webkit-mask-position:2px 0;mask-position:2px 0;transition:all .2s ease-in-out;width:18px}&.clicked{&:before{-webkit-mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 3c.93 0 1.395 0 1.777.102a3 3 0 0 1 2.12 2.122C17 5.605 17 6.07 17 7v9.2c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C14.72 21 13.88 21 12.2 21H5.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C1 18.72 1 17.88 1 16.2V7c0-.93 0-1.395.102-1.776a3 3 0 0 1 2.122-2.122C3.605 3 4.07 3 5 3m1 11 2 2 4.5-4.5M6.6 5h4.8c.56 0 .84 0 1.054-.109a1 1 0 0 0 .437-.437C13 4.24 13 3.96 13 3.4v-.8c0-.56 0-.84-.109-1.054a1 1 0 0 0-.437-.437C12.24 1 11.96 1 11.4 1H6.6c-.56 0-.84 0-1.054.109a1 1 0 0 0-.437.437C5 1.76 5 2.04 5 2.6v.8c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437C5.76 5 6.04 5 6.6 5Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 23 23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 3c.93 0 1.395 0 1.777.102a3 3 0 0 1 2.12 2.122C17 5.605 17 6.07 17 7v9.2c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C14.72 21 13.88 21 12.2 21H5.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C1 18.72 1 17.88 1 16.2V7c0-.93 0-1.395.102-1.776a3 3 0 0 1 2.122-2.122C3.605 3 4.07 3 5 3m1 11 2 2 4.5-4.5M6.6 5h4.8c.56 0 .84 0 1.054-.109a1 1 0 0 0 .437-.437C13 4.24 13 3.96 13 3.4v-.8c0-.56 0-.84-.109-1.054a1 1 0 0 0-.437-.437C12.24 1 11.96 1 11.4 1H6.6c-.56 0-.84 0-1.054.109a1 1 0 0 0-.437.437C5 1.76 5 2.04 5 2.6v.8c0 .56 0 .84.109 1.054a1 1 0 0 0 .437.437C5.76 5 6.04 5 6.6 5Z' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}}}& pre{background:#0a0a0a!important;padding-bottom:20px!important;padding-left:10px!important;padding-top:20px!important}}.documentation-section{margin-top:2.5rem;max-width:100%;& h2{color:#151516;margin:0 0 1.25rem}& p{color:$grey-600;font-size:1.0625rem;line-height:180%;margin-bottom:0;&+p{margin-bottom:1.25rem}}.code-highlight{color:#151516;font-weight:600}.code-highlight-property{background:#f4f4f5;border-radius:5px;color:#151516;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.875rem;margin-top:.3125rem;padding:3px 5px;white-space:nowrap}}.ui-colors{padding:30px 1.25rem 1.25rem;@media (min-width:968px) and (max-width:1300px){padding-bottom:1.25rem;padding-left:1.875rem;padding-right:1.875rem;padding-top:30px}@media (min-width:1300px){padding-bottom:1.25rem;padding-left:1.875rem;padding-right:1.875rem;padding-top:30px}}.ui-sectiontitel{font-size:1.125rem;font-style:normal;font-weight:700;line-height:120%;margin-bottom:25px;min-width:100%;padding:0}.ui-footer{align-items:center;border-top:1px solid #e4e4e7;display:flex;flex-direction:column;justify-content:center;margin:120px auto 1.875rem;padding-top:1.875rem;row-gap:10px;width:100%;@media (min-width:992px){margin-bottom:1.875rem;margin-left:auto;margin-right:auto;margin-top:130px}.ui-footer-brand{height:25px;width:25px}.ui-footer-name{color:#7e7e87;font-size:.875rem}}body.dark{--image:#fafafa!important;background:#09090b;.ui-menu-burger{&:before{background-color:#fafafa}}.ui-brand{position:relative;&:after{border:1px solid #27272a;border-radius:4px;content:"";display:block;height:33px;position:absolute;top:0;width:33px}& svg{rect{fill:#19191b}g{fill:#fafafa}}}.home-content{& h1{color:#fafafa}& p{color:#a1a1aa}& button{&.primary{background:#fafafa;border-color:#fafafa;color:#09090b;&:hover{background:#e2e2e2;border-color:#e2e2e2}}&.secondary{background:#09090b!important;border-color:#27272a!important;color:#fafafa!important;&:hover{background:#27272a!important;border-color:#27272a!important}}}}.ui-component-documentation{& h1{color:#fafafa}& h2,& h3,& p{color:#e6e6e7}}.ui-component-markup+.ui-component-documentation{&:not(:empty){background:#09090b;border-color:#27272a}}.ui-sectiontitel{color:#f5f5f5}.ui-color-group{background:#09090b;border-color:#27272a}.ui-action-button{background:#09090b!important;border-color:#27272a!important;color:#fafafa!important;& svg{fill:#fafafa!important}&:hover{background:#212123!important}}.ui-action-button-theme{background:#27272a!important;border-color:#27272a!important;&:hover{background:#212123!important;border-color:#212123!important}}.ui-header{background:#09090b;border-color:#27272a}.ui-label{color:#f5f5f5}.ui-input{background:#09090b;border-color:#27272a;&:focus{border:1px solid #d4d4d8;outline:none}}.ui-navigation-link{color:#797980!important}.ui-component-group{.ui-select{background:#09090b!important;border-color:#27272a!important;color:#5d5d65!important;&.active{color:#f5f5f5!important}}}.ui-component-navigation{&.open{background:#09090b!important}.ui-component-navigation-subtitle{color:#a1a1aa;&.active{background:#09090b}}.ui-navigation-group{background:#09090b;border-color:#27272a;.ui-navigation-group-titel{color:#fafafa}.ui-navigation-button{color:#797980;.ui-navigation-button-badge{background:#27272a}}}}.ui-component-settings{.ui-select-wrapper{background:#09090b;border-color:#27272a;color:#fafafa;.ui-select-item{&:hover{background:#27272a}}.ui-select-items{background:#09090b}.ui-select-items,.ui-select-trigger{border-color:#27272a;color:#fafafa}}}.ui-component-settings-actions{background:#27272a;.ui-component-settings-actions-item{&.active{background:#09090b;color:#fafafa;&:before{background-color:#fafafa}}}}.ui-components-object-wrap{.ui-components-object-title{color:#fafafa;& span{border-bottom:1px solid #27272a}}}.ui-component-settings{.ui-select-wrapper{.ui-select-indicator{&.ui-select-indicator--color{border:1px solid #27272a;height:13px!important;width:13px!important}&[style="background: transparent; border-color: transparent;"],&[style="background: var(--transparent); border-color: transparent;"],&[style="background: var(--transparent);"],&[style="background: var(--white); border-color: transparent;"],&[style="background: var(--white);"]{border-color:#5e5e66!important}}}}.ui-pagetitel{color:#fafafa}.code-highlight-property{background:#27272a!important;color:#fafafa!important}.app-preview{border:1px solid #27272a;.app-preview-screen{& img{&.dark{display:block!important}&.light{display:none}}}}.ui-component-markup{border:1px solid #27272a}.ui-footer{border-color:#27272a;.ui-footer-brand{position:relative;&:after{border:1px solid #27272a;border-radius:3px;content:"";display:block;height:23px;position:absolute;top:0;width:23px}}.ui-footer-name{color:#a1a1aa}}}