.window{border:2px solid var(--border-color);display:block;background-color:var(--code-bg);border-radius:10px;box-shadow:4px 4px var(--border-color);max-width:1280px;width:100%}.window__header{position:relative;height:40px;border-bottom:2px solid var(--border-color);margin-bottom:0;display:flex;align-items:center}.window__header .header__inner{margin:0 20px;display:flex;align-items:center;justify-content:center;width:100%}.window__header:not(:has(.title)){justify-content:flex-end}.window__header figcaption{font-family:fira code,monospace;font-size:14px;color:var(--text-primary);margin:0;display:flex}.window__header .actions{display:flex;gap:8px;position:absolute;right:20px}.window__header .actions .circle{border:2px solid var(--border-color);border-radius:50%;width:15px;height:15px;background-color:var(--code-bg);box-shadow:2px 2px var(--border-color)}.window__inner{padding:20px}.window.grid-layout .inner-window{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;align-items:center}.window.grid-layout.shapes .inner-window svg{will-change:filter,transform;transform:translate(0,0);transition:transform .2s ease-in-out,filter .2s ease-out}.window.grid-layout.shapes .inner-window svg path{fill:var(--accent-primary)}.window.grid-layout.shapes .inner-window svg:hover{transform:translate(-3px,-3px);filter:drop-shadow(4px 4px var(--border-color));cursor:pointer}.window.grid-layout.shapes .inner-window svg:active{transform:translate(0,0);filter:none}.window.grid-layout .notice-header{grid-column:1/span 5;display:flex;justify-content:center;align-items:center;transition:transform .2s ease-in-out,box-shadow .2s ease-out,color .2s ease-out}.window.grid-layout .notice-header input[type=checkbox]{appearance:none;margin-right:10px;width:20px;height:20px;border:2px solid var(--border-color);border-radius:5px;background-color:var(--code-bg);cursor:pointer}.window.grid-layout .notice-header input[type=checkbox]:not(:checked):active{transform:translate(0,0)!important;box-shadow:1px 1px var(--border-color)!important}.window.grid-layout .notice-header input[type=checkbox]:not(:checked):hover{transform:translate(-1px,-1px);box-shadow:2px 2px var(--border-color)}.window.grid-layout .notice-header input[type=checkbox]:not(:checked) .label{color:var(--border-color)}.window.grid-layout .notice-header input[type=checkbox]:not(:checked)+label{color:#3e3e3e}.window.grid-layout .notice-header input[type=checkbox]:checked{background-color:var(--accent-primary);box-shadow:2px 2px var(--border-color);transform:translate(-1px,-1px)}.window.grid-layout .notice-header input[type=checkbox]:checked:active{transform:translate(1px,1px)!important;box-shadow:1px 1px var(--border-color)!important}.window.grid-layout .notice-header input[type=checkbox]:checked:hover{box-shadow:2px 2px var(--border-color)}.window.grid-layout .notice-header input[type=checkbox]:checked::after{width:6px;height:12px;left:5px;top:1px;position:relative;border-width:0 2.5px 2.5px 0;display:block;border-color:var(--border-color);border-style:solid;transform:rotate(45deg);content:""}.window.grid-layout .notice-header input[type=checkbox]:checked+label{color:var(--border-color)}.window.grid-layout .notice-header .label:has(+input[type=checkbox]){color:blue}.window.grid-layout .notice-header .label:has(+input[type=checkbox]):checked{color:var(--text-primary)}.space-mono-regular{font-family:space mono,monospace;font-weight:400;font-style:normal}.space-mono-bold{font-family:space mono,monospace;font-weight:700;font-style:normal}.space-mono-regular-italic{font-family:space mono,monospace;font-weight:400;font-style:italic}.space-mono-bold-italic{font-family:space mono,monospace;font-weight:700;font-style:italic}.highlight .code-toolbar pre{border:2px solid var(--border-color);border-radius:0;box-shadow:none}.highlight .code-toolbar pre:has(.code-preview){display:grid;grid-template-rows:auto auto;grid-template-columns:auto auto}.highlight .code-toolbar pre:has(.code-preview) .code-preview{display:flex;align-items:center;justify-content:center;margin:0 20px}.highlight .code-toolbar pre:has(.code-preview) .highlight{margin-left:0}.highlight .code-toolbar pre.hidden{display:none}.highlight .code-toolbar pre .header{position:relative;height:40px;border-bottom:2px solid var(--border-color);margin-bottom:0;display:flex;align-items:center;padding-left:10px;background-color:transparent;justify-content:space-between;grid-column:1/span 2}.highlight .code-toolbar pre .header:not(:has(.title)){justify-content:flex-end}.highlight .code-toolbar pre .header figcaption{font-family:fira code,monospace;font-size:14px;color:var(--text-primary);margin:0;display:flex}.highlight .code-toolbar pre .header .circles{display:flex;gap:8px}.highlight .code-toolbar pre .header .circles .circle{border:2px solid var(--border-color);border-radius:50%;width:15px;height:15px;box-shadow:2px 2px var(--border-color);background-color:var(--code-bg)}.highlight .code-toolbar pre .header .code-copy{display:none;width:61px;height:25px;border:2px solid var(--border-color);border-radius:20px;box-shadow:2px 2px var(--border-color);background-color:var(--code-bg)}.highlight .code-toolbar pre .header .code-copy .code-copy-button{width:100%;height:100%;border:none;background:0 0;font-family:fira code,monospace;font-size:14px;color:var(--text-primary)}.highlight .code-toolbar pre .highlight{margin:20px;overflow-x:auto}.highlight .code-toolbar pre .highlight .code-toolbar{margin:0}.highlight .code-toolbar pre .highlight .code-toolbar div.toolbar{display:none}.highlight .code-toolbar pre .highlight pre[class*=language-]{overflow-x:scroll;border:1.5px solid var(--border-color);border-radius:0;width:100%;box-shadow:none!important}.highlight .code-toolbar pre:hover .circles .circle{display:none}.highlight .code-toolbar pre:hover .code-copy{display:block}.highlight .code-toolbar pre:hover .code-copy .code-copy-button{cursor:pointer;color:#a9a9b3;font-size:1rem}.highlight .code-toolbar pre:hover .code-copy:hover{background-color:var(--border-color)}.highlight .code-toolbar pre:hover .code-copy:hover .code-copy-button{color:var(--text-secondary)}.highlight .code-toolbar pre:hover .code-copy:active{box-shadow:none;transform:translateY(2px)translateX(2px)}:root[data-theme=dark]{--text-primary:#ececec;--text-secondary:#404040;--border-color:#e1e1e1;--code-bg:#232425;--accent-primary:#61988E}:root[data-theme=light]{--text-primary:#202020;--text-secondary:#5a5a5a;--border-color:#3e3e3e;--code-bg:#f5f5f5;--accent-primary:#61988E}.post,.posts{max-width:1000px}.post .window__header,.posts .window__header{height:60px}.post .window__header .post-title,.posts .window__header .post-title{margin:0;font-size:1.625rem}.post .window__inner .post-content,.posts .window__inner .post-content{margin-top:0}.post .window__inner h2,.posts .window__inner h2{margin-top:0}@media(max-width:684px){.theme-toggle{display:none}.logo__custom{display:none}.post .window__header .post-title{font-size:1.25rem}}body{background-size:50px 50px;background-image:linear-gradient(to right,grey 1px,transparent 1px),linear-gradient(to bottom,grey 1px,transparent 1px)}body main{max-width:1200px;align-self:center}body main .window div.header{background-color:transparent}body header.header{border:1px solid var(--border-color);border-radius:10px;box-shadow:4px 4px var(--border-color);width:100%;max-width:1280px;align-self:center;margin:20px}body header.header .header__inner{width:100%;max-width:1280px}