@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: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/0),0 1px 3px rgb(from var(--windy-color-neutral-5) r g b/.1),0 1px 2px -1px rgb(from var(--windy-color-neutral-5) r g b/.1)}@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}}