.makc-order-row-card{position:relative;display:flex;align-items:flex-start;gap:var(--makc-space-12);min-height:100px;width:100%;background-color:var(--makc-color-page-background)}.makc-order-row-card__image{align-self:stretch;flex-shrink:0;width:96px;border-radius:var(--makc-radius-md);overflow:hidden;background-color:var(--makc-color-image-placeholder)}.makc-order-row-card__image-el{display:block;width:100%;height:100%;object-fit:cover}.makc-order-row-card__content{display:flex;flex:1 0 0;flex-direction:column;gap:var(--makc-space-4);min-width:0;min-height:100px;padding:var(--makc-space-8);overflow:hidden}.makc-order-row-card__title{margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;font-size:var(--makc-type-14);line-height:20px;color:var(--makc-color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.makc-order-row-card__description{margin:0;height:36px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:400;font-size:var(--makc-type-12);line-height:18px;color:var(--makc-color-text-primary);display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.dark .makc-order-row-card__description{color:var(--makc-color-text-tertiary)}.makc-order-row-card__price{margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;font-size:var(--makc-type-13);line-height:20px;color:var(--makc-color-text-primary)}.makc-order-row-card__tags{display:flex;flex-wrap:wrap;gap:var(--makc-space-4)}.makc-order-row-card__tag{padding:var(--makc-space-2) var(--makc-space-6);border-radius:var(--makc-radius-xs);background-color:var(--makc-color-surface-raised);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;font-size:var(--makc-type-10);line-height:16px;color:var(--makc-color-text-tertiary)}.dark .makc-order-row-card__tag{color:var(--makc-color-text-secondary)}.makc-order-row-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-color:#0d0d0d8c}.makc-order-row-card__sold-out-tag{position:absolute;top:50%;left:48px;transform:translate(-50%,-50%);padding:var(--makc-space-4) var(--makc-space-8);border-radius:var(--makc-radius-sm);background-color:#1a1a1ae6;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;font-size:var(--makc-type-11);line-height:16px;color:var(--makc-color-button-primary-text)}.dark .makc-order-row-card__sold-out-tag{background-color:#ffffffe6;color:var(--makc-color-button-primary-text)}.makc-order-row-card__notify-me-pill{position:absolute;top:50%;left:48px;transform:translate(-50%,-50%);padding:var(--makc-space-8) var(--makc-space-16);border:none;border-radius:var(--makc-radius-full);background-color:var(--makc-color-footer-background);white-space:nowrap;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;font-size:var(--makc-type-12);line-height:18px;color:var(--makc-color-text-primary);cursor:pointer}.makc-order-row-card__add{position:absolute;right:8px;bottom:8px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--makc-radius-full);background-color:var(--makc-color-brand-red);cursor:pointer}.makc-order-row-card__add{transition:scale var(--makc-duration-press) var(--makc-ease-out)}.makc-order-row-card__add:active:not(:disabled):not([aria-disabled=true]){scale:var(--makc-press-scale-sm)}.makc-order-row-card__add-glyph{display:block;width:16px;height:16px;color:var(--makc-color-static-white)}.makc-order-row-card__add-glyph[hidden]{display:none}.makc-order-row-card__add-count{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:500;font-size:var(--makc-type-13);line-height:13px;color:var(--makc-color-static-white);text-align:center}.makc-order-row-card{transition:background-color var(--makc-duration-select) ease}.makc-order-row-card__notify-me-pill{transition:scale var(--makc-duration-press) var(--makc-ease-out),background-color var(--makc-duration-select) ease}.makc-order-row-card__notify-me-pill:active:not(:disabled):not([aria-disabled=true]){scale:var(--makc-press-scale)}@media(hover:hover)and (pointer:fine){.makc-order-row-card:hover{background-color:var(--makc-color-surface-raised)}.makc-order-row-card__notify-me-pill:hover:not(:disabled){background-color:var(--makc-color-surface-raised)}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/makc-order-row-card.css.map */