.slideshow-section .item{display:none}.slideshow-section .item:first-child{display:block}.toggle-wrapper{border:1px solid #1e293b;border-radius:12px;overflow:hidden;margin:1.5rem 0;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);width:100%}.toggle-input{display:none!important}.tab-bar{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #1e293b;width:100%}.toggle-code-block .content-area pre.chroma{margin-top:0!important}.tab{padding:12px 0;text-align:center;font-size:.85rem;font-weight:600;cursor:pointer;margin:0;transition:all .2s ease}.tab.active{cursor:default}.content-area{display:block;cursor:pointer;margin:0}.toggle-image-block .content-area{padding:1rem 2rem}.content-area img{width:100%!important;height:auto!important;display:block;border-radius:4px}.toggle-code-block{display:none!important}.toggle-image-block{display:block!important}.toggle-input:checked~.toggle-code-block{display:block!important}.toggle-input:checked~.toggle-image-block{display:none!important}.toggle-code-block code{white-space:pre-wrap!important;word-break:break-all}.toggle-code-block pre{overflow-x:hidden!important}:not(.dark .prose .chroma) .tab.inactive{background-color:#e5e5e5}:is(.dark .prose .chroma) .tab.inactive{background-color:#334155;filter:brightness(.8)}table td{overflow-wrap:break-word}table td code{overflow-wrap:anywhere}nav.hb-toc ul li:has(a.pl-8),nav.hb-toc ul li:has(a.pl-12),nav.hb-toc ul li:has(a.pl-16){display:none}nav.hb-toc ul li a.pl-8,nav.hb-toc ul li a.pl-12,nav.hb-toc ul li a.pl-16{display:none}@media(min-width:1279px){body[class*=blog-]>.page-body>.mx-auto.flex:has(nav.hb-toc),body[class*=workshop-]>.page-body>.mx-auto.flex:has(nav.hb-toc){flex-direction:row-reverse}}#nav-menu .nav-link.active{text-decoration-line:underline;text-decoration-thickness:2px;text-underline-offset:.35em}#nav-menu .nav-link{font-weight:500}.dark #nav-menu .nav-link:not(:hover){color:#c9d1d9}@media(min-width:1024px){#site-header .navbar{display:grid;grid-template-columns:minmax(0,1fr)auto minmax(0,1fr);row-gap:.5rem}#site-header .navbar>div:first-child{display:flex;align-items:center;grid-column:1;grid-row:1;justify-self:start}#site-header .navbar>div:last-child{grid-column:3;grid-row:1;justify-self:end;margin-left:0}#nav-menu{grid-column:1/-1;grid-row:2;justify-self:center}}@media(min-width:1280px){#nav-menu{grid-column:2;grid-row:1}}#site-header .navbar>div>a[href="https://github.com/KaotoIO/"]{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:50%;font-size:0;color:#000;background:0 0}.dark #site-header .navbar>div>a[href="https://github.com/KaotoIO/"]{color:#fff}#site-header .navbar>div>a[href="https://github.com/KaotoIO/"]::before{content:"";width:20px;height:20px;background-color:currentColor;mask:url(/images/github.svg)center/contain no-repeat}@media(forced-colors:active){#site-header .navbar>div>a[href="https://github.com/KaotoIO/"]::before{forced-color-adjust:none;background-color:CanvasText}}#site-header .navbar>div>a[href="https://github.com/KaotoIO/"]:hover{background-color:rgb(128 128 128/12%)}#site-header .navbar>div>a[href="https://github.com/KaotoIO/"]:focus-visible{outline:2px solid currentColor;outline-offset:2px}@media(max-width:1023px){#site-header .navbar>div>a[href="https://github.com/KaotoIO/"]{margin-right:12px}}#nav-menu>li:has(>a[href="https://github.com/KaotoIO/"]){display:none}#site-header>nav.navbar{width:100%;max-width:none}@media(min-width:1600px){.mx-auto{max-width:1600px!important}}div.video,div.video>iframe,figure.image,figure.image>img{justify-items:anchor-center;justify-self:anchor-center}div.video{max-width:100%;margin:2rem auto}div.video>iframe{width:100%;height:auto;aspect-ratio:16/9;min-height:400px}figure.image>img{width:100%;height:auto;border:1px solid #000;border-radius:8px}@media(min-width:768px){.image{max-width:80%;min-width:40%}}.image-modal{border:none;padding:0;max-width:90vw;max-height:90vh;background-color:initial;cursor:pointer;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);margin:0}.image-modal[open]{display:flex;align-items:center;justify-content:center}.image-modal::backdrop{background-color:rgba(0,0,0,.9)}.modal-content{max-width:100%;max-height:90vh;width:auto;height:auto;object-fit:contain;border-radius:4px}.modal-close{position:fixed;top:20px;right:20px;color:#f1f1f1;font-size:40px;font-weight:700;cursor:pointer;z-index:10000;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.modal-close:hover,.modal-close:focus{color:#fff;text-shadow:2px 2px 8px #000}.expandable-image{cursor:zoom-in!important}