.how-its-made__header{text-align:center;max-width:900px;margin:0 auto}.how-its-made__corner-image{position:absolute;top:0;right:0;width:25vw;height:auto;max-width:var(--overlay-corner-image-width)}.how-its-made__list{display:flex;flex-direction:column;gap:10dvh;margin-top:60px}@media screen and (min-width:750px){.how-its-made__list{margin-top:120px;gap:20dvh}}.how-its-made__row{position:relative;display:flex;justify-content:center;overflow-x:hidden;overflow-y:auto;padding:38px 16px}.how-its-made__row-inner{display:flex;width:100%;max-width:900px;align-items:center}.how-its-made__row--reverse{flex-direction:row-reverse}.how-its-made__col{flex:1;min-width:0;display:flex;justify-content:center}.how-its-made__col-empty{display:none}@media screen and (min-width:750px){.how-its-made__col-empty{display:block}}.how-its-made__col--content{display:flex;justify-content:center}.how-its-made__card{--border-radius: var(--product-card-corner-radius);--border-width: var(--product-card-border-width);--border-opacity: var(--product-card-border-opacity);position:relative;border-radius:var(--border-radius);border:var(--border-width) solid rgba(var(--color-foreground),var(--border-opacity));width:425px;max-width:100%;padding:24px;text-align:center}@media screen and (min-width:750px){.how-its-made__card{padding:32px}}.how-its-made__card{position:relative;box-shadow:4px 4px #000}.how-its-made__card-number{width:80px;height:80px;position:absolute;bottom:calc(100% - 40px);left:50%;border:3px solid black;border-radius:100%;display:flex;align-items:center;justify-content:center;transform:translate(-50%);background-color:var(--gradient-background);color:rgba(var(--color-foreground),.75)}.scroll-trigger--offscreen .how-its-made__indicator-icon{right:-100%}.how-its-made__indicator-icon{position:absolute;right:0;transform:translateY(-50%);transition:all .6s ease-in-out;animation-delay:.3s;width:20vw;height:auto;top:20%}@media screen and (min-width:750px){.how-its-made__indicator-icon{width:20vw;top:50%}}@media screen and (min-width:1000px){.how-its-made__indicator-icon{width:25vw}}.scroll-trigger--offscreen .how-its-made__row--reverse .how-its-made__indicator-icon{left:-100%}.how-its-made__row--reverse .how-its-made__indicator-icon{right:auto;left:0;transform:translateY(-50%) rotate(180deg);transition:all .6s ease-in-out;animation-delay:.3s}.scroll-trigger--offscreen .how-its-made__card{opacity:0;transform:scale(1.1) translateY(12px);transition:all .3s ease-in-out}.how-its-made__card{transform:scale(1) translateY(0);opacity:1;transition:all .3s ease-in-out}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-how-its-made.css.map */