html{scroll-padding-top:96px}.blog-article[data-astro-cid-zt3xmabm] pre{--code-header-height:2.25rem;--code-dot-size:.75rem;--code-dot-gap:.5rem;background-color:#0009;border:1px solid #ffffff1a;border-radius:0;outline:none;margin:1.5rem 0;position:relative;overflow:hidden}.blog-article[data-astro-cid-zt3xmabm] pre:before{content:"";height:var(--code-header-height);pointer-events:none;z-index:1;background:#181818;border-bottom:1px solid #ffffff1a;position:absolute;inset:0 0 auto}.blog-article[data-astro-cid-zt3xmabm] pre:after{content:"";top:calc((var(--code-header-height) - var(--code-dot-size)) / 2);width:var(--code-dot-size);height:var(--code-dot-size);box-shadow:calc(var(--code-dot-size) + var(--code-dot-gap)) 0 0 oklab(85.2422% -.00123557 .174212/.8), calc((var(--code-dot-size) + var(--code-dot-gap)) * 2) 0 0 oklab(73.0324% -.163837 .104601/.8);pointer-events:none;z-index:2;background:oklab(69.1445% .182742 .0771619/.8);border-radius:9999px;position:absolute;left:.75rem}.blog-article[data-astro-cid-zt3xmabm] .code-file-name{top:calc(var(--code-header-height) / 2);color:#a3a3a3;z-index:3;padding:0 1rem 0 .5rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.75rem;line-height:1;position:absolute;left:4.5rem;transform:translateY(-50%)}.blog-article[data-astro-cid-zt3xmabm] pre code{padding:calc(var(--code-header-height) + .75rem) 1rem .75rem;-webkit-overflow-scrolling:touch;font-size:.8125rem;line-height:1.6;display:block;overflow-x:auto}.blog-article[data-astro-cid-zt3xmabm] blockquote{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:linear-gradient(135deg,#ffffff0d 0%,#ffffff08 100%);border:1px solid #ffffff1a;gap:1rem;margin:1.5rem 0;padding:1rem 1.25rem;display:flex;position:relative}.blog-article[data-astro-cid-zt3xmabm] blockquote:before{content:"";background:linear-gradient(180deg, transparent, var(--color-primary) 50%, transparent);width:2px;position:absolute;top:0;bottom:0;left:0}.blog-article[data-astro-cid-zt3xmabm] blockquote p{color:#ffffffe6;margin:0;font-size:1rem;font-style:italic;font-weight:300;line-height:1.7}@media (width<=640px){.blog-article[data-astro-cid-zt3xmabm] pre{font-size:.75rem}.blog-article[data-astro-cid-zt3xmabm] pre code{padding:calc(var(--code-header-height) + .75rem) .75rem .75rem;font-size:.75rem}.blog-article[data-astro-cid-zt3xmabm] table,.blog-article[data-astro-cid-zt3xmabm] table th,.blog-article[data-astro-cid-zt3xmabm] table td{font-size:.875rem!important}.blog-article[data-astro-cid-zt3xmabm] table th,.blog-article[data-astro-cid-zt3xmabm] table td{padding-left:.5rem!important;padding-right:.5rem!important}}.blog-article[data-astro-cid-zt3xmabm] table{-webkit-overflow-scrolling:touch;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;font-size:1rem;display:block;overflow-x:auto}.blog-article[data-astro-cid-zt3xmabm] table th{white-space:nowrap}.blog-article[data-astro-cid-zt3xmabm] a{color:#00b7ff;overflow-wrap:anywhere;word-break:break-word;cursor:pointer;border-bottom:1px solid #00b7ff66;text-decoration:none;transition:all .2s ease-in-out}.blog-article[data-astro-cid-zt3xmabm] a:hover{color:var(--color-primary-300);border-bottom-color:var(--color-primary-500)}.blog-article[data-astro-cid-zt3xmabm] [data-code-file]{display:none}.blog-article[data-astro-cid-zt3xmabm] .code-copy-btn{top:calc((var(--code-header-height) - 1.5rem) / 2);color:#737373;cursor:pointer;z-index:3;background:0 0;justify-content:center;align-items:center;width:1.5rem;height:1.5rem;padding:0;transition:color .15s;display:flex;position:absolute;right:.75rem}.blog-article[data-astro-cid-zt3xmabm] .code-copy-btn:hover{color:#d4d4d4}.blog-article[data-astro-cid-zt3xmabm] .code-copy-btn svg{flex-shrink:0;width:.875rem;height:.875rem}.blog-article[data-astro-cid-zt3xmabm] .code-copy-btn-default,.blog-article[data-astro-cid-zt3xmabm] .code-copy-btn-success{justify-content:center;align-items:center;transition:all .2s ease-out;display:flex;position:absolute;inset:0}.blog-article[data-astro-cid-zt3xmabm] .code-copy-btn-success{color:oklch(69.6% .17 162.48);opacity:0;filter:blur(4px);pointer-events:none;transform:scale(.25)}.blog-article[data-astro-cid-zt3xmabm] .code-copy-btn.copied .code-copy-btn-default{opacity:0;filter:blur(4px);transform:scale(.25)}.blog-article[data-astro-cid-zt3xmabm] .code-copy-btn.copied .code-copy-btn-success{opacity:1;filter:blur();transform:scale(1)}.blog-article[data-astro-cid-zt3xmabm] .hex-color-wrapper{vertical-align:middle;background-color:#ffffff0d;border:1px solid #ffffff40;border-radius:.25rem;align-items:center;gap:.375rem;margin:0 .125rem;padding:.125rem .375rem;line-height:1;display:inline-flex}.blog-article[data-astro-cid-zt3xmabm] .hex-color-swatch{border:1px solid #ffffff40;border-radius:.125rem;flex-shrink:0;width:.75rem;height:.75rem;display:inline-block}.blog-article[data-astro-cid-zt3xmabm] .hex-color-value{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;color:#fff!important;background:0 0!important;border:0!important;padding:0!important;font-size:.875rem!important}