@layer blades {
[data-compact], [data-compact] :is([data-theme], .pico), .pico[data-compact], :host([data-compact]), :host([data-compact]) [data-theme] {
  --pico-border-radius: .5rem;
  --pico-outline-width: .1875rem;
  --pico-block-spacing-vertical: 1.5rem;
  --pico-block-spacing-horizontal: 1.5rem;
  --pico-form-element-spacing-vertical: .375rem;
  --pico-form-element-spacing-horizontal: .75rem;
  --pico-form-label-font-weight: 500;
  --pico-button-font-weight: 500;
  --pico-form-element-background-color: light-dark(#fff, #1c212c);
  --pico-card-border-color: var(--pico-muted-border-color);
  --pico-card-box-shadow: 0 0 0 var(--pico-border-width) var(--pico-card-border-color), 0 1px 2px #0000000d;
  --pico-card-sectioning-background-color: var(--pico-card-background-color);
}

[data-compact]:is([role="search"], [type="search"]) {
  --pico-border-radius: 5rem;
}

:root[data-compact], :host([data-compact]) {
  --pico-font-size: 100%;
}

[data-compact] :is(h1, h2, h3, h4, h5, h6), :host([data-compact]) :is(h1, h2, h3, h4, h5, h6) {
  --pico-font-weight: 600;
}

[data-compact] :where(input, select, textarea, fieldset, .grid) + small, :host([data-compact]) :where(input, select, textarea, fieldset, .grid) + small {
  font-weight: var(--pico-font-weight);
}

}