@font-face{font-family:Druk Heavy;src:url(/fonts/Druk-Heavy-Trial.woff2)format("woff2"),url(/fonts/Druk-Heavy-Trial.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Unaessthetic;src:url(/fonts/Unaessthetic.woff2)format("woff2"),url(/fonts/Unaessthetic.woff)format("woff");font-weight:700;font-style:normal;font-display:swap}@property --brand-hue{syntax:"<number>";inherits:true;initial-value:279.193}@property --brand-lightness{syntax:"<percentage>";inherits:true;initial-value:54.424%}@property --brand-chroma{syntax:"<number>";inherits:true;initial-value:.18235}:root{--min-width:min(142rem, 100%);--padding:9.6rem .8rem;--color-dark:oklch(21.23% .02199 276.372);--color-light:oklch(100% .00011 271.152);--brand:oklch(54.424% .18235 279.193);--brand-2:oklch(55.056% .24165 275.517);--brand-3:oklch(66.664% .10867 290.572);--accent:oklch(96.45% .18002 111.045);--accent-2:oklch(70.957% .18487 33.884);--surface-with-accent-2:oklch(98.969% .00647 106.789);--text-color-dark:oklch(24.23% .02126 276.66);--text-color-light:oklch(100% .00011 271.152);--brand-gradient:linear-gradient(to right, var(--brand), var(--brand-2));--brand-50:oklch(from var(--brand) 97% calc(c * .2) h);--brand-100:oklch(from var(--brand) 94% calc(c * .3) h);--brand-200:oklch(from var(--brand) 88% calc(c * .5) h);--brand-300:oklch(from var(--brand) 78% calc(c * .7) h);--brand-400:oklch(from var(--brand) 66% calc(c * .9) h);--brand-500:var(--brand);--brand-600:oklch(from var(--brand) 48% calc(c * 1.05) h);--brand-700:oklch(from var(--brand) 41% calc(c * 1.08) h);--brand-800:oklch(from var(--brand) 34% calc(c * 1.05) h);--brand-900:oklch(from var(--brand) 26% calc(c * .9) h);--brand-950:oklch(from var(--brand) 18% calc(c * .7) h);--neutral-50:oklch(from var(--color-dark) 98% calc(c * .3) h);--neutral-100:oklch(from var(--color-dark) 95% calc(c * .4) h);--neutral-200:oklch(from var(--color-dark) 88% calc(c * .5) h);--neutral-300:oklch(from var(--color-dark) 75% calc(c * .6) h);--neutral-400:oklch(from var(--color-dark) 58% calc(c * .7) h);--neutral-500:oklch(from var(--color-dark) 45% calc(c * .8) h);--neutral-600:oklch(from var(--color-dark) 36% calc(c * .9) h);--neutral-700:oklch(from var(--color-dark) 28% calc(c * .95) h);--neutral-800:oklch(from var(--color-dark) 21% calc(c * 1) h);--neutral-900:var(--color-dark);--neutral-950:oklch(from var(--color-dark) 12% calc(c * 1.1) h);font-size:62.5%}html{scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}:focus-visible{outline:1.5px dashed var(--brand);outline-offset:4px;border-radius:2px}body{background:var(--color-light);color:var(--text-color-dark);font-family:Poppins,sans-serif;line-height:1.5;transition:background .3s,color .3s;overflow-x:hidden}li{list-style:none}a{text-decoration:none}p{color:var(--text-color-dark);font-family:Poppins,sans-serif;font-size:1.6rem;font-style:normal;font-weight:400}.section{padding-block:12.6rem}@media screen and (width<500px){.section{padding-block:7.2rem}}.container{width:var(--min-width);margin-inline:auto;padding-inline:1.6rem}@media screen and (width<600px){.container{padding-inline:.8rem}}.padding-sm{padding:2.4rem .8rem}.padding-md{padding:4.8rem .8rem}.padding-lg{padding:6rem .8rem}.padding-xl{padding:9.6rem .8rem}@view-transition{navigation:auto}::view-transition-old(root),::view-transition-old(new){animation-duration:.75s}.blog-container .content-container h2{padding-top:2.8rem;padding-bottom:1rem;font-size:2.4rem;line-height:1.2}.content-container h3{padding-block:1.6rem;font-size:1.8rem}.blog-container .content-container pre{border-radius:5px;margin-block:1.6rem;padding:1.6rem;font-size:1.6rem}.blog-container .content-container pre.code-block{padding-top:5.2rem;position:relative}.blog-container .content-container .code-copy-button{background:oklch(from var(--color-dark) l c h / .4);color:inherit;font:inherit;cursor:pointer;border:none;border-radius:5px;justify-content:center;align-items:center;gap:.1rem;padding:.55rem 1rem;font-size:1.2rem;line-height:1;transition:background-color .16s,border-color .16s,transform .16s;display:inline-flex;position:absolute;top:1.2rem;right:1.2rem}.blog-container .content-container .code-copy-button:hover,.blog-container .content-container .code-copy-button:focus-visible{background:oklch(from var(--color-light) l c h / .03);border-color:oklch(from var(--color-light) l c h / .35)}.blog-container .content-container .code-copy-button:focus-visible{outline-offset:2px;outline:2px solid}.blog-container .content-container .code-copy-button:active{transform:translateY(1px)}.blog-container .content-container .code-copy-button.is-copied{background:color-mix(in srgb, var(--brand) 18%, transparent);border-color:color-mix(in srgb, var(--brand) 45%, white)}.blog-container .content-container .code-copy-button__icon{align-items:center;display:inline-flex}.blog-container .content-container .code-copy-button__icon svg{fill:currentColor;width:1.5rem;height:1.5rem}.blog-container .content-container li{font-size:1.6rem}.blog-container .content-container ul{flex-direction:column;gap:.4rem;display:flex}.blog-container .content-container p{margin-block:.8rem}.blog-container table{padding-block:1.6rem;font-size:clamp(.99rem,.77rem + .8vw,1.6rem)}@media screen and (width<460px){.blog-container table,.blog-container h3:has(+table){display:none}}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}