.mh-steps{padding-top:var(--mh-steps-padding-top, 0px);padding-bottom:var(--mh-steps-padding-bottom, 0px)}.mh-steps__box{display:flex;flex-direction:column;align-items:center;gap:77px;padding:var(--mh-space-14) var(--mh-space-20);overflow:hidden;border-radius:var(--mh-radius-2xl);background:var(--mh-color-bg-secondary)}.mh-steps__box:has(>.mh-surface .mh-surface__rainbow){background:var(--mh-color-bg-primary)}.mh-steps__title{color:var(--mh-color-text-primary);text-align:center;text-wrap:balance}.mh-steps__body{position:relative;width:100%}.mh-steps__list{display:grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:var(--mh-space-6);width:100%;margin:0;padding:0;list-style:none}.mh-steps__doodle{position:absolute;z-index:1;width:69px;height:54px;background:url(mh-arrow-doodle.png) center / contain no-repeat;pointer-events:none}.mh-steps__doodle--top{top:-68px;left:18.75%}.mh-steps__doodle--bottom{bottom:-68px;left:63.3%;width:74px;height:57px;transform:scaleY(-1)}.mh-steps__arrows{display:none}@media(max-width:1023px){.mh-steps__box{gap:var(--mh-space-12);padding:var(--mh-space-12) var(--mh-space-10)}.mh-steps__list{grid-auto-flow:row;grid-template-columns:repeat(2,minmax(0,1fr))}.mh-steps__doodle{display:none}}@media(max-width:767px){.mh-steps{padding-top:max(var(--mh-steps-padding-top, 0px),var(--mh-space-2));padding-bottom:max(var(--mh-steps-padding-bottom, 0px),var(--mh-space-2))}.mh-steps__box{align-items:stretch;gap:var(--mh-space-8);padding:var(--mh-space-8) 0 var(--mh-space-5)}.mh-steps__title{padding-inline:var(--mh-space-5)}.mh-steps__list{display:flex;gap:var(--mh-space-3);padding-inline:var(--mh-space-5);overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--mh-space-5);scrollbar-width:none}.mh-steps__list::-webkit-scrollbar{display:none}.mh-step{flex:0 0 min(323px,86%);min-height:274px;scroll-snap-align:start}.mh-steps__box[data-scrollable] .mh-steps__arrows{display:flex;justify-content:flex-end;gap:var(--mh-space-3);padding-inline:var(--mh-space-5)}}.mh-steps__box--bento{gap:var(--mh-space-12)}.mh-steps__bento{display:grid;grid-template-columns:minmax(0,460fr) minmax(0,700fr);gap:var(--mh-space-6);width:100%}.mh-steps__visual{align-self:start;overflow:hidden;border:var(--mh-border-width-4) solid var(--mh-color-bg-primary);border-radius:var(--mh-radius-3xl);background:var(--mh-color-bg-brand)}.mh-steps__visual-image{display:block;width:100%;height:auto}.mh-steps__tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--mh-space-6);margin:0;padding:0;list-style:none}.mh-steps__bento:not(:has(.mh-steps__visual)){grid-template-columns:minmax(0,1fr)}.mh-steps__bento:not(:has(.mh-steps__visual)) .mh-steps__tiles{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.mh-steps__tile{display:flex;flex-direction:column;gap:var(--mh-space-3);min-height:180px;padding:var(--mh-space-6);border-radius:var(--mh-radius-3xl);background:var(--mh-color-bg-primary)}.mh-steps__tile-number{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--mh-radius-full);background:var(--mh-color-bg-primary);color:var(--mh-color-text-brand)}.mh-steps__tile-text{color:var(--mh-color-text-primary);font-family:var(--mh-font-content);font-size:var(--mh-font-size-md);line-height:1.6;letter-spacing:-.03em}@media(max-width:1023px){.mh-steps__bento{grid-template-columns:minmax(0,1fr)}.mh-steps__visual{align-self:stretch}}@media(max-width:767px){.mh-steps__box--bento{gap:var(--mh-space-8);padding:var(--mh-space-12) var(--mh-space-5) var(--mh-space-5)}.mh-steps__box--bento .mh-steps__title{padding-inline:0}.mh-steps__bento,.mh-steps__tiles{gap:var(--mh-space-3)}.mh-steps__tile{min-height:0;padding:var(--mh-space-4)}}
/*# sourceMappingURL=/cdn/shop/t/126/assets/mh-product-steps.css.map */