html{height:100%;overflow:scroll;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:#0d0d0d #fff;scroll-behavior:smooth;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}::-webkit-scrollbar{width:5px;background:#0d0d0d}::-webkit-scrollbar-thumb{background:#fff}body{font-family:"Hack",monospace;background-color:#0d0d0d;background-image:url("/assets/background.png");background-size:2%;background-attachment:fixed;color:#fff;font-size:1rem;font-weight:400;line-height:1.5rem;min-height:100%;padding:0;margin:0;position:relative;overflow-x:hidden}a{color:#00a3b9;transition:color .3s cubic-bezier(.16, 1, .3, 1)}a.active{font-weight:bold}a.back::before{display:inline-block;content:"<<< ";padding-right:.5rem;transition:transform .3s cubic-bezier(.16, 1, .3, 1)}a:hover{color:#dffcff}a:hover.back::before{transform:translateX(-10px)}a[href="#"]{color:#b90000}.primary-button{position:relative;display:grid;text-decoration:none;padding:0 1rem;border-image-source:url("/assets/button.svg");border-image-slice:30% fill;border-image-width:20px;color:#0d0d0d;height:100%}.primary-button span{position:relative;place-self:center}.primary-button .deco{position:absolute;height:1rem;width:3rem;bottom:0;left:50%}.primary-button .deco img{height:100%;transform:translate(0);transition:transform .3s cubic-bezier(.16, 1, .3, 1)}.primary-button .deco img:nth-child(1){transition-delay:.1s}.primary-button .deco img:nth-child(2){transition-delay:.2s}.primary-button .deco img:nth-child(3){transition-delay:.3s}.primary-button .block{position:absolute;width:10px;height:10px;left:0%;top:5px;background-color:#181818;transition:left 1s cubic-bezier(.16, 1, .3, 1)}.primary-button:hover .deco img{transform:translateX(10px)}.primary-button:hover .block{left:calc(100% - 10px)}span[data-copyable=line],code[data-copyable=line],p[data-copyable=line]{position:relative}span[data-copyable=line].pulse,code[data-copyable=line].pulse,p[data-copyable=line].pulse{animation:clipboard-pulse .3s ease-in-out 0s 1 normal forwards}span[data-copyable=line]::before,code[data-copyable=line]::before,p[data-copyable=line]::before{position:absolute;content:attr(data-copyable-state);user-select:none;background-color:#00a3b9;color:#181818;-webkit-text-fill-color:#181818;left:0;bottom:-100%;font-size:.75rem;padding:0rem .5rem;transform:translateY(-50%);opacity:0;transition:transform .3s cubic-bezier(.16, 1, .3, 1),opacity .3s cubic-bezier(.16, 1, .3, 1)}span[data-copyable=line]:hover::before,code[data-copyable=line]:hover::before,p[data-copyable=line]:hover::before{transform:translateY(0%);opacity:1}@keyframes clipboard-pulse{from{filter:brightness(1)}from{filter:brightness(1.5)}to{filter:brightness(1)}}header{padding:1rem 1rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem;border-bottom:1px solid #fff;background-color:#0d0d0d}header h1{margin:0}header nav a{text-decoration:none;z-index:2}header nav a.active{text-decoration:underline}header nav a:hover{color:#00a3b9}section>h1{color:rgba(255,255,255,.5);font-size:5rem;position:absolute;margin:0;top:2rem;left:2.5rem;transform-origin:left;transform:rotate(90deg);background-color:#0d0d0d;border:10px solid #0d0d0d;border-width:30px 10px;user-select:none;z-index:-10}#listing{list-style:none;margin:1rem 1rem 0 1rem;padding:0;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;gap:1.5rem}#listing.vertical{flex-direction:column;align-items:center}#listing li{border:2px solid #00a3b9;position:relative;display:flex;flex-direction:column;width:25rem}#listing li a,#listing li span{padding:.5rem 1rem}#listing li a{background-color:#00a3b9;color:#181818;text-decoration:none;font-weight:bold;transition:background-color .3s cubic-bezier(.16, 1, .3, 1);position:relative}#listing li a::after{content:" ";position:absolute;top:0px;right:0px;width:30px;height:30px;background-color:#00a3b9;transition:right .3s cubic-bezier(.16, 1, .3, 1),background-color .3s cubic-bezier(.16, 1, .3, 1)}#listing li a::before{content:">";color:#00a3b9;position:absolute;top:2px;right:0px;width:30px;height:30px;transition:right .3s cubic-bezier(.16, 1, .3, 1),color .3s cubic-bezier(.16, 1, .3, 1);z-index:10}#listing li a:hover{background-color:#fff}#listing li a:hover::after{right:-10px;background-color:#fff}#listing li a:hover::before{right:-25px;color:#0d0d0d}#listing li::after{content:" ";position:absolute;bottom:-5px;left:-2px;width:calc(100% + 4px);height:1px;background-color:#00a3b9}article{margin:1rem 5rem 1rem 8rem;padding:1rem 0;position:relative;border-image-source:url("/assets/border.svg");border-image-slice:30% fill;border-image-width:35px;backdrop-filter:blur(1.5px)}article .meta,article .content{padding:0 1rem 0 2rem}article .meta{padding-bottom:.5rem;border-bottom:2px solid #00a3b9}article .meta h1{margin:0;font-size:2rem;line-height:2.5rem}article .meta p{font-size:.75rem;margin-bottom:0}article .meta .top,article .meta .bottom{display:flex;justify-content:space-between}article .content{position:relative}article .content h1{font-size:2rem}article .content blockquote{font-style:italic}article .content blockquote>p::before{content:'> "';color:#00a3b9;font-weight:bold;display:inline}article .content blockquote p::after{content:'"';color:#00a3b9;font-weight:bold;display:inline}article .content h1,article .content h2{border:4px solid #00a3b9;border-style:none none none solid;padding-left:.2rem}article .content img{border:2px solid #00a3b9;border-width:2px 2px 2px 8px}article .content>table{border-collapse:collapse}article .content>table thead{border-bottom:2px solid #fff}article .content>table tr{border-bottom:1px solid #fff}article .content>table tr:last-child{border-bottom:none}article .content>table td,article .content>table th{border-left:1px solid #fff;padding:.25rem .5rem}article .content>table td:first-child,article .content>table th:first-child{border-left:none}article .content pre{border:2px solid #00a3b9;border-width:2px 2px 2px 8px;margin:1rem 2rem 1rem 0}article .content p>code{background-color:#282a36;color:#f8f8f2}article{}article pre{padding:1rem;overflow:auto}article pre[data-linenos]{padding:1rem 0}article pre table td{padding:0}article pre table td:nth-of-type(1){text-align:center;vertical-align:top;user-select:none}article pre mark{display:block;background-color:rgba(254,252,232,.9)}article pre table{width:100%;border-collapse:collapse}.tags{list-style-type:none;display:flex;padding:0;gap:.5rem}.tags .list-title{background:none}.tags .list-title::before{display:none}.tags .list-title::after{background-color:#00a3b9;left:auto;right:-2.5px}.tags .list-title:hover{background:none}.tags li{position:relative;padding:.1rem .5rem;background-color:#00a3b9;transition:background-color .3s cubic-bezier(.16, 1, .3, 1)}.tags li a{text-decoration:none;color:#0d0d0d;transition:color .3s cubic-bezier(.16, 1, .3, 1)}.tags li::before{content:" ";position:absolute;width:100%;height:2px;top:-4px;left:0;background-color:#00a3b9;transition:top .5s cubic-bezier(.16, 1, .3, 1),bottom .5s cubic-bezier(.16, 1, .3, 1),background-color .3s cubic-bezier(.16, 1, .3, 1)}.tags li::after{content:" ";position:absolute;width:5px;height:10px;top:calc(50% - 5px);left:0;clip-path:polygon(0% 0%, 100% 50%, 0% 100%);background-color:#181818}.tags li:hover{background-color:#dffcff}.tags li:hover a{color:#0d0d0d}.tags li:hover::before{top:-6px;background-color:#dffcff}.tags.technology li.list-title::after{right:auto;left:-2.5px}.tags.technology li::before{top:auto;bottom:-4px}.tags.technology li::after{left:auto;right:0;clip-path:polygon(100% 100%, 0% 50%, 100% 0%)}.tags.technology li:hover::before{bottom:-6px}#index{text-align:center}#index svg{margin:1rem 0;height:50vh;max-width:100%}#index svg .fills,#index svg .strokes{transition:.3s cubic-bezier(.16, 1, .3, 1)}#index svg .fills{fill:#00a3b9}#index svg .fills:hover{fill:#dffcff}#index svg .strokes{stroke:#00a3b9}#index svg .strokes:hover{stroke:#dffcff}footer{text-align:center;margin:1rem 5rem 1rem 8rem}#nav-cursor{position:absolute;top:0;left:0;width:10px;height:10px;background-color:rgba(223,252,255,.4);border-right:1px solid #dffcff;opacity:0;pointer-events:none;z-index:0}#nav-cursor.ready{transition:top .3s cubic-bezier(.16, 1, .3, 1),left .3s cubic-bezier(.16, 1, .3, 1),width 1s cubic-bezier(.16, 1, .3, 1),height 1s cubic-bezier(.16, 1, .3, 1),opacity .3s cubic-bezier(.16, 1, .3, 1)}.res-link{background:linear-gradient(75deg, #f5ee76 0%, #79c253 8%, #f37576 16%, #986cae 24%, #66cef6 32%, #e79f4f 40%, #fff 50%, #fff 100%);background-size:200%;background-position:100%;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);transition:background-position 0s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.res-link .proto{font-weight:300}.res-link:hover{background-position:-100%;transition:background-position 3s cubic-bezier(.33, 1, .68, 1)}.dynamic-impulse{display:block;margin:1rem 0}.dynamic-impulse p{display:inline-block;position:relative;border:solid 2px;border-color:var(--type-color);border-right-width:4px;padding:.1rem .5rem .1rem 1.1rem;margin:0;transition:background-color .3s cubic-bezier(.16, 1, .3, 1)}.dynamic-impulse p::before,.dynamic-impulse p::after{content:"";position:absolute;height:100%;width:1rem;top:0;left:0}.dynamic-impulse p::before{background-color:var(--type-color);color:#181818}.dynamic-impulse p::after{background:url("/assets/triangle.svg");background-size:65%;background-repeat:no-repeat;background-position:center;transform-origin:center}.dynamic-impulse.hover>p{background-color:rgba(223,252,255,.3)}.dynamic-impulse.receiver>p::after{transform:rotate(90deg)}.dynamic-impulse.trigger>p::after{transform:rotate(-90deg)}#dynamic-impulse-canvas{position:absolute;top:0;left:0}@media only screen and (max-width: 800px){article{margin:1rem 1rem}article .meta .bottom{flex-wrap:wrap;justify-content:space-between}article .meta .bottom .tags{flex-wrap:wrap;margin:.5rem 0}article .content pre{margin:1rem 0}article .content img{max-width:calc(100% - 1rem)}}@media only screen and (max-width: 500px){article{margin:1rem 0}article .meta .top{flex-wrap:wrap;flex-direction:column}article .meta .top .secondary{height:3rem;margin:1rem 0 .5rem 0}footer{margin:1rem 0}section>h1{display:none}}