.zap-tutorial{--zt-pink:#f5009b;--zt-pale:#fff0f8;--zt-width:1160px;color:#171717}.zap-tutorial *{box-sizing:border-box}.zap-tutorial__container{width:min(calc(100% - 40px),var(--zt-width));margin-inline:auto}.zap-tutorial__breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:12px;color:#737373;margin:24px 0 27px}.zap-tutorial__breadcrumbs a{color:inherit;text-decoration:none}.zap-tutorial__hero{background:var(--zt-pale);border-radius:9px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden;min-height:390px}.zap-tutorial__hero--no-image{grid-template-columns:1fr;min-height:240px}.zap-tutorial__hero-copy{padding:clamp(27px,4.5vw,65px);display:flex;flex-direction:column;justify-content:center}.zap-tutorial__eyebrow{font-size:12px!important;color:var(--zt-pink)!important;font-weight:800!important;letter-spacing:.02em;text-transform:uppercase;margin:0 0 14px!important}.zap-tutorial .zap-tutorial__hero h1{font-family:inherit;color:#171717!important;font-size:clamp(31px,3.8vw,54px)!important;line-height:1.06!important;letter-spacing:-.035em;font-weight:800!important;text-transform:none!important;margin:0 0 16px!important}.zap-tutorial__intro{font-size:15px;line-height:1.7;max-width:none!important;margin:0 0 17px!important}.zap-tutorial__meta{font-size:12px;color:#757575;display:flex;gap:15px}.zap-tutorial__hero-image{min-width:0;min-height:290px}.zap-tutorial__hero-image img{width:100%;height:100%;object-fit:cover;display:block}.zap-tutorial__body-layout{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:32px;margin-top:36px;align-items:start}.zap-tutorial__content{min-width:0;font-size:15px;line-height:1.75}.zap-tutorial__content p{max-width:none!important;line-height:1.75!important;margin:0 0 15px!important}.zap-tutorial__content a{color:var(--zt-pink)}.zap-tutorial__content h3{font-size:clamp(19px,2.2vw,26px)!important;line-height:1.25!important;margin:22px 0 12px!important;font-weight:800!important;text-transform:none!important}.zap-tutorial__content :is(ul,ol){margin:0 0 18px;padding-left:23px}.zap-tutorial__content li{margin:5px 0}.zap-tutorial__step{padding:26px 0;border-bottom:1px solid #eee;scroll-margin-top:90px}.zap-tutorial__step:first-of-type{padding-top:5px}.zap-tutorial__step-heading{display:flex;align-items:flex-start;gap:13px;margin-bottom:15px}.zap-tutorial__step-number{width:36px;height:36px;min-width:36px;border-radius:50%;display:grid;place-items:center;background:var(--zt-pink);color:#fff;font-weight:800;font-size:16px;line-height:1}.zap-tutorial__step-heading h2{color:#171717!important;font-size:clamp(23px,2.4vw,34px)!important;font-weight:800!important;line-height:1.18!important;letter-spacing:-.025em;text-transform:none!important;margin:0!important;max-width:none!important}.zap-tutorial__content img{display:inline-block;height:auto;max-width:100%;border-radius:7px;vertical-align:middle}.zap-tutorial__content figure{margin:17px 0 21px;max-width:100%}.zap-tutorial__content figcaption{color:#737373;font-size:12px;line-height:1.5;margin-top:8px}.zap-tutorial__content .zap-tutorial__zoomable{cursor:zoom-in}.zap-tutorial__content .zap-tutorial__zoomable:focus-visible{outline:3px solid var(--zt-pink);outline-offset:4px}.zap-tutorial__content .zap-tutorial__tip{background:var(--zt-pale)!important;border:0!important;border-left:4px solid var(--zt-pink)!important;border-radius:6px;padding:18px 22px!important;margin:20px 0!important;font-style:normal!important;max-width:none!important}.zap-tutorial__content .zap-tutorial__tip :is(p,strong,em){font-style:normal!important}.zap-tutorial__content .zap-tutorial__tip p:last-child{margin-bottom:0!important}.zap-tutorial .zap-tutorial__content .zap-tutorial__tip,.zap-tutorial .zap-tutorial__content .zap-tutorial__tip p,.zap-tutorial .zap-tutorial__content .zap-tutorial__tip em{color:#171717!important;opacity:1!important}.zap-tutorial .zap-tutorial__content .zap-tutorial__tip strong{color:#ec008c!important;opacity:1!important;font-weight:800!important}.zap-tutorial__sidebar{position:sticky;top:20px;display:grid;gap:14px;max-height:calc(100vh - 35px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.zap-tutorial__toc,.zap-tutorial__sidebar-cta{background:var(--zt-pale);padding:20px;border-radius:8px}.zap-tutorial__toc[hidden]{display:none}.zap-tutorial__toc h2{font-size:17px!important;color:#171717!important;line-height:1.3!important;margin:0 0 12px!important;font-weight:800!important;text-transform:none!important;text-align:left!important}.zap-tutorial__toc ol{list-style:decimal;padding-left:22px;margin:0;display:grid;gap:8px}.zap-tutorial__toc li{font-size:12px;line-height:1.4;padding-left:3px;text-align:left}.zap-tutorial__toc a{display:block;color:#171717;text-decoration:none;text-align:left;overflow-wrap:break-word}.zap-tutorial__toc a:hover,.zap-tutorial__toc a:focus-visible{color:var(--zt-pink)}.zap-tutorial__sidebar-cta strong{font-size:15px;display:block;line-height:1.3}.zap-tutorial__sidebar-cta a{font-size:13px;display:inline-block;margin-top:12px;color:var(--zt-pink);font-weight:700}.zap-tutorial__cta{background:var(--zt-pale);border-radius:9px;padding:30px;display:grid;grid-template-columns:1.3fr .8fr .8fr;gap:28px;align-items:center;margin:44px 0 32px}.zap-tutorial__cta h2{font-size:clamp(22px,2.3vw,33px)!important;line-height:1.12!important;letter-spacing:-.025em;text-transform:none!important;font-weight:800!important;margin:0 0 10px!important;color:#171717!important}.zap-tutorial__cta p:not(.zap-tutorial__eyebrow){font-size:14px;line-height:1.6;margin:0!important;max-width:none!important}.zap-tutorial__cta>img{width:100%;max-height:210px;object-fit:cover;border-radius:6px}.zap-tutorial__cta-buttons{display:grid;gap:9px}.zap-tutorial .zap-tutorial__button{display:block!important;background:var(--zt-pink);border:1px solid var(--zt-pink);border-radius:4px;color:#fff!important;text-decoration:none!important;text-align:center;font-size:12px;font-weight:800;padding:13px 14px;line-height:1.4}.zap-tutorial .zap-tutorial__button--outline{background:#fff;color:#171717!important;border-color:#171717}.zap-tutorial__related{margin:34px 0 62px}.zap-tutorial__related h2{font-size:clamp(23px,2.5vw,32px)!important;text-align:center;margin:0 0 22px!important;text-transform:none!important;font-weight:800!important;color:#171717!important}.zap-tutorial__related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.zap-tutorial__related-card{color:#171717;text-decoration:none!important;border:1px solid #ebebeb;border-radius:7px;overflow:hidden;display:block}.zap-tutorial__related-card>img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.zap-tutorial__related-placeholder{aspect-ratio:4/3;display:grid;place-items:center;background:var(--zt-pale);font-weight:800}.zap-tutorial__related-card>div:last-child{padding:14px;display:grid;gap:8px}.zap-tutorial__related-card strong{font-size:14px;line-height:1.4}.zap-tutorial__related-card span{font-size:12px;color:var(--zt-pink);font-weight:700}.zap-tutorial__lightbox{border:0;padding:0;background:transparent;color:#fff;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);overflow:visible}.zap-tutorial__lightbox::backdrop{background:#000000e0}.zap-tutorial__lightbox-inner{position:relative;display:grid;justify-items:center;gap:9px}.zap-tutorial__lightbox-image{display:block;max-width:calc(100vw - 40px);max-height:calc(100vh - 110px);height:auto;width:auto;object-fit:contain;border-radius:5px}.zap-tutorial__lightbox-close{position:absolute;right:0;top:-45px;width:38px;height:38px;border:1px solid #fff;border-radius:50%;background:#fff;color:#111;font-size:28px;line-height:1;cursor:pointer}.zap-tutorial__lightbox-caption{font-size:13px;text-align:center;margin:0;max-width:75ch;color:#fff}@media(max-width:1000px){.zap-tutorial__body-layout{grid-template-columns:minmax(0,1fr) 255px;gap:24px}}@media(max-width:900px){.zap-tutorial__body-layout{grid-template-columns:minmax(0,1fr);gap:0}.zap-tutorial__sidebar{position:static;grid-row:1;margin-bottom:20px;max-height:none;overflow:visible}.zap-tutorial__toc ol{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:30px}.zap-tutorial__cta{grid-template-columns:1fr 1fr}.zap-tutorial__cta-buttons{grid-column:1/-1}.zap-tutorial__hero-copy{padding:30px}}@media(max-width:650px){.zap-tutorial__container{width:min(calc(100% - 28px),var(--zt-width))}.zap-tutorial__hero{grid-template-columns:1fr}.zap-tutorial__hero-image{min-height:230px;max-height:330px}.zap-tutorial__hero-copy{padding:29px 23px}.zap-tutorial .zap-tutorial__hero h1{font-size:31px!important}.zap-tutorial__body-layout{margin-top:24px}.zap-tutorial__toc ol{grid-template-columns:1fr}.zap-tutorial__step{padding:23px 0}.zap-tutorial__step-number{min-width:32px;width:32px;height:32px}.zap-tutorial__cta{grid-template-columns:1fr;padding:22px;margin-top:30px}.zap-tutorial__cta-buttons{grid-column:auto}.zap-tutorial__related-grid{grid-template-columns:1fr}}
/*# sourceMappingURL=/cdn/shop/t/78/assets/zap-tutorial-article.css.map */