div[data-astro-cid-vx4iavld]>[data-astro-cid-vx4iavld]{display:inline-block}div[data-astro-cid-vx4iavld]>a[data-astro-cid-vx4iavld]{color:var(--secondary,#4b556c);font-size:.9rem;transition:color .3s}div[data-astro-cid-vx4iavld]>a[data-astro-cid-vx4iavld]:hover{color:var(--primary,#27455a)}span[data-astro-cid-vx4iavld]{color:var(--secondary,#4b556c);opacity:.6}[data-theme=light],:root:not([data-theme=dark]){--muted-color:#4b555c!important;--link-color:#27455a!important}@media only screen and (prefers-color-scheme:dark){:root:not([data-theme=light]){--muted-color:#8fa3b1!important;--link-color:#4c82a8!important}}[data-theme=dark]{--muted-color:#8fa3b1!important;--link-color:#4c82a8!important}:root{--spacing-hero:5rem;--border-radius:.3rem!important}*,:before,:after{box-sizing:border-box}html{-webkit-tap-highlight-color:transparent;scroll-behavior:smooth;overflow-y:scroll}body{max-width:100vw;margin:0;padding:0}img{object-fit:cover;max-width:100%;height:auto}a{color:var(--link-color);text-decoration:none!important}.text-center{text-align:center}.button,kbd{margin:10px}img,.button{border-radius:var(--border-radius)}@media (width>=0) and (width<=1200px){main{margin-top:50px}}.hero{background-color:#394046;background-position:50%;background-size:cover;width:100vw;margin-left:-50vw;margin-right:-50vw;position:relative;left:50%;right:50%}.hero h1{font-size:2.5rem;color:#edf0f3!important}.hero h2{color:#edf0f3}.hero a[role=button].outline.contrast{border-color:#edf0f3;color:#edf0f3!important}.hero .hero-buttons{color:var(--mark-color);margin:10px 10px 10px 0}.hero header{padding:var(--spacing-hero) 0}.logo{align-items:center;width:fit-content;display:flex}.grid{gap:var(--grid-spacing-horizontal,1.25rem);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));display:grid}.grid>article{padding:calc(var(--spacing) * 1.2) var(--block-spacing-horizontal);margin:1rem 0}@media (width>=992px){.grid-post{grid-template-columns:repeat(3,1fr)!important}.grid-main{grid-template-columns:2fr 1fr!important}}.toc{padding:2rem 1.2rem 1rem}.share-buttons{background:var(--card-background-color);border-radius:var(--border-radius);box-shadow:var(--card-box-shadow);flex-wrap:wrap;justify-content:center;gap:.65rem;padding:10px;display:flex}.share-buttons svg{width:1.875rem;height:1.875rem;color:var(--contrast)!important}.searchbox,.contact-form{max-width:700px;margin:auto}.search-result{background:var(--card-background-color);border-radius:var(--border-radius);box-shadow:var(--card-box-shadow);margin:10px 0;padding:20px}.search-result hgroup{margin:0}.search-result h6{white-space:nowrap;text-overflow:ellipsis;width:100%;overflow:hidden}.cover{float:left;pointer-events:none;border-radius:var(--border-radius);width:300px;max-width:100%;margin:0 20px 0 0}@media (width>=0) and (width<=576px){.cover{float:none;margin:10px auto;display:block}}.blog .post:first-letter{float:left;margin:-15px 6px -15px 0;padding:0 5px 0 0;font-size:300%;line-height:1}.highlight,code,pre{position:relative!important}.copy-code{z-index:99;cursor:pointer;color:#fffc;border-radius:var(--border-radius);user-select:none;background:#4e4e4ecc;padding:0 5px;font-size:14px;display:none;position:absolute;top:4px;right:4px}.highlight:hover .copy-code,code:hover .copy-code,pre:hover .copy-code{display:block}.page-item.active{font-size:larger;font-weight:700}.archive-posts{width:100%;font-size:16px}.archive-year{margin-top:40px}.archive-year:not(:last-of-type){border-bottom:2px solid var(--border)}.archive-year-header{text-align:center}.archive-month{align-items:flex-start;padding:10px 0;display:flex}.archive-month-header{width:200px;margin:25px 0 25px auto}.archive-month:not(:last-of-type){border-bottom:1px solid var(--border)}.archive-entry{margin:10px 0;padding:5px;position:relative}.archive-entry-title{margin:5px 0;font-weight:400}.archive-count,.archive-meta{color:var(--secondary);font-size:14px}.entry-link{position:absolute;inset:0}.anchor,.hidden{display:none}h1:hover .anchor,h2:hover .anchor,h3:hover .anchor,h4:hover .anchor,h5:hover .anchor,h6:hover .anchor{cursor:pointer;user-select:none;margin-inline-start:8px;font-weight:500;display:inline-flex}.min-h-80{min-height:80vh}kbd,.grid-post article,a[role=button],.search-result,.portfolio-post{transition:all .3s}kbd:hover,.grid-post article:hover,a[role=button]:hover,.search-result:hover,.portfolio-post:hover{animation:.3s piko-hover;transform:scale3d(1.05,1.05,1.05)}@keyframes piko-hover{0%{transform:scale(1)}50%{transform:scale3d(1.08,1.08,1.08)}to{transform:scale3d(1.05,1.05,1.05)}}.wrap-paragraph{overflow-wrap:break-word;margin-left:auto;margin-right:auto;max-width:600px!important}@media (width>=576px){.mobile-navigation{display:none}}@media (width>=0) and (width<=400px){nav.desktop{padding:0 .25rem}}@media (width>=0) and (width<=576px){.desktop-navigation{display:none}}@media (width>=0) and (width<=700px){.desktop-navigation span{display:none}}nav button,nav button:hover,nav button:active,nav button:focus{background-color:#0000;border:none;outline:none;margin:0;padding:0}body>nav{z-index:99;padding:0 var(--spacing);position:fixed;top:0;left:0;right:0}body>nav h1{text-transform:uppercase;margin-bottom:0;font-size:1.25rem}body>nav h3{margin-bottom:0;font-size:1.25rem}nav span{padding:.225rem 0}nav.desktop{background-color:var(--background-color)}nav .menu-active{border-bottom:5px var(--primary) solid}.sidebar{background-color:var(--background-color);box-shadow:var(--card-box-shadow);z-index:98;min-width:100%;padding:1rem;position:fixed;top:0;left:0}.sidebar button{top:var(--spacing);right:var(--spacing);border-radius:2rem;width:1.5rem;height:1.5rem;line-height:1;position:absolute}.sidebar h3,.sidebar a,.sidebar a:hover,.sidebar a:active,.sidebar a:focus{color:var(--secondary)}.mobile-navigation>li>button>svg{width:30px;height:30px;color:var(--contrast)}.sidebar svg,body>nav svg{height:1rem}#switch{display:none}nav a:link,nav a:visited,.sidebar a:link,.sidebar a:visited{color:gray}nav a:hover,.sidebar a:hover{color:#999}