body,h1,h2,h3,h4,figure,pre {margin:0}ul,ol {list-style:none;padding:0;margin:0}body {line-height:1}main,figure,figcaption,img {display:block}a {text-decoration:none}img {max-width:100%;height:auto}html {-ms-text-size-adjust:100%;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-size:1.25em}body {min-width:14em;padding:0 .5em;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Helvetica Neue',Arial,sans-serif;line-height:1;color:#444}@media (min-width:30em) {body {padding-left:1em;padding-right:1em}}@media (min-width:46em) {body {overflow-x:hidden}}@media (min-width:60em) {body {padding-bottom:0;margin-left:15em}}@media (min-width:65em) {body {margin-left:calc(15em + (0em + ((1vw - 0.52rem) * 11.3523)))}}@media (min-width:76em) {body {margin-left:calc(25% + 1em)}}a,a::before,a::after {transition:background-color .2s,border-color .2s,color .2s}a {color:#3575B6;word-wrap:break-word}a:hover,a:focus {color:#295d91}img {margin:0 auto 2em}img[data-src] {background-color:rgba(0,0,0,.05)}h1,h2,h3,h4 {padding-top:1rem;font-family:'Poppins';font-weight:bold;line-height:1.3;color:#555;margin:0 0 1em}h1 span,h2 span,h3 span,h4 span {display:inline-block}main h2 {padding-top:2rem;border-top:.05rem solid #bbb;font-size:1.4em;text-align:center;margin-top:2.5rem}header + h2 {padding-top:0;border:0;margin-top:0}h3 {font-size:1.1em}h4 {font-size:.9em}p {line-height:1.5;margin:0 0 2em}p b,p strong {font-weight:500}p a {font-weight:500}p span {display:inline-block}p q {font-style:italic}p q::before,p q::after {content:'"'}.list {margin:0 0 2em}.list>li {padding-left:.7em;line-height:1.5;position:relative;margin:0 0 1em}.list>li::before {display:block;width:1em;height:1em;background-color:#757575;border-radius:50%;font-size:.3em;color:#fff;position:absolute;top:2.1em;left:0;content:""}.list p {margin-bottom:1em}.list a {font-weight:500}.list b {font-weight:500}.list .list {padding-left:.5em;margin-top:.5em}.list .list>li {margin-bottom:.5em}ol.list>li,.checklist>li {padding-left:1.4em}ol.list>li::before,.checklist>li::before {top:.3rem}ol.list {counter-reset:numbered-item}ol.list>li::before {display:flex;align-items:center;justify-content:center;height:2em;width:2em;font-size:.5em;counter-increment:numbered-item;content:counter(numbered-item)}.checklist>li::before {padding:.5em;background:#439450 url(/img/icon-sprite.svg) no-repeat -2em center;background-size:auto 100%;background-origin:content-box;font-size:.5em}.decimal-list {counter-reset:decimal-item}.decimal-list>li {counter-increment:decimal-item}.decimal-list>li>ol {counter-reset:decimal-subitem}.decimal-list>li>ol>li {padding-left:0;margin-bottom:2em;counter-increment:decimal-subitem}.decimal-list>li>.list>li::before {float:left;position:relative;margin-right:.5em;content:counter(decimal-item)"."counter(decimal-subitem)}@media (min-width:49em) and (max-width:59.9375em),(min-width:76em) {.decimal-list>li>.list>li::before {position:absolute;top:.65em;left:-2.8em}}p code,.list li>code,td code {padding:.05em .25em .1em;background-color:#444;border-radius:.05rem;font-family:inherit;font-size:.8em;font-weight:500;color:#fff}p code.html,.list li>code.html,td code.html {background-color:#9c7b5b}p code.css,.list li>code.css,td code.css {background-color:#5b889c}p code.js,.list li>code.js,td code.js {background-color:#5b9c5b}table {width:100%;border-collapse:collapse;margin:0 0 2em}tr {}th,td {padding:.5em .5em;border:.05em solid #bbb}th {background-color:#757575;color:#fff;font-weight:500}table b {font-weight:500}.button,.links a {display:table;padding:.8em 1em;background-color:transparent;border:.075rem solid #3575B6;border-radius:.1rem;font-family:'Poppins';font-size:.8em;line-height:1;font-weight:500;color:#3575B6;margin:0 auto 2rem}.button::before,.button::after,.links a::after {display:inline-block;vertical-align:top;width:.3em;height:.3em;border:0 solid #3575B6;border-width:.15em .15em 0 0;margin-top:.3em;transform:rotate(45deg)}.button::after,.links a::after {margin-left:.5em;content:""}.button:hover,.button:focus,.links a:hover,.links a:focus {border-color:#295d91;color:#295d91}.button:hover::after,.button:focus::after,.links a:hover::after,.links a:focus::after {border-color:#295d91}.button[href^="#"]::after,.links a[href^="#"]::after {margin-top:.2em;transform:rotate(135deg)}.button[href^="mailto"]::after {display:none}.button[href^="/"],.sidebar .button {background-color:#3575b6;color:#fff}.button[href^="/"]::after {border-color:#fff}.button[href^="/"]:hover,.button[href^="/"]:focus,.sidebar .button:hover,.sidebar .button:focus {background-color:#295d91;color:#fff}.button[target="_blank"],.links a[target="_blank"] {}.button[target="_blank"]::after,.links a[target="_blank"]::after {vertical-align:top;width:auto;height:auto;background:url(/img/icon-sprite.svg) no-repeat 0em center;background-size:auto 100%;border:0;font-size:.7em;margin-top:.3em;transform:rotate(0deg);content:"\00A0\00A0\00A0\00A0"}.button[target="_blank"]:hover,.button[target="_blank"]:focus,.links a[target="_blank"]:hover,.links a[target="_blank"]:focus {}.links {display:flex;flex-wrap:wrap;margin-bottom:1rem}.links li {margin:0 .2em .2em 0}.links a {display:block;padding:.5em .6em .5em .5em;font-size:.7em;margin:0}.links a::after {margin-top:.3em;margin-right:.1em}.video {padding-bottom:56.25%;border:.05em solid #fff;box-shadow:0 0 0 .05em #bbb;;position:relative;margin:0 auto 2em}.video a,.video iframe {display:block;width:100%;height:100%;position:absolute}.video iframe {border:0}.video a::before {box-sizing:border-box;display:block;height:1em;width:1em;background-color:rgba(0,0,0,0.6);border:.05em solid #fff;border-radius:50%;box-shadow:0 0 0.15em 0 rgba(0,0,0,0.6);position:absolute;top:50%;left:50%;z-index:1;font-size:3em;margin:-.5em 0 0 -.5em;transition:background-color .2s;content:""}.video a::after {display:block;width:0;height:0;border:0 solid transparent;border-width:.2em 0 .2em .3em;border-left-color:#fff;position:absolute;top:50%;left:50%;z-index:1;font-size:3em;margin:-.2em 0 0 -.1em;content:""}.video a:hover::before,.video a:focus::before {background-color:#3575B6}.video img {object-fit:cover;height:100%;width:100%}.big-checklist>li,.card,.callout {padding:.5rem;border:.05rem solid #bbb;border-radius:.05rem;box-shadow:0 0 .1em rgba(0,0,0,.2)}.card>:last-child,.callout>:last-child {margin-bottom:0}.big-checklist {}.big-checklist>li {position:relative;margin-bottom:2em}.big-checklist>li>:last-child {margin-bottom:0}.big-checklist>li::before {display:block;height:2em;width:2em;padding:.5em;background:#439450 url(/img/icon-sprite.svg) no-repeat -4em center;background-size:auto 100%;background-origin:content-box;border-radius:50%;font-size:.5em;position:absolute;top:.4rem;left:.5rem;content:""}.big-checklist h3 {padding:0;margin:-.5rem -.5rem .5rem}.big-checklist h3 a {display:block;padding:.5rem .5rem .5rem 2.7rem;border-bottom:.05em solid #bbb;position:relative}.big-checklist h3 a::after {display:block;vertical-align:top;width:.5em;height:.5em;border:0 solid #3575B6;border-width:.2em .2em 0 0;position:absolute;top:50%;right:.8em;margin-top:-.3em;transform:rotate(45deg);content:""}.big-checklist h3 a:hover,.big-checklist h3 a:focus {color:#295d91}.big-checklist h3 a:hover::after,.big-checklist h3 a:focus::after {border-color:#295d91}.big-checklist h3:only-child {margin-bottom:-.5rem}.big-checklist h3:only-child a {border-bottom:0}.big-checklist p {line-height:1.3;margin-bottom:1rem}.big-checklist .links {}.big-checklist .button {}.callout {margin:0 0 2rem;overflow:hidden}.callout>h2:first-child,.callout>h3:first-child,.callout>h4:first-child,.callout>div:first-child {padding:0;font-family:'Poppins';font-weight:bold;font-size:.9em;line-height:1.3;text-align:left;margin:0 0 .3rem}.callout p {font-size:.9em;line-height:1.4;margin-bottom:1rem}figure {margin:0 auto 2em}figure>a {display:block;margin:0 auto}figure>a[href^="https://www.youtube.com"] {padding-bottom:56%;position:relative}figure>a[href^="https://www.youtube.com"] img {box-sizing:border-box;object-fit:cover;height:100%;width:100%;position:absolute}figure .video {margin-bottom:0}figure img {box-sizing:border-box;box-shadow:0 0 0 .05em #fff,0 0 0 .1em #bbb;margin:0 auto;transition:box-shadow .2s}figure img ~ img {margin-top:1em}figure>a:hover img,figure>a:focus img {box-shadow:0 0 0 .05em #fff,0 0 0 .1em #295d91}figure figcaption {font-size:.7em;line-height:1.2;font-weight:500;margin-top:.52em}figure figcaption a {font-weight:bold}@media (min-width:40em) {figure.left,figure.right {display:table;max-width:40%;margin-bottom:1em}figure.left {clear:left;float:left;margin-right:1.5em}figure.right {clear:right;float:right;margin-left:1.5em}figure.left figcaption,figure.right figcaption {display:table-caption;caption-side:bottom}figure.right>a[href^="https://www.youtube.com"] {min-width:11em}}@media (min-width:40em) {figure.right>a[href^="https://www.youtube.com"] {min-width:15em}}p a[target="_blank"],.list li>a[target="_blank"],figcaption a[target="_blank"] {font-weight:500}p a[target="_blank"]::after,.list li>a[target="_blank"]::after,figcaption a[target="_blank"]::after {vertical-align:top;background:url(/img/icon-sprite.svg) no-repeat 0em center;background-size:auto 100%;font-size:.5em;position:relative;top:1em;margin-left:.5em;opacity:.8;transition:opacity .2s;content:"\00A0\00A0\00A0\00A0\00A0\00A0"}figcaption a[target="_blank"]::after {top:.7em}p a[target="_blank"]:hover::after,.list li>a[target="_blank"]:hover::after,figcaption a[target="_blank"]:hover::after ,p a[target="_blank"]:focus::after,.list li>a[target="_blank"]:focus::after,figcaption a[target="_blank"]:focus::after {opacity:1}nav {display:none;width:calc(75% - 38.5em);max-width:8.5em;background-color:#fff;position:fixed;top:1.5em;right:1em}@media (min-width:80em) and (min-height:37em) {nav {display2:block}}@media (min-width:117em) {nav {right:auto;left:calc(25% + 60em)}}nav h2 {padding:0;font-size:.7em;text-align:right;position:relative;margin:0 .1rem .5rem 0}nav h2::before {display:block;height:2em;width:2em;padding:.5em;background:#439450 url(/img/icon-sprite.svg) no-repeat -4em center;background-size:auto 100%;background-origin:content-box;border-radius:50%;font-size:.4em;position:absolute;top:.05rem;left:-.4rem;content:""}nav h3 {padding:0;font-size:.6em;text-align:right;margin:0 .1rem .4rem 0}nav h2 a,nav h3 a {color:#555}nav h2 a:hover,nav h2 a:focus,nav h3 a:hover,nav h3 a:focus {color:#295d91}nav ul.links {display:block}nav ul.links:last-of-type {margin-bottom:0}nav ul.links li {margin-right:0}nav ul.links li:last-of-type {margin-bottom:0}nav ul.links a {}nav ul.links a::after {margin-left:.2em}.sidebar {display:none;flex-direction:column;justify-content:center;width:9em;position:fixed;top:.5em;bottom:.5em;right:.5em;right:clamp(.5em,1vw,1em)}@media (min-width:80em) and (min-height:36em) {.sidebar {display:block;display:flex}}@media (min-width:117em) {.sidebar {right:auto;left:calc(25% + 60em)}}.sidebar .card:not(:last-of-type) {margin:0 0 1em}.sidebar .links {}.sidebar .links {}.sidebar h2 {padding:0;;font-size:.8em;text-align:center;margin-bottom:.25rem}.sidebar p {font-size:.75em;line-height:1.3;margin-bottom:.5em}.sidebar img {margin:0 auto 0}.sidebar img + p {margin-top:-.5em}.sidebar .button {display:block;text-align:center;margin:0 0 .25em}.sidebar .button::after {filter:brightness(10)}main {max-width:34em;padding-bottom:1em;margin:0 auto}@media (min-width:60em) {main {padding-top:3em;position:relative;z-index:1;margin:0}}footer {max-width:34rem;padding-bottom:1em;margin:0 auto}@media (min-width:60em) {footer {margin:0}}footer .callout {margin-bottom:1em}footer>p {font-size:.7em;line-height:1.2;text-align:center;margin-bottom:.5rem}footer>p a {display:inline-block;padding:.2em .4em}footer>div:last-of-type {font-size:.7em;font-weight:500;text-align:center;color:#757575}header {border-bottom:.05em solid #bbb;margin:0 0 2em}header div {box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;min-height:65vh;padding:1em .5em;background-color:#333;background-repeat:no-repeat;background-position:center;background-size:cover;box-shadow:inset 0 -0.1rem 0.1rem rgba(0,0,0,.2);color:#fff;text-align:center;position:relative;z-index:1;margin:0 -.5em 1.5em}header div::before {display:block;background-repeat:no-repeat;background-position:center;background-size:cover;box-shadow:inset 0 -0.1rem 0.1rem rgba(0,0,0,.2);position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;opacity:0;transition:opacity .2s;content:""}.loaded header div::before {opacity:1}h1 {padding-top:0;font-size:1.5em;font-size:calc(1.5rem + ((1vw - 0.15em) * 3.3333));;font-weight:bold;text-align:center;color:#fff;text-shadow:0 0 .1em rgba(0,0,0,.4),0 0 .2em rgba(0,0,0,.4),0 0 .4em rgba(0,0,0,.2);margin-bottom:1rem}h1 i {display:block;font-size:.5em;font-style:normal;font-weight:500}@media (min-width:30em) {h1 {font-size:1.8em}}@media (min-width:60em) {h1 {font-size:1.5em}}@media (min-width:76em) {h1 {font-size:calc(1.5rem + ((1vw - 0.608em) * 3.2609))}}@media (min-width:87.5em) {h1 {font-size:1.8em}}header div::after {display:block;padding:.5rem;font-size:.6em;text-align:left;text-shadow:0 0 .1em rgba(0,0,0,.8),0 0 .5em rgba(0,0,0,.6),0 0 1em rgba(0,0,0,.2);position:absolute;bottom:0;left:0;right:0;content:attr(data-caption)}@media (min-width:30em) {header div {padding-left:1em;padding-right:1em;margin-left:-1em;margin-right:-1em}header div::after {padding-left:1rem}}@media (min-width:46em) {header div {margin-left:calc((-100vw + 34em) / 2);margin-right:calc((-100vw + 34em) / 2)}}@media (min-width:60em) {header div {box-sizing:border-box;width:25%;min-width:15em;padding-left:.5em;padding-right:.5em;;padding-bottom:3em;position:fixed;;top:0;bottom:0;left:0;z-index:1;box-shadow:inset -.1em 0 .1em rgba(0,0,0,.2);margin:0;overflow-y:auto}header div::before {box-shadow:inset -.1em 0 .1em rgba(0,0,0,.2)}header div::after {padding-left:.5rem}}header .button {background-color:rgba(30,30,30,.6) !important;border-color:#fff;text-shadow:0 0 .1em rgba(0,0,0,.6),0 0 .2em rgba(0,0,0,.4),0 0 .4em rgba(0,0,0,.2);box-shadow:0 0 .05em .05em rgba(0,0,0,.2);color:#fff;margin-bottom:0;animation2:more-animation 120s 180s ease-in-out infinite}header .button:hover,header .button:focus {background-color:rgba(30,30,30,.7) !important;border-color:#fff;color:#fff}header .button[href="/"]::before {border-color:#fff;margin-right:.5em;transform:rotate(225deg);content:""}header .button[href="/"]::after {display:none}header .button[href*="twitter"] {font-size:.7em;margin-top:.5rem}header .button[href*="twitter"]:after {filter:brightness(10)}@keyframes more-animation {0% {transform:scale(1)}.4% {transform:scale(1.05)}.8% {transform:scale(1)}1.2% {transform:scale(1.05)}1.6% {transform:scale(1)}2% {transform:scale(1.05)}2.4% {transform:scale(1)}100% {transform:scale(1)}}header p {font-family:'Poppins';font-size:1.2em;line-height:1.3;font-weight:500;text-align:center;margin-bottom:1.5rem}.code-snippet {margin:0 0 2em}.code-snippet figcaption {padding:.4em .5rem;background-color:#444;font-size:.7em;text-transform:uppercase;font-weight:500;color:#fff;text-align:left;margin:0}.code-snippet.html figcaption {background-color:#9c7b5b}.code-snippet.css figcaption {background-color:#5b889c}.code-snippet.js figcaption {background-color:#5b9c5b}@media (min-width:46em) {.code-snippet.wide {margin-left:calc((-100vw + 36.8em) / 2);margin-right:calc((-100vw + 36.8em) / 2)}}@media (min-width:60em) {.code-snippet.wide {margin-left:0;margin-right:0}}@media (min-width:65em) {.code-snippet.wide {margin-right:calc(-100vw + 52em + (0em + ((1vw - 0.52rem) * 22)))}}@media (min-width:76em) {.code-snippet.wide {max-width:56em;margin-right:calc(-75vw + 38.8em)}}.code-snippet pre {background-color:#272a30;background-color:rgba(31,32,39,.96);font-family:inherit;line-height:1.3;color:#eaeaea}.code-snippet code {display:block;padding:1rem .5rem;overflow-x:auto;font-family:inherit;font-size:.9em}.code-snippet.wrap code {white-space:pre-wrap;word-break:break-all}.code-snippet code span {color:#9ca2b2}.code-snippet code i {font-style:normal;color:#717990}.code-snippet code b {font-weight:500;color:#fff}.code-snippet code strong {font-weight:500;color:#efd156}.code-snippet code del {background-color:#a72f2a;text-decoration:none}.code-snippet code ins {background-color:#3c8e49;font-weight:500;text-decoration:none}@media (max-width:45.9375em),(min-width:60em) and (max-width:64.9375em) {.table-example,.table-example thead,.table-example tbody,.table-example tr,.table-example td {display:block}.table-example thead {display:none}.table-example tr {margin-bottom:.5em}.table-example td {border-top:0}.table-example td:first-of-type {background-color:#757575;color:#fff;font-weight:500}.table-example td:nth-child(n+3)::before {content:attr(data-th)": "}}@media (min-width:36em) and (max-width:45.9375em),(min-width:60em) and (max-width:64.9375em) {.table-example tbody {display:flex;flex-wrap:wrap;margin-left:-.5em}.table-example tr {flex-basis:calc(50% - .5em);margin-left:.5em}}@-webkit-keyframes progress-animation {0% {background-position: 0 0,0 0}100% {background-position: 0 0,2.82842712474619em 0}}@keyframes progress-animation {0% {background-position: 0 0,0 0}100% {background-position: 0 0,2.82842712474619em 0}}.example-menu-toggle {display:block;width:100%;height:2em;background-color:#f2f2f2;border:.05rem solid #d6d6d6;border-radius:.1rem;font-size:1em;position:relative;margin:0 0 .2em;overflow:hidden;transition:background-color .2s}.example-menu-toggle::before {display:block;height:200%;content:""}.example-menu-toggle::after {display:block;width:1em;height:1em;background:url(/img/icon-sprite.svg) no-repeat -10em center;background-size:auto 100%;font-size:1.1em;position:absolute;top:0;bottom:0;left:.5em;margin:auto;filter:brightness(.4);content:""}.example-menu-toggle:hover,.example-menu-toggle:focus {background-color:#e8e8e8}.example-menu-toggle.open::after {filter:brightness(.2)}.example-menu {visibility:hidden;height:0;background-color:#f2f2f2;border:.05rem solid #d6d6d6;border-radius:.1rem;overflow:hidden;transition:visibility 0s .2s,height .2s;margin:0 0 2em}.example-menu li {}.example-menu a {display:block;padding:.5em .5em;font-size:.9em;color:#333}.example-menu li:not(:first-child) a {border-top:.05rem solid #d6d6d6}.example-menu a::after {display:inline-block;vertical-align:top;width:1em;height:1em;border:0 solid #333;border-width:.4em .4em 0 0;font-size:.2em;margin:2.3em 0 0 1.5em;transform:rotate(45deg);content:""}.example-menu a:hover,.example-menu a:focus {background-color:#e8e8e8}.example-menu.open {visibility:visible;height:auto;transition-delay:0s}.callout.about figure {margin-bottom:1em}.callout.about img {border-radius:50%}.callout.about figcaption {text-align:center}@media (min-width:40em) {.callout.about figure {;margin-bottom:0 !important}.callout.about img {max-width:7em}}