code[class*=language-],pre[class*=language-]{white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;tab-size:4;-webkit-hyphens:none;hyphens:none;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;line-height:1.5}pre[class*=language-]::selection{background:#b3d4fc}pre[class*=language-] ::selection{background:#b3d4fc}code[class*=language-]::selection{background:#b3d4fc}code[class*=language-] ::selection{background:#b3d4fc}pre[class*=language-]{overflow:auto}:not(pre)>code[class*=language-]{white-space:normal}.token.comment,.token.prolog,.token.doctype,.token.cdata{color:#708090}.token.punctuation{color:#999}.token.namespace{opacity:.7}.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905}.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690}.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#9a6e3a}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function,.token.class-name{color:#dd4a68}.token.regex,.token.important,.token.variable{color:#e90}.token.important,.token.bold{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 0 0,#f4f4f4 20%,#efefef 0 40%,#eaeaea 0 60%,#e5e5e5 0 80%,#e0e0e0 0) 0 0/100vw fixed;grid-template-columns:min(980px,100vw - 4rem);justify-content:center;align-items:center;margin:2rem;font:16px/1.6 system-ui,sans-serif;display:grid}h1{margin:0;font-size:2rem}h2{margin:2rem 0 1rem;font-size:1.5rem}p,ul{margin:1rem 0}.bold{font-weight:700}a{color:#07a}a:hover{text-decoration:none}header{justify-content:space-between;align-items:baseline;gap:1rem;display:flex}.header__heading{margin-right:auto}.header__icon{width:24px;height:24px}@media (width>768px){header{margin:0 0 2rem}main{grid-template-columns:1fr 1fr;align-content:start;column-gap:2rem;display:grid}aside{position:sticky;top:1rem}section:first-of-type{grid-column:1/-1}section:last-of-type{margin-top:2rem}}section{min-width:0}aside{background-color:#fff;border:2px solid #e0e0e0;border-radius:3px;align-self:start;margin-top:2rem;padding:0 2rem 2rem}form{gap:1rem 2rem;display:grid}@media (width>480px){form{grid-template-columns:1fr 1fr}}label{column-gap:.5rem;display:grid}select{font:inherit;background-color:#fff;border:2px solid #e0e0e0;border-radius:4px;height:40px;padding:0 1rem;transition:border-color .15s}select:not(:disabled):hover{border-color:#bbb}select:focus{border-color:#07a}input{accent-color:#07a;background-color:#0000;border:2px solid #e0e0e0;border-radius:4px;width:100%;height:2rem;margin:0}datalist{justify-content:space-between;font-size:.75rem;display:flex}footer{text-align:center;margin-top:2rem}button{color:#fff;cursor:pointer;font:inherit;background-color:#07a;border:none;border-radius:4px;grid-column:1/-1;padding:.45em 1rem;transition:background-color .15s}button:hover{background-color:#006b99}pre{margin:1rem 0}#example{background-color:#fff;border:2px solid #e0e0e0;border-radius:4px;grid-column:1/-1;height:180px;display:grid;position:sticky;top:1rem;box-shadow:0 15px 15px #fff}