.tpm-feature-card{position:relative;display:grid;min-width:0;min-height:320px;overflow:hidden;border:var(--trade-hnv2-surface-border);border-radius:var(--trade-hnv2-surface-radius);color:var(--trade-hnv2-setting-color-foreground);background:var(--trade-hnv2-setting-color-surface);box-shadow:var(--trade-hnv2-surface-shadow);text-decoration:none;isolation:isolate;transition:border-color var(--trade-hnv2-duration-fast) var(--trade-hnv2-ease-standard),transform var(--trade-hnv2-duration-fast) var(--trade-hnv2-ease-standard)}.tpm-feature-card__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;min-width:0;min-height:100%;padding:var(--trade-hnv2-space-5)}.tpm-feature-card--has-media .tpm-feature-card__content{max-width:68%}.tpm-feature-card__title,.tpm-feature-card__text{margin:0}.tpm-feature-card__title{display:-webkit-box;overflow:hidden;color:var(--trade-hnv2-setting-color-foreground);font-size:var(--trade-hnv2-type-card-title-size);font-weight:var(--trade-hnv2-type-card-title-weight);line-height:var(--trade-hnv2-type-card-title-line);text-wrap:balance;-webkit-box-orient:vertical;-webkit-line-clamp:3}.tpm-feature-card__text{display:-webkit-box;margin-block-start:var(--trade-hnv2-space-2);overflow:hidden;color:var(--trade-hnv2-setting-color-muted-foreground);font-size:var(--trade-hnv2-type-small-size);font-weight:var(--trade-hnv2-type-small-weight);line-height:var(--trade-hnv2-type-small-line);-webkit-box-orient:vertical;-webkit-line-clamp:4}.tpm-feature-card__action{min-height:var(--trade-hnv2-target-min);margin-block-start:auto;color:var(--trade-hnv2-setting-color-accent)}.tpm-feature-card__action .svg-wrapper{width:1rem;height:1rem;transition:transform var(--trade-hnv2-duration-fast) var(--trade-hnv2-ease-standard)}.tpm-feature-card__media{position:absolute;z-index:1;inset-inline-end:-8%;inset-block-end:-8%;width:62%;height:66%;overflow:hidden;pointer-events:none}.tpm-feature-card__image{display:block;width:100%;height:100%;object-fit:contain;object-position:right bottom;transform-origin:right bottom}.tpm-feature-card--media-low .tpm-feature-card__media{inset-inline:18% -6%;width:auto;height:58%}.tpm-feature-card--media-low .tpm-feature-card__content{max-width:82%;padding-block-end:38%}.tpm-feature-card--media-tilted .tpm-feature-card__media{inset-inline-end:-4%;inset-block-end:-12%;height:72%}.tpm-feature-card--media-tilted .tpm-feature-card__image{transform:rotate(-7deg) scale(.96)}.tpm-feature-card--media-background{min-height:clamp(320px,72vw,440px);color:var(--trade-hnv2-color-media-viewer-foreground);background:var(--trade-hnv2-media-frame-background)}.tpm-feature-card--media-background:after{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;background:var(--trade-hnv2-media-content-scrim);content:"";pointer-events:none}.tpm-feature-card--media-background .tpm-feature-card__content{justify-content:flex-end;max-width:min(100%,var(--trade-hnv2-reading-max))}.tpm-feature-card--media-background .tpm-feature-card__title,.tpm-feature-card--media-background .tpm-feature-card__text,.tpm-feature-card--media-background .tpm-feature-card__action{color:var(--trade-hnv2-color-media-viewer-foreground)}.tpm-feature-card--media-background .tpm-feature-card__action{margin-block-start:var(--trade-hnv2-space-3)}.tpm-feature-card--media-background .tpm-feature-card__media{z-index:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.tpm-feature-card--media-background .tpm-feature-card__image{object-fit:cover;object-position:center}.tpm-feature-card:focus-visible{outline:2px solid var(--trade-hnv2-color-focus-ring);outline-offset:3px}@media(hover:hover){a.tpm-feature-card:hover{border-color:var(--trade-hnv2-setting-color-border-strong);transform:translateY(-2px)}a.tpm-feature-card:hover .tpm-feature-card__action .svg-wrapper{transform:translate(2px)}}@media screen and (min-width:750px){.tpm-feature-card{min-height:300px}.tpm-feature-card--media-background{min-height:clamp(360px,34vw,460px)}}@media(prefers-reduced-motion:reduce){.tpm-feature-card,.tpm-feature-card__action .svg-wrapper{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-tpm-feature-card.css.map */