.card{border-radius:var(--radius-md);isolation:isolate;transition:background-color var(--dur-base) var(--ease-standard),transform var(--dur-base) var(--ease-standard);background:0 0;justify-content:center;align-items:center;display:flex;position:relative;overflow:clip}.card:hover{background:var(--surface-primary);transform:translateY(var(--cmp-lift-translate-y))}@media (hover:none){.card:hover{transform:none}}.card__container{min-width:0;height:100%;padding:var(--sp-2);-webkit-backdrop-filter:blur(var(--blur-lg));backdrop-filter:blur(var(--blur-lg));flex:1 0 0;justify-content:center;align-items:center;display:flex;position:relative}.card__logo{padding-inline:var(--sp-1);grid-template-rows:100%;grid-template-columns:100%;place-items:center;display:grid}.card__logo img{object-fit:contain;width:100%;height:100%}.card--l{width:var(--cmp-card-l-width);height:var(--cmp-card-l-height)}.card--l .card__logo{width:var(--cmp-card-l-logo-width);height:var(--cmp-card-l-logo-height)}.card--m{width:var(--cmp-card-m-size);height:var(--cmp-card-m-size)}.card--m .card__logo{width:var(--cmp-card-m-logo-width);height:var(--cmp-card-m-logo-height)}.card--s{width:var(--cmp-card-s-width);height:var(--cmp-card-s-height)}.card--s .card__container{padding:var(--cmp-card-s-padding-block) var(--sp-2)}.card--s .card__logo{width:var(--cmp-card-s-logo-size);height:var(--cmp-card-s-logo-size);padding-inline:var(--sp-0)}@media (max-width:1439.98px){.card--l{aspect-ratio:276/128}.card--l,.card--m{width:auto;height:auto}.card--m{aspect-ratio:1}.card--s{aspect-ratio:128/56;width:auto;height:auto}.card--l .card__logo{width:var(--card-logo-width,91%);height:var(--card-logo-height,72%)}.card--m .card__logo{width:var(--card-logo-width,81%);height:var(--card-logo-height,31%)}}.card--column{aspect-ratio:auto;height:auto}.card--column .card__container{justify-content:center;align-items:stretch;gap:var(--sp-4);flex-direction:column}.card--column .card__logo{width:100%;height:auto}.card--l.card--column .card__logo{aspect-ratio:260/92}.card--m.card--column .card__logo{aspect-ratio:112/40}.card--s.card--column .card__logo{aspect-ratio:1}.card__title{color:var(--fg-primary)}.card__body,.card__title{font-size:var(--text-sm-size);line-height:var(--text-sm-lh)}.card__body{color:var(--cmp-text-tertiary)}.card__footer{gap:var(--sp-2);display:grid}
