article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}@font-face{font-family:Regola;src:url("../fonts/RegolaPro-Regular.woff2") format("woff2"),url("../fonts/RegolaPro-Regular.woff") format("woff"),url("../fonts/RegolaPro-Regular.eot") format("eot");font-weight:400;font-style:normal}@font-face{font-family:Regola;src:url("../fonts/RegolaPro-RegularOblique.woff2") format("woff2"),url("../fonts/RegolaPro-RegularOblique.woff") format("woff");font-weight:400;font-style:italic}@font-face{font-family:Regola;src:url("../fonts/RegolaPro-Medium.woff2") format("woff2"),url("../fonts/RegolaPro-Medium.woff") format("woff"),url("../fonts/RegolaPro-Medium.eot") format("eot");font-weight:500;font-style:normal}@font-face{font-family:Regola;src:url("../fonts/RegolaPro-Bold.woff2") format("woff2"),url("../fonts/RegolaPro-Bold.woff") format("woff"),url("../fonts/RegolaPro-Bold.eot") format("eot");font-weight:700;font-style:normal}@font-face{font-family:Regola;src:url("../fonts/RegolaPro-BoldOblique.woff2") format("woff2"),url("../fonts/RegolaPro-BoldOblique.woff") format("woff"),url("../fonts/RegolaPro-BoldOblique.eot") format("eot");font-weight:700;font-style:italic}html,body{height:100%}html{font-family:sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;min-width:0;background:#fff;line-height:1.5}@media (prefers-color-scheme: dark){body{background:#222}}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;margin:20px 0;border:0;border-top:1px solid #9F9F9F}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}table{border-collapse:collapse;border-spacing:0;border:2px solid #EEF1F2}@media (prefers-color-scheme: dark){table{border-color:#3B5164}}table thead{background-color:#EEF1F2}@media (prefers-color-scheme: dark){table thead{background:#3B5164}}table tr{border-bottom:2px solid #EEF1F2}@media (prefers-color-scheme: dark){table tr{border-color:#3B5164}}table tr:last-of-type{border-bottom:none}table td{padding:10px 4px}::selection{background-color:#34AEF7}main{width:100%}.container{padding:20px}@media (min-width: 768px){.container{padding:40px}}body,input,textarea{color:#06070E;font-family:Titillium Web,Regola,Arial,sans-serif;font-size:1rem}h1,h2,h3,h4,p,ul,code,table{margin:0 0 20px}h1,h2,h3,h4{font-family:Regola,Arial,sans-serif}h1{font-size:2em;margin:0.67em 0}@media (min-width: 1280px){main p{width:83%;max-width:1280px}}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:bold}dfn{font-style:italic}mark{background:#EDBB16;color:#06070E}pre{margin:0;white-space:pre-wrap}pre>code{display:block;padding:20px}code{font-family:'Monaco', monospace, sans-serif;font-size:1em;border:none;border-radius:0;-moz-border-radius:2px;-webkit-border-radius:2px;padding:0 1px;overflow:auto}p>code,strong>code{display:inline}@media (max-width: 768px){ul>li>code{display:block}}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-0.5em}sub{bottom:-0.25em}a{color:#34AEF7;text-decoration:none}a:active,a:hover,a:focus{color:#3B5164}a:active,a:hover{outline:0}a:hover{color:#34AEF7;text-decoration:underline}a:focus{outline:thin dotted}fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}button,select{text-transform:none}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}textarea{overflow:auto;vertical-align:top}.button{display:flex;justify-content:center;text-transform:uppercase;text-align:center;font-weight:bold}.button a{align-items:center;background-color:#34AEF7;color:#111629;padding:10px 40px}.button a:active,.button a:hover,.button a:focus{text-decoration:none;background-color:#fff}header{background:linear-gradient(to left, #6285A3, #444446);display:flex;flex-direction:column;justify-content:center}@media (min-width: 480px){header{height:80px;max-height:80px}}@media (prefers-color-scheme: dark){header{background:#333}}header p{margin:0}header.navigation{position:sticky;top:80px}@media (min-width: 480px){header.navigation{top:0}}header nav{display:inline-block}header nav ul{list-style:none;margin:0;padding:10px 20px}header nav ul li{display:inline-block;padding:0;margin:0 20px 0 0}@media (min-width: 768px){header nav ul li{margin:0 20px}}header nav ul li a{color:#fff;font-weight:bold;text-transform:uppercase}header nav ul li a:active,header nav ul li a:hover,header nav ul li a:focus{color:#34AEF7}header nav ul li a .active{color:#A0DD5D}header nav ul li a .active:active,header nav ul li a .active:hover,header nav ul li a .active:focus{color:#34AEF7}header.splash{height:50vh;min-height:320px;max-height:none;background:url("../images/splash.jpg") center center,linear-gradient(to left, #6285A3, #444446);background-size:cover;text-align:center;padding:80px 20px}header.splash .logo{height:auto;width:100%;margin:0 auto;padding-bottom:40px}@media (min-width: 480px){header.splash .logo{max-height:7rem;width:auto;margin:0 auto}}@media (min-width: 768px){header.splash .logo{max-height:9rem}}header.splash .introduction{text-align:center;font-weight:bold;font-size:1.4rem;color:#fff;padding-bottom:40px}#content{padding:0;max-width:none;width:100%}#content .control{cursor:pointer;font-size:12px;margin-left:20px}#content .control:first-of-type{margin-left:0}#content article{clear:both;margin:20px 0}#content article>a{background:#333;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;cursor:pointer;display:block;padding:20px}@media (prefers-color-scheme: dark){#content article>a{background:#3B5164}}#content article>a:hover{background:#222;text-decoration:none}@media (prefers-color-scheme: dark){#content article>a:hover{background:#435b71}}#content a h2{color:#fff;font-size:18px;font-weight:normal;margin:0}#content a h2 code{float:right;font-size:14px}#content a h2 code b{border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;color:#06070E;font-weight:normal;padding:3px 6px}#content article{margin:20px 0}#content article:last-of-type{margin-bottom:0}#content article>a{padding:20px;border-radius:0}#content article a h2 code{color:#7F7F7F;margin-bottom:0;background:none;overflow:hidden;float:left;width:100%}@media (min-width: 768px){#content article a h2 code{float:right;width:auto}}#content article a h2 code b{background:#7F7F7F;text-transform:uppercase}@media (prefers-color-scheme: dark){#content article .body--documentation h3{color:#111}}#content article.GET a h2 code{color:#34AEF7}#content article.GET a h2 code b{background:#34AEF7}#content article.GET .body--documentation h3{background-color:#34AEF7}#content article.POST a h2 code{color:#A0DD5D}#content article.POST a h2 code b{background:#A0DD5D}#content article.POST .body--documentation h3{background-color:#A0DD5D}#content article.PATCH a h2 code{color:#EDBB16}#content article.PATCH a h2 code b{background:#EDBB16}#content article.PATCH .body--documentation h3{background-color:#EDBB16}#content article.DELETE a h2 code{color:#D51052}#content article.DELETE a h2 code b{background:#D51052}#content article.DELETE .body--documentation h3{background-color:#D51052}#content .body{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;padding:20px 0;width:100%}@media (min-width: 768px){#content .body{padding:20px}}#content .body--documentation h3{clear:both;padding:4px 6.6666666667px;width:fit-content}@media (min-width: 1280px){#content .body--documentation h4{width:48%}}#content .body--documentation hr{clear:both;padding:10px 0;border:none}@media (min-width: 1280px){#content .body--documentation pre{width:50%;float:right}}#content .body--documentation table{width:100%;margin-right:0;text-align:left;table-layout:fixed}@media (min-width: 480px){#content .body--documentation table{text-align:center}}@media (min-width: 1280px){#content .body--documentation table{float:left;width:48%}}.content-listings{display:grid;gap:20px}@media (min-width: 768px){.content-listings{grid-template-columns:repeat(2, 1fr)}}@media (min-width: 1280px){.content-listings{grid-template-columns:repeat(3, 1fr)}}.content-listings header{padding:20px;background:#333;margin-bottom:-2px;height:auto;max-height:none}@media (prefers-color-scheme: dark){.content-listings header{background:#3B5164}}.content-listings .title{color:#fff;font-size:18px;font-weight:normal;margin:0}.content-listings section{background:#EEF1F2;padding:20px;border:2px solid #333;color:#06070E}@media (prefers-color-scheme: dark){.content-listings section{background:#111;border-color:#3B5164;color:#fff}}.content-listings section p{width:100%;max-width:none}.content-listings section .link{margin-bottom:0;color:#34AEF7}.content-listings .article:hover{text-decoration:none}.content-listings .article:hover header{background:#222}@media (prefers-color-scheme: dark){.content-listings .article:hover header{background:#435b71}}.content-listings .article:hover section{border-color:#222}@media (prefers-color-scheme: dark){.content-listings .article:hover section{border-color:#435b71}}.content-listings .article:hover section .link{text-decoration:underline}.tags{display:flex;flex-direction:row}@media (min-width: 768px){.tags{align-self:flex-end}}.tags .tag{padding:5px 10px;margin-right:5px;background:#EEF1F2;border-radius:5px;display:inline-block;font-weight:bold}@media (prefers-color-scheme: dark){.tags .tag{background:#065a8c;color:#EEF1F2}}.tags .tag::before{content:"# "}.tags .tag.api{background:#fcf2d3;color:#EDBB16}@media (prefers-color-scheme: dark){.tags .tag.api{background:#332804}}.tags .tag.web-platform{background:#f3ecf6;color:#9B61B5}@media (prefers-color-scheme: dark){.tags .tag.web-platform{background:#2a1832}}article{display:flex;flex-direction:column;width:100%}@media (min-width: 480px){article{max-width:64vw}}@media (min-width: 768px){article{max-width:75vw}}@media (min-width: 1280px){article{max-width:none}}article .title{margin-top:0}article .title .emoji{padding-right:5px}@media (prefers-color-scheme: dark){article{color:#fff}}#sidebar{background:#191919;color:#fff;float:left;height:100%;overflow:auto;position:-webkit-sticky;position:sticky;top:0;width:100%}@media (min-width: 480px){#sidebar{display:flex;flex-direction:column;height:100vh;width:36vw}}@media (min-width: 768px){#sidebar{width:25vw;max-width:333px}}#sidebar .logo{margin:0;background:#111;min-height:80px;display:flex;flex-direction:column;justify-content:center;text-align:center}#sidebar .logo .emblem{height:2.4rem;margin:0 auto}#sidebar h1{background:#111;font-size:14px;margin:0;padding:20px;text-transform:uppercase}#sidebar h2{color:#888;font-size:14px;margin:0;padding-bottom:10px}#sidebar ul{list-style:none;margin:0;padding:0;display:none}@media (min-width: 480px){#sidebar ul{display:block}}#sidebar ul ul{padding-left:20px}#sidebar ul li a{color:#fff;display:block;padding:0 0 10px}#sidebar ul li a:hover{text-decoration:none}#sidebar ul li a:hover .link-text{text-decoration:underline}#sidebar ul li a .emoji{padding-right:5px}#sidebar ul li a:active .link-text,#sidebar ul li a .active .link-text{text-decoration:underline}#sidebar ul li a code{color:#06070E;background:#7F7F7F;font-size:12px;border-radius:2px;padding:2px 4px}#sidebar ul li.GET a code{background:#34AEF7}#sidebar ul li.POST a code{background:#A0DD5D}#sidebar ul li.PATCH a code{background:#EDBB16}#sidebar ul li.DELETE a code{background:#D51052}#sidebar #links{padding:20px}#sidebar form{background:#111;margin-bottom:20px;padding:5px 10px}#sidebar input{background:#111;border:0;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px;box-shadow:inset 0 0 5px rgba(0,0,0,0.2);-moz-box-shadow:inset 0 1px 5px rgba(0,0,0,0.2);-webkit-box-shadow:inset 0 1px 5px rgba(0,0,0,0.2);color:#EEF1F2;margin:0;padding:0;width:100%;background:none}#sidebar input:active,#sidebar input:focus{border-color:#ccc;box-shadow:inset 0 0 5px rgba(0,0,0,0.1);-moz-box-shadow:inset 0 1px 5px rgba(0,0,0,0.1);-webkit-box-shadow:inset 0 1px 5px rgba(0,0,0,0.1);outline:none}.sections{display:flex;flex-direction:column;justify-content:center}@media (min-width: 768px){.sections{flex-direction:row;flex-wrap:wrap}}.section{display:flex;flex:1;flex-direction:column;align-items:center;text-align:center;color:#111629;padding:20px;margin:20px}@media (prefers-color-scheme: dark){.section{color:#fff}}.section .title{margin:0}.section:active,.section:hover,.section:focus{text-decoration:none;background:#EEF1F2;color:#111629;transition:ease-in-out 100ms}.section:active .symbol,.section:hover .symbol,.section:focus .symbol{filter:invert(53%) sepia(80%) saturate(1475%) hue-rotate(177deg) brightness(103%) contrast(94%)}@media (prefers-color-scheme: dark){.section:active,.section:hover,.section:focus{background:rgba(0,0,0,0.55);color:#fff}.section:active .symbol,.section:hover .symbol,.section:focus .symbol{filter:invert(100%) sepia(17%) saturate(7058%) hue-rotate(28deg) brightness(98%) contrast(76%)}}.section .symbol{margin:40px auto;height:120px;filter:invert(7%) sepia(35%) saturate(1269%) hue-rotate(192deg) brightness(94%) contrast(95%)}@media (prefers-color-scheme: dark){.section .symbol{filter:invert(80%)}}.docs{display:flex;flex-direction:column}@media (min-width: 480px){.docs{flex-direction:row}}.docs ul{padding-left:20px}.docs ul li:last-of-type p{margin-bottom:0}.story{display:flex;flex-direction:column}@media (min-width: 480px){.story{flex-direction:row}}.story .meta{background:none;height:auto;max-height:none;margin-bottom:40px}.story .metadata{display:flex;flex-direction:column}@media (min-width: 768px){.story .metadata{flex-direction:row;align-items:center}}.story .published{align-self:flex-start;flex:1;margin-bottom:20px}@media (min-width: 768px){.story .published{align-self:center;margin:0}}.story .published span{font-weight:bold}.story blockquote{padding:20px 20px 10px 20px;background-color:#EEF1F2}@media (prefers-color-scheme: dark){.story blockquote{background-color:#3B5164}}.story img{max-width:100%;height:auto}.back-to-top{background:linear-gradient(to left, #6285A3, #444446);text-align:center;padding:20px 10px}@media (prefers-color-scheme: dark){.back-to-top{background:#333}}.back-to-top a{font-weight:bold;text-transform:uppercase;color:#fff}.back-to-top a:active,.back-to-top a:hover,.back-to-top a:focus{color:#34AEF7}footer.epilogue{background:linear-gradient(to left, #111629, #111);color:#fff}@media (prefers-color-scheme: dark){footer.epilogue{background:#111}}footer .logo{padding:20px 0;margin:0;text-align:center}footer .logo img{height:4rem;margin:0 auto}footer .about{font-size:0.8rem;color:#9F9F9F;text-align:center;margin-bottom:0}footer .nav-footer{padding:20px 10px;list-style-type:none;margin-bottom:0}@media (min-width: 480px){footer .nav-footer{text-align:center;padding-left:0}}footer .nav-footer li{margin-bottom:10px}footer .nav-footer li:last-of-type{margin-bottom:0}@media (min-width: 480px){footer .nav-footer li{display:inline-block;margin-right:20px;margin-bottom:0}footer .nav-footer li:last-of-type{margin-right:0}}footer .nav-footer li a{color:#fff}footer .nav-footer li a:active,footer .nav-footer li a:hover,footer .nav-footer li a:focus{color:#34AEF7}footer .nav-footer li a .active{color:#A0DD5D}footer .nav-footer li a .active:active,footer .nav-footer li a .active:hover,footer .nav-footer li a .active:focus{color:#34AEF7}.colophon{padding:0 10px 20px;margin-bottom:0;list-style-type:none}@media (min-width: 480px){.colophon{padding:0 10px 20px}}.colophon li{padding:0;margin:0;font-size:0.8rem;color:#9F9F9F}@media (min-width: 480px){.colophon li{margin-bottom:0;text-align:center}}.social-media{padding-top:0;display:flex;justify-content:center}@media (max-width: 480px){.social-media ul li{display:inline-block;margin-bottom:0}}.social-media ul{display:flex;flex-direction:row;gap:20px;list-style-type:none;padding:0}.social-media a{height:2rem;width:2rem;align-items:center;border:2px solid #fff;border-radius:100%;display:flex;justify-content:center}.social-media a:active,.social-media a:hover,.social-media a:focus{border:2px solid #34AEF7}.social-media a:active img,.social-media a:hover img,.social-media a:focus img{filter:invert(54%) sepia(94%) saturate(1010%) hue-rotate(174deg) brightness(98%) contrast(97%)}.social-media img{filter:invert(100%);height:1.0rem;width:auto}