.card-compact{--_thumb: var(--cc-thumb, 72px);--_tile-radius: var(--cc-radius, calc(var(--radius-media) * .6));position:relative;display:grid;grid-template-columns:var(--_thumb) minmax(0,1fr);align-items:center;gap:var(--cc-gap, 16px);min-width:0;color:var(--color-text);text-align:start}.card-compact--atc{grid-template-columns:var(--_thumb) minmax(0,1fr) auto}.card-compact--bordered{padding:10px;padding-inline-end:16px;border:1px solid var(--color-border);border-radius:calc(var(--radius-media) * .75);background:var(--color-bg)}.card-compact__media{position:relative;overflow:hidden;aspect-ratio:1;border-radius:var(--_tile-radius);background:var(--card-media-bg, var(--color-surface))}.card-compact__media--tile{box-shadow:inset 0 0 0 1px rgb(var(--color-heading-rgb) / .12)}.card-compact__media--cutout{--card-media-bg: var(--color-subtle);padding:10%}.card-compact__media--cutout .card-compact__img{object-fit:var(--card-fit, contain)}.card-compact__img{display:block;width:100%;height:100%;object-fit:var(--card-fit, cover)}.card-compact__img--placeholder{fill:rgb(var(--color-text-rgb) / .3)}.card-compact__content{display:flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:0}.card-compact__title{display:-webkit-box;margin:0;overflow:hidden;color:var(--color-heading);font-family:var(--card-title-family, var(--font-body-family));font-weight:var(--font-body-weight-medium, var(--card-title-weight));font-size:var(--cc-title-size, var(--fs-md));letter-spacing:var(--card-title-ls, 0em);text-transform:var(--card-title-case, none);line-height:var(--lh-loose);-webkit-box-orient:vertical;-webkit-line-clamp:2}.card-compact__price{font-size:var(--cc-title-size, var(--fs-md));line-height:var(--lh-loose)}.card-compact .card__link:focus-visible{outline:none}.card-compact:has(.card__link:focus-visible){outline:2px solid var(--color-heading);outline-offset:2px;border-radius:var(--_tile-radius)}.card-compact--bordered:has(.card__link:focus-visible){border-radius:calc(var(--radius-media) * .75)}@media(hover:hover)and (pointer:fine){.card-compact .card__link:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.2em}}.card-compact__picker{position:relative;z-index:2;display:inline-flex;align-items:center;max-width:100%;margin-block-start:2px;color:var(--color-heading)}.card-compact__select{max-width:100%;min-height:28px;margin:0;padding:0 1.5em 0 0;overflow:hidden;border:0;border-radius:0;background:transparent;color:inherit;font:inherit;font-size:var(--cc-title-size, var(--fs-md));line-height:var(--lh-normal);text-overflow:ellipsis;white-space:nowrap;cursor:pointer;-webkit-appearance:none;appearance:none;field-sizing:content}.card-compact__select-icon{--icon-size: 16px;position:absolute;inset-inline-end:0;pointer-events:none}.card-compact__picker:after{content:"";position:absolute;top:-8px;right:0;bottom:-8px;left:0;pointer-events:none}.card-compact__form{display:contents}.card-compact__atc{position:relative;z-index:2}.card-compact__atc--round{--_h: var(--h-md);border-radius:var(--radius-full)}.card-compact__atc--icon{--_bg: transparent;--_fg: var(--color-heading);--_bd: transparent;--_bg-h: var(--color-surface);--_fg-h: var(--color-heading);--_bd-h: transparent}.card-compact__atc .icon{--icon-size: 16px}.card-compact__atc-icon--done,.card-compact__atc-done,.card-compact__atc.is-added .card-compact__atc-icon--idle,.card-compact__atc.is-added .card-compact__atc-label{display:none}.card-compact__atc.is-added .card-compact__atc-icon--done{display:inline-block}.card-compact__atc.is-added .card-compact__atc-done{display:inline}.card-compact__atc:disabled{cursor:not-allowed}.card-compact>.card__message{grid-column:1 / -1}.card-compact--featured{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:12px}.card-compact--featured .card-compact__media{aspect-ratio:var(--cc-ratio, var(--card-ratio, 1));border-radius:var(--cc-radius, var(--radius-media))}.card-compact--featured .card-compact__content{gap:2px}.card-compact--featured .card-compact__atc--round{position:absolute;inset-block-start:12px;inset-inline-end:12px}@media(prefers-reduced-motion:no-preference)and (hover:hover)and (pointer:fine){.card-compact__img{transition:scale var(--dur-zoom) var(--ease-out)}.zoom-on .card-compact:hover .card-compact__img{scale:var(--zoom-scale)}}@media(max-width:767px){.card-compact{--_thumb: var(--cc-thumb-m, var(--cc-thumb, 72px));gap:var(--cc-gap-m, var(--cc-gap, 12px))}.card-compact--bordered{padding:8px;padding-inline-end:12px}}
/*# sourceMappingURL=/cdn/shop/t/20/assets/card-compact.css.map */