.da-playground:where(.astro-4xvolnfw){margin-block:1.5rem}.da-label:where(.astro-4xvolnfw){margin-block-end:.4rem;font-weight:600;display:block}.da-row:where(.astro-4xvolnfw){flex-wrap:wrap;gap:.5rem;display:flex}.da-row:where(.astro-4xvolnfw) input:where(.astro-4xvolnfw){border:1px solid var(--sl-color-gray-5);background:var(--sl-color-black);color:var(--sl-color-white);font:inherit;border-radius:.5rem;flex:16rem;padding:.55rem .7rem}.da-row:where(.astro-4xvolnfw) button:where(.astro-4xvolnfw){background:var(--sl-color-accent);color:var(--sl-color-white);font:inherit;cursor:pointer;border:0;border-radius:.5rem;padding:.55rem 1.1rem;font-weight:600}.da-row:where(.astro-4xvolnfw) button:where(.astro-4xvolnfw):disabled{opacity:.6;cursor:progress}.da-examples:where(.astro-4xvolnfw){flex-wrap:wrap;align-items:center;gap:.4rem;margin-block:.6rem 0;display:flex}.da-row:where(.astro-4xvolnfw)>:where(.astro-4xvolnfw),.da-examples:where(.astro-4xvolnfw)>:where(.astro-4xvolnfw){margin:0}.da-examples-label:where(.astro-4xvolnfw){font-size:var(--sl-text-sm);color:var(--sl-color-gray-3)}.da-chip:where(.astro-4xvolnfw){border:1px solid var(--sl-color-gray-5);color:var(--sl-color-text-accent);font:inherit;font-size:var(--sl-text-sm);cursor:pointer;background:0 0;border-radius:999px;padding:.2rem .6rem}.da-chip:where(.astro-4xvolnfw):hover{background:var(--sl-color-gray-6)}.da-chip:where(.astro-4xvolnfw):disabled{opacity:.6;cursor:progress}.da-hint:where(.astro-4xvolnfw){font-size:var(--sl-text-sm);color:var(--sl-color-gray-3);margin-block:.9rem}.da-output:where(.astro-4xvolnfw):empty{display:none}.da-output .da-status,.da-output .da-error{border-radius:.5rem;padding:.8rem 1rem}.da-output .da-error{background:var(--sl-color-red-low);color:var(--sl-color-red-high)}.da-output .da-result{border-block-start:1px solid var(--sl-color-gray-5);margin-block-start:1.5rem;padding-block-start:1.25rem}.da-output .da-result-head{flex-wrap:wrap;align-items:center;gap:.6rem;margin-block-end:.85rem;display:flex}.da-output .da-result-head>*,.da-output .da-card-head>*{margin:0}.da-output .da-pill{font-size:var(--sl-text-sm);border:1px solid #0000;border-radius:999px;padding:.25rem .7rem;font-weight:700}.da-output .da-pill--ok{background:var(--sl-color-green-low);color:var(--sl-color-green-high);border-color:var(--sl-color-green)}.da-output .da-pill--bad{background:var(--sl-color-red-low);color:var(--sl-color-red-high);border-color:var(--sl-color-red)}.da-output .da-resolved{color:var(--sl-color-gray-2)}.da-output .da-summary{color:var(--sl-color-gray-2);margin-block:0 1rem}.da-output .da-section{font-size:var(--sl-text-base);margin-block:1.5rem .75rem}.da-output .da-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.da-output .da-card{border:1px solid var(--sl-color-gray-5);border-inline-start:3px solid var(--sl-color-gray-4);background:var(--sl-color-gray-6);border-radius:.5rem;padding:.85rem 1rem}.da-output .da-card--finding{border-inline-start-color:var(--sl-color-red)}.da-output .da-card--notice{border-inline-start-color:var(--sl-color-blue)}.da-output .da-card--unchecked{border-inline-start-color:var(--sl-color-orange)}.da-output .da-card-head{flex-wrap:wrap;align-items:center;gap:.5rem;margin-block-end:.5rem;display:flex}.da-output .da-tag{font-size:var(--sl-text-xs);text-transform:uppercase;letter-spacing:.03em;border-radius:.35rem;padding:.1rem .45rem;font-weight:700;display:inline-block}.da-output .da-tag--types{background:var(--sl-color-purple-low);color:var(--sl-color-purple-high)}.da-output .da-tag--runtime{background:var(--sl-color-blue-low);color:var(--sl-color-blue-high)}.da-output .da-spec{color:var(--sl-color-white);font-weight:600}.da-output .da-kind{font-size:var(--sl-text-xs);text-transform:uppercase;letter-spacing:.03em;background:var(--sl-color-red-low);color:var(--sl-color-red-high);border-radius:.35rem;padding:.1rem .45rem;font-weight:700}.da-output .da-kind--notice{background:var(--sl-color-blue-low);color:var(--sl-color-blue-high)}.da-output .da-card-msg{color:var(--sl-color-white);margin-block:0 .3rem}.da-output .da-card-loc{font-size:var(--sl-text-sm);color:var(--sl-color-gray-3);margin:0}.da-output .da-deps{font-size:var(--sl-text-sm);color:var(--sl-color-gray-3);margin-block-start:1rem}