.image-with-text{position:relative;min-width:0}.image-with-text__grid.grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--trade-hnv2-grid-gap-md);margin:0}.image-with-text--overlap .image-with-text__grid.grid{gap:0}.image-with-text .grid__item{position:relative;width:100%;max-width:none;min-width:0}.image-with-text__media-item,.image-with-text__text-item{align-self:stretch}.image-with-text__media{position:relative;width:100%;min-height:0;overflow:hidden;background:var(--trade-hnv2-media-frame-background);border:var(--trade-hnv2-media-frame-border);border-radius:var(--trade-hnv2-media-frame-radius);box-shadow:none}.image-with-text__media--small{height:calc(var(--trade-hnv2-space-16) * 3)}.image-with-text__media--medium{height:calc(var(--trade-hnv2-space-16) * 4)}.image-with-text__media--large{height:calc(var(--trade-hnv2-space-16) * 5)}.image-with-text__media--adapt{height:auto}.image-with-text__media--placeholder.image-with-text__media--adapt{height:calc(var(--trade-hnv2-space-16) * 4)}.image-with-text__media>img,.image-with-text__media>svg{object-fit:cover;object-position:center}.image-with-text__media--placeholder>svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;color:var(--trade-hnv2-color-muted-foreground);background:var(--trade-hnv2-media-frame-background);fill:currentColor}.image-with-text__media--placeholder:is(.animate--ambient,.animate--zoom-in)>.svg-wrapper{top:0;right:0;bottom:0;left:0;transform:none}.image-with-text__content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;align-self:stretch;height:100%;min-width:0;padding:var(--trade-hnv2-space-4);color:var(--trade-hnv2-color-foreground);background:var(--trade-hnv2-color-background);border:var(--trade-hnv2-surface-border);border-radius:var(--trade-hnv2-radius-md);box-shadow:var(--trade-hnv2-surface-shadow);overflow-wrap:anywhere}.image-with-text__content.background-transparent{padding-inline:0;background:transparent;border:0;border-radius:0;box-shadow:none}.image-with-text__content--top{justify-content:flex-start}.image-with-text__content--middle{justify-content:center}.image-with-text__content--bottom{justify-content:flex-end}.image-with-text__content--mobile-left>*{align-self:flex-start;text-align:left}.image-with-text__content--mobile-center>*{align-self:center;text-align:center}.image-with-text__content--mobile-right>*{align-self:flex-end;text-align:right}.image-with-text__content>*{max-width:100%;margin-block:0}.image-with-text__content>*+*{margin-top:var(--trade-hnv2-space-3)}.image-with-text__heading{max-width:100%}.image-with-text__text{color:var(--trade-hnv2-color-foreground);font-family:var(--trade-hnv2-font-family);font-size:var(--trade-hnv2-type-body-size);font-weight:var(--trade-hnv2-type-body-weight);line-height:var(--trade-hnv2-type-body-line)}.image-with-text__text>:first-child{margin-top:0}.image-with-text__text>:last-child{margin-bottom:0}.image-with-text__heading:empty,.image-with-text__text:empty{display:none}.image-with-text--overlap .image-with-text__content{width:calc(100% - 2 * var(--trade-hnv2-space-4));height:auto;margin:calc(-1 * var(--trade-hnv2-space-5)) auto 0}.multirow__inner{display:flex;flex-direction:column;row-gap:var(--trade-hnv2-grid-gap-lg)}.multirow .image-with-text{overflow:hidden;color:var(--trade-hnv2-color-foreground);border:var(--trade-hnv2-surface-border);border-radius:var(--trade-hnv2-surface-radius);background:var(--trade-hnv2-color-background);box-shadow:var(--trade-hnv2-surface-shadow)}.multirow .image-with-text__grid.grid{gap:0}.multirow .image-with-text__media{border:0;border-radius:0;background:var(--trade-hnv2-media-frame-background)}.multirow .image-with-text__content{border:0;border-radius:0;background:var(--trade-hnv2-color-surface);box-shadow:none}.multirow .image-with-text__content>.button{margin-top:var(--trade-hnv2-space-4)}.image-with-text .gradient{transform:perspective(0)}@media screen and (min-width:750px){.image-with-text__grid.grid{align-items:stretch;gap:var(--trade-hnv2-grid-gap-lg)}.image-with-text--overlap .image-with-text__grid.grid{gap:0}.image-with-text__grid:has(.image-with-text__media-item--small){grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.image-with-text__grid:has(.image-with-text__media-item--medium){grid-template-columns:repeat(2,minmax(0,1fr))}.image-with-text__grid:has(.image-with-text__media-item--large){grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.image-with-text__grid--reverse:has(.image-with-text__media-item--small){grid-template-columns:minmax(0,3fr) minmax(0,2fr)}.image-with-text__grid--reverse:has(.image-with-text__media-item--large){grid-template-columns:minmax(0,2fr) minmax(0,3fr)}.image-with-text__grid--reverse .image-with-text__media-item{order:2}.image-with-text__grid--reverse .image-with-text__text-item{order:1}.image-with-text__media--small{height:calc(var(--trade-hnv2-space-16) * 5)}.image-with-text__media--medium{height:calc(var(--trade-hnv2-space-16) * 6)}.image-with-text__media--large{height:calc(var(--trade-hnv2-space-16) * 8)}.image-with-text__media--adapt{height:auto}.image-with-text__media--placeholder.image-with-text__media--adapt{height:calc(var(--trade-hnv2-space-16) * 5)}.image-with-text__content{padding:var(--trade-hnv2-space-6)}.image-with-text__content.background-transparent{padding-inline:0}.image-with-text__content--desktop-left>*{align-self:flex-start;text-align:left}.image-with-text__content--desktop-center>*{align-self:center;text-align:center}.image-with-text__content--desktop-right>*{align-self:flex-end;text-align:right}.image-with-text--overlap .image-with-text__text-item{z-index:2;display:flex;align-items:center;padding-block:var(--trade-hnv2-space-5)}.image-with-text--overlap .image-with-text__content{width:calc(100% + var(--trade-hnv2-space-6));min-width:calc(100% + var(--trade-hnv2-space-6));margin:0;margin-inline-start:calc(-1 * var(--trade-hnv2-space-6))}.image-with-text--overlap .image-with-text__grid--reverse .image-with-text__content{margin-inline:0 calc(-1 * var(--trade-hnv2-space-6))}}@media(forced-colors:active){.image-with-text__media,.image-with-text__content{border:1px solid CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-image-with-text.css.map */