:root{--sidebar-width:20rem;--topbar-height:48px;--topbar-padding:12px;--topbar-line-width:calc(var(--topbar-height) - (2 * var(--topbar-padding)));--topbar-line-height:calc(var(--topbar-line-width) / 7)}:root{--color-fixed-code-bg:#242930;--color-light-bg:#fff;--color-light-text:#000;--color-light-highlight:#1565c0;--color-light-highlight-hover:#1565c0;--color-dark-bg:#16191d;--color-dark-text:#afbac4;--color-dark-highlight:#ffd600;--color-dark-highlight-hover:#ffd600}body{--color-bg:var(--color-light-bg);--color-text:var(--color-light-text);--color-highlight:var(--color-light-highlight);--color-highlight-hover:var(--color-light-highlight-hover)}body.darkmode--activated{--color-bg:var(--color-dark-bg);--color-text:var(--color-dark-text);--color-highlight:var(--color-dark-highlight);--color-highlight-hover:var(--color-dark-highlight-hover)}.tag-btn,.tag{background-color:rgba(0,0,0,.1)}body.darkmode--activated .tag-btn,body.darkmode--activated .tag{background-color:rgba(255,255,255,.1)}.tag-btn:hover,.tag:hover{background-color:rgba(0,0,0,.2)}body.darkmode--activated .tag-btn:hover,body.darkmode--activated .tag:hover{background-color:rgba(255,255,255,.2)}.planet-switch{--radius:16px;--sun-color:#ffd600;--moon-color:#849ba5;--switch-duration:0.4s;display:none;position:relative;width:calc(var(--radius) * 4);height:calc(var(--radius) * 2);border-radius:var(--radius);margin:calc(var(--radius) * 2)auto;background-color:#64b5f6;cursor:pointer}body.darkmode--activated .planet-switch{transition:background-color var(--switch-duration)}body.darkmode--activated .planet-switch{background-color:#311b92}.planet-switch input[type=checkbox]{display:none}.planet-switch .planet .rays>.ray,.planet-switch .planet .rays,.planet-switch .planet .core,.planet-switch .planet{position:absolute;width:calc(var(--radius) * 2);height:calc(var(--radius) * 2)}.darkmode-ready .planet-switch .planet{transition:transform var(--switch-duration)}body.darkmode--activated .planet-switch .planet{transform:translateX(calc(var(--radius) * 2))}.planet-switch .planet .core{border-radius:50%;transition:background-color var(--switch-duration);filter:brightness(135%);background-color:var(--sun-color)}body.darkmode--activated .planet-switch .planet .core{background-color:var(--moon-color);box-shadow:0 0 var(--radius)var(--moon-color);animation:moon-shadowing 3s ease infinite}@keyframes moon-shadowing{50%{box-shadow:0 0 calc(var(--radius) * 3/4)var(--moon-color)}}.planet-switch .planet .rays{animation:sun-rolling 3s linear infinite;transition:opacity var(--switch-duration)}@keyframes sun-rolling{to{transform:rotate(-30deg)}}body.darkmode--activated .planet-switch .planet .rays{opacity:0}.planet-switch .planet .rays>.ray{background-color:var(--sun-color)}.planet-switch .planet .rays>.ray:nth-child(2){transform:rotate(30deg)}.planet-switch .planet .rays>.ray:nth-child(3){transform:rotate(60deg)}.planet-switch .planet .hole{position:absolute;border-radius:50%;transition:opacity var(--switch-duration);opacity:0}body.darkmode--activated .planet-switch .planet .hole{opacity:1}.planet-switch .planet .hole{top:15%;left:10%;width:calc(var(--radius) * 4/5);height:var(--radius);background-color:var(--moon-color);filter:brightness(94%);transform:rotate(30deg)}.planet-switch .planet .hole~.hole{top:30%;left:60%;width:calc(var(--radius)/3);height:calc(var(--radius)/3);background-color:var(--moon-color);filter:brightness(90%)}.app-header{position:fixed;top:0;left:auto;bottom:0;width:var(--sidebar-width);min-height:100vh;padding:2.5em 0;background:var(--color-bg);text-align:center;overflow:auto;z-index:99}.app-header-wanna-say{display:none}.app-header-wanna-say::after{content:"";display:inline-block;margin-left:.1em;height:1.4em;border-left:.2em solid var(--color-text);vertical-align:text-bottom}.app-header-wanna-say.shining-cursor::after{animation:app-header-wanna-say-cursor .5s step-end infinite alternate}@keyframes app-header-wanna-say-cursor{50%{opacity:0}}.app-header-my-face{margin:3em 0 0}.app-header-title>h2{margin-top:0;margin-bottom:2em}.app-header-links{margin:1em 0;font-size:2em;color:var(--color-highlight)}.app-header-links a{margin:0 .1em}.app-header-tag-group{display:flex;flex-wrap:wrap;justify-content:center}.app-header-tag-group .tag-btn{padding:2px 4px}.app-topbar{display:none}.app-container{display:block;padding:2.5rem;margin-left:var(--sidebar-width)}.posts-list{padding:0}.posts-list-item{list-style:none;border-bottom:1px dashed rgba(255,255,255,.3);padding:4rem 0;min-height:calc(140px + 2rem)}.posts-list-item-image{position:absolute;width:200px;height:140px}.posts-list-item-text{display:inline-block;margin-left:210px}.posts-list-item-description{color:var(--color-text)}.posts-list-item-description p{margin-bottom:0}.posts-list-item-meta{font-size:.8em}nav.pagination-conatiner{padding:1em;text-align:center;font-size:1.1em}nav.pagination-conatiner ul.pagination{list-style:none}nav.pagination-conatiner ul.pagination li.page-item{display:inline-block}nav.pagination-conatiner ul.pagination li.page-item>a.page-link{display:block;margin:0 .2em;min-width:1.5em;text-align:center}nav.pagination-conatiner ul.pagination li.page-item.active>a.page-link{background-color:var(--color-highlight);color:var(--color-bg)}.category-list{list-style-type:none}.category-list li>svg{margin-left:-22px}img.post-cover{width:100%;height:12rem;object-fit:cover;filter:blur(5px)brightness(.9)}.post-title{color:var(--color-highlight)}.post-content{clear:both}.post-content pre{border-left:.2em solid var(--color-highlight);padding-left:1em;padding:.5em;background-color:var(--color-fixed-code-bg);color:var(--color-dark-text)}.post-content pre.mermaid{background-color:initial;border:none;padding:0}.post-meta{margin-top:1.5rem;clear:both;font-size:.9em}.disqus-area{margin-top:8rem}.tag{display:inline-block;margin-right:.2em;padding:0 .6em;font-size:.9em;border-radius:.2em;white-space:nowrap}#share-buttons{display:inline-block;margin:2rem auto}#share-buttons>div{position:relative;height:36px;width:80px;float:left;margin:8px 6px 0 0;text-align:center;cursor:pointer}#share-buttons>div>svg{fill:#fff}#share-buttons>div.facebook{background-color:#3b5998}#share-buttons>div.twitter{background-color:#55acee}#share-buttons>div.linkedin{background-color:#0077b5}#share-buttons>div.pinterest{background-color:#cb2027}#share-buttons>div.mail{background-color:#dd4b39}#share-buttons>div.instagram{background-color:#c73b92}#share-buttons>div.facebook>svg{height:18px;margin-top:9px}#share-buttons>div.twitter>svg{height:20px;margin-top:8px}#share-buttons>div.linkedin>svg{height:19px;margin-top:7px}#share-buttons>div.pinterest>svg{height:20px;margin-top:9px}#share-buttons>div.mail>svg{height:14px;margin-top:11px}figure img{max-width:100%}figure figcaption{text-align:center;font-style:italic}figure figcaption p{margin:.5em 0 1em}.highlight>div{overflow:auto}table{border-collapse:collapse}table th,table td{border:1px solid var(--color-highlight);padding:.5em}*{box-sizing:border-box}html{line-height:1.6}body{margin:0;font-family:sans-serif;background:var(--color-bg);color:var(--color-text)}body input,body img{display:initial}h1,h2,h3,h4,h5,h6{margin:3em 0 1em;color:var(--color-highlight)}a{text-decoration:none;color:var(--color-highlight)}body.darkmode--activated a{transition:color .4s}a:hover{color:var(--color-highlight-hover)}pre{overflow:auto}blockquote{margin:1em 0;padding:.5em;font-style:italic;border-left:solid .3em var(--color-highlight)}blockquote>*{margin:0}p{line-height:1.8em}.app-centralizer{margin:0 auto;max-width:100rem}.icon{display:block-inline;width:1em;height:1em;vertical-align:-.125em}.tag-btn{display:inline-block;margin:4px;padding:5px 8px;border-radius:5px}