.hmto-wrap{padding:32px 0;border-top:.5px solid rgba(0,0,0,.1)}.hmto-inner{max-width:var(--page-width);margin:0 auto;padding:0 1.5rem}@media(min-width:750px){.hmto-inner{padding:0 5rem}}.hmto-heading{font-size:calc(var(--font-heading-scale) * 2.2rem);font-weight:500;line-height:1.2;margin-bottom:4px;color:rgb(var(--color-foreground))}.hmto-subhead{font-size:12px;color:#7a7a7a;margin-bottom:20px;line-height:1.5}.hmto-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.hmto-tab{padding:6px 14px;border:.5px solid rgba(0,0,0,.1);border-radius:20px;font-size:12px;background:#fff;color:#4a4a4a;cursor:pointer;font-family:var(--font-body-family);font-weight:var(--font-body-weight);transition:all .15s;line-height:1.5}.hmto-tab:hover{border-color:#3e4a35;color:#3e4a35}.hmto-tab.active{background:#3e4a35;color:#fff;border-color:#3e4a35;font-weight:500}.hmto-card{display:none;border:.5px solid rgba(0,0,0,.1);border-radius:10px;overflow:hidden}.hmto-card.active{display:block}.hmto-card-top{background:#f7f4ee;padding:16px;display:flex;align-items:flex-start;gap:12px}.hmto-icon-box{width:40px;height:40px;background:#3e4a35;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.hmto-icon-box svg{width:20px;height:20px;color:#fff;stroke:#fff}.hmto-card-title{font-size:calc(var(--font-heading-scale) * 1.8rem);font-weight:500;line-height:1.2;margin-bottom:3px;color:rgb(var(--color-foreground))}.hmto-card-sub{font-size:11px;color:#7a7a7a;line-height:1.4}.hmto-steps{padding:14px 16px 16px}.hmto-step{display:flex;gap:10px;padding:8px 0;border-bottom:.5px solid rgba(0,0,0,.1)}.hmto-step:last-child{border-bottom:none;padding-bottom:0}.hmto-step-num{width:20px;height:20px;border-radius:50%;background:#ede9df;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:500;color:#3e4a35;flex-shrink:0;margin-top:2px}.hmto-step-text{font-size:13px;color:#4a4a4a;line-height:1.5}.hmto-step-text strong{color:#1a1a1a;font-weight:500}
/*# sourceMappingURL=/cdn/shop/t/19/assets/hemistry-how-mto-works.css.map */