mzh-steps { display:contents; }
mzh-product-card { display:block; }
.mzh-quote__steps { position:relative; height:var(--quote-step-height); list-style:none; padding:0; margin:0 0 var(--spacing-lg); }
.mzh-quote__steps li { position:absolute; top:0; left:0; width:var(--quote-step-width); height:var(--quote-step-height); display:flex; align-items:center; justify-content:center; }
.mzh-quote__steps li:nth-child(2) { left:var(--quote-step-second); }
.mzh-quote__steps li:nth-child(3) { left:var(--quote-step-third); }
.mzh-quote__steps img { position:absolute; left:var(--quote-step-inset); top:0; }
.mzh-quote__steps li:first-child img { left:0; }
.mzh-quote__steps span { position:relative; font-size:var(--typography-subtitle-font-size); line-height:var(--typography-subtitle-line-height); font-weight:var(--typography-weight-medium); color:var(--color-text-inverse); }
.mzh-quote__product { position:relative; border:0; padding:0; width:var(--case-list-card-w); max-width:100%; height:var(--quote-product-height); border-radius:var(--radius-xl); background:var(--color-bg-primary); font:inherit; cursor:pointer; overflow:hidden; }
.mzh-quote__art { display:block; width:100%; height:var(--quote-art-height); }
.mzh-quote__name { display:flex; align-items:center; justify-content:center; height:var(--quote-name-height); font-size:var(--typography-caption-font-size); line-height:var(--typography-caption-line-height); font-weight:var(--typography-weight-medium); color:var(--color-text-primary); white-space:nowrap; }
.mzh-quote__selector { position:absolute; top:var(--spacing-xs); right:var(--spacing-xs); width:var(--quote-selector-size); height:var(--quote-selector-size); border:var(--border-width-default) solid var(--color-text-inverse); border-radius:0 var(--radius-lg) 0 var(--radius-lg); background:var(--quote-selector-bg); }
.mzh-quote__selector img { display:none; position:absolute; top:calc(0px - var(--border-width-default)); left:calc(0px - var(--border-width-default)); }
.mzh-quote__product[aria-checked="true"] .mzh-quote__selector img { display:block; }
.mzh-quote__art .mzh-atom-image { display:block; width:100%; height:100%; object-fit:contain; }