@charset "UTF-8";html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{margin:0;padding:0}ol,ul{list-style:none}li,ul{list-style:none}.container[data-bg-grid=grid-12]{background-size:100% 12px;background-image:linear-gradient(transparent 11px,hsl(0deg,0%,93%) 1px),linear-gradient(to left,transparent 12px,hsl(0deg,0%,93%),transparent 13px),linear-gradient(to right,transparent 12px,hsl(0deg,0%,93%),transparent 13px)}.container[data-bg-grid=grid-12] .heti--vertical{outline:1px solid hsl(0deg,0%,93%);background-size:12px 100%;background-image:linear-gradient(to left,transparent 11px,hsl(0deg,0%,93%) 1px)}.container[data-bg-grid=grid-24]{background-size:100% 24px;background-image:linear-gradient(transparent 23px,hsl(0deg,0%,93%) 1px),linear-gradient(to left,transparent 12px,hsl(0deg,0%,93%),transparent 13px),linear-gradient(to right,transparent 12px,hsl(0deg,0%,93%),transparent 13px)}.container[data-bg-grid=grid-24] .heti--vertical{outline:1px solid hsl(0deg,0%,93%);background-size:24px 100%;background-image:linear-gradient(to left,transparent 23px,hsl(0deg,0%,93%) 1px)}[data-darkmode=dark] .container[data-bg-grid=grid-12]{background-image:linear-gradient(transparent 11px,hsl(0deg,0%,20%) 1px),linear-gradient(to left,transparent 12px,hsl(0deg,0%,20%),transparent 13px),linear-gradient(to right,transparent 12px,hsl(0deg,0%,20%),transparent 13px)}[data-darkmode=dark] .container[data-bg-grid=grid-12] .heti--vertical{background-size:12px 100%;background-image:linear-gradient(to left,transparent 11px,hsl(0deg,0%,20%) 1px)}[data-darkmode=dark] .container[data-bg-grid=grid-24]{background-image:linear-gradient(transparent 23px,hsl(0deg,0%,20%) 1px),linear-gradient(to left,transparent 12px,hsl(0deg,0%,20%),transparent 13px),linear-gradient(to right,transparent 12px,hsl(0deg,0%,20%),transparent 13px)}[data-darkmode=dark] .container[data-bg-grid=grid-24] .heti--vertical{background-size:24px 100%;background-image:linear-gradient(to left,transparent 23px,hsl(0deg,0%,20%) 1px)}@media (prefers-color-scheme:dark){[data-darkmode=auto] .container[data-bg-grid=grid-12]{background-image:linear-gradient(transparent 11px,hsl(0deg,0%,20%) 1px),linear-gradient(to left,transparent 12px,hsl(0deg,0%,20%),transparent 13px),linear-gradient(to right,transparent 12px,hsl(0deg,0%,20%),transparent 13px)}[data-darkmode=auto] .container[data-bg-grid=grid-12] .heti--vertical{background-size:12px 100%;background-image:linear-gradient(to left,transparent 11px,hsl(0deg,0%,20%) 1px)}[data-darkmode=auto] .container[data-bg-grid=grid-24]{background-image:linear-gradient(transparent 23px,hsl(0deg,0%,20%) 1px),linear-gradient(to left,transparent 12px,hsl(0deg,0%,20%),transparent 13px),linear-gradient(to right,transparent 12px,hsl(0deg,0%,20%),transparent 13px)}[data-darkmode=auto] .container[data-bg-grid=grid-24] .heti--vertical{background-size:24px 100%;background-image:linear-gradient(to left,transparent 23px,hsl(0deg,0%,20%) 1px)}}@media screen and (min-width:640px){.container[data-bg-grid=grid-12]{background-image:linear-gradient(transparent 11px,hsl(0deg,0%,93%) 1px),linear-gradient(to left,transparent 48px,hsl(0deg,0%,93%),transparent 49px),linear-gradient(to right,transparent 48px,hsla(0deg,100%,50%,.4),transparent 49px)}.container[data-bg-grid=grid-24]{background-image:linear-gradient(transparent 23px,hsl(0deg,0%,93%) 1px),linear-gradient(to left,transparent 48px,hsl(0deg,0%,93%),transparent 49px),linear-gradient(to right,transparent 48px,hsla(0deg,100%,50%,.4),transparent 49px)}[data-darkmode=dark] .container[data-bg-grid=grid-12]{background-image:linear-gradient(transparent 11px,hsl(0deg,0%,20%) 1px),linear-gradient(to left,transparent 48px,hsl(0deg,0%,20%),transparent 49px),linear-gradient(to right,transparent 48px,hsla(0deg,100%,65%,.4),transparent 49px)}[data-darkmode=dark] .container[data-bg-grid=grid-24]{background-image:linear-gradient(transparent 23px,hsl(0deg,0%,20%) 1px),linear-gradient(to left,transparent 48px,hsl(0deg,0%,20%),transparent 49px),linear-gradient(to right,transparent 48px,hsla(0deg,100%,65%,.4),transparent 49px)}}@media screen and (min-width:640px) and (prefers-color-scheme:dark){[data-darkmode=auto] .container[data-bg-grid=grid-12]{background-image:linear-gradient(transparent 11px,hsl(0deg,0%,20%) 1px),linear-gradient(to left,transparent 48px,hsl(0deg,0%,20%),transparent 49px),linear-gradient(to right,transparent 48px,hsla(0deg,100%,65%,.4),transparent 49px)}[data-darkmode=auto] .container[data-bg-grid=grid-24]{background-image:linear-gradient(transparent 23px,hsl(0deg,0%,20%) 1px),linear-gradient(to left,transparent 48px,hsl(0deg,0%,20%),transparent 49px),linear-gradient(to right,transparent 48px,hsla(0deg,100%,65%,.4),transparent 49px)}}.panel-list{display:inline-flex;margin:0;padding:0;list-style-type:none;--bg-color:hsl(240, 100%, 100%);--bg-tap-color:hsl(300, 3%, 94%);--border-color:hsla(0, 0%, 76%, 0.88);--border-inline-start-color:hsl(0, 0%, 76%);--border-inline-end-color:hsl(0, 0%, 76%);--border-block-start-color:hsl(0, 0%, 79%);--border-block-end-color:hsl(0, 0%, 65%);--text-color:hsl(60, 1%, 16%);--box-shadow-color:hsla(0, 0%, 86%, 0.54);--bg-highlight-color-start:hsl(216, 87%, 70%);--bg-highlight-color-end:hsl(215, 93%, 52%);--bg-highlight-tap-color-start:hsl(216, 92%, 65%);--bg-highlight-tap-color-end:hsl(215, 95%, 44%);--border-highlight-color:hsla(216, 90%, 57%, 0.88);--border-highlight-tap-color:hsla(216, 85%, 52%, 0.88);--border-inline-start-highlight-color:hsl(216, 90%, 57%);--border-inline-end-highlight-color:hsl(216, 90%, 57%);--border-inline-start-highlight-tap-color:hsl(216, 85%, 52%);--border-inline-end-highlight-tap-color:hsl(216, 85%, 52%);--border-block-start-highlight-color:hsl(216, 87%, 63%);--border-block-end-highlight-color:hsl(215, 99%, 49%);--border-block-start-highlight-tap-color:hsl(216, 93%, 57%);--border-block-end-highlight-tap-color:hsl(216, 100%, 42%);--text-highlight-color:hsl(0, 0%, 100%)}.panel-list--gray{--bg-color:hsl(180, 100%, 100%);--bg-tap-color:hsl(0, 0%, 94%);--border-color:hsla(0, 0%, 72%, 0.88);--border-inline-start-color:hsl(0, 0%, 76%);--border-inline-end-color:hsl(0, 0%, 76%);--border-block-start-color:hsl(0, 0%, 79%);--border-block-end-color:hsl(0, 0%, 65%);--text-color:hsl(0, 0%, 16%);--box-shadow-color:hsla(0, 0%, 86%, 0.54);--bg-highlight-color-start:hsl(225, 3%, 70%);--bg-highlight-color-end:hsl(228, 2%, 58%);--bg-highlight-tap-color-start:hsl(228, 2%, 58%);--bg-highlight-tap-color-end:hsl(240, 3%, 35%);--border-highlight-color:hsla(225, 2%, 64%, 0.88);--border-highlight-tap-color:hsla(228, 2%, 47%, 0.88);--border-inline-start-highlight-color:hsl(240, 3%, 59%);--border-inline-end-highlight-color:hsl(228, 2%, 54%);--border-inline-start-highlight-tap-color:hsl(240, 3%, 39%);--border-inline-end-highlight-tap-color:hsl(228, 3%, 39%);--border-block-start-highlight-color:hsl(240, 3%, 66%);--border-block-end-highlight-color:hsl(228, 2%, 50%);--border-block-start-highlight-tap-color:hsl(228, 2%, 51%);--border-block-end-highlight-tap-color:hsl(228, 4%, 26%);--text-highlight-color:hsl(0, 0%, 92%)}[data-darkmode=dark] .panel-list{--bg-color:hsl(225, 2%, 40%);--bg-tap-color:hsl(210, 2%, 49%);--border-color:hsla(210, 2%, 33%, 0.88);--border-inline-start-color:hsl(210, 2%, 33%);--border-inline-end-color:hsl(210, 2%, 33%);--border-block-start-color:hsl(225, 2%, 45%);--border-block-end-color:hsl(210, 2%, 40%);--text-color:hsl(0, 0%, 91%);--box-shadow-color:hsla(225, 4%, 21%, 0.54);--bg-highlight-color-start:hsl(216, 77%, 49%);--bg-highlight-color-end:hsl(216, 76%, 45%);--bg-highlight-tap-color-start:hsl(214, 83%, 55%);--bg-highlight-tap-color-end:hsl(215, 74%, 51%);--border-highlight-color:hsla(215, 77%, 47%, 0.88);--border-highlight-tap-color:hsla(215, 79%, 54%, 0.88);--border-inline-start-highlight-color:hsl(215, 77%, 47%);--border-inline-end-highlight-color:hsl(215, 77%, 47%);--border-inline-start-highlight-tap-color:hsl(215, 79%, 54%);--border-inline-end-highlight-tap-color:hsl(215, 79%, 54%);--border-block-start-highlight-color:hsl(216, 76%, 55%);--border-block-end-highlight-color:hsl(216, 76%, 44%);--border-block-start-highlight-tap-color:hsl(215, 84%, 60%);--border-block-end-highlight-tap-color:hsl(215, 74%, 51%);--text-highlight-color:hsl(0, 0%, 100%)}[data-darkmode=dark] .panel-list--gray{--bg-color:hsl(0, 0%, 40%);--bg-tap-color:hsl(0, 0%, 49%);--border-color:hsla(120, 1%, 34%, 0.88);--border-inline-start-color:hsl(0, 0%, 40%);--border-inline-end-color:hsl(360, 0%, 40%);--border-block-start-color:hsl(0, 0%, 46%);--border-block-end-color:hsl(120, 0%, 40%);--text-color:hsl(0, 0%, 91%);--box-shadow-color:hsla(0, 0%, 17%, 0.54);--bg-highlight-color-start:hsl(0, 0%, 60%);--bg-highlight-color-end:hsl(0, 0%, 60%);--bg-highlight-tap-color-start:hsl(0, 0%, 69%);--bg-highlight-tap-color-end:hsl(0, 0%, 69%);--border-highlight-color:hsla(0, 0%, 60%, 0.88);--border-highlight-tap-color:hsla(0, 0%, 69%, 0.88);--border-inline-start-highlight-color:hsl(0, 0%, 60%);--border-inline-end-highlight-color:hsl(0, 0%, 60%);--border-inline-start-highlight-tap-color:hsl(0, 0%, 69%);--border-inline-end-highlight-tap-color:hsl(0, 0%, 69%);--border-block-start-highlight-color:hsl(0, 0%, 64%);--border-block-end-highlight-color:hsl(0, 0%, 60%);--border-block-start-highlight-tap-color:hsl(0, 0%, 73%);--border-block-end-highlight-tap-color:hsl(0, 0%, 69%);--text-highlight-color:hsl(0, 0%, 15%)}@media (prefers-color-scheme:dark){[data-darkmode=auto] .panel-list{--bg-color:hsl(225, 2%, 40%);--bg-tap-color:hsl(210, 2%, 49%);--border-color:hsla(210, 2%, 33%, 0.88);--border-inline-start-color:hsl(210, 2%, 33%);--border-inline-end-color:hsl(210, 2%, 33%);--border-block-start-color:hsl(225, 2%, 45%);--border-block-end-color:hsl(210, 2%, 40%);--text-color:hsl(0, 0%, 91%);--box-shadow-color:hsla(225, 4%, 21%, 0.54);--bg-highlight-color-start:hsl(216, 77%, 49%);--bg-highlight-color-end:hsl(216, 76%, 45%);--bg-highlight-tap-color-start:hsl(214, 83%, 55%);--bg-highlight-tap-color-end:hsl(215, 74%, 51%);--border-highlight-color:hsla(215, 77%, 47%, 0.88);--border-highlight-tap-color:hsla(215, 79%, 54%, 0.88);--border-inline-start-highlight-color:hsl(215, 77%, 47%);--border-inline-end-highlight-color:hsl(215, 77%, 47%);--border-inline-start-highlight-tap-color:hsl(215, 79%, 54%);--border-inline-end-highlight-tap-color:hsl(215, 79%, 54%);--border-block-start-highlight-color:hsl(216, 76%, 55%);--border-block-end-highlight-color:hsl(216, 76%, 44%);--border-block-start-highlight-tap-color:hsl(215, 84%, 60%);--border-block-end-highlight-tap-color:hsl(215, 74%, 51%);--text-highlight-color:hsl(0, 0%, 100%)}[data-darkmode=auto] .panel-list--gray{--bg-color:hsl(0, 0%, 40%);--bg-tap-color:hsl(0, 0%, 49%);--border-color:hsla(120, 1%, 34%, 0.88);--border-inline-start-color:hsl(0, 0%, 40%);--border-inline-end-color:hsl(360, 0%, 40%);--border-block-start-color:hsl(0, 0%, 46%);--border-block-end-color:hsl(120, 0%, 40%);--text-color:hsl(0, 0%, 91%);--box-shadow-color:hsla(0, 0%, 17%, 0.54);--bg-highlight-color-start:hsl(0, 0%, 60%);--bg-highlight-color-end:hsl(0, 0%, 60%);--bg-highlight-tap-color-start:hsl(0, 0%, 69%);--bg-highlight-tap-color-end:hsl(0, 0%, 69%);--border-highlight-color:hsla(0, 0%, 60%, 0.88);--border-highlight-tap-color:hsla(0, 0%, 69%, 0.88);--border-inline-start-highlight-color:hsl(0, 0%, 60%);--border-inline-end-highlight-color:hsl(0, 0%, 60%);--border-inline-start-highlight-tap-color:hsl(0, 0%, 69%);--border-inline-end-highlight-tap-color:hsl(0, 0%, 69%);--border-block-start-highlight-color:hsl(0, 0%, 64%);--border-block-end-highlight-color:hsl(0, 0%, 60%);--border-block-start-highlight-tap-color:hsl(0, 0%, 73%);--border-block-end-highlight-tap-color:hsl(0, 0%, 69%);--text-highlight-color:hsl(0, 0%, 15%)}}.panel-list+.panel-list{margin-inline-start:12px}.panel-list label{position:relative;display:block;box-sizing:border-box;height:20px;padding:0;padding-inline-start:12px;padding-inline-end:12px;border:1px solid;font-size:12px;line-height:18px;text-align:center;user-select:none;background-color:var(--bg-color);border-color:var(--border-color);border-block-start-color:var(--border-block-start-color);border-block-end-color:var(--border-block-end-color);color:var(--text-color);box-shadow:0 1px 0 var(--box-shadow-color)}.panel-list label:active{background-color:var(--bg-tap-color)}.panel-list li{margin-inline-end:-1px}.panel-list li:first-child label{border-top-left-radius:4px;border-bottom-left-radius:4px;border-inline-start-color:var(--border-inline-start-color)}.panel-list li:last-child label{border-top-right-radius:4px;border-bottom-right-radius:4px;border-inline-end-color:var(--border-inline-end-color)}.panel-list input{display:none}.panel-list input:checked+label{z-index:1;background-image:linear-gradient(to bottom,var(--bg-highlight-color-start),var(--bg-highlight-color-end));border-color:var(--border-highlight-color);border-block-start-color:var(--border-block-start-highlight-color);border-block-end-color:var(--border-block-end-highlight-color);color:var(--text-highlight-color)}.panel-list input:checked+label:active{background-image:linear-gradient(to bottom,var(--bg-highlight-tap-color-start),var(--bg-highlight-tap-color-end));border-color:var(--border-highlight-tap-color);border-block-start-color:var(--border-block-start-highlight-tap-color);border-block-end-color:var(--border-block-end-highlight-tap-color)}.panel-list--icon label{width:30px;padding-inline-start:8px;padding-inline-end:8px}.anchor{margin-inline-start:.25em}@media screen and (min-width:640px){.article .anchor{position:absolute;left:-1em;width:1em;margin-inline-start:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:400;line-height:inherit;text-align:center;opacity:0;transition:opacity .2s linear}.article .anchor:hover{text-decoration:none;border:0}.article h1,.article h2,.article h3,.article h4,.article h5,.article h6{position:relative}.article h1:hover .anchor,.article h2:hover .anchor,.article h3:hover .anchor,.article h4:hover .anchor,.article h5:hover .anchor,.article h6:hover .anchor{opacity:1}}.card{position:relative;left:-12px;width:100%;margin-block-start:24px;margin-block-end:48px;padding-block-start:12px;padding-block-end:12px;padding-inline-start:12px;padding-inline-end:12px;border-radius:2px;box-shadow:0 4px 16px hsla(0deg,0%,0%,.16);background-color:hsl(0deg,0%,100%)}.article .card{text-align:left}.card>figcaption{display:inline-block;margin-block-start:16px;padding-block-start:4px;padding-block-end:3px;padding-inline-start:0;padding-inline-end:72px;line-height:24px;border-block-start:1px solid hsl(0deg,0%,93%)}.card__vertical-container{box-sizing:border-box;width:100%;height:30em;border:1px solid hsl(0deg,0%,93%);overflow:auto;writing-mode:vertical-rl}@media screen and (min-width:640px){.card{box-sizing:border-box;left:-20%;width:140%;padding-block-start:24px;padding-block-end:24px;padding-inline-start:32px;padding-inline-end:32px}}[data-darkmode=dark] .card{background-color:hsl(0deg,0%,16%)}[data-darkmode=dark] .card>figcaption{border-block-start:1px solid hsl(0deg,0%,20%)}[data-darkmode=dark] .card .card__vertical-container{border-color:hsl(0deg,0%,20%)}@media (prefers-color-scheme:dark){[data-darkmode=auto] .card{background-color:hsl(0deg,0%,16%)}[data-darkmode=auto] .card>figcaption{border-block-start:1px solid hsl(0deg,0%,20%)}[data-darkmode=auto] .card .card__vertical-container{border-color:hsl(0deg,0%,20%)}}body{font-family:-apple-system,system-ui,"Helvetica Neue",Helvetica,Arial,"Heti Hei",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";background-color:hsl(0deg,0%,100%)}a{color:hsl(217deg,89%,61%);text-decoration:none}.container{box-sizing:border-box;padding-block-start:12px;padding-block-end:72px;padding-inline-start:12px;padding-inline-end:12px}.article{margin-inline-start:auto;margin-inline-end:auto}.article__nav ol{margin-block-start:24px;margin-block-end:24px}.panel{position:fixed;z-index:2;right:14px;top:14px;display:flex;text-align:right}.demo{margin-block-start:24px;margin-block-end:24px}.section{width:100%;max-height:85vh;margin-block-start:12px;margin-block-end:12px;overflow:auto}@media screen and (min-width:640px){body{min-width:640px;background-color:hsl(0deg,0%,93%)}.container{box-sizing:border-box;width:80%;min-width:640px;max-width:768px;margin-block-start:48px;margin-block-end:72px;margin-inline-start:auto;margin-inline-end:auto;padding-block-start:48px;padding-block-end:48px;padding-inline-start:48px;padding-inline-end:48px;border-radius:2px;box-shadow:0 8px 32px hsla(0deg,0%,0%,.32);background-color:hsl(0deg,0%,100%)}.section{max-height:none;overflow:visible}}@media screen and (min-width:900px){.article__nav{position:relative;z-index:1;float:right;width:192px;margin-block-start:-1px;margin-block-end:12px;margin-inline-start:32px;margin-inline-end:-16px;padding-block-start:12px;padding-block-end:12px;padding-inline-start:8px;padding-inline-end:8px;border:1px solid hsl(0deg,0%,93%);border-radius:2px}.article__nav ol{margin-block-start:12px;margin-block-end:0}.article__nav ol ol{margin-block-start:0}}[data-darkmode=dark] body{background-color:hsl(0deg,0%,24%)}[data-darkmode=dark] a{color:hsl(217deg,49%,61%)}[data-darkmode=dark] a:visited{color:hsl(217deg,49%,36%)}[data-darkmode=dark] .container{background-color:hsl(0deg,0%,16%);color:hsl(0deg,0%,64%)}[data-darkmode=dark] .article__nav{border-color:hsl(0deg,0%,20%)}@media (prefers-color-scheme:dark){[data-darkmode=auto] body{background-color:hsl(0deg,0%,24%)}[data-darkmode=auto] a{color:hsl(217deg,49%,61%)}[data-darkmode=auto] a:visited{color:hsl(217deg,49%,36%)}[data-darkmode=auto] .container{background-color:hsl(0deg,0%,16%);color:hsl(0deg,0%,64%)}[data-darkmode=auto] .article__nav{border-color:hsl(0deg,0%,20%)}}