@layer components{.windy-card{border-radius:var(--windy-card-radius,var(--windy-radius-large));--csstools-light-dark-toggle--0:var(--csstools-color-scheme--light) var(--windy-color-surface-2);background-color:var( --windy-card-color-bg,var(--csstools-light-dark-toggle--0,var(--windy-color-neutral-0)) );padding:var(--windy-card-padding,calc((var(--windy-space-s) + var(--windy-space-l))/2));--windy-card-border:var(--windy-card-border-style,solid) var(--windy-card-color-border,var(--windy-color-neutral-1)) var(--windy-card-border-width,1px);border:var(--windy-card-border);box-shadow:rgb(from var(--windy-color-neutral-5) r g b/0) 0 0,rgb(from var(--windy-color-neutral-5) r g b/0) 0 0,rgb(from var(--windy-color-neutral-5) r g b/.1) 0 1px 3px,rgb(from var(--windy-color-neutral-5) r g b/.1) 0 1px 2px -1px}@supports (color:light-dark(red,red)){.windy-card{background-color:var( --windy-card-color-bg,light-dark(var(--windy-color-neutral-0),var(--windy-color-surface-2)) )}}@media(prefers-color-scheme:dark){.windy-card:where(:not([data-color-scheme=light] *)){box-shadow:none}}.windy-card:where([data-color-scheme=dark] *){box-shadow:none}}