.el-how-to{--el-ht-ink: #102238;--el-ht-navy: #102d4f;--el-ht-muted: #637083;--el-ht-blue: #2e79d9;--el-ht-pale: #f6f9fb;--el-ht-line: #dfe4ea;padding:var(--el-ht-pt-m, 40px) 16px var(--el-ht-pb-m, 48px);background:#fff;color:var(--el-ht-ink);font-family:Stack Sans Headline,system-ui,-apple-system,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}.el-how-to *,.el-how-to *:before,.el-how-to *:after{box-sizing:border-box}.el-how-to :where(h1,h2,h3,p,ol,li){margin:0;padding:0}.el-how-to :where(ol){list-style:none}.el-how-to__inner{max-width:1200px;margin:0 auto}.el-how-to__head{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:28px;text-align:center}.el-how-to__eyebrow span{display:inline-block;padding:7px 16px;border-radius:999px;background:#e3effc;color:var(--el-ht-navy);font-size:14px;line-height:1.3;letter-spacing:.14px}.el-how-to__heading{color:var(--el-ht-ink);font-family:Stack Sans Headline,system-ui,-apple-system,Segoe UI,sans-serif;font-style:normal;font-weight:400;font-size:36px;line-height:1.12;letter-spacing:-.72px;text-wrap:balance}.el-how-to__text{max-width:620px;color:var(--el-ht-muted);font-weight:300;font-size:15px;line-height:1.5;letter-spacing:.15px;text-wrap:pretty}.el-how-to__tabs{display:flex;gap:8px;margin:0 -16px 28px;padding:2px 16px 4px;overflow-x:auto;scrollbar-width:none}.el-how-to__tabs::-webkit-scrollbar{display:none}.el-how-to__tab{display:flex;flex:0 0 auto;align-items:center;gap:10px;min-height:56px;padding:8px 14px 8px 8px;border:1px solid var(--el-ht-line);border-radius:8px;background:#fff;color:var(--el-ht-muted);font:inherit;font-size:16px;line-height:1.2;cursor:pointer;transition:border-color .2s ease,color .2s ease,background-color .2s ease}.el-how-to__tab:hover{color:var(--el-ht-ink)}.el-how-to__tab.is-active{border-color:var(--el-ht-navy);background:#e3effc;color:var(--el-ht-ink);box-shadow:inset 0 0 0 .5px var(--el-ht-navy)}.el-how-to__tab:focus-visible{outline:2px solid var(--el-ht-blue);outline-offset:2px}.el-how-to__tab-thumb{flex:0 0 40px;width:40px;height:40px;border-radius:6px;background:var(--el-ht-pale);object-fit:contain}.el-how-to__tab-name{white-space:nowrap}.el-how-to__panel[hidden]{display:none}.el-how-to__panel-head{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.el-how-to__title{color:var(--el-ht-ink);font-family:Stack Sans Headline,system-ui,-apple-system,Segoe UI,sans-serif;font-style:normal;font-weight:400;font-size:26px;line-height:1.2;letter-spacing:-.4px;text-wrap:balance}.el-how-to__panel-text{max-width:760px;color:var(--el-ht-muted);font-weight:300;font-size:15px;line-height:1.5;letter-spacing:.15px}.el-how-to__steps{display:grid;grid-auto-flow:column;grid-auto-columns:82%;gap:12px;margin:0 -16px;padding:0 16px 4px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 16px;scrollbar-width:none}.el-how-to__steps::-webkit-scrollbar{display:none}.el-how-to__step{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--el-ht-line);border-radius:12px;background:var(--el-ht-pale);scroll-snap-align:start}.el-how-to__step-media{aspect-ratio:4 / 3;overflow:hidden;background:#fff}.el-how-to__step-image{display:block;width:100%;height:100%;object-fit:cover}.el-how-to__step-media--number{display:flex;aspect-ratio:auto;padding:22px 18px 0;background:transparent}.el-how-to__step-number{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:var(--el-ht-navy);color:#fff;font-size:22px;line-height:1}.el-how-to__step-body{display:flex;flex-direction:column;gap:8px;padding:18px 18px 22px}.el-how-to__step-badge{color:var(--el-ht-blue);font-size:14px;line-height:1.3;letter-spacing:.14px}.el-how-to__step-title{color:var(--el-ht-ink);font-family:Stack Sans Headline,system-ui,-apple-system,Segoe UI,sans-serif;font-style:normal;font-weight:400;font-size:20px;line-height:1.3;letter-spacing:-.2px}.el-how-to__step-text{color:var(--el-ht-muted);font-weight:300;font-size:15px;line-height:1.5;letter-spacing:.15px}.el-how-to__extras{display:grid;gap:12px;margin-top:24px}.el-how-to__video{display:flex;flex-direction:column;gap:10px}.el-how-to__video-el{display:block;width:100%;aspect-ratio:16 / 9;border-radius:12px;background:#0c1118;object-fit:cover}.el-how-to__video-caption{color:var(--el-ht-muted);font-weight:300;font-size:14px;line-height:1.4}.el-how-to__next{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:24px 20px;border-radius:12px;background:#0c1118;color:#fff}.el-how-to__next-eyebrow{color:#ffffff9e;font-size:12px;line-height:1.3;letter-spacing:.24em;text-transform:uppercase}.el-how-to__next-title{color:#fff;font-family:Stack Sans Headline,system-ui,-apple-system,Segoe UI,sans-serif;font-style:normal;font-weight:400;font-size:24px;line-height:1.2;letter-spacing:-.3px;text-wrap:balance}.el-how-to__next-text{color:#ffffffb8;font-weight:300;font-size:15px;line-height:1.5;letter-spacing:.15px}.el-how-to__buttons{display:flex;flex-wrap:wrap;gap:10px;margin-top:6px}.el-how-to__button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1px solid rgba(255,255,255,.5);border-radius:8px;color:#fff;font-size:16px;line-height:1.2;text-decoration:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.el-how-to__button:hover,.el-how-to__button--primary{border-color:#fff;background:#fff;color:#0c1118}.el-how-to__button--primary:hover{border-color:#e3effc;background:#e3effc}.el-how-to__help{margin-top:40px;padding-top:24px;border-top:1px solid var(--el-ht-line);color:var(--el-ht-muted);font-weight:300;font-size:15px;line-height:1.5;text-align:center}.el-how-to__help p{margin:0}.el-how-to__help a{color:var(--el-ht-ink);text-decoration:underline;text-underline-offset:3px}@media screen and (min-width:1024px){.el-how-to{padding:var(--el-ht-pt, 64px) 40px var(--el-ht-pb, 80px)}.el-how-to__head{margin-bottom:40px}.el-how-to__heading{font-size:56px;line-height:64px;letter-spacing:-1.12px}.el-how-to__text{font-size:18px;line-height:26px;letter-spacing:0}.el-how-to__tabs{margin:0 0 48px;padding:2px;overflow:visible}.el-how-to__tab{flex:1 1 0;justify-content:center;min-height:64px;padding:10px 16px 10px 10px;font-size:17px}.el-how-to__panel-head{margin-bottom:32px}.el-how-to__title{font-size:40px;line-height:48px;letter-spacing:-.8px}.el-how-to__panel-text{font-size:18px;line-height:26px;letter-spacing:0}.el-how-to__steps{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;overflow:visible}.el-how-to__steps--2{grid-template-columns:repeat(2,minmax(0,1fr))}.el-how-to__steps--4{grid-template-columns:repeat(4,minmax(0,1fr))}.el-how-to__step-body{padding:24px 28px 30px}.el-how-to__step-media--number{padding:30px 28px 0}.el-how-to__steps--4 .el-how-to__step-body{padding:22px 22px 26px}.el-how-to__step-title{font-size:24px;letter-spacing:-.24px}.el-how-to__steps--4 .el-how-to__step-title{font-size:21px}.el-how-to__step-text{font-size:16px;line-height:1.55}.el-how-to__extras{margin-top:24px;gap:24px}.el-how-to__extras--video{grid-template-columns:7fr 5fr;align-items:start}.el-how-to__next{padding:40px}.el-how-to__next-title{font-size:30px;line-height:1.2;letter-spacing:-.5px}.el-how-to__next-text{font-size:16px;line-height:1.55}.el-how-to__extras--video .el-how-to__next{min-height:100%}}
/*# sourceMappingURL=/cdn/shop/t/45/assets/el-section-how-to.css.map */
