.zlh{--zlh-ink:#0c0c0b;--zlh-ink-2:#171714;--zlh-line:#2c2c27;--zlh-bone:#f3f0e6;--zlh-paper:#ffffff;--zlh-muted:#a9a596;--zlh-lime:#c1c856;--zlh-lime-deep:#7e8430;--zlh-lime-pale:#e4e9a3;--zlh-red:#e3242b;--zlh-display:var(--zt-h2-f);--zlh-dstyle:normal;--zlh-dweight:var(--zt-h2-w);--zlh-body:var(--zt-body-f);--zlh-mono:var(--zt-lab-f);--zlh-gl:max(clamp(16px,4vw,56px),env(safe-area-inset-left,0px));--zlh-gr:max(clamp(16px,4vw,56px),env(safe-area-inset-right,0px));--zlh-ease:cubic-bezier(.2,.8,.2,1);--zlh-pt:1;--zlh-pb:1;position:relative;font-family:var(--zt-body-f);font-style:normal;font-size:var(--zt-body);line-height:1.55;letter-spacing:normal;text-align:left;-webkit-font-smoothing:antialiased}.zlh{--zt-h1-dd:var(--zt-o-h1,var(--zl-type-h1-d,120));--zt-h1-mm:calc(var(--zt-h1-dd) * var(--zl-type-h1-m,56) / var(--zl-type-h1-d,120));--zt-h1:clamp( calc(min(var(--zt-h1-mm),var(--zt-h1-dd))*1px) ,calc(var(--zt-h1-mm) * 1px + (var(--zt-h1-dd) - var(--zt-h1-mm)) * (100vw - 390px) / 1050), calc(max(var(--zt-h1-mm),var(--zt-h1-dd))*1px) );--zt-h1-dpx:calc(var(--zt-h1-dd) * 1px);--zt-h1-mpx:calc(var(--zt-h1-mm) * 1px);--zt-h1-f:var(--zl-type-h1-f,var(--zl-heading-font,"Brexter Italic",Impact,sans-serif));--zt-h1-w:var(--zl-type-h1-w,400);--zt-h2-dd:var(--zt-o-h2,var(--zl-type-h2-d,88));--zt-h2-mm:calc(var(--zt-h2-dd) * var(--zl-type-h2-m,44) / var(--zl-type-h2-d,88));--zt-h2:clamp( calc(min(var(--zt-h2-mm),var(--zt-h2-dd))*1px) ,calc(var(--zt-h2-mm) * 1px + (var(--zt-h2-dd) - var(--zt-h2-mm)) * (100vw - 390px) / 1050), calc(max(var(--zt-h2-mm),var(--zt-h2-dd))*1px) );--zt-h2-dpx:calc(var(--zt-h2-dd) * 1px);--zt-h2-mpx:calc(var(--zt-h2-mm) * 1px);--zt-h2-f:var(--zl-type-h2-f,var(--zl-heading-font,"Brexter Italic",Impact,sans-serif));--zt-h2-w:var(--zl-type-h2-w,400);--zt-sub-dd:var(--zt-o-sub,var(--zl-type-sub-d,22));--zt-sub-mm:calc(var(--zt-sub-dd) * var(--zl-type-sub-m,18) / var(--zl-type-sub-d,22));--zt-sub:clamp( calc(min(var(--zt-sub-mm),var(--zt-sub-dd))*1px) ,calc(var(--zt-sub-mm) * 1px + (var(--zt-sub-dd) - var(--zt-sub-mm)) * (100vw - 390px) / 1050), calc(max(var(--zt-sub-mm),var(--zt-sub-dd))*1px) );--zt-sub-dpx:calc(var(--zt-sub-dd) * 1px);--zt-sub-mpx:calc(var(--zt-sub-mm) * 1px);--zt-sub-f:var(--zl-type-sub-f,"ZL Subheading","Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif);--zt-sub-w:var(--zl-type-sub-w,400);--zt-sub-ls:var(--zl-type-sub-ls,.02em);--zt-sub-tt:var(--zl-type-sub-tt,lowercase);--zt-h3-dd:var(--zt-o-h3,var(--zl-type-h3-d,24));--zt-h3-mm:calc(var(--zt-h3-dd) * var(--zl-type-h3-m,19) / var(--zl-type-h3-d,24));--zt-h3:clamp( calc(min(var(--zt-h3-mm),var(--zt-h3-dd))*1px) ,calc(var(--zt-h3-mm) * 1px + (var(--zt-h3-dd) - var(--zt-h3-mm)) * (100vw - 390px) / 1050), calc(max(var(--zt-h3-mm),var(--zt-h3-dd))*1px) );--zt-h3-dpx:calc(var(--zt-h3-dd) * 1px);--zt-h3-mpx:calc(var(--zt-h3-mm) * 1px);--zt-h3-f:var(--zl-type-h3-f,"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif);--zt-h3-w:var(--zl-type-h3-w,700);--zt-h4-dd:var(--zt-o-h4,var(--zl-type-h4-d,17));--zt-h4-mm:calc(var(--zt-h4-dd) * var(--zl-type-h4-m,15) / var(--zl-type-h4-d,17));--zt-h4:clamp( calc(min(var(--zt-h4-mm),var(--zt-h4-dd))*1px) ,calc(var(--zt-h4-mm) * 1px + (var(--zt-h4-dd) - var(--zt-h4-mm)) * (100vw - 390px) / 1050), calc(max(var(--zt-h4-mm),var(--zt-h4-dd))*1px) );--zt-h4-dpx:calc(var(--zt-h4-dd) * 1px);--zt-h4-mpx:calc(var(--zt-h4-mm) * 1px);--zt-h4-f:var(--zl-type-h4-f,"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif);--zt-h4-w:var(--zl-type-h4-w,700);--zt-name-dd:var(--zt-o-name,var(--zl-type-name-d,22));--zt-name-mm:calc(var(--zt-name-dd) * var(--zl-type-name-m,15) / var(--zl-type-name-d,22));--zt-name:clamp( calc(min(var(--zt-name-mm),var(--zt-name-dd))*1px) ,calc(var(--zt-name-mm) * 1px + (var(--zt-name-dd) - var(--zt-name-mm)) * (100vw - 390px) / 1050), calc(max(var(--zt-name-mm),var(--zt-name-dd))*1px) );--zt-name-dpx:calc(var(--zt-name-dd) * 1px);--zt-name-mpx:calc(var(--zt-name-mm) * 1px);--zt-name-f:var(--zl-type-name-f,"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif);--zt-name-w:var(--zl-type-name-w,700);--zt-lab-dd:var(--zt-o-lab,var(--zl-type-lab-d,12));--zt-lab-mm:calc(var(--zt-lab-dd) * var(--zl-type-lab-m,11) / var(--zl-type-lab-d,12));--zt-lab:clamp( calc(min(var(--zt-lab-mm),var(--zt-lab-dd))*1px) ,calc(var(--zt-lab-mm) * 1px + (var(--zt-lab-dd) - var(--zt-lab-mm)) * (100vw - 390px) / 1050), calc(max(var(--zt-lab-mm),var(--zt-lab-dd))*1px) );--zt-lab-dpx:calc(var(--zt-lab-dd) * 1px);--zt-lab-mpx:calc(var(--zt-lab-mm) * 1px);--zt-lab-f:var(--zl-type-lab-f,"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif);--zt-lab-w:var(--zl-type-lab-w,600);--zt-lead-dd:var(--zt-o-lead,var(--zl-type-lead-d,18));--zt-lead-mm:calc(var(--zt-lead-dd) * var(--zl-type-lead-m,16) / var(--zl-type-lead-d,18));--zt-lead:clamp( calc(min(var(--zt-lead-mm),var(--zt-lead-dd))*1px) ,calc(var(--zt-lead-mm) * 1px + (var(--zt-lead-dd) - var(--zt-lead-mm)) * (100vw - 390px) / 1050), calc(max(var(--zt-lead-mm),var(--zt-lead-dd))*1px) );--zt-lead-dpx:calc(var(--zt-lead-dd) * 1px);--zt-lead-mpx:calc(var(--zt-lead-mm) * 1px);--zt-lead-f:var(--zl-type-lead-f,"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif);--zt-lead-wx:var(--zl-type-lead-wx);--zt-body-dd:var(--zt-o-body,var(--zl-type-body-d,16));--zt-body-mm:calc(var(--zt-body-dd) * var(--zl-type-body-m,15) / var(--zl-type-body-d,16));--zt-body:clamp( calc(min(var(--zt-body-mm),var(--zt-body-dd))*1px) ,calc(var(--zt-body-mm) * 1px + (var(--zt-body-dd) - var(--zt-body-mm)) * (100vw - 390px) / 1050), calc(max(var(--zt-body-mm),var(--zt-body-dd))*1px) );--zt-body-dpx:calc(var(--zt-body-dd) * 1px);--zt-body-mpx:calc(var(--zt-body-mm) * 1px);--zt-body-f:var(--zl-type-body-f,"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif);--zt-body-wx:var(--zl-type-body-wx);--zt-small-dd:var(--zt-o-small,var(--zl-type-small-d,13));--zt-small-mm:calc(var(--zt-small-dd) * var(--zl-type-small-m,12) / var(--zl-type-small-d,13));--zt-small:clamp( calc(min(var(--zt-small-mm),var(--zt-small-dd))*1px) ,calc(var(--zt-small-mm) * 1px + (var(--zt-small-dd) - var(--zt-small-mm)) * (100vw - 390px) / 1050), calc(max(var(--zt-small-mm),var(--zt-small-dd))*1px) );--zt-small-dpx:calc(var(--zt-small-dd) * 1px);--zt-small-mpx:calc(var(--zt-small-mm) * 1px);--zt-small-f:var(--zl-type-small-f,"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif);--zt-small-wx:var(--zl-type-small-wx);--zt-btn-dd:var(--zt-o-btn,var(--zl-type-btn-d,13));--zt-btn-mm:calc(var(--zt-btn-dd) * var(--zl-type-btn-m,12) / var(--zl-type-btn-d,13));--zt-btn:clamp( calc(min(var(--zt-btn-mm),var(--zt-btn-dd))*1px) ,calc(var(--zt-btn-mm) * 1px + (var(--zt-btn-dd) - var(--zt-btn-mm)) * (100vw - 390px) / 1050), calc(max(var(--zt-btn-mm),var(--zt-btn-dd))*1px) );--zt-btn-dpx:calc(var(--zt-btn-dd) * 1px);--zt-btn-mpx:calc(var(--zt-btn-mm) * 1px);--zt-btn-f:var(--zl-type-btn-f,"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif);--zt-btn-w:var(--zl-type-btn-w,700);--zt-price-dd:var(--zt-o-price,var(--zl-type-price-d,18));--zt-price-mm:calc(var(--zt-price-dd) * var(--zl-type-price-m,16) / var(--zl-type-price-d,18));--zt-price:clamp( calc(min(var(--zt-price-mm),var(--zt-price-dd))*1px) ,calc(var(--zt-price-mm) * 1px + (var(--zt-price-dd) - var(--zt-price-mm)) * (100vw - 390px) / 1050), calc(max(var(--zt-price-mm),var(--zt-price-dd))*1px) );--zt-price-dpx:calc(var(--zt-price-dd) * 1px);--zt-price-mpx:calc(var(--zt-price-mm) * 1px);--zt-price-f:var(--zl-type-price-f,"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif);--zt-price-w:var(--zl-type-price-w,700);--zt-big-dd:var(--zt-o-big,var(--zl-type-big-d,64));--zt-big-mm:calc(var(--zt-big-dd) * var(--zl-type-big-m,40) / var(--zl-type-big-d,64));--zt-big:clamp( calc(min(var(--zt-big-mm),var(--zt-big-dd))*1px) ,calc(var(--zt-big-mm) * 1px + (var(--zt-big-dd) - var(--zt-big-mm)) * (100vw - 390px) / 1050), calc(max(var(--zt-big-mm),var(--zt-big-dd))*1px) );--zt-big-dpx:calc(var(--zt-big-dd) * 1px);--zt-big-mpx:calc(var(--zt-big-mm) * 1px);--zt-big-f:var(--zl-type-big-f,"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif);--zt-big-w:var(--zl-type-big-w,700);--zt-tech-dd:var(--zt-o-tech,var(--zl-type-tech-d,88));--zt-tech-mm:calc(var(--zt-tech-dd) * var(--zl-type-tech-m,40) / var(--zl-type-tech-d,88));--zt-tech:clamp( calc(min(var(--zt-tech-mm),var(--zt-tech-dd))*1px) ,calc(var(--zt-tech-mm) * 1px + (var(--zt-tech-dd) - var(--zt-tech-mm)) * (100vw - 390px) / 1050), calc(max(var(--zt-tech-mm),var(--zt-tech-dd))*1px) );--zt-tech-dpx:calc(var(--zt-tech-dd) * 1px);--zt-tech-mpx:calc(var(--zt-tech-mm) * 1px);--zt-tech-f:var(--zl-type-tech-f,"ZL Techie","Poppins",ui-monospace,monospace);--zt-tech-w:var(--zl-type-tech-w,500);--zt-tape-dd:var(--zt-o-tape,var(--zl-type-tape-d,22));--zt-tape-mm:calc(var(--zt-tape-dd) * var(--zl-type-tape-m,16) / var(--zl-type-tape-d,22));--zt-tape:clamp( calc(min(var(--zt-tape-mm),var(--zt-tape-dd))*1px) ,calc(var(--zt-tape-mm) * 1px + (var(--zt-tape-dd) - var(--zt-tape-mm)) * (100vw - 390px) / 1050), calc(max(var(--zt-tape-mm),var(--zt-tape-dd))*1px) );--zt-tape-dpx:calc(var(--zt-tape-dd) * 1px);--zt-tape-mpx:calc(var(--zt-tape-mm) * 1px);--zt-tape-f:var(--zl-type-tape-f,"Poppins",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif);--zt-tape-w:var(--zl-type-tape-w,700)}.zlh em,.zlh i,.zlh cite,.zlh address,.zlh dfn,.zlh var{font-style:normal}.shopify-section.zlh-shell{margin:0;padding:0}.zlh,.zlh *,.zlh *:before,.zlh *:after{box-sizing:border-box}.zlh img{max-width:100%;display:block}.zlh a{color:inherit;text-decoration:none}.zlh p,.zlh h1,.zlh h2,.zlh h3,.zlh figure,.zlh blockquote,.zlh ul{margin:0}.zlh h1,.zlh h2,.zlh h3{color:inherit}.zlh :focus-visible{outline:3px solid var(--zlh-lime);outline-offset:3px;border-radius:8px}.zlh .zlh-wrap{width:100%;max-width:1480px;margin-inline:auto;padding-left:var(--zlh-gl);padding-right:var(--zlh-gr)}.zlh .zlh-d{font-family:var(--zt-h2-f);font-style:normal;font-weight:var(--zt-h2-w);text-transform:uppercase;letter-spacing:-.01em;line-height:.86;text-wrap:balance}.zlh .zlh-eyebrow{display:block;margin:0 0 14px;font-family:var(--zt-sub-f);font-style:normal;font-weight:var(--zt-sub-w);font-size:var(--zt-sub);line-height:1.15;letter-spacing:var(--zt-sub-ls);text-transform:var(--zt-sub-tt);color:var(--zlh-eyebrow,var(--zlh-lime))}.zlh .zlh-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.zlh .zlh-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 26px;border-radius:100px;font-family:var(--zt-btn-f);font-style:normal;font-weight:var(--zt-btn-w);font-size:var(--zt-btn);line-height:1;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;border:2px solid transparent;cursor:pointer;white-space:nowrap;transition:transform .2s var(--zlh-ease),background-color .2s ease,color .2s ease,border-color .2s ease}.zlh .zlh-btn:active{transform:scale(.97)}.zlh .zlh-btn svg{width:16px;height:16px;flex:none}.zlh .zlh-btn--lime{background:var(--zlh-btn-bg,var(--zlh-lime));color:var(--zlh-btn-fg,var(--zlh-ink));border-color:var(--zlh-btn-bg,var(--zlh-lime))}.zlh .zlh-btn--lime:hover{background:var(--zlh-btn-fg,var(--zlh-ink));color:var(--zlh-btn-bg,var(--zlh-lime));border-color:var(--zlh-btn-bg,var(--zlh-lime))}.zlh .zlh-btn--ghost{border-color:color-mix(in srgb,var(--zlh-ghost,var(--zlh-bone)) 50%,transparent);color:var(--zlh-ghost,var(--zlh-bone));background:transparent}.zlh .zlh-btn--ghost:hover{background:var(--zlh-ghost,var(--zlh-bone));color:var(--zlh-ghost-fg,var(--zlh-ink));border-color:var(--zlh-ghost,var(--zlh-bone))}.zlh .zlh-stars{display:inline-flex;gap:3px;flex:none}.zlh .zlh-stars svg{width:17px;height:17px;fill:currentColor}.zlh.zlh-pdp-empty{margin:12px;padding:18px 20px;border:1px dashed currentColor;border-radius:14px;font-family:var(--zt-lab-f);font-weight:var(--zt-lab-w);font-size:var(--zt-lab);line-height:1.5;opacity:.75}@keyframes zlh-mq{to{transform:translate(-50%)}}@keyframes zlh-spin{to{transform:rotate(360deg)}}@keyframes zlh-show{to{opacity:1;visibility:visible}}.zlh.zlh-pdp-howto{--zlh-bg:#0c0c0b;--zlh-fg:#f3f0e6;--zlh-acc:#c1c856;--zlh-acc-fg:#0c0c0b;--zlh-alt:#f3f0e6;--zlh-card:#151513;--zlh-border:#2c2c27;background:var(--zlh-bg);color:var(--zlh-fg);padding-block:calc(clamp(90px,13vh,130px) * var(--zlh-pt)) calc(clamp(90px,13vh,130px) * var(--zlh-pb));overflow:hidden;overflow:clip}.zlh.zlh-pdp-howto .zlh-pdp-howto__head{text-align:center}.zlh.zlh-pdp-howto .zlh-pdp-howto__title{margin:0;font-size:var(--zt-h2);color:var(--zlh-fg);font-family:var(--zt-h2-f);font-weight:var(--zt-h2-w);font-style:normal}.zlh.zlh-pdp-howto .zlh-pdp-howto__ribbons{list-style:none;display:grid;justify-items:center;gap:16px;margin:60px 0 76px;padding:0}.zlh.zlh-pdp-howto .zlh-pdp-howto__ribbon{display:inline-block;margin:0;padding:.12em .4em .16em;font-size:calc(var(--zt-h2) * .818);line-height:.9;text-align:center;transform:rotate(var(--r));font-family:var(--zt-h2-f);font-weight:var(--zt-h2-w);font-style:normal}.zlh.zlh-pdp-howto .zlh-pdp-howto__ribbon:before,.zlh.zlh-pdp-howto .zlh-pdp-howto__ribbon::marker{content:none}.zlh.zlh-pdp-howto .zlh-pdp-howto__ribbon--lime{background:var(--zlh-acc);color:var(--zlh-acc-fg)}.zlh.zlh-pdp-howto .zlh-pdp-howto__ribbon--bone{background:var(--zlh-alt);color:var(--zlh-acc-fg)}.zlh.zlh-pdp-howto .zlh-pdp-howto__ribbon--line{background:transparent;color:var(--zlh-acc);box-shadow:inset 0 0 0 3px var(--zlh-acc)}.zlh.zlh-pdp-howto .zlh-pdp-howto__steps{list-style:none;display:grid;grid-template-columns:repeat(var(--zlh-cols,3),minmax(0,1fr));gap:16px;margin:0;padding:0}.zlh.zlh-pdp-howto .zlh-pdp-howto__step{display:grid;gap:14px;align-content:start;margin:0;padding:30px 26px;border-radius:24px;background:var(--zlh-card);border:1px solid var(--zlh-border)}.zlh.zlh-pdp-howto .zlh-pdp-howto__step:before,.zlh.zlh-pdp-howto .zlh-pdp-howto__step::marker{content:none}.zlh.zlh-pdp-howto .zlh-pdp-howto__n{font-family:var(--zt-lab-f);font-weight:var(--zt-lab-w);font-style:normal;font-size:var(--zt-lab-dpx);line-height:1;letter-spacing:.16em;color:var(--zlh-eyebrow,var(--zlh-acc))}.zlh.zlh-pdp-howto .zlh-pdp-howto__t{margin:0;font-size:var(--zt-h3);color:var(--zlh-fg);font-family:var(--zt-h3-f);font-weight:var(--zt-h3-w);font-style:normal;line-height:1.05}.zlh.zlh-pdp-howto .zlh-pdp-howto__step p{margin:0;font-size:var(--zt-body);line-height:1.65;color:color-mix(in srgb,var(--zlh-fg) 75%,transparent);font-family:var(--zt-body-f);font-style:normal}.zlh.zlh-pdp-howto .zlh-pdp-howto__note{margin:28px 0 0;text-align:center;font-family:var(--zt-lab-f);font-weight:var(--zt-lab-w);font-style:normal;font-size:calc(var(--zt-lab-dpx) * .917);line-height:1.5;letter-spacing:.14em;text-transform:uppercase;color:color-mix(in srgb,var(--zlh-fg) 62%,transparent)}@keyframes zlh-howto-rib{0%{clip-path:inset(0 100% 0 0);transform:rotate(0)}to{clip-path:inset(0 0 0 0);transform:rotate(var(--r))}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.zlh.zlh-pdp-howto.zlh-pdp-howto--anim .zlh-pdp-howto__ribbon{animation:zlh-howto-rib linear both;animation-timeline:view();animation-range:entry 15% cover 40%}}}@media(max-width:899px){.zlh.zlh-pdp-howto .zlh-pdp-howto__ribbons{margin:44px 0 52px;gap:12px}.zlh.zlh-pdp-howto .zlh-pdp-howto__ribbon{font-size:calc(var(--zt-h2) * .727);font-family:var(--zt-h2-f);font-weight:var(--zt-h2-w);font-style:normal}.zlh.zlh-pdp-howto .zlh-pdp-howto__steps{grid-template-columns:minmax(0,1fr)}}@supports not (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.zlh.zlh-pdp-howto.zlh-io .zlh-pdp-howto__ribbon{clip-path:inset(0 100% 0 0);transform:rotate(0);transition:clip-path .7s var(--zlh-ease) var(--zlh-d,0s),transform .7s var(--zlh-ease) var(--zlh-d,0s)}.zlh.zlh-pdp-howto.zlh-io.is-in .zlh-pdp-howto__ribbon{clip-path:inset(0 0 0 0);transform:rotate(var(--r))}}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/zl-pdp-howto.css.map */