.mh-glow__card{min-width:0}.mh-glow__card:focus-visible{outline-offset:var(--mh-space-2);border-radius:var(--mh-r-sm)}.mh-glow__atc,.mh-glow__form{display:block;min-width:0}.mh-glow__steps{position:relative;display:grid;grid-template-columns:repeat(var(--mh-glow-n, 4),minmax(0,var(--mh-glow-thumb, 64px)));column-gap:var(--mh-glow-gap, 20px);margin:0;padding:0;list-style:none}.mh-glow__step{position:relative;display:grid;align-content:start;gap:var(--mh-space-2);min-width:0}.mh-glow__num{justify-self:start;font-family:var(--mh-font-serif);font-size:1.25rem;font-weight:var(--mh-fw-serif, 400);line-height:1;color:var(--mh-ink-muted);font-variant-numeric:tabular-nums;transition:opacity .4s var(--mh-ease-lux, cubic-bezier(.22, 1, .36, 1)) calc(var(--mh-i, 0) * .18s)}.mh-glow__step:not(:last-child):after{content:"";position:absolute;top:.625rem;left:2rem;right:calc(-1 * var(--mh-glow-gap, 20px) + 6px);height:1px;background:var(--mh-line-strong);transform-origin:left center;transition:transform .9s var(--mh-ease-lux, cubic-bezier(.22, 1, .36, 1)) calc(var(--mh-i, 0) * .18s)}html.mh-motion .mh-glow:not(.is-drawn) .mh-glow__step:after{transform:scaleX(0)}html.mh-motion .mh-glow:not(.is-drawn) .mh-glow__num{opacity:.3}.mh-glow__num:before{content:attr(data-n)}.mh-glow__pick{position:relative;display:grid;justify-items:start;gap:var(--mh-space-2);inline-size:100%;border-radius:var(--mh-r-md);text-align:start}.mh-glow__pick:before{content:"";position:absolute;inset:-4px calc(-1 * var(--mh-glow-gap, 20px) / 2) -6px}.mh-glow__thumb{inline-size:100%;border-radius:var(--mh-r-md);background:var(--mh-studio, var(--mh-surface-2));transition:opacity var(--mh-dur-2, .24s) var(--mh-ease-ui, ease)}.mh-glow__step.is-self .mh-glow__thumb{overflow:visible;outline:1.5px solid var(--mh-ink);outline-offset:2px}.mh-glow__step.is-self .mh-glow__thumb img{border-radius:inherit}.mh-glow__step:is(.is-incart,.is-soldout) .mh-glow__thumb{opacity:.45}.mh-glow__role{max-inline-size:calc(100% + var(--mh-glow-gap, 20px) - 4px);overflow:hidden;font-size:.75rem;line-height:1.3;color:var(--mh-ink-muted);white-space:nowrap;text-overflow:ellipsis;transition:color var(--mh-dur-1, .16s) var(--mh-ease-ui, ease)}.mh-glow__step:is(.is-self,.is-active) .mh-glow__role{color:var(--mh-ink)}@media(hover:hover)and (pointer:fine){.mh-glow__pick:hover .mh-glow__role{color:var(--mh-ink)}}.mh-glow__aside{display:grid;min-width:0}.mh-glow__info{display:flex;align-items:baseline;min-width:0;min-height:1.4em;margin:var(--mh-space-5) 0 0;font-size:.875rem;line-height:1.4;color:var(--mh-ink-2, var(--mh-ink));white-space:nowrap}.mh-glow__info-link{display:flex;align-items:baseline;min-width:0;margin-block:-12px;padding-block:12px;color:inherit;text-decoration:none}.mh-glow__info-num{flex:none;color:var(--mh-ink-muted);font-variant-numeric:tabular-nums}.mh-glow__info-name{min-width:0;overflow:hidden;color:var(--mh-ink);text-overflow:ellipsis}.mh-glow__info-name:before,.mh-glow__info-end:before{content:"\b7";padding-inline:.45em;color:var(--mh-ink-muted)}.mh-glow__info-end{flex:none;color:var(--mh-ink-muted);font-variant-numeric:tabular-nums}.mh-glow__info-link .mh-glow__info-end{color:var(--mh-ink)}@media(hover:hover)and (pointer:fine){.mh-glow__info-link:hover .mh-glow__info-name{text-decoration:underline;text-underline-offset:3px}}.mh-glow__cta{position:relative;gap:0;inline-size:100%;min-width:220px;min-height:48px;margin-block-start:var(--mh-space-4);white-space:nowrap}.mh-glow__cta .mh-btn__label{white-space:nowrap}.mh-glow__cta-price:before{content:"\b7";padding-inline:.45em}.mh-glow__cta:is(.is-added,.is-loading) .mh-glow__cta-price{display:none}.mh-glow__atc .mh-atc__status:not(.is-error){clip-path:inset(50%)}.mh-glow__help{margin:var(--mh-space-3) 0 0;font-size:.8125rem;line-height:1.45;color:var(--mh-ink-muted);text-align:center;text-wrap:balance}.mh-glow__spf{margin-block-start:2px}@media(min-width:1024px){.mh-glow{--mh-glow-thumb: 72px;--mh-glow-gap: 24px}}.mh-glow--wide .mh-glow__card{container-type:inline-size}@container (min-width: 720px){.mh-glow__form{display:grid;grid-template-columns:minmax(0,7fr) minmax(16rem,5fr);column-gap:2rem;column-gap:clamp(2rem,5cqi,4rem);align-items:end}.mh-glow__steps{grid-template-columns:repeat(var(--mh-glow-n, 4),minmax(0,1fr))}.mh-glow__step:not(:last-child):after{left:2.25rem}.mh-glow__role{font-size:.8125rem}.mh-glow__info{margin-block-start:0}}@media(prefers-reduced-motion:reduce){.mh-glow__num,.mh-glow__step:after,.mh-glow__thumb,.mh-glow__role{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/69/assets/component-mh-glow-card.css.map */
