:root{--neutral-3:#fafbfc;--neutral-5:#f7f8fa;--neutral-7:#f3f6f8;--neutral-10:#eff2f5;--neutral-15:#e7ecf1;--neutral-20:#e1e7ed;--neutral-30:#d5dee6;--neutral-40:#cad5df;--neutral-50:#c1ced9;--neutral-60:#b8c7d4;--neutral-70:#b0c1d0;--neutral-80:#a9bbcb;--neutral-90:#a2b6c7;--neutral-100:#9cb1c3;--neutral-125:#8ea6bb;--neutral-150:#829cb4;--neutral-175:#7894ad;--neutral-200:#6e8ca8;--neutral-300:#56748f;--neutral-400:#496279;--neutral-500:#435a6f;--neutral-600:#37536c;--neutral-700:#2c4b68;--neutral-800:#1f4160;--neutral-900:#153656;--neutral-1000:#092744;--neutral-3A:rgba(67,90,111,.025);--neutral-5A:rgba(67,90,111,.041);--neutral-7A:rgba(67,90,111,.057);--neutral-10A:rgba(67,90,111,.079);--neutral-15A:rgba(67,90,111,.114);--neutral-20A:rgba(67,90,111,.146);--neutral-30A:rgba(67,90,111,.204);--neutral-40A:rgba(67,90,111,.255);--neutral-50A:rgba(67,90,111,.301);--neutral-60A:rgba(67,90,111,.342);--neutral-70A:rgba(67,90,111,.38);--neutral-80A:rgba(67,90,111,.415);--neutral-90A:rgba(67,90,111,.447);--neutral-100A:rgba(67,90,111,.477);--neutral-125A:rgba(67,90,111,.544);--neutral-150A:rgba(67,90,111,.602);--neutral-175A:rgba(67,90,111,.653);--neutral-200A:rgba(67,90,111,.699);--neutral-300A:rgba(67,90,111,.845);--neutral-400A:rgba(67,90,111,.954);--red-3:#fffbfa;--red-5:#fff9f7;--red-7:#fef6f3;--red-10:#fef3ef;--red-15:#feede8;--red-20:#fde8e1;--red-30:#fddfd5;--red-40:#fcd7ca;--red-50:#fbd0c1;--red-60:#fbcab9;--red-70:#fac4b1;--red-80:#fabeaa;--red-90:#fab9a3;--red-100:#f9b59d;--red-125:#f8aa8f;--red-150:#f8a183;--red-175:#f79978;--red-200:#f7926f;--red-300:#f57b51;--red-400:#f46a3a;--red-500:#f36331;--red-600:#f4541d;--red-700:#f4450a;--red-800:#dd3c06;--red-900:#c63403;--red-1000:#a32800;--red-3A:rgba(243,99,49,.025);--red-5A:rgba(243,99,49,.041);--red-7A:rgba(243,99,49,.057);--red-10A:rgba(243,99,49,.079);--red-15A:rgba(243,99,49,.114);--red-20A:rgba(243,99,49,.146);--red-30A:rgba(243,99,49,.204);--red-40A:rgba(243,99,49,.255);--red-50A:rgba(243,99,49,.301);--red-60A:rgba(243,99,49,.342);--red-70A:rgba(243,99,49,.38);--red-80A:rgba(243,99,49,.415);--red-90A:rgba(243,99,49,.447);--red-100A:rgba(243,99,49,.477);--red-125A:rgba(243,99,49,.544);--red-150A:rgba(243,99,49,.602);--red-175A:rgba(243,99,49,.653);--red-200A:rgba(243,99,49,.699);--red-300A:rgba(243,99,49,.845);--red-400A:rgba(243,99,49,.954);--green-3:#fafdfc;--green-5:#f7fcfa;--green-7:#f5fbf8;--green-10:#f0f9f5;--green-15:#eaf7f1;--green-20:#e4f5ed;--green-30:#d9f1e5;--green-40:#d0eddf;--green-50:#c8ead9;--green-60:#c0e7d4;--green-70:#b9e4cf;--green-80:#b3e2cb;--green-90:#addfc7;--green-100:#a7ddc3;--green-125:#9bd8ba;--green-150:#90d4b3;--green-175:#87d1ad;--green-200:#7ecda7;--green-300:#64c395;--green-400:#4fbb87;--green-500:#47b881;--green-600:#3faf77;--green-700:#37a56d;--green-800:#2d9760;--green-900:#248953;--green-1000:#197140;--green-3A:rgba(71,184,129,.025);--green-5A:rgba(71,184,129,.041);--green-7A:rgba(71,184,129,.057);--green-10A:rgba(71,184,129,.079);--green-15A:rgba(71,184,129,.114);--green-20A:rgba(71,184,129,.146);--green-30A:rgba(71,184,129,.204);--green-40A:rgba(71,184,129,.255);--green-50A:rgba(71,184,129,.301);--green-60A:rgba(71,184,129,.342);--green-70A:rgba(71,184,129,.38);--green-80A:rgba(71,184,129,.415);--green-90A:rgba(71,184,129,.447);--green-100A:rgba(71,184,129,.477);--green-125A:rgba(71,184,129,.544);--green-150A:rgba(71,184,129,.602);--green-175A:rgba(71,184,129,.653);--green-200A:rgba(71,184,129,.699);--green-300A:rgba(71,184,129,.845);--green-400A:rgba(71,184,129,.954);--blue-3:#f8fbff;--blue-5:#f3f9ff;--blue-7:#eef7ff;--blue-10:#e7f3ff;--blue-15:#def;--blue-20:#d3eaff;--blue-30:#c2e1ff;--blue-40:#b3daff;--blue-50:#a5d3ff;--blue-60:#99cdff;--blue-70:#8ec8fe;--blue-80:#83c3fe;--blue-90:#7abefe;--blue-100:#71b9fe;--blue-125:#5db0fe;--blue-150:#4ba7fe;--blue-175:#3ca0fe;--blue-200:#2e99fe;--blue-300:#0384fe;--blue-400:#0173df;--blue-500:#016cd1;--blue-600:#0165c7;--blue-700:#015ebd;--blue-800:#0055b0;--blue-900:#004ca3;--blue-1000:#00408f;--blue-3A:rgba(1,108,209,.025);--blue-5A:rgba(1,108,209,.041);--blue-7A:rgba(1,108,209,.057);--blue-10A:rgba(1,108,209,.079);--blue-15A:rgba(1,108,209,.114);--blue-20A:rgba(1,108,209,.146);--blue-30A:rgba(1,108,209,.204);--blue-40A:rgba(1,108,209,.255);--blue-50A:rgba(1,108,209,.301);--blue-60A:rgba(1,108,209,.342);--blue-70A:rgba(1,108,209,.38);--blue-80A:rgba(1,108,209,.415);--blue-90A:rgba(1,108,209,.447);--blue-100A:rgba(1,108,209,.477);--blue-125A:rgba(1,108,209,.544);--blue-150A:rgba(1,108,209,.602);--blue-175A:rgba(1,108,209,.653);--blue-200A:rgba(1,108,209,.699);--blue-300A:rgba(1,108,209,.845);--blue-400A:rgba(1,108,209,.954);--purple-3:#fbfbfd;--purple-5:#f9f8fc;--purple-7:#f6f5fb;--purple-10:#f3f1fa;--purple-15:#eeecf8;--purple-20:#e9e6f6;--purple-30:#e0dcf2;--purple-40:#d8d3ef;--purple-50:#d2ccec;--purple-60:#cbc5e9;--purple-70:#c6bee7;--purple-80:#c0b8e5;--purple-90:#bcb3e3;--purple-100:#b7ade1;--purple-125:#ada2dd;--purple-150:#a498d9;--purple-175:#9c8fd6;--purple-200:#9587d3;--purple-300:#7f6fca;--purple-400:#6f5cc3;--purple-500:#6854c0;--purple-600:#5d47bd;--purple-700:#553eb5;--purple-800:#4c37a8;--purple-900:#443099;--purple-1000:#382683;--purple-3A:rgba(104,84,192,.025);--purple-5A:rgba(104,84,192,.041);--purple-7A:rgba(104,84,192,.057);--purple-10A:rgba(104,84,192,.079);--purple-15A:rgba(104,84,192,.114);--purple-20A:rgba(104,84,192,.146);--purple-30A:rgba(104,84,192,.204);--purple-40A:rgba(104,84,192,.255);--purple-50A:rgba(104,84,192,.301);--purple-60A:rgba(104,84,192,.342);--purple-70A:rgba(104,84,192,.38);--purple-80A:rgba(104,84,192,.415);--purple-90A:rgba(104,84,192,.447);--purple-100A:rgba(104,84,192,.477);--purple-125A:rgba(104,84,192,.544);--purple-150A:rgba(104,84,192,.602);--purple-175A:rgba(104,84,192,.653);--purple-200A:rgba(104,84,192,.699);--purple-300A:rgba(104,84,192,.845);--purple-400A:rgba(104,84,192,.954);--pink-3:#fefafb;--pink-5:#fef7f9;--pink-7:#fef4f7;--pink-10:#fdeff4;--pink-15:#fce8ef;--pink-20:#fbe2ea;--pink-30:#fad6e2;--pink-40:#f9ccdb;--pink-50:#f7c3d4;--pink-60:#f6bbce;--pink-70:#f5b3c9;--pink-80:#f5acc4;--pink-90:#f4a6c0;--pink-100:#f3a0bb;--pink-125:#f193b2;--pink-150:#f087aa;--pink-175:#ef7da2;--pink-200:#ee749c;--pink-300:#ea5787;--pink-400:#e74178;--pink-500:#e63871;--pink-600:#e42b68;--pink-700:#e31e5e;--pink-800:#d31a57;--pink-900:#c11850;--pink-1000:#a71545;--pink-3A:rgba(230,56,113,.025);--pink-5A:rgba(230,56,113,.041);--pink-7A:rgba(230,56,113,.057);--pink-10A:rgba(230,56,113,.079);--pink-15A:rgba(230,56,113,.114);--pink-20A:rgba(230,56,113,.146);--pink-30A:rgba(230,56,113,.204);--pink-40A:rgba(230,56,113,.255);--pink-50A:rgba(230,56,113,.301);--pink-60A:rgba(230,56,113,.342);--pink-70A:rgba(230,56,113,.38);--pink-80A:rgba(230,56,113,.415);--pink-90A:rgba(230,56,113,.447);--pink-100A:rgba(230,56,113,.477);--pink-125A:rgba(230,56,113,.544);--pink-150A:rgba(230,56,113,.602);--pink-175A:rgba(230,56,113,.653);--pink-200A:rgba(230,56,113,.699);--pink-300A:rgba(230,56,113,.845);--pink-400A:rgba(230,56,113,.954);--yellow-3:#fffefb;--yellow-5:#fffdf8;--yellow-7:#fffcf5;--yellow-10:#fefaf1;--yellow-15:#fef9eb;--yellow-20:#fef7e6;--yellow-30:#fdf3dc;--yellow-40:#fdf0d3;--yellow-50:#fdeecb;--yellow-60:#fcecc4;--yellow-70:#fce9be;--yellow-80:#fce7b8;--yellow-90:#fbe6b2;--yellow-100:#fbe4ad;--yellow-125:#fbe0a1;--yellow-150:#fadd97;--yellow-175:#fada8f;--yellow-200:#f9d787;--yellow-300:#f8cf6e;--yellow-400:#f7c95b;--yellow-500:#f7c653;--yellow-600:#f6b94b;--yellow-700:#f4ab43;--yellow-800:#f29738;--yellow-900:#f0822d;--yellow-1000:#ec601e;--yellow-3A:rgba(247,198,83,.025);--yellow-5A:rgba(247,198,83,.041);--yellow-7A:rgba(247,198,83,.057);--yellow-10A:rgba(247,198,83,.079);--yellow-15A:rgba(247,198,83,.114);--yellow-20A:rgba(247,198,83,.146);--yellow-30A:rgba(247,198,83,.204);--yellow-40A:rgba(247,198,83,.255);--yellow-50A:rgba(247,198,83,.301);--yellow-60A:rgba(247,198,83,.342);--yellow-70A:rgba(247,198,83,.38);--yellow-80A:rgba(247,198,83,.415);--yellow-90A:rgba(247,198,83,.447);--yellow-100A:rgba(247,198,83,.477);--yellow-125A:rgba(247,198,83,.544);--yellow-150A:rgba(247,198,83,.602);--yellow-175A:rgba(247,198,83,.653);--yellow-200A:rgba(247,198,83,.699);--yellow-300A:rgba(247,198,83,.845);--yellow-400A:rgba(247,198,83,.954);--turquoise-3:#f9fefe;--turquoise-5:#f4fdfe;--turquoise-7:#f0fcfe;--turquoise-10:#ebfafd;--turquoise-15:#e2f8fc;--turquoise-20:#d9f7fb;--turquoise-30:#cbf3fa;--turquoise-40:#bdf0f9;--turquoise-50:#b2eef8;--turquoise-60:#a7ebf7;--turquoise-70:#9de9f6;--turquoise-80:#94e7f5;--turquoise-90:#8ce5f4;--turquoise-100:#84e3f3;--turquoise-125:#73dff2;--turquoise-150:#64dcf0;--turquoise-175:#57d9ef;--turquoise-200:#4bd6ee;--turquoise-300:#26ceea;--turquoise-400:#15bfdc;--turquoise-500:#14b5d0;--turquoise-600:#11aac6;--turquoise-700:#0fa0bc;--turquoise-800:#0b92ae;--turquoise-900:#0984a0;--turquoise-1000:#056f8a;--turquoise-3A:rgba(20,181,208,.025);--turquoise-5A:rgba(20,181,208,.041);--turquoise-7A:rgba(20,181,208,.057);--turquoise-10A:rgba(20,181,208,.079);--turquoise-15A:rgba(20,181,208,.114);--turquoise-20A:rgba(20,181,208,.146);--turquoise-30A:rgba(20,181,208,.204);--turquoise-40A:rgba(20,181,208,.255);--turquoise-50A:rgba(20,181,208,.301);--turquoise-60A:rgba(20,181,208,.342);--turquoise-70A:rgba(20,181,208,.38);--turquoise-80A:rgba(20,181,208,.415);--turquoise-90A:rgba(20,181,208,.447);--turquoise-100A:rgba(20,181,208,.477);--turquoise-125A:rgba(20,181,208,.544);--turquoise-150A:rgba(20,181,208,.602);--turquoise-175A:rgba(20,181,208,.653);--turquoise-200A:rgba(20,181,208,.699);--turquoise-300A:rgba(20,181,208,.845);--turquoise-400A:rgba(20,181,208,.954);--white-500:#fff;--white-3A:hsla(0,0%,100%,.025);--white-5A:hsla(0,0%,100%,.041);--white-7A:hsla(0,0%,100%,.057);--white-10A:hsla(0,0%,100%,.079);--white-15A:hsla(0,0%,100%,.114);--white-20A:hsla(0,0%,100%,.146);--white-30A:hsla(0,0%,100%,.204);--white-40A:hsla(0,0%,100%,.255);--white-50A:hsla(0,0%,100%,.301);--white-60A:hsla(0,0%,100%,.342);--white-70A:hsla(0,0%,100%,.38);--white-80A:hsla(0,0%,100%,.415);--white-90A:hsla(0,0%,100%,.447);--white-100A:hsla(0,0%,100%,.477);--white-125A:hsla(0,0%,100%,.544);--white-150A:hsla(0,0%,100%,.602);--white-175A:hsla(0,0%,100%,.653);--white-200A:hsla(0,0%,100%,.699);--white-300A:hsla(0,0%,100%,.845);--white-400A:hsla(0,0%,100%,.954);--font-display:"SF UI Display",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-ui:"SF UI Text",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--font-mono:"SF Mono","Monaco","Inconsolata","Fira Mono","Droid Sans Mono","Source Code Pro",monospace;--N1:#f9f9fb;--N2:#f5f6f7;--N3:#edf0f2;--N4:#e4e7eb;--N5:#c7ced4;--N6:#a6b1bb;--N7:#7b8b9a;--N8:#66788a;--N9:#425a70;--N10:#234361;--N1A:rgba(67,90,111,.04);--N2A:rgba(67,90,111,.06);--N3A:rgba(67,90,111,.09);--N4A:rgba(67,90,111,.14);--N5A:rgba(67,90,111,.3);--N6A:rgba(67,90,111,.47);--N7A:rgba(67,90,111,.7);--N8A:rgba(67,90,111,.81);--B1:#f7f9fd;--B2:#f1f7fc;--B3:#e9f2fa;--B4:#ddebf7;--B5:#b7d4ef;--B6:#8fbce6;--B7:#579ad9;--B8:#3d8bd4;--B9:#1070ca;--B10:#084b8a;--B1A:rgba(16,112,202,.04);--B2A:rgba(16,112,202,.06);--B3A:rgba(16,112,202,.09);--B4A:rgba(16,112,202,.14);--B5A:rgba(16,112,202,.3);--B6A:rgba(16,112,202,.47);--B7A:rgba(16,112,202,.7);--B8A:rgba(16,112,202,.81);--neutral-lightest:var(--N1);--neutral-light:var(--N4);--neutral-base:var(--N9);--neutral-dark:var(--N10);--blue-lightest:var(--B1);--blue-light:var(--B4);--blue-base:var(--B9);--blue-dark:var(--B10);--red-lightest:#fef6f6;--red-light:#fae2e2;--red-base:#ec4c47;--red-dark:#bf0e08;--orange-lightest:#fdf8f3;--orange-light:#fae3cd;--orange-base:#d9822b;--orange-dark:#95591e;--yellow-lightest:#fef8e7;--yellow-light:#fbe6a2;--yellow-base:#f7d154;--yellow-dark:#7e6514;--green-lightest:#f1faf5;--green-light:#d4eee2;--green-base:#47b881;--green-dark:#00783e;--teal-lightest:#f1fbfc;--teal-light:#d2eef3;--teal-base:#14b5d0;--teal-dark:#007489;--purple-lightest:#f8f7fc;--purple-light:#eae7f8;--purple-base:#735dd0;--purple-dark:#37248f;--color-border-default:var(--N4);--color-border-muted:var(--N3);--color-border-shadow:var(--N6A);--color-blurry-shadow:var(--N5A);--elevation-0:0 0 1px var(--color-border-shadow);--elevation-1:0 0 1px var(--color-border-shadow),0 2px 4px -2px var(--color-blurry-shadow);--elevation-2:0 0 1px var(--color-border-shadow),0 5px 8px -4px var(--color-blurry-shadow);--elevation-3:0 0 1px var(--color-border-shadow),0 8px 10px -4px var(--color-blurry-shadow);--elevation-4:0 0 1px var(--color-border-shadow),0 16px 24px -8px var(--color-blurry-shadow);--elevation-5:0 0 1px var(--color-border-shadow),0 2px 4px -2px var(--color-blurry-shadow)}.PageFooter-right{& p{font-size:14px}& a,& p{color:hsla(0,0%,100%,.8)}& a{border-bottom:2px solid hsla(0,0%,100%,.2);&:hover{color:#fff;border-bottom:2px solid #fff}}}audio,canvas,img,video{display:block}html{line-height:1}body{margin:0}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:inherit;line-height:1;font-weight:inherit}a{color:inherit;text-decoration:none}a:focus{outline:0}menu,ol,p,small,ul{margin:0;padding:0}menu,ol,ul{list-style:none}blockquote,q{margin:0}cite{font-style:inherit}form{margin:0}fieldset{border:none;margin:0;padding:0}figure,pre{margin:0}@custom-media --range-palm (max-width: 440px);@custom-media --range-palm-s (max-width: 360px);@custom-media --range-palm-m (min-width: 361px) and (max-width: 400px);@custom-media --range-palm-l (min-width: 401px) and (max-width: 440px);@custom-media --range-hand (min-width: 441px) and (max-width: 620px);@custom-media --range-hand-s (min-width: 441px) and (max-width: 500px);@custom-media --range-hand-m (min-width: 501px) and (max-width: 560px);@custom-media --range-hand-l (min-width: 561px) and (max-width: 620px);@custom-media --range-lap (min-width: 621px) and (max-width: 980px);@custom-media --range-lap-s (min-width: 621px) and (max-width: 740px);@custom-media --range-lap-m (min-width: 741px) and (max-width: 860px);@custom-media --range-lap-l (min-width: 861px) and (max-width: 980px);@custom-media --range-desk (min-width: 981px);@custom-media --range-desk-s (min-width: 981px) and (max-width: 1120px);@custom-media --range-desk-m (min-width: 1121px) and (max-width: 1260px);@custom-media --range-desk-l (min-width: 1261px) and (max-width: 1400px);@custom-media --range-desk-xl (min-width: 1401px);@custom-media --range-desk-xxl (min-width: 1601px);*,:after,:before{box-sizing:border-box}body,html{-webkit-text-size-adjust:100%;color:var(--neutral-500);font-family:var(--font-ui)}h1,h2,h3,h4,h5,h6{color:var(--neutral-800);font-family:var(--font-display)}.clearfix:after{content:"";display:table;clear:both}.bg-tint1{background:var(--N1)}.bg-tint2{background:var(--N2)}.bg-green{background:#43af79}.color-white{color:#fff;& h1,& h2,& h3,& h4,& h5,& h6,& p{color:#fff}}.clearfix{&:after,&:before{content:"";clear:both;display:table}}.bg-dark{background:var(--N9)}.border-bottom-default{border-bottom:1px solid var(--color-border-default)}.border-bottom-muted{border-bottom:1px solid var(--color-border-muted)}.focus-ring-link{position:relative;&:focus-visible:after{content:"";display:block;position:absolute;top:-4px;left:-6px;right:-6px;bottom:-4px;box-shadow:0 0 0 2px var(--B6A);border-radius:3px}}.focus-ring-link-white{position:relative;&:focus-visible{border-bottom:none}&:focus-visible:after{content:"";display:block;position:absolute;top:-4px;left:-6px;right:-6px;bottom:-4px;box-shadow:0 0 0 2px hsla(0,0%,100%,.5);border-radius:3px}}.TopBar{z-index:1;height:56px;display:flex;align-items:center;padding-left:16px;padding-right:16px;position:-webkit-sticky;position:sticky;top:0;z-index:9;background:#fff;box-shadow:var(--elevation-1)}.TopBar-nav{position:relative;display:flex;flex:1 1;@media (--range-hand ),(--range-palm ){margin-left:12px}@media (--range-desk ),(--range-lap ){margin-left:24px}}.TopBar-navRight{display:flex;align-items:center;&>span{margin-right:16px}}.TopBar-link{color:var(--neutral-base);text-transform:uppercase;line-height:16px;font-size:12px;padding:10px 12px;margin-right:8px;height:36px;display:inline-flex;align-items:center;letter-spacing:.4px;border-radius:3px;&:last-child{margin-right:0}&:hover{background-color:var(--N2A)}&.is-active,&:active{background-color:var(--B3A);color:var(--blue-base)}&:focus-visible{box-shadow:inset 0 0 0 2px var(--B6A)}& .icon-holder{width:16px;height:16px;display:inline-block;position:relative;top:-1px;&+span{margin-left:8px}}@media (--range-palm ){height:32px;& .hide-on-mobile{display:none}& .icon-holder+.hide-on-mobile{margin-left:0}}}.NavGroup{&+.NavGroup{margin-top:32px}& a{display:block;font-size:14px;padding:8px;margin:2px -8px;color:var(--neutral-base);border-radius:3px;&:hover{color:var(--neutral-base);background-color:var(--N2A)}&:focus-visible{box-shadow:inset 0 0 0 2px var(--B6A)}&.is-active,&:active{background-color:var(--B3A);color:var(--blue-base)}}}.NavGroup-title{font-size:24px;font-weight:500;line-height:28px;letter-spacing:-.2px;margin-bottom:16px;margin-top:16px}.Playground{background-color:var(--N1);border-radius:5px;overflow:hidden}.MDXPage .Playground{margin-top:24px;margin-bottom:24px}.Playground[data-isCodeCollapsed=false]{background-color:var(--N10);color:#fff}.Playground[data-isCodeCollapsed=true]{& .Playground-header:hover{background-color:var(--B4)}}.Playground-header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:relative;right:0;display:block;padding:8px;font-size:14px;text-transform:uppercase;letter-spacing:2px;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono)}.Playground-preview{background-color:#fff;color:var(--N8);margin:4px;padding:16px;border-radius:3px;box-shadow:0 0 0 1px var(--N4A)}.Playground-error{border-radius:5px;background-color:var(--neutral-800);color:#fff;padding:80px;text-align:center;& p{line-height:1.4}}.react-live-error{background-color:var(--red-base);padding:16px;font-size:14px;line-height:1.6;font-family:var(--font-mono);text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;-moz-tab-size:2;-o-tab-size:2;tab-size:2;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}.Playground-notice{padding:12px;font-size:14px;font-family:var(--font-ui)}.prism-code{color:#fff;-moz-tab-size:2;-o-tab-size:2;tab-size:2;font-family:var(--font-mono);font-size:14px;font-weight:400;line-height:1.6em;background-color:color(var(--N10) shade(15%));overflow:auto}.prism-code textarea{outline:none}.prism-code pre,.prism-code textarea,pre.prism-code{padding:10px;text-align:left;word-spacing:normal;word-break:normal;word-wrap:normal;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto;border-radius:.3em}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.inserted{color:#45ffa5}.token.deleted{color:color(var(--red-base) tint(40%) saturation(120%))}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#d4d0ab}.token.punctuation{color:#fefefe}.token.constant,.token.property,.token.symbol,.token.tag{color:color(var(--red-base) tint(40%) saturation(120%))}.token.boolean,.token.number{color:color(var(--teal-base) tint(20%))}.token.function{color:color(var(--teal-base) tint(40%))}.token.string{color:#45ffa5}.token.attr-name,.token.builtin,.token.char,.token.selector{color:var(--yellow-base)}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url,.token.variable{color:#00e0e0}.token.atrule,.token.attr-value{color:#45ffa5}.token.keyword{color:#00e0e0}.token.important,.token.regex{color:gold}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}@media screen and (-ms-high-contrast:active){code[class*=language-],pre[class*=language-]{color:windowText;background:window}:not(pre)>code[class*=language-],pre[class*=language-]{background:window}.token.important{background:highlight;color:window;font-weight:400}.token.atrule,.token.attr-value,.token.function,.token.keyword,.token.operator,.token.selector{font-weight:700}.token.attr-value,.token.comment,.token.doctype,.token.function,.token.keyword,.token.operator,.token.property,.token.string{color:highlight}.token.attr-value,.token.url{font-weight:400}}.Content code,.code{font-family:var(--font-mono);background-color:var(--teal-lightest);box-shadow:0 0 0 1px var(--teal-light);color:var(--teal-dark);border-radius:2px;font-size:90%;font-weight:500;padding:2px 4px}.Content li,.Content p,.li,.paragraph{font-size:16px;font-weight:400;line-height:1.7;letter-spacing:-.05px}.Content p,.paragraph{margin-top:1em;margin-bottom:1em}.Content li,.li{margin-top:.2em;margin-bottom:.2em}.Content h1,.h1{font-size:35px;line-height:40px;margin-top:54px;margin-bottom:4px}.Content h1,.Content h2,.h1,.h2{font-weight:500;letter-spacing:-.2px}.Content h2,.h2{font-size:28px;line-height:28px;margin-bottom:16px;margin-top:42px}.Content h3,.h3{font-size:21px;line-height:24px;margin-bottom:16px}.Content h3,.Content h4,.h3,.h4{font-weight:500;letter-spacing:-.05px;margin-top:32px}.Content h4,.h4{font-size:18px;font-family:var(--font-ui);line-height:22px;margin-bottom:4px}.Content a,.link{color:var(--blue-base);position:relative;&:hover{text-decoration:underline}&:focus-visible:after{text-decoration:none;content:"";display:block;position:absolute;top:-2px;left:-4px;right:-4px;bottom:-2px;box-shadow:0 0 0 2px var(--B6A);border-radius:3px}}.Link--small{font-size:10px}.Content blockquote,.blockquote{font-size:14px;font-weight:400;line-height:22px;letter-spacing:-.05px;margin-top:1em;margin-bottom:1em;border-left:2px solid var(--green-base);padding:12px;background-color:var(--green-lightest);& p{margin:.5em}}.Content strong,.strong{font-weight:600}.Content ul,.ul{list-style-type:disc;margin-left:1.1em;margin-top:16px;margin-bottom:16px}.Container{margin-left:auto;margin-right:auto;width:1024px;padding-left:24px;padding-right:24px}.Container--narrow{padding-left:120px;padding-right:120px}.Container-nextToSidebar{padding-left:48px;padding-right:48px;width:840px}.Hero{& h1{margin-bottom:.4em;font-size:35px;font-weight:600;line-height:58px;letter-spacing:-.2px}& p{font-size:16px;font-weight:400;line-height:1.5;margin-bottom:40px}& a.Link{color:var(--green-500);border-bottom:2px solid color(var(--green-base) alpha(5%));&:hover{border-bottom-color:var(--green-base)}&:active{\color:color(var(--green-base) shade(10%));border-bottom-color:color(var(--green-base) shade(10%))}}}.Hero-inner{max-width:1024px;margin-left:auto;margin-right:auto;display:flex;padding:80px 24px;align-items:center}.Hero-left{flex:1 1}.Hero-right{flex:1 1;padding-left:48px;& img{width:100%}}body{min-width:1024px}.MainLayout{min-height:100vh;display:flex;flex-direction:column}.MainLayout-main{display:flex;flex-direction:row-reverse}.MainLayout-content{flex:1 1;overflow-y:auto}.MainLayout-contentRight{flex:1 1;overflow-y:auto;display:flex;justify-content:center}.MainLayout-sidebar{&::-webkit-scrollbar{width:4px}&::-webkit-scrollbar-track{background:var(--neutral-5A)}&::-webkit-scrollbar-thumb{background:var(--neutral-20A)}&::-webkit-scrollbar-thumb:window-inactive{background:rgba(255,0,0,.4)}width:240px;padding:24px;overflow-y:auto;background-color:var(--N2)}.Sidebar-inner{max-width:260px}.MainLayout-main{flex:1 1}.PropTypesTable-composes{background-color:var(--yellow-15A);padding:12px;margin-bottom:24px;& p{margin:0}}.PropTypeWrapper{font-size:14px;line-height:1.6em;margin-bottom:24px}.PropTypeHeading{font-family:var(--font-mono);padding-bottom:4px;border-bottom:2px solid var(--neutral-5A);margin-bottom:4px}.PropTypeHeading-arrayOf,.PropTypeHeading-propType{background-color:var(--neutral-7A);color:var(--neutral-800);border-radius:2px;font-weight:500;padding:2px 4px}.PropTypeHeading-arrayOf{margin-left:12px}.PropTypeHeading-name{font-family:var(--font-mono);background-color:var(--turquoise-15A);color:var(--turquoise-1000);border-radius:2px;font-weight:500;padding:2px 4px;margin-right:12px}.PropTypeHeading-required{margin-left:12px;color:var(--red-700)}.PropType-value{font-family:var(--font-mono);font-size:14px}.PropTypeDescription{margin-bottom:8px}.PropTypeTypeValue{padding-bottom:4px;border-bottom:2px solid var(--neutral-5A);margin-bottom:4px}.Overview{margin:0 auto 160px;min-height:100vh;& header{margin-top:40px;margin-bottom:40px}& h2{margin-bottom:8px;font-size:32px}}.Overview-group{margin-bottom:40px}.Overview-groupTitle{opacity:.7;margin-bottom:16px;text-transform:uppercase;font-size:13px;letter-spacing:1px;font-weight:500}.Overview-groupItems{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-column-gap:16px;grid-row-gap:16px}.OverviewItem{&:hover{margin:-4px;padding:4px;background-color:var(--blue-10A);color:var(--blue-500)}&:focus-visible{margin:-4px;padding:4px;box-shadow:0 0 0 2px var(--blue-200A)}&:active{margin:-4px;padding:4px;background-color:var(--blue-500);color:#fff;box-shadow:0 0 0 2px var(--blue-500)}}.OverviewItem-image{display:block;border:none;width:100%;background-color:#fff;height:auto}.OverviewItem-label{display:block;margin-top:16px;margin-bottom:16px;line-height:18px;text-align:center}.MDXPage-header{border-bottom:var(--color-border-default)}.MDXPage-headerContent{display:flex;align-items:center;padding-top:32px;padding-bottom:32px;& h1{font-size:35px;font-weight:500}}.MDXPage-headerContentLeft{flex:1 1;display:flex;align-items:center}.MDXPage{& .Playground{margin-bottom:48px}}.MDXPage-headerTabs{padding-top:16px;padding-bottom:16px}.Features-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:10px;margin-top:80px;margin-bottom:80px}.Feature-title{margin-top:0}.Feature-description{font-size:14px;font-weight:400;line-height:1.7;letter-spacing:-.05px}.PageFooter-inner{align-items:center;display:flex;margin-top:48px;margin-bottom:48px}.PageFooter-left{flex:1 1}.PageFooter-right{flex:3 1;text-align:right}.PageFooter-right p{font-size:14px;color:hsla(0,0%,100%,.8)}.PageFooter-right a{color:hsla(0,0%,100%,.8);border-bottom:2px solid hsla(0,0%,100%,.2)}.PageFooter-right a:hover{color:#fff;border-bottom:2px solid #fff}.Media-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;margin-top:64px;margin-bottom:96px}.MediaItem{display:flex;overflow:hidden;flex-direction:column;background:#fff;border-radius:3px;box-shadow:var(--elevation-1);position:relative;transition:all .12s;top:0;&:hover{top:-2px;box-shadow:var(--elevation-2)}&:active{top:0;box-shadow:var(--elevation-1)}&:focus-visible:after{content:"";display:block;position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;box-shadow:0 0 0 2px var(--B6A);border-radius:5px}}.MediaItem-content{flex:1 1;margin:12px;display:flex;flex-direction:column}.MediaItem-title{margin:0 0 12px;font-weight:600;flex:1 1;font-size:16px;line-height:1.3;color:var(--N10);font-family:var(--font-ui)}.MediaItem-published{font-size:14px;font-weight:400;line-height:1.5;letter-spacing:-.05px;color:var(--N7)}.MediaItem-image{width:100%;display:block}