@layer components{:where(.oksCard){--oks-card-bg:var(--oks-color-surface,#fff);--oks-card-fg:currentColor;--oks-card-border:var(--oks-color-border,var(--oks-color-neutral-200,#e5e5e5));--oks-card-radius:var(--oks-radius-lg,.5rem);--oks-card-shadow:0 3px 8px #0000001a;--oks-card-padding-x:var(--oks-space-5,20px);--oks-card-padding-y:var(--oks-space-4,16px);--oks-card-gap:var(--oks-space-3,12px);border-radius:var(--oks-card-radius);border:1px solid var(--oks-card-border);background-color:var(--oks-card-bg);min-width:0;color:var(--oks-card-fg);box-shadow:var(--oks-card-shadow);box-sizing:border-box;flex-direction:column;display:flex;position:relative;overflow:hidden}:where(.oksCard[data-full-width=true]){width:100%}:where(.oksCard[data-radius=none]){--oks-card-radius:0}:where(.oksCard[data-radius=xs]){--oks-card-radius:var(--oks-radius-xs,calc(var(--oks-radius-sm,.25rem) * .5))}:where(.oksCard[data-radius=xs-sm]){--oks-card-radius:var(--oks-radius-xs-sm,calc(var(--oks-radius-sm,.25rem) * .75))}:where(.oksCard[data-radius=sm]){--oks-card-radius:var(--oks-radius-sm,.25rem)}:where(.oksCard[data-radius=md]){--oks-card-radius:var(--oks-radius-md,.375rem)}:where(.oksCard[data-radius=lg]){--oks-card-radius:var(--oks-radius-lg,.5rem)}:where(.oksCard[data-radius=full]){--oks-card-radius:var(--oks-radius-full,9999px)}:where(.oksCard[data-shadow=none]){--oks-card-shadow:none}:where(.oksCard[data-shadow=xs]){--oks-card-shadow:0 3px 8px #0000001a}:where(.oksCard[data-shadow=xs-sm]){--oks-card-shadow:0 4px 10px #0000001c}:where(.oksCard[data-shadow=sm]){--oks-card-shadow:0 6px 14px #0000001f}:where(.oksCard[data-shadow=md]){--oks-card-shadow:0 10px 25px #0000002e}:where(.oksCard[data-shadow=lg]){--oks-card-shadow:0 18px 45px #00000038}:where(.oksCard[data-blurred=true]){background-color:color-mix(in srgb, var(--oks-card-bg) 72%, transparent)}@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){:where(.oksCard[data-blurred=true]){-webkit-backdrop-filter:blur(var(--oks-card-blur,12px));backdrop-filter:blur(var(--oks-card-blur,12px))}}:where(.oksCard[data-hoverable=true]),:where(.oksCard[data-pressable=true]){transition:transform .15s,box-shadow .15s,border-color .15s}:where(.oksCard[data-hoverable=true]:hover),:where(.oksCard[data-pressable=true]:hover){border-color:color-mix(in srgb, var(--oks-card-border) 55%, currentColor);box-shadow:0 10px 25px #00000029}:where(.oksCard[data-pressable=true]){cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;text-align:inherit}:where(.oksCard[data-pressable=true]:focus-visible){outline:2px solid var(--oks-color-primary-500,#3b82f6);outline-offset:2px}:where(.oksCard[data-pressable=true][data-pressed=true]){transform:scale(.985)}:where(.oksCard[data-disabled=true]){opacity:.5;pointer-events:none}:where(.oksCardHeader){align-items:center;gap:var(--oks-card-gap);padding:var(--oks-card-padding-y) var(--oks-card-padding-x);font-weight:600;display:flex}:where(.oksCardBody){min-height:0;padding:var(--oks-card-padding-y) var(--oks-card-padding-x);flex:auto}:where(.oksCardFooter){align-items:center;gap:var(--oks-card-gap);padding:var(--oks-card-padding-y) var(--oks-card-padding-x);display:flex}:where(.oksCardHeader+.oksCardBody),:where(.oksCardHeader+.oksCardFooter),:where(.oksCardBody+.oksCardFooter){padding-top:0}@media (prefers-reduced-motion:reduce){:where(.oksCard[data-hoverable=true]),:where(.oksCard[data-pressable=true]){transition:none}:where(.oksCard[data-pressable=true][data-pressed=true]){transform:none}}}