.Row_row__9MDh4{flex-direction:row;flex-wrap:wrap;column-gap:var(--size-rem--m);align-items:center}.Column_column__uju9O,.Row_row__9MDh4{display:flex;row-gap:var(--size-rem--m)}.Column_column__uju9O{flex-direction:column;align-items:flex-start}.LiveCodeEditor_liveCodeEditor__fh4HJ{--border-color:var(--neutral-outline-border-color);border:1px solid var(--border-color);border-radius:var(--corner-radius--default);background-color:var(--neutral--color--200);display:flex;flex-direction:column;overflow:hidden;justify-content:center;&.LiveCodeEditor_darkBackground__leHk7{background-color:var(--primary--color--1000)}&.LiveCodeEditor_lightBackground__DhfPD,&.LiveCodeEditor_mobile__3pehf{background-color:var(--primary--color--200)}&.LiveCodeEditor_mobile__3pehf{.LiveCodeEditor_preview__2V2Kl{border-inline:4px solid var(--neutral--color--600);margin:0 auto;padding:var(--size-px--l);width:400px;max-width:100%;background-color:var(--neutral--color--100);height:100%;&:has(.flow--modal){padding:0}}&.LiveCodeEditor_darkBackground__leHk7{.LiveCodeEditor_preview__2V2Kl{background-color:var(--primary--color--1000)}}}.LiveCodeEditor_editor__KuUVR pre{white-space:pre!important;padding:0!important;background-color:var(--neutral--color--300)!important}.LiveCodeEditor_staticModal__eT76b{--modal--size--s:auto;--modal--size--m:auto;--modal--size--l:auto;box-shadow:var(--shadow--overlay)}}.LiveCodeEditor_preview__2V2Kl{padding:var(--size-px--l)}.LiveCodeEditor_editorContainer__dsY4x{overflow-x:auto}.LiveCodeEditor_darkBackground__leHk7{.LiveCodeEditor_mobile__3pehf{height:100%;.LiveCodeEditor_preview__2V2Kl{border-inline:4px solid var(--neutral--color--500);margin:0 auto;padding:var(--size-px--l);max-width:400px;background-color:var(--neutral--color--100);height:100%}}}.LiveCodeEditor_toggleCode__l23c6{width:100%}.LiveCodeEditor_editor__KuUVR{font-family:monospace;min-width:min-content;border-top:1px solid var(--border-color);display:grid;grid-template-rows:1fr;visibility:visible;transition-property:grid-template-rows,visibility,padding;transition-duration:var(--transition--duration--slow);padding:var(--size-px--m);background-color:var(--neutral--color--300)!important;&.LiveCodeEditor_collapsed__bp_8l{grid-template-rows:0fr;visibility:hidden;padding-block:0;height:0}}.LiveCodeEditor_actions__nErUJ{padding:var(--size-px--xs);-webkit-margin-before:auto;margin-block-start:auto;background-color:var(--neutral--color--300);border-top:1px solid var(--border-color);display:flex;justify-content:center}.customComponents_pre__kLHsU{padding:var(--size-px--s) var(--size-px--m);overflow:auto;display:block}.customComponents_preContainer__fE5Ry{background-color:var(--code--default-background-color);border-radius:var(--corner-radius--default);position:relative;min-width:0;padding-right:var(--size-px--xl)}.customComponents_preCopyButton__T_WNi{position:absolute;top:var(--size-px--s);right:var(--size-px--s)}.customComponents_ul__VZ8qb{list-style-type:disc;padding-left:var(--size-rem--m)}.customComponents_separator__5Ds6w{margin-block:var(--size-px--m)}.customComponents_doAndDontCode__mzlPC{margin-bottom:calc(var(--size-px--m) * -1);border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.customComponents_doAndDontText__j6VPG{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);border-bottom:none;border-top-left-radius:var(--corner-radius--default);border-top-right-radius:var(--corner-radius--default);padding:var(--size-px--l);background:var(--info-soft-background-color--default);display:flex;align-items:center}.customComponents_doAndDontContent__gmGzo{border-radius:var(--corner-radius--default);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);display:flex;flex-direction:column;row-gap:var(--size-px--s);&.customComponents_withContent__pUetO{border-top-left-radius:0;border-top-right-radius:0}}.customComponents_dont__tCjBL{border-top-color:var(--danger-solid-background-color--default)}.customComponents_do__QUSya{border-top-color:var(--success-solid-background-color--default)}.customComponents_doAndDont__HHh2C{display:grid;grid-column-gap:var(--size-px--m);column-gap:var(--size-px--m);grid-template-areas:"firstExample secondExample" "firstContent secondContent";grid-template-columns:1fr 1fr;.customComponents_doAndDontCode__mzlPC:first-of-type,.customComponents_doAndDontText__j6VPG:first-of-type{grid-area:firstExample}.customComponents_doAndDontCode__mzlPC:last-of-type,.customComponents_doAndDontText__j6VPG:last-of-type{grid-area:secondExample}.customComponents_doAndDontContent__gmGzo:first-of-type{grid-area:firstContent}.customComponents_doAndDontContent__gmGzo:last-of-type{grid-area:secondContent}.customComponents_doAndDontCode__mzlPC,.customComponents_doAndDontText__j6VPG{margin-bottom:0}}@media (max-width:1200px){.customComponents_doAndDont__HHh2C{display:flex;flex-direction:column;.customComponents_doAndDontContent__gmGzo:first-of-type{margin-bottom:var(--size-px--l)}}}.Sample_box__QUbNh{height:32px;width:32px;border:1px solid var(--form-control--border-color--default);border-radius:2px}.Sample_box__QUbNh:where(.Sample_filled__iLmHD){background-color:var(--color--bright-lilac--700);border:none}.Sample_lineHeight__Y__VA{display:flex;justify-content:center;width:32px;border-bottom:1px solid;border-top:1px solid;border-color:var(--color--bright-lilac--700)}.Sample_wrapper__NkqMU{width:-moz-fit-content;width:fit-content;border-radius:4px;border:1px solid}.Sample_wrapper__NkqMU:where(.Sample_padding__rpb7a){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_wrapper__NkqMU:where(.Sample_margin__W4JoC){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_content__kO3gR{background-color:#fff;padding:25px 20px;border:1px solid;border-radius:4px}.Sample_content__kO3gR:where(.Sample_padding__rpb7a){color:var(--color--soft-contrast-violet--800);border-color:var(--color--soft-contrast-violet--800)}.Sample_content__kO3gR:where(.Sample_margin__W4JoC){color:var(--color--super-teal--800);border-color:var(--color--super-teal--800)}