pre.astro-code>.code-block-header{justify-content:space-between;display:flex;position:sticky;top:0;left:0}pre.astro-code>.code-block-header .code-block-filename{color:color-mix(in srgb,currentcolor 30%,transparent)}pre.astro-code>.code-block-header button.copy-code-button{cursor:pointer;text-align:center;vertical-align:middle;outline-offset:2px;webkit-user-select:none;-webkit-user-select:none;user-select:none;padding-inline:var(--btn-p);color:color-mix(in srgb,currentcolor 30%,transparent);--tw-prose-links:var(--btn-fg);height:var(--size);font-size:var(--fontsize,.875rem);outline-color:var(--btn-color,var(--color-base-content));background-color:var(--btn-bg);background-size:auto,calc(var(--noise)*100%);background-image:none,var(--btn-noise);border-width:var(--border);border-style:solid;border-color:var(--btn-border);text-shadow:0 .5px oklch(100% 0 0/calc(var(--depth)*.15));touch-action:manipulation;box-shadow:0 .5px 0 .5px oklch(100% 0 0/calc(var(--depth)*6%)) inset,var(--btn-shadow);--size:calc(var(--size-field,.25rem)*6);--btn-bg:var(--btn-color,var(--color-base-200));--btn-fg:var(--color-base-content);--btn-p:.5rem;--btn-border:color-mix(in oklab,var(--btn-bg),#000 calc(var(--depth)*5%));--btn-shadow:0 3px 2px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000),0 4px 3px -2px color-mix(in oklab,var(--btn-bg)calc(var(--depth)*30%),#0000);--btn-noise:var(--fx-noise);--fontsize:.6875rem;border-start-start-radius:var(--join-ss,var(--radius-field));border-start-end-radius:var(--join-se,var(--radius-field));border-end-end-radius:var(--join-ee,var(--radius-field));border-end-start-radius:var(--join-es,var(--radius-field));flex-wrap:nowrap;flex-shrink:0;justify-content:center;align-items:center;gap:.375rem;font-weight:600;transition-property:color,background-color,border-color,box-shadow;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);display:inline-flex}:where(pre.astro-code>.code-block-header button.copy-code-button){width:unset}.prose :is(pre.astro-code>.code-block-header button.copy-code-button){text-decoration-line:none}@media (hover:hover){pre.astro-code>.code-block-header button.copy-code-button:hover{--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%)}}pre.astro-code>.code-block-header button.copy-code-button:focus-visible{isolation:isolate;outline-width:2px;outline-style:solid}pre.astro-code>.code-block-header button.copy-code-button:active:not(.btn-active){--btn-bg:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 5%);--btn-border:color-mix(in oklab,var(--btn-color,var(--color-base-200)),#000 7%);--btn-shadow:0 0 0 0 oklch(0% 0 0/0),0 0 0 0 oklch(0% 0 0/0);translate:0 .5px}pre.astro-code>.code-block-header button.copy-code-button:is(:disabled,[disabled],.btn-disabled){pointer-events:none;--btn-border:#0000;--btn-noise:none;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}pre.astro-code>.code-block-header button.copy-code-button:is(:disabled,[disabled],.btn-disabled):not(.btn-link,.btn-ghost){background-color:color-mix(in oklab,var(--color-base-content)10%,transparent);box-shadow:none}@media (hover:hover){pre.astro-code>.code-block-header button.copy-code-button:is(:disabled,[disabled],.btn-disabled):hover{pointer-events:none;background-color:color-mix(in oklab,var(--color-neutral)20%,transparent);--btn-border:#0000;--btn-fg:color-mix(in oklch,var(--color-base-content)20%,#0000)}}pre.astro-code>.code-block-header button.copy-code-button:is(input[type=checkbox],input[type=radio]){appearance:none}pre.astro-code>.code-block-header button.copy-code-button:is(input[type=checkbox],input[type=radio]):after{content:attr(aria-label)}pre.astro-code>.code-block-header button.copy-code-button:where(input:checked:not(.filter .btn)){--btn-color:var(--color-primary);--btn-fg:var(--color-primary-content);isolation:isolate}pre.astro-code>.code-block-header button.copy-code-button:not(.btn-active,:hover,:active:focus,:focus-visible){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none}pre.astro-code>.code-block-header button.copy-code-button:not(.btn-active,:hover,:active:focus,:focus-visible):not(:disabled,[disabled],.btn-disabled){--btn-fg:currentColor;outline-color:currentColor}@media (hover:none){pre.astro-code>.code-block-header button.copy-code-button:hover:not(.btn-active,:active,:focus-visible,:disabled,[disabled],.btn-disabled){--btn-shadow:"";--btn-bg:#0000;--btn-border:#0000;--btn-noise:none;--btn-fg:currentColor}}pre.astro-code>.code-block-header button.copy-code-button:hover{color:currentColor}pre.astro-code>.code-block-header button.copy-code-button .copied-text{display:none}pre.astro-code>.code-block-header button.copy-code-button.copied .copied-text{display:inline}pre.astro-code>.code-block-header button.copy-code-button.copied .copy-text{display:none}/*! tailwindcss v4.0.3 | MIT License | https://tailwindcss.com */.callout{gap:calc(var(--spacing)*3);border-radius:var(--radius-md);background-color:var(--color-base-200);padding:calc(var(--spacing)*2);flex-direction:column;display:flex}.callout .callout-title{align-items:center;gap:calc(var(--spacing)*2);display:flex}.callout-content>:first-child{margin-top:calc(var(--spacing)*0)}.callout-content>:last-child{margin-bottom:calc(var(--spacing)*0)}.callout.note{border-left-style:var(--tw-border-style);border-left-width:4px;border-left-color:var(--color-accent);border-top-left-radius:0;border-bottom-left-radius:0}.callout.note .callout-title{color:var(--color-accent)}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
