.ih-making__list{position:relative;display:flex;gap:var(--sp-3);margin:0;padding:var(--sp-6) var(--page-pad) var(--sp-2);margin-inline:calc(-1 * var(--page-pad));overflow-x:auto;list-style:none;counter-reset:none;scroll-snap-type:x mandatory;scroll-padding-inline:var(--page-pad);scrollbar-width:none}.ih-making__list::-webkit-scrollbar{display:none}.ih-making__step{position:relative;flex:0 0 62%;padding:var(--sp-5);border-radius:var(--r-lg);background:#fff;scroll-snap-align:start}.ih-making__icon{display:grid;place-items:center;width:84px;height:84px;margin-bottom:var(--sp-4);border-radius:999px 999px var(--r-md) var(--r-md);background:var(--c-peach);color:var(--c-anchor-800)}.ih-making__icon .ih-craft-icon{width:56px;height:56px}.ih-making__num{position:absolute;top:var(--sp-4);right:var(--sp-4);font-size:13px;font-weight:700;color:var(--c-gold)}.ih-making__title{margin:0 0 var(--sp-1);font-family:var(--font-ui);font-size:18px;font-weight:600;letter-spacing:0;color:var(--c-ink-900)}.ih-making__text{margin:0;font-size:14px;line-height:1.5;letter-spacing:0;color:var(--c-ink-500)}@media(min-width:990px){.ih-making__list{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-4);padding:var(--sp-6) 0 0;margin-inline:0;overflow:visible}.ih-making__list:before{content:"";position:absolute;top:calc(var(--sp-6) + 42px);left:8%;right:8%;height:2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='2'%3E%3Cline x1='1' y1='1' x2='8' y2='1' stroke='%23B9893B' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x}.ih-making__step{flex:none;padding:var(--sp-5) var(--sp-4);text-align:center}.ih-making__icon{margin-inline:auto}.ih-making__num{top:var(--sp-3);right:var(--sp-3)}.js .ih-making__list[data-ih-reveal]{opacity:1;transform:none}.js .ih-making__list[data-ih-reveal] .ih-making__step{opacity:0;transform:translateY(18px);transition:opacity var(--dur-4) var(--ease-out),transform var(--dur-4) var(--ease-out);transition-delay:calc(var(--k) * 90ms)}.js .ih-making__list[data-ih-reveal].is-in .ih-making__step{opacity:1;transform:none}}@media(min-width:990px)and (prefers-reduced-motion:reduce){.js .ih-making__list[data-ih-reveal] .ih-making__step{opacity:1;transform:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-making-of.css.map */