@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(./poppins-latin-ext-400-normal-CIpeJEZw.woff2) format("woff2"),url(./poppins-latin-ext-400-normal-Ce_uWq1Z.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(./poppins-latin-400-normal-cpxAROuN.woff2) format("woff2"),url(./poppins-latin-400-normal-BOb3E3N0.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(./poppins-latin-ext-600-normal-Cn4C8475.woff2) format("woff2"),url(./poppins-latin-ext-600-normal-DB6FJURc.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(./poppins-latin-600-normal-zEkxB9Mr.woff2) format("woff2"),url(./poppins-latin-600-normal-BJdTmd5m.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:800;src:url(./poppins-latin-ext-800-normal-CTiPmeYq.woff2) format("woff2"),url(./poppins-latin-ext-800-normal-Dc5wQtSP.woff) format("woff");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:800;src:url(./poppins-latin-800-normal-Bd8-pIP1.woff2) format("woff2"),url(./poppins-latin-800-normal-YoItoZZV.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}/*!
  * 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:#000;display:block;overflow-x:auto;padding:1.5em}.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}*{margin:0;padding:0;box-sizing:border-box}:root{--accent: hsl(194, 100%, 49%);--secondary: hsl(65, 91%, 50%);--padd: 2rem;scrollbar-color:#000 transparent;scrollbar-width:thin;accent-color:var(--accent)}body{font:min(3.5vmin,1em) / 1.5 Poppins,sans-serif;background:#fff url(./kioboard-logo-CougTi0E.svg) no-repeat 50% 50% / calc(100% - 4em) fixed;color:#000;overflow:auto}h1{padding:.4em 0;font-size:clamp(2.2em,5vw,3.4em);line-height:1.3}h2{padding:.2em 0;font-size:2.6em}p{padding:1em 0}a{color:var(--accent);font-weight:600}#logo{height:1.6em}#char{position:fixed;right:0;bottom:0;height:100%;width:100%;z-index:-1;font-size:110vmin;color:#000;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:0s;opacity:0;font-weight:600}#char.is-visible{transition:1s;opacity:.17}#char .ch{position:absolute;animation:char 1s linear forwards}@keyframes char{0%{translate:.6em 0;opacity:0}20%{opacity:1}to{translate:-.6em 0;opacity:0}}#head{display:flex;z-index:1000;position:sticky;width:100%;top:0;backface-visibility:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border-bottom:2px solid #000}#head>div{gap:1.4em;padding:1.2em var(--padd);display:flex;align-items:center}:is(#head>div)+div{border-left:2px solid #000}#head>div:last-child{margin-left:auto}#head>div:last-child svg{display:block;height:1.3em}@media screen and (width < 800px){#head-theme{display:none!important}}main{position:relative;padding:var(--padd);scroll-margin-top:2em;padding-bottom:10em}main .row{padding:var(--padd) 0}.row{display:flex}.col{display:flex;flex-direction:column;scroll-margin-top:2rem}.card{max-width:520px;padding:var(--padd)}.card:nth-child(1){padding-top:1em}.card:nth-child(2n){margin-left:auto}.card~.card{margin-top:-6rem;border:2px solid #000;background-color:#fff9;backface-visibility:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media screen and (width < 1200px){.card~.card{margin-top:6rem}}.btn-group{display:flex;flex-wrap:wrap;gap:.6rem}select,input[type=text],textarea{font:inherit;padding:1em;vertical-align:top;border:2px solid #000;border-radius:0;background:#fff3;backface-visibility:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);resize:none}input[type=color]{padding:0;outline:0;border:0;background-color:transparent}label{display:flex;padding:.5em}label span{min-width:4em}label input{flex:1;width:100%}button{padding:1em 1.5em;border:0;border-radius:.3em;font:inherit;font-weight:600;background:#000;color:#fff;cursor:pointer}button.is-active{background:var(--accent);color:#000}.btn{padding:1em 1.5em;border:2px solid #000;border-radius:.3em;font-weight:700}a.btn{color:var(--accent)}.secondary{background-color:var(--secondary);color:#000;border:none}a.secondary{color:#000}details{margin:1.5em 0 0;border:2px solid #000;overflow:hidden;max-width:500px;background:#fff3;background:#000;color:#fff}details summary{-webkit-user-select:none;user-select:none}details summary:first-letter{text-transform:uppercase}details:not([open]) summary:before{content:"show "}details summary{padding:1em;cursor:pointer;border-bottom:2px solid #000}pre{display:block;overflow:auto;border-radius:.3em;font-size:1em}#foot{position:relative;padding:6em 0 5em;background-color:#000;color:#fffb;border-bottom:1em solid var(--accent);border-image:linear-gradient(87deg,#00c3fc 20%,#dff20b) 1}-content#foot{position:relative;z-index:1}#foot .row{flex-wrap:wrap}#foot p{padding:.8em 0}#foot a{color:#fff;white-space:nowrap;text-decoration:none}.content{margin:0 auto;max-width:1400px}.content .cell{flex:1;padding:var(--padd)}#kioboard-container{pointer-events:none;position:fixed;bottom:2em;width:100%}@media screen and (width < 900px),(orientation: portrait){#kioboard-container{bottom:0;width:100%}}@media screen and (width < 900px),(orientation: portrait){#kioboard-container .kioboard{bottom:0;width:100%}}.kioboard{--hue: 194;--saturation: 94;--lightness: 49;--alpha: 1;--radius: .3;--gap: .3;--size: 1;--color: currentColor;--background: hsl(0 0% 90% / var(--alpha));--backgroundBtn: hsl(0 0% 100% / var(--alpha));--shadow: inset 0 -1px 0 hsl(0 0% 0% / .3);--keySize: min( calc(var(--size) * 2vw), calc(var(--size) * 1.1em) );--accent: hsl( var(--hue) calc(var(--saturation) * 1%) calc(var(--lightness) * 1%) / 1 );position:relative;pointer-events:auto;margin:auto;z-index:9000;width:min-content;display:flex;flex-flow:column nowrap;gap:max(calc(var(--gap) * 1em),0px);padding:calc(var(--gap) * 2em);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);max-width:100%;transition:opacity .3s;font-size:var(--keySize);font-weight:600;touch-action:none;border-radius:calc(var(--radius) * 2em);background:var(--background);opacity:0;visibility:hidden;pointer-events:none}@media screen and (width < 900px),(orientation: portrait){.kioboard{bottom:0}}.kioboard.is-visible{opacity:1;visibility:visible;pointer-events:auto}.kioboard[data-kioboard-theme^=default]{--gap: .3}.kioboard[data-kioboard-theme^=flat]{--gap: .1;--radius: 0px;--shadow: none}.kioboard[data-kioboard-theme^=glass]{border-radius:.2em;--alpha: .7;--shadow: none;--gap: .1;--radius: 0px}.kioboard[data-kioboard-theme$=-dark]{--color: hsl(0 0% 85% / 1);--background: hsl(0 0% 15% / var(--alpha));--backgroundBtn: hsl(0 0% 0% / var(--alpha))}.kioboard [data-kioboard-row]{display:flex;justify-content:center;gap:max(calc(var(--gap) * 1em),0px)}.kioboard button{display:inline-flex;flex:1 0 auto;touch-action:none;align-items:center;justify-content:center;padding:1em;font:inherit;border:0;color:var(--color);border-radius:calc(var(--radius) * 1em);box-shadow:var(--shadow);background:var(--backgroundBtn);transition:box-shadow 1s;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:hsl(0 0% 0% / 0);cursor:pointer}.kioboard button .kioboard-icon{min-width:1em;display:inline-flex;align-items:center;justify-content:center}.kioboard button svg{width:1em;height:1em;scale:1.5;fill:var(--color)}.kioboard button[data-kioboard-key=enter]{flex-grow:2.5;background-color:var(--accent)}.kioboard button[data-kioboard-key=space]{flex-grow:10}.kioboard button[data-kioboard-key=drag],.kioboard button[data-kioboard-key=close]{background:transparent;box-shadow:none}.kioboard button.is-active:not([data-kioboard-key=shift]){animation:kioboardButtonActive 1s forwards}.is-shift [data-kioboard-key=shift]:is(.kioboard button),.is-shift .is-active[data-kioboard-key=shift]:is(.kioboard button){box-shadow:inset 0 0 0 .2em var(--accent)}.is-caps [data-kioboard-key=shift]:is(.kioboard button){background:var(--accent);color:#fff}.kioboard[data-kioboard-layer=numpad] [data-kioboard-key=enter]{flex-grow:1}@keyframes kioboardButtonActive{0%{box-shadow:inset 0 0 0 .2em var(--accent)}to{box-shadow:var(--shadow)}}