.base-card{background-color:var(--color-white,#fff);border:1px solid var(--border-default,#00000014);flex-direction:column;transition:all .2s;display:flex}.base-card--radius-none{border-radius:0}.base-card--radius-ui{border-radius:var(--radius-ui,var(--radius-md,12px))}.base-card--radius-sm{border-radius:var(--radius-sm,4px)}.base-card--radius-md{border-radius:var(--radius-md,8px)}.base-card--radius-lg{border-radius:var(--radius-lg,10px)}.base-card--radius-xl{border-radius:var(--radius-xl,12px)}.base-card--radius-2xl{border-radius:var(--radius-2xl,16px)}.base-card--radius-full{border-radius:9999px}.base-card--shadow-none{box-shadow:none}.base-card--shadow-sm{box-shadow:0 1px 2px #0000000d}.base-card--shadow-md{box-shadow:0 2px 8px #00000014}.base-card--shadow-lg{box-shadow:0 4px 16px #0000001f}.base-card--shadow-xl{box-shadow:0 8px 32px #00000029}.base-card--hover-brand:hover{box-shadow:0 0 20px color-mix(in srgb,var(--color-green-brand)25%,transparent),0 0 40px color-mix(in srgb,var(--color-green-brand)15%,transparent)}.base-card--hover-soft:hover{box-shadow:0 4px 16px color-mix(in srgb,var(--color-green-brand)18%,transparent)}.base-card--padding-none{padding:0}.base-card--padding-sm{padding:var(--spacing-3,12px)}.base-card--padding-md{padding:var(--spacing-4,16px)}.base-card--padding-lg{padding:var(--spacing-6,24px)}.base-card--padding-xl{padding:var(--spacing-8,32px)}.base-card--no-border{border:none}.base-card--elevated{box-shadow:0 4px 20px #0000001f}.base-card--elevated:hover{box-shadow:0 8px 32px #00000029}.base-card--flat{box-shadow:none}.base-card--glass{-webkit-backdrop-filter:blur(10px);background:#ffffffb3;border:1px solid #ffffff4d}.base-card--interactive{cursor:pointer}.base-card--interactive:hover{transform:translateY(-2px)}.base-card--interactive:active{transform:scale(.98)}:root[data-theme=dark] .base-card{background-color:#ffffff0d;border-color:#ffffff1a}:root[data-theme=dark] .base-card--shadow-sm{box-shadow:0 1px 2px #0000004d}:root[data-theme=dark] .base-card--shadow-md{box-shadow:0 2px 8px #0006}:root[data-theme=dark] .base-card--shadow-lg{box-shadow:0 4px 16px #00000080}:root[data-theme=dark] .base-card--shadow-xl{box-shadow:0 8px 32px #0009}:root[data-theme=dark] .base-card--glass{background:#0000004d;border-color:#ffffff1a}