pre{background-color:#121020;color:#e5e5e5}pre .token.punctuation,pre .token.operator{color:#e5e5e5}pre .token.tag,pre .token.function{color:#fb52b0}pre .token.attr-name,pre .token.keyword{color:#cbfd66}pre .token.attr-value,pre .token.string{color:#29e2e8}.code-sample .output pre{background-color:#fff;color:#555}.code-sample .output pre .token.punctuation,.code-sample .output pre .token.operator{color:#555}.code-sample .output pre .token.tag,.code-sample .output pre .token.function{color:#ac0060}.code-sample .output pre .token.attr-name,.code-sample .output pre .token.keyword{color:#71a013}.code-sample .output pre .token.attr-value,.code-sample .output pre .token.string{color:#45bbbf}footer,.title-block .container,.container>*,.breadcrumb ol{margin-left:auto;margin-right:auto;max-width:40rem}body{margin:0;font-family:"Sarabun",Trebuchet MS,Helvetica,sans-serif;font-size:1.125rem}*,*::before,*::after{box-sizing:border-box}h2{font-size:1.25rem}h3{font-size:1.125rem;margin-top:3rem}h4,h5,h6{margin-top:2rem;font-size:1rem}*+h2{margin-top:5rem}p{line-height:1.4}blockquote{margin-left:1rem;border-left:3px solid #aaa;padding-left:.5rem}blockquote+p{margin-left:1rem;font-size:.9rem}img{max-width:100%}pre{display:block;padding:1rem}pre{font-family:"Fira Code",monospace;overflow-x:auto}dt{color:#889096}dd{margin-left:0;margin-bottom:3rem}:target{border-bottom:.5rem solid #ffdfe5;color:#121020}.breadcrumb{padding:.25rem 1rem;font-size:.875rem;box-sizing:content-box}.breadcrumb ol{padding:0;list-style-type:none;display:flex;margin:0 auto}.breadcrumb li .icon{margin:0 .5rem;width:.5rem;height:.5rem}.breadcrumb a{text-decoration:none;color:#555;display:flex;align-items:center}.breadcrumb a:hover{text-decoration:underline}.breadcrumb a[aria-current=page]{color:#000}.container{padding:3rem 1rem}.code-sample{max-width:60rem;margin:2rem auto;display:flex;flex-wrap:wrap;background-color:#ececee;box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.code-sample pre{margin:0}.code-sample .input,.code-sample .output{flex-grow:1;margin:0;padding-top:.5rem;border:1px solid #121020;overflow-x:auto}.code-sample .input::before,.code-sample .output::before{content:attr(aria-label);display:block;font-size:.875rem;margin-left:1rem;font-family:"Fira Code",monospace;text-transform:uppercase}.code-sample .input{background-color:#121020;color:#e5e5e5}.code-sample .output{background-color:#fff;color:#555;border-left:none}.code-sample figcaption{max-width:40rem;margin:1rem auto;font-size:1rem;padding:0 1rem}figure.code-sample{margin:5rem auto}figure.code-sample .input,figure.code-sample .output{border:none}.header-area{background-color:#e6e5ef}.header-area p{font-size:1.35rem}.logo{max-width:10rem;max-height:10rem;width:100%;margin:auto}.icon-definitions{display:none}.icon{width:1rem;height:1rem}.icon-heading{margin-top:5rem;display:flex;align-items:center;flex-wrap:wrap;min-height:2rem;justify-content:flex-start}.icon-heading .badge{display:flex;align-items:center;justify-content:center;flex-basis:4rem;width:4rem;height:4rem;background-color:#d7fdfe;border-radius:50%;margin:-0.75rem .5rem -0.75rem -1rem}.icon-heading .badge .icon{min-width:2rem;min-height:2rem}.icon-heading:nth-of-type(3n) .badge{background-color:#ffdfe5}.icon-heading:nth-of-type(3n+1) .badge{background-color:#fdd2f8}.icon-heading h2{margin:0;flex-basis:10rem;flex-grow:1;padding:1rem 0}.icon-heading .cont{flex-basis:35rem}.title-block{background-color:#39364b;color:#fff;clip-path:polygon(0px 0px, 0px 100%, 20% calc(100% - 3rem), 65% calc(100% - 1rem), 100% calc(100% - 4rem), 100% 0px)}.title-block .container{display:flex;flex-wrap:wrap;padding-bottom:4rem}.title-block .title-area{flex-basis:5rem;flex-grow:1;margin:0 1rem}.title-block h1{margin:0;font-size:3rem;font-family:"Fira Code",monospace}.title-block p{font-size:1.25rem;color:#29e2e8}footer{padding:1rem 0;font-size:.875rem;display:flex;justify-content:flex-end}footer a{margin-left:1rem;color:#889096}