@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%}body{margin:0}article,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}a{background-color:transparent}code,kbd,samp{font-family:monospace,monospace;font-size:1em}img{border-style:none}[hidden]{display:none}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:local("Inter"),url(/static/font/inter-black/InterDisplay-Black.woff2) format("woff2"),url(/static/font/inter-black/InterDisplay-Black.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:local("Inter"),url(/static/font/inter-regular/InterDisplay-Regular.woff2) format("woff2"),url(/static/font/inter-regular/InterDisplay-Regular.woff) format("woff")}a,code,div,li,p,pre{line-height:22px;font-size:18px;margin:0}h1{font-size:42px}h1,h2{line-height:100%;margin:0}h2{font-size:34px}body,html{font-family:Inter,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}u{text-decoration:none;background-repeat:no-repeat;background-size:100% .55em;background-position:0 120%}@media (min-width:768px){a,code,div,li,p,pre{line-height:32px;font-size:28px}.homepage-title{font-size:124px;line-height:96%}h1{font-size:48px}h2{font-size:36px}}.text-right{text-align:right!important}.box-shadow{box-shadow:0 .1em 1em 0 rgba(0,0,0,.4)}.rotate-360{transform:rotate(1turn)}.scale-1-1{transform:scale(-1)}@media (min-width:768px){.mobile-only{display:none!important}.shadow-desktop-only{box-shadow:0 .1em 1em 0 rgba(0,0,0,.4)}}@media (min-width:1400px){.full-width{width:100vw;position:relative;left:50%;right:50%;margin-right:-50vw;margin-left:calc(-50vw + 44px);max-width:calc(100vw - 88px)}}.no-after:after{content:none!important}*{box-sizing:border-box}body,html{height:100%}#container{padding:22px}.spacer-1{height:22px}.spacer-2{height:44px}@media (min-width:768px){#container{padding:44px}.spacer-1{height:32px}.spacer-2{height:64px}}.link,a{text-decoration:underline;cursor:pointer}.link:after,a:after{content:"↗";display:inline-block;vertical-align:-3px;height:15px}.vertical{max-height:800px}.horizontal{max-width:100%}.img-link{text-decoration:none}.img-link:after{display:none}@media (min-width:768px){a:after{vertical-align:-5px;height:25px}}.browser-mockup>*{display:block}.code-title{display:inline-block;padding:16px;background-color:#1e1e1e;color:#fff;margin-right:5px;font-size:18px}.code-title span{display:block;line-height:18px}.code-title__first-line{text-transform:uppercase;color:#868686}@media (min-width:768px){.browser-mockup{border-top:1.4em solid hsla(0,0%,90.2%,.7);position:relative;border-radius:4px}.browser-mockup:before{display:block;position:absolute;content:"";top:-.95em;left:.65em;width:.5em;height:.5em;border-radius:50%;background-color:#f44;box-shadow:0 0 0 2px #ff544d,1.2em 0 0 2px #ffbd2c,2.4em 0 0 2px #27ca42}.section__title{font-size:64px}}.full-width .code-buttons__expand{transform:rotate(-180deg)}.code-buttons{position:relative;text-align:right;margin-bottom:-50px;z-index:1;pointer-events:none;height:50px;padding:8px 10px 0 0}.code-buttons span{background-position:50%;background-size:30px 30px;background-repeat:no-repeat;width:50px;height:50px;display:inline-block;cursor:pointer}.code-buttons .code-buttons__copy{background-image:url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M3%2010.5V4H2C0.895503%204%200%204.8955%200%206V14C0%2015.1045%200.895503%2016%202%2016H10C11.1045%2016%2012%2015.1045%2012%2014V13H5.5C4.3955%2013%203%2011.6045%203%2010.5ZM14%200H6C4.8955%200%204%200.895503%204%202V10C4%2011.1045%204.8955%2012%206%2012H14C15.1045%2012%2016%2011.1045%2016%2010V2C16%200.895503%2015.1045%200%2014%200Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");background-size:20px;pointer-events:auto;transition:transform .2s ease}.code-buttons .ok-icon{background-image:url("data:image/svg+xml;utf8,%3Csvg%20width%3D%2224%22%20height%3D%2218%22%20viewBox%3D%220%200%2024%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0%209.7657L8.21865%2018L24%202.23433L21.7343%200L8.21865%2013.4999L2.23429%207.51564L0%209.7657Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E")!important}.code-buttons .code-buttons__expand{width:0;pointer-events:auto}@media (min-width:1400px){.code-buttons__expand{background-image:url("data:image/svg+xml;uft8,%3Csvg%20width%3D%2216%22%20height%3D%229%22%20viewBox%3D%220%200%2016%209%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9.09943%208.25142V0.65767L12.8963%204.45455L9.09943%208.25142ZM0.636364%205.14489V3.7642H10.2628V5.14489H0.636364ZM14.1875%208.23864V0.670455H15.5682V8.23864H14.1875Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E");width:50px!important}}.hljs::-webkit-scrollbar{width:14px;height:18px}.hljs::-webkit-scrollbar-thumb{height:6px;border:4px solid #7f7f7f;background-clip:padding-box;-webkit-border-radius:7px;background-color:#7f7f7f;-webkit-box-shadow:inset -1px -1px 0 #7f7f7f,inset 1px 1px 0 #7f7f7f}::-webkit-scrollbar-button{width:0;height:0;display:none}::-webkit-scrollbar-corner{background-color:transparent}.hljs{scrollbar-width:thin;scrollbar-color:#7f7f7f;padding:24px;position:relative;display:block;overflow-x:auto;background:#1e1e1e;color:#dcdcdc}.hljs-keyword,.hljs-link,.hljs-literal,.hljs-name,.hljs-symbol{color:#569cd6}.hljs-link{text-decoration:underline}.hljs-built_in,.hljs-type{color:#4ec9b0}.hljs-class,.hljs-number{color:#b8d7a3}.hljs-meta-string,.hljs-string{color:#d69d85}.hljs-regexp,.hljs-template-tag{color:#9a5334}.hljs-formula,.hljs-function,.hljs-params,.hljs-subst,.hljs-title{color:#dcdcdc}.hljs-comment,.hljs-quote{color:#57a64a;font-style:italic}.hljs-doctag{color:#608b4e}.hljs-meta,.hljs-meta-keyword,.hljs-tag{color:#9b9b9b}.hljs-template-variable,.hljs-variable{color:#bd63c5}.hljs-attr,.hljs-attribute,.hljs-builtin-name{color:#9cdcfe}.hljs-section{color:gold}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-bullet,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id,.hljs-selector-pseudo,.hljs-selector-tag{color:#d7ba7d}.hljs-addition{background-color:#144212}.hljs-addition,.hljs-deletion{display:inline-block;width:100%}.hljs-deletion{background-color:#600}.hljs{overflow-wrap:normal}.content-date{display:block;margin-bottom:44px}.richtext-container{max-width:1000px;margin:auto;overflow-wrap:break-word}.richtext-container p{-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}.richtext-container .text-right{margin-top:44px}.richtext-container .text-right a{-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;white-space:nowrap}.richtext-container .inline-code{border-radius:3px;font-family:courier,monospace,Inter,Helvetica,Arial,sans-serif;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}.richtext-container video{max-width:100%}.richtext-container img,.richtext-container video{max-width:100%;display:block;margin:auto}.richtext-container h2{margin-top:44px}.richtext-container h1,.richtext-container h2,.richtext-container img,.richtext-container p,.richtext-container pre,.richtext-container video{margin-bottom:22px}@media (min-width:768px){.content-date{margin-bottom:64px}.richtext-container .text-right,.richtext-container h2{margin-top:64px}.richtext-container h1,.richtext-container h2,.richtext-container img,.richtext-container p,.richtext-container pre{margin-bottom:32px}}.light body{color:#000;background-color:#fff}.light body .link,.light body a{color:#000}.light body .light-hidden{display:none}.light body .inline-code{background-color:#e4e6e8}.light body u{background-image:linear-gradient(120deg,#e0e0e0,#e0e0e0)}.light body .content-date{color:rgba(0,0,0,.5)}.light body .section__list__entry__desc{color:#4d4d4d}@media (min-width:768px){.light .link:hover,.light a:hover{color:#00e}}.dark body{color:#fff;background-color:#121212}.dark body .link,.dark body a{color:#fff}.dark body .dark-hidden{display:none}.dark body u{background-image:linear-gradient(120deg,#393d3c,#393d3c)}.dark body .inline-code{background-color:#494949}.dark body .content-date{color:hsla(0,0%,100%,.5)}.dark body .section__list__entry__desc{color:#737373}@media (min-width:768px){.dark .link:hover,.dark a:hover{color:#2e7cf6}}.error404{font-size:70px}.error404,.error404-desc{display:block;text-align:center}.error404 a,.error404-desc a{font-size:inherit}@media (min-width:768px){.error404{font-size:124px}.error404,.error404-desc{text-align:left}}.homepage-title{text-align:left;font-weight:900;font-size:70px;line-height:70px;letter-spacing:.05em}.homepage-subtitle{margin:0;max-width:520px;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto}@media (min-width:1025px){.homepage-title{font-size:124px;line-height:96%}}