@layer components{.code-block{max-width:100%;min-height:65px;font-size:var(--label);font-family:var(--monospace-font);background-color:var(--grey-000);scrollbar-width:thin;margin:10px 0;padding:15px 0;overflow:auto}.code-block[data-label]:not(.code-block--no-language):before{content:attr(data-label);width:fit-content;color:var(--grey-500);font-size:calc(var(--label) - 1px);font-family:var(--monospace-font);border-right:var(--layout-border-dashed);border-bottom:var(--layout-border-dashed);z-index:0;margin:-15px 0 -4px;padding:2px 6px;display:block}.code-block>pre{background-color:#0000!important}.code-block[data-label]:not(.code-block--no-language)>pre{margin-top:15px}.code-block code{counter-reset:line;counter-increment:line 0;display:grid}.code-block code .line{padding:0 15px;position:relative}.code-block:not(.code-block--no-line-numbers) code .line:before{content:counter(line);text-align:right;width:1rem;color:var(--grey-300);margin-right:1.5rem;display:inline-block}.code-block:not(.code-block--no-line-numbers) code .line:not(.diff.remove):before{counter-increment:line}.code-block code .line.highlighted{background-color:var(--magenta-o-20)}.code-block code .line.highlighted:after{content:"";background-color:var(--magenta-o-90);width:2px;height:100%;position:absolute;top:0;left:0}.code-block code .line.highlighted:before{color:var(--magenta-o-70)}.code-block code .highlighted-word{background-color:var(--magenta-o-40);border:1px solid var(--magenta-o-20)}.code-block code .diff.remove{opacity:.6}.code-block code .diff.remove:before{content:"-";color:var(--red)}.code-block code .diff.add:before{content:"+";color:var(--green)}.dots{left:calc(0px + var(--offset-x));width:calc(100% - var(--offset-x) * 2);position:absolute}.dots--top{top:calc(0px + var(--offset-y))}.dots--bottom{bottom:calc(0px + var(--offset-y))}.dots:before,.dots:after{content:"";background-color:var(--grey-000);border:var(--layout-border);z-index:1;width:9px;height:9px;position:absolute;top:-3px}.dots:before{left:-4px}.dots:after{right:-4px}.pre-footer{--padding:20px;width:min(calc(100% - var(--padding)), var(--layout-width));border-top:var(--layout-border-dashed);border-bottom:var(--layout-border-dashed);border-left:var(--layout-border);border-right:var(--layout-border);isolation:isolate;z-index:1;margin-inline:auto;position:relative}@media (width>=520px) and (width<=920px){.pre-footer{--padding:50px}}.pre-footer website-metadata{display:block}.pre-footer__noscript-inner{width:min(calc(100% - var(--padding)), 800px);background-color:var(--grey-100);border:var(--layout-border);z-index:1;margin-inline:auto;padding:22px;position:relative}.pre-footer__noscript-title{font-size:calc(var(--h4) * .8);color:var(--grey-900);margin-bottom:12px;font-weight:700}.pre-footer__noscript-list{grid-template-columns:1fr;gap:16px 24px;margin:0;display:grid}@media (width>=680px){.pre-footer__noscript-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.pre-footer__noscript-item{margin:0}.pre-footer__noscript-item dt{font-size:var(--p);color:var(--grey-600);margin-bottom:6px;font-weight:500}.pre-footer__noscript-item dd{overflow-wrap:anywhere;max-width:100%;font-size:var(--label);font-family:var(--monospace-font);color:var(--grey-700);letter-spacing:.01em;font-variant-numeric:tabular-nums;margin:0;line-height:1.3}.pre-footer__noscript-item dd code{background-color:var(--grey-000);border:1px solid var(--grey-200);padding:2px 4px;font-size:calc(1rem - 1px)}.footer{border-top:var(--layout-border);background-color:var(--surface-page);isolation:isolate;z-index:3;justify-content:center;display:flex;position:relative}.footer:after{--padding:20px;content:"";width:min(calc(100% - var(--padding)), var(--layout-width));border-left:var(--layout-border);border-right:var(--layout-border);height:38px;position:absolute;bottom:100%}@media (width>=520px) and (width<=920px){.footer:after{--padding:50px}}.footer-shadow{background:linear-gradient(to bottom, transparent, var(--grey-100) 90%, var(--grey-100));z-index:2;width:100%;height:40px;position:sticky;bottom:0}.footer__inner{--padding:20px;width:min(calc(100% - var(--padding)), var(--layout-width));border-left:var(--layout-border);border-right:var(--layout-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-inline:auto;padding:10px 16px;display:flex;position:relative}@media (width>=520px) and (width<=920px){.footer__inner{--padding:50px}}.footer__text{font-size:var(--label);font-family:var(--monospace-font);color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.footer__logo{flex:0 0 32px;width:32px;height:32px}.footer__text lazy-icon svg{width:16px;height:16px;fill:var(--green)}.grain{opacity:var(--grain-opacity);pointer-events:none;background:url(/public/images/grain.svg) 50%/110px;border-radius:0;position:absolute;inset:0}}@layer utilities{.\:txt-grd{color:var(--link-color);font-weight:700}@supports ((-webkit-background-clip:text)) and (-webkit-text-fill-color:transparent){.\:txt-grd{color:#0000;background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}}@supports (color:color-mix(
        in srgb,
        var(--color-1, var(--blue)) 0%,
        var(--color-2, var(--magenta)) 100%
      )
  ){.\:txt-grd{text-shadow:5px 5px 20px color-mix(in srgb, var(--color-1,var(--blue)) 10%, var(--color-2,var(--magenta)) 35%), 10px 10px 30px color-mix(in srgb, var(--color-1,var(--blue)) 10%, var(--color-2,var(--magenta)) 10%)}}.\:bg-grd{background-image:linear-gradient(135deg, var(--grey-200) 10%, transparent 10%, transparent 50%, var(--grey-200) 50%, var(--grey-200) 60%, transparent 60%, transparent 100%);background-size:7px 7px}.\:bg-glow{background:linear-gradient(135deg, var(--color-1,var(--blue)) 0%, var(--color-2,var(--magenta)) 100%)}@supports (color:color-mix(
        in srgb,
        var(--color-1, var(--blue)) 0%,
        var(--color-2, var(--magenta)) 100%
      )
  ){.\:bg-glow{box-shadow:-2px -2px 10px 2px color-mix(in srgb, var(--color-1,var(--blue)) 30%, var(--color-2,var(--magenta)) 15%), 5px 5px 20px 4px color-mix(in srgb, var(--color-1,var(--blue)) 10%, var(--color-2,var(--magenta)) 35%), 10px 10px 30px 8px color-mix(in srgb, var(--color-1,var(--blue)) 10%, var(--color-2,var(--magenta)) 10%)}}.\:brd-grd{border:1px solid;border-image:linear-gradient(120deg, var(--blue), var(--grey-200), var(--grey-200), var(--grey-200), var(--magenta)) 1}}