.PatternPage_Heading__B38LA{align-items:center}.PatternPage_TabGroup__X5URv{--tab-background:var(--p-color-bg-surface-secondary);--tab-background-pressed:rgba(250,250,250,1);--tab-background-hover:rgba(241,241,241,1);--tab-border:1px solid #c9cccf;border-color:var(--tab-border-color);isolation:isolate;margin-left:-1rem;margin-right:-1rem}.dark-mode .PatternPage_TabGroup__X5URv{--tab-background:#18181d;--tab-background-pressed:var(--tab-background);--tab-border:1px solid rgba(55,55,55,1);--tab-background-hover:rgba(41,41,41,1)}.PatternPage_InfoLine__mprol{color:var(--text-subdued)}.PatternPage_InfoLine__mprol .PatternPage_InfoLineLink__ohgSs{color:inherit;text-decoration:underline}.PatternPage_InfoLine__mprol .PatternPage_InfoLineLink__ohgSs:hover{color:var(--text-link)}.PatternPage_TabPanel__HPWre{background-color:var(--tab-background);position:relative;padding:1rem;margin-top:-1px;border:var(--tab-border);border-radius:var(--border-radius-400)}.PatternPage_TabGroup__X5URv[data-selected="0"] .PatternPage_TabPanel__HPWre{border-top-left-radius:0}.PatternPage_Variant__JQp9m>p:first-child{font-size:var(--font-size-400)}.PatternPage_TabList__7oaB7{--border-subdued:rgba(201,204,207,1);display:flex;flex-wrap:wrap;grid-template-columns:1fr 1fr 1fr 1fr;gap:1rem;z-index:5}.PatternPage_TabList__7oaB7 .PatternPage_Tab__gUnN1{--default-padding:0.5rem 1rem;background:var(--tab-background);z-index:5;padding:var(--default-padding);text-align:left;display:flex;align-items:flex-start;background:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-bottom:0;border-radius:var(--border-radius-400);border-bottom-left-radius:0;border-bottom-right-radius:0;font-size:var(--font-size-400);font-weight:var(--font-weight-500);line-height:1.33;color:var(--p-color-text-disabled)}.PatternPage_TabList__7oaB7 .PatternPage_Tab__gUnN1[aria-selected=true]{color:var(--text-strong);background-color:var(--tab-background-pressed);border:var(--tab-border);border-bottom:0}.PatternPage_TabList__7oaB7 .PatternPage_Tab__gUnN1:hover{background-color:var(--tab-background-hover)}.PatternPage_TabList__7oaB7 .PatternPage_Tab__gUnN1:focus,.PatternPage_TabList__7oaB7 .PatternPage_Tab__gUnN1:focus-visible{box-shadow:none;border:var(--tab-border);border-bottom:0}@media screen and (max-width:500px){.PatternPage_TabGroup__X5URv{margin-left:-1.25rem;margin-right:-1.25rem}.PatternPage_TabPanel__HPWre{padding:1.25rem}.PatternPage_TabList__7oaB7{position:-webkit-sticky;position:sticky;top:60px;background-color:var(--surface)}.PatternPage_TabList__7oaB7 .PatternPage_Tab__gUnN1{padding-left:1.25rem}.PatternPage_TabList__7oaB7 .PatternPage_Tab__gUnN1~.PatternPage_Tab__gUnN1{padding:var(--default-padding)}}.PatternPage_HowItHelps__sg_Gb>img{display:block;border:1px solid var(--p-color-border-secondary);aspect-ratio:361.9/180.9;border-radius:.25rem;background:var(--p-color-bg-fill-secondary)}.PatternPage_HowItHelps__sg_Gb ol{--counter-offset:calc(24px + var(--p-space-200));list-style:none;counter-reset:item}.PatternPage_HowItHelps__sg_Gb ol li{counter-increment:item;padding-left:var(--counter-offset)}.PatternPage_HowItHelps__sg_Gb ol li:before{width:24px;height:24px;position:absolute;margin-left:calc(-1*var(--counter-offset));content:counter(item);font-weight:700;color:#9923f7;text-align:center}@media screen and (max-width:768px){.PatternPage_HowItHelps__sg_Gb{flex-direction:column}.PatternPage_HowItHelps__sg_Gb .PatternPage_ImageWrapper__Uu0Ez{min-width:100%}}.PatternPage_UsefulToKnow__tGFdt img{background:var(--p-color-bg-fill-secondary);border-radius:var(--border-radius-400);border:1px solid #c9cccf}.PatternPage_Accordion__WFz55{padding:1rem 2rem;border:1px solid #000}.PatternPage_Checkbox__dBYlQ{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.PatternPage_DefinitionTable__DP2f7{--props-table-border-color:#c9cccf;--props-table-heading-background:rgba(0,0,0,0.02);--props-table-content-background:inherit;border:1px solid var(--props-table-border-color);border-radius:var(--border-radius-400);background:var(--props-table-content-background)}.dark-mode .PatternPage_DefinitionTable__DP2f7{--props-table-border-color:rgba(55,55,55,1);--props-table-heading-background:rgba(30,30,35,1);--props-table-content-background:rgba(22,22,25,1)}.PatternPage_DefinitionTable__DP2f7 h1,.PatternPage_DefinitionTable__DP2f7 h2,.PatternPage_DefinitionTable__DP2f7 h3,.PatternPage_DefinitionTable__DP2f7 h4,.PatternPage_DefinitionTable__DP2f7 h5{background:var(--props-table-heading-background);color:var(--text-strong);padding:.66rem 1rem;margin:0;font-size:inherit;font-weight:400}.PatternPage_DefinitionTable__DP2f7 .PatternPage_DefinitionList___vLJp{display:grid;border-top:1px solid var(--props-table-border-color);grid-template-columns:fit-content(35%) 1fr;padding:1rem;grid-gap:1rem;gap:1rem}.PatternPage_DefinitionTable__DP2f7 .PatternPage_DefinitionList___vLJp dt{color:var(--text-strong)}@media screen and (max-width:1040px){.PatternPage_DefinitionTable__DP2f7 .PatternPage_DefinitionList___vLJp{grid-template-columns:1fr}}@media screen and (max-width:768px){.PatternPage_DefinitionTable__DP2f7 .PatternPage_DefinitionList___vLJp{grid-template-columns:fit-content(30%) 1fr}}@media screen and (max-width:500px){.PatternPage_DefinitionTable__DP2f7 .PatternPage_DefinitionList___vLJp{grid-template-columns:1fr}}.PatternPage_List__025oC{list-style:none;margin:0;position:relative}.PatternPage_List__025oC li:before{width:24px;height:24px;font-weight:700;text-align:center;flex-shrink:0}.PatternPage_UnorderedList__Iosa6 li:before{content:"•";padding-right:.95em}.PatternPage_OrderedList__hkEig{counter-reset:item}.PatternPage_OrderedList__hkEig li{counter-increment:item}.PatternPage_OrderedList__hkEig li:before{content:counter(item);color:#9923f7}