@charset "UTF-8";@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:400;src:url(../fonts/JetBrainsMono-Regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:500;src:url(../fonts/JetBrainsMono-Medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:600;src:url(../fonts/JetBrainsMono-SemiBold.woff2) format("woff2")}@font-face{font-display:swap;font-family:JetBrains Mono;font-style:normal;font-weight:800;src:url(../fonts/JetBrainsMono-ExtraBold.woff2) format("woff2")}a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;padding:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-spacing:0}:root{--font-family:"JetBrains Mono",monospace;--line-height:1.20rem;--border-thickness:2px;--char-width:1ch;--spacing-half:calc(var(--line-height)/2);--spacing-1:var(--line-height);--spacing-1-5:calc(var(--line-height)*1.5);--spacing-2:calc(var(--line-height)*2);--text-color:#000;--text-color-alt:#666;--background-color:#fff;--background-color-alt:#eee;--font-weight-normal:500;--font-weight-medium:600;--font-weight-bold:800;font-family:var(--font-family);font-optical-sizing:auto;font-size:16px;font-style:normal;font-variant-numeric:tabular-nums lining-nums;font-weight:var(--font-weight-normal)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--text-color:#fff;--text-color-alt:#aaa;--background-color:#000;--background-color-alt:#111}}:root[data-theme=dark]{--text-color:#fff;--text-color-alt:#aaa;--background-color:#000;--background-color-alt:#111}:root[data-theme=light]{--text-color:#000;--text-color-alt:#666;--background-color:#fff;--background-color-alt:#eee}@media screen and (max-width:480px){:root{font-size:14px}}*{box-sizing:border-box;min-width:0}code,iframe,img,pre,table,video{max-width:100%}*+*{margin-top:var(--line-height)}html{align-items:center;background:var(--background-color);color:var(--text-color);display:flex;flex-direction:column;padding:0;scroll-behavior:smooth}body,html{margin:0;overflow-x:hidden;width:100%}body{line-height:var(--line-height);max-width:80ch;max-width:min(80ch,round(down,100%,var(--char-width)));padding:var(--line-height) 2ch;position:relative}.toggles-container{align-items:center;display:flex;margin-top:0;width:100%}@media screen and (max-width:480px){body{padding:var(--line-height) 1ch}}::-webkit-scrollbar{height:var(--line-height)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-bold);line-height:calc(var(--line-height)*2);margin:var(--spacing-2) 0;text-transform:uppercase}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.35rem}h4{font-size:1.2rem}h5{font-size:1.1rem}p{margin-bottom:var(--line-height);word-break:break-word;word-wrap:break-word;hyphens:auto}a{text-decoration-thickness:var(--border-thickness)}a:link,a:visited{color:var(--text-color)}b,strong{font-weight:var(--font-weight-bold)}em,i{font-style:italic}sub{display:inline-block;font-size:.75rem;line-height:0;margin:0;position:relative;vertical-align:sub;width:1.3333333333ch}code,pre{font-family:var(--font-family)}code{font-weight:var(--font-weight-medium)}pre{margin:var(--line-height) 0;max-width:100%;overflow-x:auto;overflow-y:hidden;white-space:pre}@media screen and (max-width:480px){pre{white-space:pre-wrap;word-wrap:break-word;overflow-x:auto}}figure pre{margin:0}figure{margin:calc(var(--line-height)*2) 3ch;overflow-x:auto;overflow-y:hidden}@media screen and (max-width:480px){figure{margin-left:0;margin-right:0}}figcaption{display:block;font-style:italic;margin-top:var(--line-height)}hr{border:none;color:var(--text-color);display:block;height:var(--line-height);margin:calc(var(--line-height)*1.5) 0;position:relative}hr:after{border-top:calc(var(--border-thickness)*3) double var(--text-color);content:"";height:0;left:0;position:absolute;top:calc(var(--line-height)/2 - var(--border-thickness))}hr:after,table{display:block;width:100%}table{border-collapse:collapse;margin:0 0 calc(var(--line-height)*2);max-width:100%;overflow-x:auto;position:relative;top:calc(var(--line-height)/2);width:round(down,100%,var(--char-width))}@media screen and (max-width:768px){table{display:block;overflow-x:auto;white-space:nowrap}}td,th{border:var(--border-thickness) solid var(--text-color);line-height:var(--line-height);padding:calc(var(--line-height)/2) calc(1ch - var(--border-thickness)/2) calc(var(--line-height)/2 - var(--border-thickness));text-align:left;vertical-align:top}table tbody tr:first-child>*{padding-top:calc(var(--line-height)/2 - var(--border-thickness))}th{font-weight:700}.width-min{width:0}.width-auto{width:100%}.header{margin-bottom:calc(var(--line-height)*2)}.header h1{margin:0}.header tr td:last-child{text-align:right}button,input,textarea{background:var(--background-color);border:var(--border-thickness) solid var(--text-color);color:var(--text-color);font:inherit;height:calc(var(--line-height)*2);line-height:normal;margin:0;overflow:visible;padding:calc(var(--line-height)/2 - var(--border-thickness)) calc(1ch - var(--border-thickness));width:auto;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;-webkit-appearance:none}input[type=checkbox],input[type=radio]{cursor:pointer;display:inline-grid;height:var(--line-height);place-content:center;vertical-align:top;width:2ch}input[type=checkbox]:checked:before,input[type=radio]:checked:before{background:var(--text-color);content:"";height:calc(var(--line-height)/2);width:1ch}input[type=radio],input[type=radio]:before{border-radius:100%}button:focus,input:focus{--border-thickness:3px;outline:none}input{width:round(down,100%,1ch)}::-moz-placeholder{color:var(--text-color-alt);opacity:1}::placeholder{color:var(--text-color-alt);opacity:1}::-ms-input-placeholder{color:var(--text-color-alt)}button::-moz-focus-inner{border:0;padding:0}button{cursor:pointer;font-weight:var(--font-weight-medium);text-transform:uppercase}button:hover{background:var(--background-color-alt)}button:active{transform:translate(2px,2px)}label{display:block;font-weight:var(--font-weight-medium);height:auto;line-height:var(--line-height);margin:0;width:round(down,100%,1ch)}label input{width:100%}form>.radio-group,form>button,form>label{margin-top:calc(var(--line-height)*1.5)}form>button:first-of-type,form>label:first-child{margin-top:var(--line-height)}.radio-group{display:flex;flex-wrap:wrap;gap:2ch}.radio-group label{margin-top:0;width:auto}ol,ul{margin:0 0 var(--line-height);padding:0}ul{list-style-type:square;padding:0 0 0 2ch}ol{counter-reset:item;list-style-type:none;padding:0}ol li:before{content:counters(item,".") ". ";counter-increment:item;font-weight:var(--font-weight-medium)}ol ol,ol ul,ul ol,ul ul{margin:0;padding:0 0 0 3ch}li{margin:0;padding:0}li::marker{line-height:0}.tree,.tree ul{line-height:var(--line-height);list-style-type:none;padding-left:0;position:relative}.tree ul{margin:0}.tree ul li{border-left:var(--border-thickness) solid var(--text-color);margin-left:1.5ch;padding-left:1.5ch;position:relative}.tree ul li:before{border-bottom:var(--border-thickness) solid var(--text-color);content:"";display:block;left:0;position:absolute;top:calc(var(--line-height)/2);width:1ch}.tree ul li:last-child{border-left:none}.tree ul li:last-child:after{border-left:var(--border-thickness) solid var(--text-color);content:"";display:block;height:calc(var(--line-height)/2);left:0;position:absolute;top:0}.grid{box-sizing:border-box;display:flex;flex-wrap:wrap;gap:1ch;margin-bottom:var(--line-height);width:100%}.column,.columns{box-sizing:border-box;flex-grow:0;flex-shrink:0;margin-top:0}.column>*,.columns>*{box-sizing:border-box;width:100%}.one.column,.one.columns{flex-basis:calc(8.33333% - 0.91667ch)}.two.column,.two.columns{flex-basis:calc(16.66667% - 0.83333ch)}.three.column,.three.columns{flex-basis:calc(25% - 0.75ch)}.four.column,.four.columns{flex-basis:calc(33.33333% - 0.66667ch)}.five.column,.five.columns{flex-basis:calc(41.66667% - 0.58333ch)}.six.column,.six.columns{flex-basis:calc(50% - 0.5ch)}.seven.column,.seven.columns{flex-basis:calc(58.33333% - 0.41667ch)}.eight.column,.eight.columns{flex-basis:calc(66.66667% - 0.33333ch)}.nine.column,.nine.columns{flex-basis:calc(75% - 0.25ch)}.ten.column,.ten.columns{flex-basis:calc(83.33333% - 0.16667ch)}.eleven.column,.eleven.columns{flex-basis:calc(91.66667% - 0.08333ch)}.twelve.column,.twelve.columns{flex-basis:100%}.one-third.column{flex-basis:calc(33.33333% - 3.66667ch)}.two-thirds.column{flex-basis:calc(66.66667% - 6.33333ch)}.one-half.column{flex-basis:calc(50% - 5.5ch)}.offset-by-one.column,.offset-by-one.columns{margin-left:calc(8.33333% + 1.08333ch)}.offset-by-two.column,.offset-by-two.columns{margin-left:calc(16.66667% + 1.16667ch)}.offset-by-three.column,.offset-by-three.columns{margin-left:calc(25% + 1.25ch)}.offset-by-four.column,.offset-by-four.columns{margin-left:calc(33.33333% + 1.33333ch)}.offset-by-five.column,.offset-by-five.columns{margin-left:calc(41.66667% + 1.41667ch)}.offset-by-six.column,.offset-by-six.columns{margin-left:calc(50% + 1.5ch)}.offset-by-seven.column,.offset-by-seven.columns{margin-left:calc(58.33333% + 1.58333ch)}.offset-by-eight.column,.offset-by-eight.columns{margin-left:calc(66.66667% + 1.66667ch)}.offset-by-nine.column,.offset-by-nine.columns{margin-left:calc(75% + 1.75ch)}.offset-by-ten.column,.offset-by-ten.columns{margin-left:calc(83.33333% + 1.83333ch)}.offset-by-eleven.column,.offset-by-eleven.columns{margin-left:calc(91.66667% + 1.91667ch)}.offset-by-one-third.column,.offset-by-one-third.columns{margin-left:calc(33.33333% - 2.66667ch)}.offset-by-two-thirds.column,.offset-by-two-thirds.columns{margin-left:calc(66.66667% - 5.33333ch)}.offset-by-one-half.column,.offset-by-one-half.columns{margin-left:calc(50% - 4.5ch)}img,video{display:block;-o-object-fit:contain;object-fit:contain;overflow:hidden;width:100%}img{color:var(--text-color-alt);font-style:italic}details{border:var(--border-thickness) solid var(--text-color);margin-bottom:var(--line-height);padding:calc(var(--line-height) - var(--border-thickness)) 1ch}summary{cursor:pointer;font-weight:var(--font-weight-medium);padding-left:1ch}details[open] summary{margin-bottom:var(--line-height)}summary::marker{content:"▶ ";display:inline-block;margin:0}details[open]>summary::marker{content:"▼ "}details :last-child{margin-bottom:0}.nav-menu{align-items:center;border:var(--border-thickness) solid var(--text-color);display:flex;flex-wrap:wrap;padding:calc(var(--line-height)/2) 1ch;position:relative}.nav-toggle{background:none;border:none;cursor:pointer;display:none;height:calc(var(--line-height)*1.5);margin-left:auto;padding:0;position:relative;width:calc(var(--line-height)*1.5)}.nav-toggle:hover{opacity:.7}.nav-toggle-icon,.nav-toggle-icon:after,.nav-toggle-icon:before{background:var(--text-color);display:block;height:2px;left:0;position:absolute;transition:transform .3s ease;width:100%}.nav-toggle-icon{top:50%;transform:translateY(-50%)}.nav-toggle-icon:after,.nav-toggle-icon:before{content:""}.nav-toggle-icon:before{top:-6px}.nav-toggle-icon:after{top:6px}.nav-menu.open .nav-toggle-icon{background:transparent}.nav-menu.open .nav-toggle-icon:before{top:0;transform:rotate(45deg)}.nav-menu.open .nav-toggle-icon:after{top:0;transform:rotate(-45deg)}.nav-list{display:flex;flex-wrap:wrap;gap:2ch;list-style:none;margin:0;padding:0}.nav-list li{margin:0}.nav-list a{color:var(--text-color);text-decoration:none}.nav-list a:hover{text-decoration:underline}@media screen and (max-width:768px){.nav-toggle{display:block}.nav-list{border-top:var(--border-thickness) solid var(--text-color);display:none;flex-basis:100%;flex-direction:column;gap:calc(var(--line-height)/2);margin-top:calc(var(--line-height)/2);padding-top:calc(var(--line-height)/2);width:100%}.nav-menu.open .nav-list{display:flex}}.modal{align-items:center;bottom:0;display:none;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal.open{display:flex}.modal-backdrop{background:rgba(0,0,0,.5);bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0}.modal-content{background:var(--background-color);border:calc(var(--border-thickness)*2) solid var(--text-color);box-shadow:4px 4px 0 var(--text-color);max-width:60ch;padding:var(--line-height) 2ch;position:relative;width:90%;z-index:1001}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--line-height);margin-top:0}.modal-header h4{margin:0}.modal-close{background:none;border:none;cursor:pointer;font-size:2rem;height:auto;line-height:1;min-width:2ch;padding:0;text-align:center;width:auto}.modal-close:hover{background:none;opacity:.7}.modal-body{margin-bottom:var(--line-height)}.modal-body p{margin:0}.modal-footer{display:flex;gap:1ch;justify-content:flex-end;margin-top:var(--line-height)}.modal-footer button{margin-top:0}.modal-info{border-color:var(--text-color)}.modal-confirm .modal-header h4:before{content:"⚠ "}.modal-error{border-color:var(--text-color)}.modal-error .modal-header h4:before{content:"✖ "}footer{border-top:var(--border-thickness) solid var(--text-color);margin-top:calc(var(--line-height)*2);padding-top:var(--line-height);text-align:center}footer p{margin-top:calc(var(--line-height)/2)}footer p:first-child{margin-top:0}.theme-toggle-label{align-items:center;cursor:pointer;display:flex;flex-shrink:0;gap:1ch;margin-left:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-fit-content;width:fit-content}.theme-toggle{-moz-appearance:none;appearance:none;-webkit-appearance:none;background:transparent;border:none;cursor:pointer;display:inline-block;height:calc(var(--line-height)*1.5);margin:0;padding:0;position:relative;vertical-align:middle;width:3ch}.theme-toggle:focus{outline:none}.theme-toggle:hover{opacity:.7}input[type=checkbox].theme-toggle:before,input[type=checkbox].theme-toggle:checked:before{background:none!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23000' stroke-linecap='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='4'/%3E%3Cpath d='M12 1v3M12 20v3M4.22 4.22l2.12 2.12M17.66 17.66l2.12 2.12M1 12h3M20 12h3M4.22 19.78l2.12-2.12M17.66 6.34l2.12-2.12'/%3E%3C/svg%3E")!important;background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:calc(var(--line-height)*1)!important;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:calc(var(--line-height)*1)!important}:root[data-theme=dark] input[type=checkbox].theme-toggle:before,:root[data-theme=dark] input[type=checkbox].theme-toggle:checked:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79'/%3E%3C/svg%3E")!important}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) input[type=checkbox].theme-toggle:before,:root:not([data-theme=light]) input[type=checkbox].theme-toggle:checked:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' viewBox='0 0 24 24'%3E%3Cpath d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79'/%3E%3C/svg%3E")!important}}.example{margin-top:var(--line-height)}.example-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:calc(var(--line-height)/2);margin-top:0}.example-title{font-size:1rem;font-weight:var(--font-weight-medium);margin:0}.example-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:calc(var(--line-height)*1.5);justify-content:center;padding:0;transition:transform .2s ease;width:calc(var(--line-height)*1.5)}.example-toggle:hover{background:unset;transform:scale(1.15)}.example-toggle:active{transform:none}.example-toggle svg{fill:none;height:100%;stroke:var(--text-color);width:100%}.example-demo,.example-demo>:first-child{margin-top:0}.example-code{display:none;margin-top:var(--line-height)}.example-code.visible,.example.open .example-code{display:block}.example-code pre{background:var(--background-color-alt);margin-top:0;overflow-x:auto;padding:calc(var(--line-height)/2) 1ch}.example-code code{background:none;padding:0}.code-copy-button{align-items:center;background:transparent;border:unset;cursor:pointer;display:flex;height:calc(var(--line-height)*1.5);justify-content:center;margin:0;padding:calc(var(--line-height)/4);position:absolute;right:1ch;top:calc(var(--line-height)/2);transition:transform .2s ease;width:calc(var(--line-height)*1.5)}.code-copy-button:hover{transform:scale(1.15)}.code-copy-button:active{transform:none}.code-copy-button svg{fill:none;height:100%;stroke:var(--text-color);width:100%}@media screen and (min-width:1200px){.example.side-by-side .example-content{display:grid;gap:2ch;grid-template-columns:1fr 1fr}.example.side-by-side .example-code{border-left:var(--border-thickness) solid var(--text-color);border-top:none;display:block;margin-top:0;padding-left:calc(2ch - var(--border-thickness));padding-top:0}.example.side-by-side .example-toggle{display:none}}.debug .debug-grid{--color:color-mix(in srgb,var(--text-color) 10%,var(--background-color) 90%);background-image:repeating-linear-gradient(var(--color) 0 1px,transparent 1px 100%),repeating-linear-gradient(90deg,var(--color) 0 1px,transparent 1px 100%);background-size:1ch var(--line-height);bottom:0;left:0;margin:0;position:absolute;right:0;top:0;z-index:-1}.debug .off-grid{background:rgba(255,0,0,.1)}.debug-toggle-label{align-items:center;cursor:pointer;display:inline-flex;flex-shrink:0;gap:1ch;margin:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-fit-content;width:fit-content}