.sock-design-example{padding:48px 16px;background:#f7f7f7;color:#222}.sock-design-example__inner{max-width:1168px;margin:0 auto}.sock-design-example__intro{max-width:640px;margin:0 auto 28px;text-align:center}.sock-design-example__steps{display:grid;grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr) 44px minmax(0,1fr);align-items:stretch}.sock-design-example__step{position:relative;min-width:0;margin:0;border:1px solid #e6e9ed;border-radius:8px;background:#fff;overflow:hidden;display:flex;flex-direction:column}.sock-design-example__image{display:flex;align-items:center;justify-content:center;aspect-ratio:1;background:#fff;border-bottom:1px solid #e6e9ed}.sock-design-example__image img{display:block;width:100%;height:100%;object-fit:contain}.sock-design-example__text{padding:20px 22px 24px}.sock-design-example__text h3{font-size:1.1em;font-weight:700;margin:0 0 .4em}.sock-design-example__text p{margin:0}.sock-design-example__number{position:absolute;top:12px;left:14px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:#e83452;color:#fff;font-size:14px;font-weight:700;z-index:1}.sock-design-example__arrow{display:flex;align-items:flex-start;justify-content:center;padding-top:min(171px,calc((100vw - 126px) / 6 - 8px))}.sock-design-example__action{margin-top:28px;text-align:center}@media only screen and (max-width:800px){.sock-design-example{padding-top:32px;padding-bottom:32px}.sock-design-example__steps{display:block}.sock-design-example__arrow{display:none}.sock-design-example__step{border:none;border-radius:0;background:transparent;overflow:visible;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;padding-bottom:26px}.sock-design-example__step:last-child{padding-bottom:0}.sock-design-example__step:before{content:"";position:absolute;left:21px;top:40px;bottom:0;border-left:2px dashed #f3b9c4}.sock-design-example__step:last-child:before{display:none}.sock-design-example__number{position:relative;top:auto;left:auto;width:32px;height:32px;font-size:15px;grid-column:1;grid-row:1 / span 2;align-self:start;justify-self:center}.sock-design-example__text{grid-column:2;grid-row:1;padding:5px 0 0}.sock-design-example__image{grid-column:2;grid-row:2;border:none;border-radius:8px;overflow:hidden;margin-top:10px}}
/*# sourceMappingURL=/cdn/shop/t/21/compiled_assets/styles.css.map?subset=AAAAAAAg */