:where(.card){--ms-card-spacer-y:1.5rem;--ms-card-spacer-x:1.5rem;--ms-card-border-color:var(--ms-border-color);--ms-card-border-radius:var(--ms-border-radius);border:var(--ms-border-width) solid var(--ms-card-border-color);background-image:var(--ms-card-bg-image,radial-gradient(circle at top left,rgba(var(--ms-primary-rgb),.05) 0,rgba(var(--ms-primary-rgb),0) 100%));background-color:var(--ms-card-bg,rgba(var(--ms-gray-800-rgb),.5));border-radius:var(--ms-card-border-radius);color:var(--ms-body-color);-webkit-backdrop-filter:var(--ms-card-backdrop-filter,blur(3rem));backdrop-filter:var(--ms-card-backdrop-filter,blur(3rem));word-wrap:break-word;background-clip:border-box;flex-direction:column;min-width:0;display:flex;position:relative}:where(.card--flush-mobile){--ms-card-border-color:transparent;--ms-card-spacer-x:0;--ms-card-spacer-y:0;--ms-card-bg-image:none;--ms-card-bg:transparent;--ms-card-backdrop-filter:none}@media (width>=768px){:where(.card--flush-mobile){--ms-card-border-color:var(--ms-border-color);--ms-card-spacer-x:1.5rem;--ms-card-spacer-y:1.5rem;--ms-card-bg-image:initial;--ms-card-bg:initial;--ms-card-backdrop-filter:initial}}:where(.card__disabled){border-radius:calc(-1px + var(--ms-card-border-radius));background-color:rgba(var(--ms-black-rgb),.75);background-image:radial-gradient(circle at 50% 50%,rgba(var(--ms-primary-rgb),.05) 0,rgba(var(--ms-primary-rgb),0) 50%);z-index:1;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex;position:absolute;inset:0}:where(.card__header){border-bottom:var(--ms-border-width) solid var(--ms-card-border-color);padding:.75rem var(--ms-card-spacer-x)}.card__header:first-child{border-radius:calc(var(--ms-card-border-radius) - var(--ms-border-width)) calc(var(--ms-card-border-radius) - var(--ms-border-width)) 0 0}:where(.card__body){padding:var(--ms-card-spacer-y) var(--ms-card-spacer-x);color:var(--ms-gray-300);flex:auto}:where(.card__footer){border-top:var(--ms-border-width) solid var(--ms-card-border-color);padding:.75rem var(--ms-card-spacer-x)}.card__footer:last-child{border-radius:0 0 calc(var(--ms-card-border-radius) - var(--ms-border-width)) calc(var(--ms-card-border-radius) - var(--ms-border-width))}