.LiveCodeEditor-module__X3mZQW__preview{padding:var(--size-px--l);justify-content:center;align-items:center;gap:var(--size-rem--m);flex-direction:column;display:flex}.LiveCodeEditor-module__X3mZQW__preview>.flow--truncate{align-self:normal}.LiveCodeEditor-module__X3mZQW__preview>form{align-self:stretch}.LiveCodeEditor-module__X3mZQW__preview>.flow--accordion{align-self:stretch}.LiveCodeEditor-module__X3mZQW__preview>.flow--action-group{align-self:stretch}.LiveCodeEditor-module__X3mZQW__preview>.flow--breadcrumb{align-self:stretch}.LiveCodeEditor-module__X3mZQW__preview>.flow--code-block{align-self:stretch}.LiveCodeEditor-module__X3mZQW__preview>.flow--file-card{align-self:stretch}.LiveCodeEditor-module__X3mZQW__preview>.flow--flex{align-self:stretch}.LiveCodeEditor-module__X3mZQW__preview>.flow--form-field{align-self:stretch}.LiveCodeEditor-module__X3mZQW__preview>.flow--labeled-value{align-self:stretch}.LiveCodeEditor-module__X3mZQW__preview>.flow--list{align-self:stretch}.LiveCodeEditor-module__X3mZQW__preview>.flow--markdown-editor{align-self:stretch}.LiveCodeEditor-module__X3mZQW__preview>.flow--navigation{align-self:stretch}.LiveCodeEditor-module__X3mZQW__preview>.flow--tabs{align-self:stretch}.LiveCodeEditor-module__X3mZQW__preview>.flow--text{align-self:stretch}.LiveCodeEditor-module__X3mZQW__preview.LiveCodeEditor-module__X3mZQW__row{flex-flow:wrap}.LiveCodeEditor-module__X3mZQW__liveCodeEditor{--border-color:var(--neutral-outline-border-color);border:1px solid var(--border-color);border-radius:var(--corner-radius--m);background-color:var(--neutral--color--100);flex-direction:column;justify-content:center;display:flex;overflow:hidden}.LiveCodeEditor-module__X3mZQW__liveCodeEditor.LiveCodeEditor-module__X3mZQW__darkBackground,.LiveCodeEditor-module__X3mZQW__liveCodeEditor.LiveCodeEditor-module__X3mZQW__darkBackground.LiveCodeEditor-module__X3mZQW__mobile .LiveCodeEditor-module__X3mZQW__preview{background-color:var(--neutral--color--800)}.LiveCodeEditor-module__X3mZQW__liveCodeEditor.LiveCodeEditor-module__X3mZQW__lightBackground,.LiveCodeEditor-module__X3mZQW__liveCodeEditor.LiveCodeEditor-module__X3mZQW__lightBackground.LiveCodeEditor-module__X3mZQW__mobile .LiveCodeEditor-module__X3mZQW__preview{background-color:var(--neutral--color--300)}.LiveCodeEditor-module__X3mZQW__liveCodeEditor.LiveCodeEditor-module__X3mZQW__darkStaticBackground,.LiveCodeEditor-module__X3mZQW__liveCodeEditor.LiveCodeEditor-module__X3mZQW__darkStaticBackground.LiveCodeEditor-module__X3mZQW__mobile .LiveCodeEditor-module__X3mZQW__preview{background-color:#3a434e}.LiveCodeEditor-module__X3mZQW__liveCodeEditor.LiveCodeEditor-module__X3mZQW__lightStaticBackground,.LiveCodeEditor-module__X3mZQW__liveCodeEditor.LiveCodeEditor-module__X3mZQW__lightStaticBackground.LiveCodeEditor-module__X3mZQW__mobile .LiveCodeEditor-module__X3mZQW__preview{background-color:#e5eff8}.LiveCodeEditor-module__X3mZQW__liveCodeEditor.LiveCodeEditor-module__X3mZQW__mstudioBackground,.LiveCodeEditor-module__X3mZQW__liveCodeEditor.LiveCodeEditor-module__X3mZQW__mstudioBackground.LiveCodeEditor-module__X3mZQW__mobile .LiveCodeEditor-module__X3mZQW__preview{background:var(--color--background-gradient)}.LiveCodeEditor-module__X3mZQW__liveCodeEditor.LiveCodeEditor-module__X3mZQW__mobile{background-color:var(--neutral--color--100)}.LiveCodeEditor-module__X3mZQW__liveCodeEditor.LiveCodeEditor-module__X3mZQW__mobile .LiveCodeEditor-module__X3mZQW__preview{border-inline:4px solid var(--neutral--color--600);padding:var(--size-px--l);width:400px;max-width:100%;height:100%;margin:0 auto}.LiveCodeEditor-module__X3mZQW__liveCodeEditor .LiveCodeEditor-module__X3mZQW__editor pre{font-size:var(--font-size-text--s);white-space:pre!important;background-color:var(--code-block--background-color)!important;padding:0!important}.LiveCodeEditor-module__X3mZQW__liveCodeEditor .LiveCodeEditor-module__X3mZQW__staticModal{--modal--size--s:auto;--modal--size--m:auto;--modal--size--l:auto}.LiveCodeEditor-module__X3mZQW__liveCodeEditor .LiveCodeEditor-module__X3mZQW__staticModal>div{pointer-events:auto;height:unset;padding:unset;justify-content:unset;align-items:unset;position:unset;box-shadow:var(--shadow--overlay)}.LiveCodeEditor-module__X3mZQW__editorContainer{overflow-x:auto}.LiveCodeEditor-module__X3mZQW__toggleCode{outline-offset:calc(var(--size-px--xxs) * -1)!important;width:100%!important}.LiveCodeEditor-module__X3mZQW__editor{border-top:1px solid var(--border-color);min-width:min-content;padding:var(--size-px--m);grid-template-rows:1fr;font-family:monospace;display:grid;background-color:var(--code-block--background-color)!important}.LiveCodeEditor-module__X3mZQW__actions{background-color:var(--neutral--color--100);border-top:1px solid var(--border-color);justify-content:center;margin-block-start:auto;display:flex}.LiveCodeEditor-module__X3mZQW__actions button{padding-block:var(--size-px--s)}
.customComponents-module__Wg93kW__pre{padding:var(--size-px--s) var(--size-px--m);display:block;overflow:auto}.customComponents-module__Wg93kW__preContainer{background-color:var(--code-block--background-color);border-radius:var(--corner-radius--m);min-width:0;padding-inline-end:var(--size-px--xl);position:relative}.customComponents-module__Wg93kW__preCopyButton{top:var(--size-px--s);inset-inline-end:var(--size-px--s);position:absolute!important}.customComponents-module__Wg93kW__ul{padding-inline-start:var(--size-rem--m);list-style-type:disc}.customComponents-module__Wg93kW__separator{margin-block:var(--size-px--m)}.customComponents-module__Wg93kW__anchorLinkHeading{width:fit-content;scroll-margin-top:6rem}.customComponents-module__Wg93kW__anchorLinkHeading>.flow--heading--heading-text{align-items:center;column-gap:var(--size-rem--s);display:flex}.customComponents-module__Wg93kW__anchorLinkHeading .customComponents-module__Wg93kW__anchorButton{opacity:0;transition-property:opacity;transition-duration:var(--transition--duration--fast)}.customComponents-module__Wg93kW__anchorLinkHeading:hover .customComponents-module__Wg93kW__anchorButton{opacity:1}.customComponents-module__Wg93kW__anchorLinkHeading .customComponents-module__Wg93kW__anchorButton[data-focused]{opacity:1}.customComponents-module__Wg93kW__doAndDontCode{margin-bottom:calc(var(--size-px--m) * -1);border-bottom:none;border-end-end-radius:0;border-end-start-radius:0}.customComponents-module__Wg93kW__doAndDontText{margin-bottom:calc(var(--size-px--m) * -1);border-style:var(--border-style--default);border-width:var(--border-width--100);border-color:var(--neutral-outline-border-color);padding:var(--size-px--l);background:var(--info-soft-background-color--default);border-bottom:none;border-start-start-radius:var(--corner-radius--m);border-start-end-radius:var(--corner-radius--m);align-items:center;display:flex}.customComponents-module__Wg93kW__doAndDontContent{border-radius:var(--corner-radius--m);border-style:var(--border-style--default);border-width:var(--border-width--100);border-color:var(--neutral-outline-border-color);border-top-width:var(--size-px--s);padding:var(--size-px--l);border-top-color:var(--info-solid-background-color--default);margin-bottom:var(--size-px--s);row-gap:var(--size-px--s);flex-direction:column;display:flex}.customComponents-module__Wg93kW__doAndDontContent.customComponents-module__Wg93kW__withContent{border-start-start-radius:0;border-start-end-radius:0}.customComponents-module__Wg93kW__dont{border-top-color:var(--danger-solid-background-color--default)}.customComponents-module__Wg93kW__do{border-top-color:var(--success-solid-background-color--default)}.customComponents-module__Wg93kW__doAndDont{column-gap:var(--size-px--m);grid-template-columns:1fr 1fr;grid-template-areas:"firstExample secondExample""firstContent secondContent";display:grid}.customComponents-module__Wg93kW__doAndDont .customComponents-module__Wg93kW__doAndDontCode,.customComponents-module__Wg93kW__doAndDont .customComponents-module__Wg93kW__doAndDontText{margin-bottom:0}:is(.customComponents-module__Wg93kW__doAndDont .customComponents-module__Wg93kW__doAndDontCode,.customComponents-module__Wg93kW__doAndDont .customComponents-module__Wg93kW__doAndDontText):last-of-type{grid-area:secondExample}:is(.customComponents-module__Wg93kW__doAndDont .customComponents-module__Wg93kW__doAndDontCode,.customComponents-module__Wg93kW__doAndDont .customComponents-module__Wg93kW__doAndDontText):first-of-type{grid-area:firstExample}.customComponents-module__Wg93kW__doAndDont .customComponents-module__Wg93kW__doAndDontContent:first-of-type{grid-area:firstContent}.customComponents-module__Wg93kW__doAndDont .customComponents-module__Wg93kW__doAndDontContent:last-of-type{grid-area:secondContent}@media (max-width:1200px){.customComponents-module__Wg93kW__doAndDont{flex-direction:column;display:flex}.customComponents-module__Wg93kW__doAndDont .customComponents-module__Wg93kW__doAndDontContent:first-of-type{margin-bottom:var(--size-px--l)}}
.Sample-module-scss-module__WvK57W__box{border:1px var(--form-control--border-color--default) solid;border-radius:2px;width:32px;height:32px}.Sample-module-scss-module__WvK57W__box:where(.Sample-module-scss-module__WvK57W__filled){background-color:var(--color--bright-lilac--700);border:none}.Sample-module-scss-module__WvK57W__lineHeight{border-top:1px solid;border-bottom:1px solid;border-color:var(--color--bright-lilac--700);justify-content:center;width:32px;display:flex}.Sample-module-scss-module__WvK57W__wrapper{border:1px solid;border-radius:4px;width:fit-content}.Sample-module-scss-module__WvK57W__wrapper:where(.Sample-module-scss-module__WvK57W__padding){background:repeating-linear-gradient(45deg, white, white 10px, var(--color--soft-contrast-violet--700) 5px, var(--color--soft-contrast-violet--700) 15px);border-color:var(--color--soft-contrast-violet--700)}.Sample-module-scss-module__WvK57W__wrapper:where(.Sample-module-scss-module__WvK57W__margin){background:repeating-linear-gradient(45deg, white, white 10px, var(--color--super-teal--700) 5px, var(--color--super-teal--700) 15px);border-color:var(--color--super-teal--700)}.Sample-module-scss-module__WvK57W__content{background-color:#fff;border:1px solid;border-radius:4px;padding:25px 20px}.Sample-module-scss-module__WvK57W__content:where(.Sample-module-scss-module__WvK57W__padding){color:var(--color--soft-contrast-violet--800);border-color:var(--color--soft-contrast-violet--800)}.Sample-module-scss-module__WvK57W__content:where(.Sample-module-scss-module__WvK57W__margin){color:var(--color--super-teal--800);border-color:var(--color--super-teal--800)}
.primitives-module-scss-module__X-IGmq__frame,.primitives-module-scss-module__X-IGmq__stack,.primitives-module-scss-module__X-IGmq__row,.primitives-module-scss-module__X-IGmq__box,.primitives-module-scss-module__X-IGmq__input,.primitives-module-scss-module__X-IGmq__button,.primitives-module-scss-module__X-IGmq__line,.primitives-module-scss-module__X-IGmq__circle,.primitives-module-scss-module__X-IGmq__text,.primitives-module-scss-module__X-IGmq__overlay{box-sizing:border-box;gap:var(--size-px--s);width:100%;display:flex}.primitives-module-scss-module__X-IGmq__icon{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.primitives-module-scss-module__X-IGmq__frame .primitives-module-scss-module__X-IGmq__iconTone svg{color:inherit}.primitives-module-scss-module__X-IGmq__stack{flex-direction:column}.primitives-module-scss-module__X-IGmq__box{padding:var(--size-px--m);border-radius:var(--corner-radius--m);flex-direction:column}.primitives-module-scss-module__X-IGmq__text{border-radius:var(--corner-radius--l)}.primitives-module-scss-module__X-IGmq__input{padding-inline:var(--size-px--m);padding-block:var(--size-px--s);border:2px solid var(--neutral--color--500);border-radius:var(--corner-radius--m);align-items:center;min-height:48px}.primitives-module-scss-module__X-IGmq__overlay{min-height:var(--size-px--xl);padding:var(--size-px--m);border:2px solid var(--neutral--color--300);border-radius:var(--corner-radius--m);box-shadow:var(--shadow--content);flex-direction:column}.primitives-module-scss-module__X-IGmq__button{padding:var(--size-px--s);border-radius:var(--corner-radius--m);justify-content:center;align-items:center;min-width:48px;min-height:48px;display:flex}.primitives-module-scss-module__X-IGmq__line{border-radius:2px;height:2px;display:block}.primitives-module-scss-module__X-IGmq__circle{width:var(--wireframe-width,var(--size-px--m));height:var(--wireframe-height,var(--size-px--m));padding:var(--size-px--m);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center}.primitives-module-scss-module__X-IGmq__tone100{background:var(--neutral--color--100)}.primitives-module-scss-module__X-IGmq__tone200{background:var(--neutral--color--200)}.primitives-module-scss-module__X-IGmq__tone300{background:var(--neutral--color--300)}.primitives-module-scss-module__X-IGmq__tone400{background:var(--neutral--color--400)}.primitives-module-scss-module__X-IGmq__tone500{background:var(--neutral--color--500)}.primitives-module-scss-module__X-IGmq__tone600{background:var(--neutral--color--600)}.primitives-module-scss-module__X-IGmq__tone700{background:var(--neutral--color--700)}.primitives-module-scss-module__X-IGmq__tone800{background:var(--neutral--color--800)}
.wireframes-module-scss-module__nratDq__table{background:var(--neutral--color--100);border:2px solid var(--neutral--color--500);border-radius:var(--corner-radius--m);grid-template-columns:repeat(3,1fr);width:100%;display:grid;overflow:hidden}.wireframes-module-scss-module__nratDq__tableHeaderCell,.wireframes-module-scss-module__nratDq__tableCell{min-height:var(--size-px--xl);border-inline-end:2px solid var(--neutral--color--500);border-block-end:2px solid var(--neutral--color--500)}.wireframes-module-scss-module__nratDq__tableHeaderCell:nth-child(3n),.wireframes-module-scss-module__nratDq__tableCell:nth-child(3n){border-inline-end:0}.wireframes-module-scss-module__nratDq__tableCell:nth-last-child(-n+3){border-block-end:0}.wireframes-module-scss-module__nratDq__tableHeaderCell{background:var(--neutral--color--300)}.wireframes-module-scss-module__nratDq__progressTrack{width:78%;height:var(--size-px--l);background:var(--neutral--color--400);border-radius:var(--corner-radius--l);overflow:hidden}.wireframes-module-scss-module__nratDq__progressValue{background:var(--neutral--color--700);border-radius:var(--corner-radius--l);width:58%;height:100%;display:block}.wireframes-module-scss-module__nratDq__donut{aspect-ratio:1;background:conic-gradient(var(--neutral--color--800) 0 38%, var(--neutral--color--600) 38% 68%, var(--neutral--color--400) 68% 100%);border-radius:50%;width:42%;position:relative}.wireframes-module-scss-module__nratDq__donut:after{content:"";background:var(--neutral--color--200);border-radius:50%;position:absolute;inset:28%}.wireframes-module-scss-module__nratDq__cropper,.wireframes-module-scss-module__nratDq__chart,.wireframes-module-scss-module__nratDq__dropZone{position:relative}.wireframes-module-scss-module__nratDq__avatarOverlap{border:2px solid var(--neutral--color--200);margin-inline-start:calc(var(--size-px--l)*-1)}.wireframes-module-scss-module__nratDq__switchTrack{width:80px;height:40px;padding:var(--size-px--xs);background:var(--neutral--color--700);border-radius:20px;justify-content:flex-end;align-items:center;display:flex}.wireframes-module-scss-module__nratDq__segmentGroup{border:2px solid var(--neutral--color--500);border-radius:var(--corner-radius--m);grid-template-columns:repeat(3,1fr);gap:0;padding:0;display:grid;overflow:hidden}.wireframes-module-scss-module__nratDq__segment{border-inline-end:2px solid var(--neutral--color--500);justify-content:center;align-items:center;height:100%;display:flex}.wireframes-module-scss-module__nratDq__segment:last-child{border-inline-end:0}.wireframes-module-scss-module__nratDq__segmentActive{background:var(--neutral--color--300)}.wireframes-module-scss-module__nratDq__sliderTrack{background:var(--neutral--color--400);border-radius:var(--corner-radius--l);width:100%;height:12px;position:relative}.wireframes-module-scss-module__nratDq__sliderTrack:before{content:"";background:var(--neutral--color--700);border-radius:inherit;width:48%;height:100%;display:block}.wireframes-module-scss-module__nratDq__sliderKnob{width:var(--size-px--xl);aspect-ratio:1;background:var(--neutral--color--700);border-radius:50%;position:absolute;inset-block-start:50%;inset-inline-start:48%;transform:translate(-50%,-50%)}.wireframes-module-scss-module__nratDq__cropper{border:2px solid var(--neutral--color--600);padding-block:48px;padding-inline:0}.wireframes-module-scss-module__nratDq__cropFrame{border-block:2px solid var(--neutral--color--600);border-radius:0}.wireframes-module-scss-module__nratDq__chart{border-inline-start:4px solid var(--neutral--color--600);border-block-end:4px solid var(--neutral--color--600);width:78%;height:64%}.wireframes-module-scss-module__nratDq__chartBars{align-items:end;gap:var(--size-px--xs);grid-template-columns:repeat(4,1fr);height:58%;display:grid;position:absolute;inset:auto 12% 0 16%}.wireframes-module-scss-module__nratDq__chartBars span{background:var(--neutral--color--500);border-radius:var(--corner-radius--m) var(--corner-radius--m) 0 0;display:block}.wireframes-module-scss-module__nratDq__dropZone{border:2px dashed var(--neutral--color--600)}
.ComponentCard-module-scss-module__N75zEW__card{border-radius:var(--corner-radius--l);border-color:var(--list-item--border-color);border-width:var(--list-item--border-width);border-style:var(--list-item--border-style);flex-direction:column;height:100%;display:flex}.ComponentCard-module-scss-module__N75zEW__media{aspect-ratio:3/2;padding:var(--size-px--m);background:var(--neutral--color--200);border-bottom:var(--list-item--border-width) var(--list-item--border-style) var(--list-item--border-color);border-start-start-radius:var(--corner-radius--l);border-start-end-radius:var(--corner-radius--l);justify-content:center;align-items:center;display:flex;overflow:hidden}.ComponentCard-module-scss-module__N75zEW__content{gap:var(--size-px--xs);padding:var(--size-px--m);flex-direction:column;display:flex}
.page-module-scss-module__4Y8CKa__wrapper{gap:64px;width:1500px;max-width:100%;margin:0 auto;padding-block:128px}.page-module-scss-module__4Y8CKa__top{padding-bottom:88px!important}.page-module-scss-module__4Y8CKa__logo{width:300px;max-width:100%;height:100px}.page-module-scss-module__4Y8CKa__darkModeTile{background-position-x:right;background-size:auto 100%;background-color:var(--dark-static--color--800)!important;padding:0!important}:is(.page-module-scss-module__4Y8CKa__darkModeTile .flow--column-layout--column-layout-container,.page-module-scss-module__4Y8CKa__darkModeTile .flow--column-layout){height:100%}.page-module-scss-module__4Y8CKa__darkModeContent{border-radius:calc(var(--layout-card--corner-radius) - 2px);height:100%;padding:var(--layout-card--padding);background:linear-gradient(270deg,#0000 0%,#000 20%);width:max(80%,300px);padding-inline-end:64px}.page-module-scss-module__4Y8CKa__codeTile .flow--column-layout{align-items:center}.page-module-scss-module__4Y8CKa__imageTile{position:relative}.page-module-scss-module__4Y8CKa__imageTile .page-module-scss-module__4Y8CKa__imageContainer{width:100%;max-height:400px}.page-module-scss-module__4Y8CKa__imageTile img{width:100%;height:100%}.page-module-scss-module__4Y8CKa__imageTile .flow--column-layout--column-layout-container{width:100%;height:100%}.page-module-scss-module__4Y8CKa__imageTile .flow--column-layout{width:100%;height:100%}@container (max-width:550px){.page-module-scss-module__4Y8CKa__imageTile .flow--column-layout--column-layout-container .flow--column-layout{flex-direction:column-reverse;display:flex}.page-module-scss-module__4Y8CKa__imageTile .flow--column-layout--column-layout-container .flow--section{width:100%}}.page-module-scss-module__4Y8CKa__imageTile img{border-radius:var(--corner-radius--m);object-fit:cover;flex:1;min-width:0;min-height:400px}.page-module-scss-module__4Y8CKa__imageTile .flow--column-layout{align-items:center}.page-module-scss-module__4Y8CKa__imageTileIcon{top:var(--size-px--xl);position:absolute;inset-inline-end:var(--size-px--xl)}