*{margin:0;box-sizing:border-box;scrollbar-color:var(--accent) #0000;scrollbar-width:auto}:root{color-scheme:light dark;--dark: #131517;--light: #fff;--bg: light-dark(var(--light), var(--dark));--bg2: light-dark( var(--light), color-mix(in srgb, var(--dark), var(--light) 92%) );--fg: light-dark( var(--dark), color-mix(in srgb, var(--light), var(--dark) 20%) );--accent: hsl(216, 70%, 48%);--accent2: hsl(162, 76%, 43%);color:var(--fg);background-color:var(--bg);transition:color .3s,background-color .3s}body{color-scheme:light;background-color:var(--bg);color:var(--fg);font:1rem/1.5 system-ui;padding:2.3rem 2.3rem 8rem;overflow-x:clip}body:after{content:"";position:fixed;inset:1rem;border-radius:1rem;box-shadow:0 0 0 100vmax var(--fg);pointer-events:none;z-index:9999}a{color:var(--accent)}img{display:inline-block;max-width:100%}h1,h2,h3{font-weight:500}h1{display:flex;align-items:end;padding-top:2rem;font-size:3rem;container-type:block-size}h1 img{max-width:30cqw;min-width:200px}h1 span{font-size:clamp(.8rem,1.75cqw,1.7rem);line-height:0;color:var(--accent2);margin-bottom:.85em}h2{font-size:3rem;padding-bottom:.5em}.list{list-style:none;padding:0}sup{font-size:.5em}label{display:flex;gap:.5em;align-items:center;white-space:nowrap}label input{width:100%}input:not([type=checkbox],[type=radio]),select{padding:.6rem 1rem;border:none;color:var(--bg);background-color:var(--fg);border-radius:1rem}details{interpolate-size:allow-keywords}details::details-content{transition:block-size .5s,content-visibility .5s allow-discrete;overflow:hidden;block-size:0}details[open]::details-content{block-size:auto}details summary{cursor:pointer;-webkit-user-select:none;user-select:none}details{border-radius:.9rem;margin:1rem 0;transition:background-color .6s,color .6s}details[open]{background-color:var(--fg);color:var(--bg)}details>*{padding:.6rem 1rem}details summary{font-weight:500;color:var(--accent);transition:color .3s}:is(details summary):hover{color:color-mix(in srgb,var(--accent),var(--bg) 40%)}details ul{padding:1.5rem 1rem}:is(p,details)>code{background:#0001;padding:.1em .5em;border-radius:.3em}pre{width:100%;overflow:auto;padding-bottom:1.5rem}pre:first-line{line-height:0}code{font-size:.8rem}#app{display:flex;flex-direction:column;gap:5rem}.col,.row{display:flex;width:100%;max-width:70rem;margin:0 auto;gap:1.5rem}.row{flex-flow:row wrap}.row>*{flex:1;min-width:8rem}@media screen and (width < 40rem){.sm-row{flex-basis:100%}}.col{flex-direction:column}.flex-1{flex:1}.flex-2{flex:2}.grid{color-scheme:light;display:grid;width:100%;gap:1rem;margin:0 auto;color:var(--fg);grid-template-columns:repeat(auto-fill,minmax(min(7rem,100%),1fr))}.grid>*{padding:1em;background:#ddd}:is(.grid>*):has(.jsort-handler){position:relative;padding-top:3em}.grid .jsort-handler{position:absolute;top:0;left:0;width:100%;padding:.5em 1em;text-align:right;margin-bottom:1em;cursor:grab;transition:background-color .3s;background:#fff8}:is(.grid .jsort-handler):hover{background:#fffd}:is(.grid .jsort-handler):after{content:"✥";margin-left:1em}.grid input{width:100%}.list{color-scheme:dark;list-style:none;padding:0;padding-bottom:1.5rem;background:var(--bg2);color:var(--bg)}.list:not(:has(>*)):after{display:list-item;content:"Empty list";font-style:italic;opacity:.5;padding:1em}.list li{padding:1rem;color:var(--bg)}.list li{border:.3rem solid var(--bg2)}:is(.list li)+li{margin-top:-.3rem}:is(.grid,.list) a{color:#fff}#swap ul{padding-bottom:0}.is-jsort-ghost{transition:box-shadow .3s,opacity .3s;box-shadow:0 .5rem 1rem #000a}@starting-style{.is-jsort-ghost{box-shadow:0 0 #000}}.is-jsort-active.is-jsort-touch{outline:2px solid currentColor}.is-jsort-grab{opacity:0}.is-jsort-target{outline:.15rem dashed currentColor;z-index:1}.is-jsort-invalid{outline:2px solid red}/*!
   * Theme: FelipeC 
   * Modified for Kioboard by Roko C. Buljan
   * Author: (c) 2021 Felipe Contreras <felipe.contreras@gmail.com>
   * Website: https://github.com/felipec/vim-felipec
   * Autogenerated with vim-felipec's generator.
  */.hljs{color:#dddde1;background:transparent;overflow-x:auto;padding:0}.hljs::selection,.hljs ::selection{background:#fc00e7ee}.hljs-comment,.hljs-code,.hljs-quote{color:#888896}.hljs-number,.hljs-literal,.hljs-deletion{color:#ef8f8f}.hljs-punctuation,.hljs-meta,.hljs-operator,.hljs-subst,.hljs-doctag,.hljs-template-variable,.hljs-selector-attr{color:#efbf8f}.hljs-type{color:#efef8f}.hljs-tag,.hljs-title,.hljs-selector-class,.hljs-selector-id{color:#00c3fc}.hljs-string,.hljs-regexp,.hljs-addition{color:#dff20b}.hljs-class,.hljs-property{color:#8fefbf}.hljs-name,.hljs-selector-tag{color:#8fefef}.hljs-keyword,.hljs-built_in{color:#8fbfef}.hljs-section,.hljs-bullet{color:#8f8fef}.hljs-selector-pseudo{color:#bf8fef}.hljs-variable,.hljs-params,.hljs-attr,.hljs-attribute{color:#fe89f5}.hljs-symbol,.hljs-link{color:#ef8fbf}.hljs-strong,.hljs-literal,.hljs-title{font-weight:700}.hljs-emphasis{font-style:italic}