interactive-component{display:contents}.l{display:grid;place-items:center;grid-template-columns:auto auto;gap:.5rem;position:fixed;top:50%;left:0;padding:.5rem;translate:0 -50%;transition-property:display,translate;transition-behavior:allow-discrete;transition-duration:1s;transition-timing-function:cubic-bezier(.4,1,.25,1)}@container (width < 50rem){.l{display:none;translate:-150% -50%}}@starting-style{.l{translate:-150% -50%}}.v{border:initial;background:initial;display:grid;gap:.75rem;cursor:pointer;opacity:.4;padding-inline:.5rem;padding-block:.75rem;border-radius:.5rem;justify-items:end;scale:.99;transition-property:opacity,scale,background-color;transition-duration:.2s;transition-timing-function:ease}.v:hover{opacity:.6;scale:1.01;background-color:light-dark(#fff4,#0004)}.w{height:2px;border-radius:2px;background-color:currentColor;transition:scale .2s ease;width:14px;opacity:.85}.w[aria-current]{background-color:#db684c;opacity:1;scale:1.5 1;transform-origin:right}.w[data-indent="1"]{width:10px;opacity:.7}.w[data-indent="2"]{width:6px;opacity:.55}.c{display:grid;gap:.5rem;padding:1rem;background-color:oklch(100% .02 30);outline:1px solid var(--border, #eee);border-radius:.75rem;width:max-content;max-width:20rem;max-height:70svh;overflow-y:scroll;filter:drop-shadow(.25rem .25rem 1.5rem oklch(50% .1 var(--arsh-red-hue) / .3));transition-behavior:allow-discrete;transition-property:display,opacity,scale;transform-origin:center left;transition-duration:.25s;transition-timing-function:cubic-bezier(.4,1,.25,1)}.l:not([open])>.c{display:none;scale:.95;opacity:0}@starting-style{.c{scale:.95;opacity:0}}.c>a{display:block;text-decoration:none;color:inherit;opacity:.7;transition:opacity .2s}.c>a[aria-current]{opacity:1;color:#db684c}.c>a:hover{opacity:1}.c>a[data-indent="1"]{padding-left:.75rem}.c>a[data-indent="2"]{padding-left:1.5rem}arsh{display:grid;place-items:stretch;width:100%;height:70svh;container-type:size}arsh>interaction-indicator{display:var(--size, none);grid-area:1 / 1;background-image:radial-gradient(circle,var(--arsh-red) 0%,transparent 50%);opacity:.5;contain:size;width:calc(var(--size) * var(--scaling-factor, 1));height:calc(var(--size) * var(--scaling-factor, 1));translate:calc(var(--x) - var(--size) * var(--scaling-factor, 1) / 2) calc(var(--y) - var(--size) * var(--scaling-factor, 1) / 2);pointer-events:none;animation:blink 2s infinite;will-change:translate}@container (width <= 40rem){arsh>interaction-indicator{--scaling-factor: 2}}arsh>svg{color:var(--arsh-red);padding-block:25cqh;padding-inline:18.75cqw;grid-area:1 / 1}arsh>canvas{color:var(--arsh-red);grid-area:1 / 1;touch-action:none;height:100cqh;width:100cqw}@keyframes blink{0%{opacity:.5}50%{opacity:.1}to{opacity:.5}}.r{display:grid;grid-auto-flow:column;contain:strict;height:4rem;color:#fff;align-items:center;justify-content:space-between;gap:1rem;padding-inline:4rem}.r .o{width:7rem}@container (width <= 42rem){.r .o{width:5rem}}.r .o svg{stroke:#fff;fill:none;stroke-width:.125rem;stroke-linecap:round;stroke-dasharray:368px;stroke-dashoffset:0px;transition:stroke-dashoffset 5s cubic-bezier(.55,.85,.5,1)}@starting-style{.r .o svg{stroke-dashoffset:368px}}@container (width <= 42rem){.r .o svg{stroke-width:.175rem}}.r .o svg path{scale:.95}.r nav{display:grid;grid-auto-flow:column;gap:1rem}@container (width <= 42rem){.r nav[data-full]{display:none}}@container (width > 42rem){.r nav[data-mini]{display:none}}.r nav a{font-family:Space Mono,monospace;font-size:1.25rem;text-align:center;color:#fff}@container (width <= 42rem){.r nav a{font-size:1rem}}.p{display:grid;grid-auto-flow:column;justify-content:space-between;font-family:Space Mono,monospace;font-size:1rem;color:#fff;align-items:center;text-wrap:balance;padding-inline:4rem}@container (width <= 42rem){.p{padding-inline:2rem}}@layer default,layout,component,page;@layer default{:root{--arsh-red-hue: 30;--arsh-red: oklch(65% .23 30)}@view-transition{navigation: auto;}body{display:grid;place-items:stretch;font-family:Lora,Georgia,Cambria,Times New Roman,Times,serif;text-rendering:optimizeLegibility;color:#51453e;background-color:oklch(49.05% .219 40);margin:initial;container-type:inline-size;padding:.5rem;min-height:calc(100svh - 1rem)}body::selection{background-color:oklch(90% .2 35)}@media screen and (width <= 40rem){body{padding:0;min-height:100svh}}main{display:grid;place-items:center;background-color:oklch(98% .013 40);border-radius:3rem;filter:drop-shadow(0 0 1rem oklch(40% .15 var(--arsh-red-hue)))}header,footer{position:relative;z-index:1}h1,h2,h3,h4,h5,h6{font-family:Space Mono,sans-serif;font-weight:400;line-height:1.4;margin:initial;width:fit-content;text-wrap:balance}h1{color:var(--arsh-red);font-size:3rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1rem}a{color:oklch(47.13% .185 35)}article{line-height:1.6;width:clamp(20rem,90vw,65ch);contain:inline-size}figure{margin:0;text-align:center;font-style:italic}figure img,figure svg,figure video{max-width:100%}figure[data-wide]{width:100cqw;contain:paint;margin-left:calc(50% - 50cqw)}figure[data-wide] svg{height:initial}figure[data-wide] iframe{width:100%;height:80svh;border:none}figure-pair{display:grid;gap:1rem}@container (width > 50rem){figure-pair{padding-inline:1rem;width:calc(100svw - 2rem);margin-left:calc(50% - 50vw);grid-template-columns:var(--template, 1fr 1fr)}}figcaption{padding-inline:1rem}code-block{display:block;background-color:oklch(100% .02 40);border-radius:1rem}code{font-family:Space Mono,monospace;font-size:.8rem;padding-inline:.25rem;border-radius:.25rem}pre{font-family:Space Mono,monospace;background-color:oklch(99% .0065 40);font-size:.8rem;overflow:scroll;padding:1rem;border-radius:1rem}}@layer layout{.post{padding-bottom:3rem}.post .post_title{background-image:radial-gradient(ellipse at top left,oklch(from var(--arsh-red) calc(l*1.1) c h),var(--arsh-red),oklch(from var(--arsh-red) calc(l*.8) c h));background-clip:text;color:transparent;line-height:2ch}.post .post_title::selection{color:var(--arsh-red)}.post .post_subtitle{font-size:1.25rem;margin:1rem 0}.post .post_date{font-style:italic}.post h1,.post h2,.post h3,.post h4,.post h5,.post h6{margin-top:3rem}.post article{padding-bottom:3rem}}.shiki-magic-move-container{position:relative;white-space:pre}.shiki-magic-move-line-number{opacity:.3;-webkit-user-select:none;-moz-user-select:none;user-select:none}.shiki-magic-move-item{display:inline-block;transition:color var(--smm-duration,.5s) var(--smm-easing,"ease")}.shiki-magic-move-enter-active,.shiki-magic-move-leave-active,.shiki-magic-move-move{transition:all var(--smm-duration,.5s) var(--smm-easing,"ease")}.shiki-magic-move-container-resize,.shiki-magic-move-container-restyle{transition:all var(--smm-duration,.5s) var(--smm-easing,"ease");transition-delay:calc(var(--smm-duration, .5s)*var(--smm-delay-container, 1))}.shiki-magic-move-move{transition-delay:calc(var(--smm-duration, .5s)*var(--smm-delay-move, 1) + var(--smm-stagger, 0));z-index:1}.shiki-magic-move-enter-active{transition-delay:calc(var(--smm-duration, .5s)*var(--smm-delay-enter, 1) + var(--smm-stagger, 0));z-index:1}.shiki-magic-move-leave-active{transition-delay:calc(var(--smm-duration, .5s)*var(--smm-delay-leave, 1) + var(--smm-stagger, 0))}.shiki-magic-move-enter-from,.shiki-magic-move-leave-to{opacity:0}br.shiki-magic-move-leave-active{display:none}
/*# sourceMappingURL=FPJ5UTK7.css.map */