.card{display:flex;flex-direction:column;gap:1.5rem;border-radius:1rem;border:1px solid rgb(226,232,240);background-color:#fff;color:#0f172a}.card__header{display:grid;grid-auto-rows:min-content;grid-template-rows:auto auto;align-items:start;gap:.375rem;padding:1.5rem 1.5rem 0;container-type:inline-size;container-name:card-header}.card__header--with-action{grid-template-columns:1fr auto}.card__header--border-bottom{padding-bottom:1.5rem;border-bottom:1px solid rgb(226,232,240)}.card__title{margin:0;font-size:1.125rem;font-weight:600;line-height:1;color:#0f172a}.card__description{margin:0;font-size:.875rem;line-height:1.5;color:#64748b}.card__action{grid-column:2;grid-row:span 2 / span 2;grid-row-start:1;align-self:start;justify-self:end}.card__content{padding:0 1.5rem}.card__content:last-child{padding-bottom:1.5rem}.card__footer{display:flex;align-items:center;padding:0 1.5rem 1.5rem;gap:.75rem}.card__footer--border-top{padding-top:1.5rem;border-top:1px solid rgb(226,232,240)}.card--elevated{border:none;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.card--hover{transition:all .2s}.card--hover:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transform:translateY(-2px)}.card--clickable{cursor:pointer;transition:all .2s}.card--clickable:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.card--clickable:active{transform:scale(.98)}.card__image{width:100%;border-radius:.75rem .75rem 0 0;object-fit:cover}.card--loading{pointer-events:none;opacity:.6}.card--disabled{pointer-events:none;opacity:.5;background-color:#f8fafc}.card--sm{gap:1rem}.card--sm .card__header{padding:1rem 1rem 0}.card--sm .card__header--border-bottom{padding-bottom:1rem}.card--sm .card__content{padding:0 1rem}.card--sm .card__content:last-child{padding-bottom:1rem}.card--sm .card__footer{padding:0 1rem 1rem}.card--sm .card__footer--border-top{padding-top:1rem}.card--lg{gap:2rem}.card--lg .card__header{padding:2rem 2rem 0}.card--lg .card__header--border-bottom{padding-bottom:2rem}.card--lg .card__content{padding:0 2rem}.card--lg .card__content:last-child{padding-bottom:2rem}.card--lg .card__footer{padding:0 2rem 2rem}.card--lg .card__footer--border-top{padding-top:2rem}
/*# sourceMappingURL=/cdn/shop/t/9/assets/component-card.css.map */