.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-level{--zlh-bg:#f3f0e6;--zlh-fg:#0c0c0b;--zlh-bar:#0c0c0b;--zlh-us:#c1c856;--zlh-tag-bg:#0c0c0b;--zlh-tag-fg:#c1c856;--zlh-n:5;--zlh-bar-max:250px;background:var(--zlh-bg);color:var(--zlh-fg);padding-block:calc(clamp(84px,12vh,120px) * var(--zlh-pt)) calc(clamp(84px,12vh,120px) * var(--zlh-pb))}.zlh.zlh-pdp-level .zlh-pdp-level__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-level .zlh-pdp-level__sub{margin:18px 0 0;max-width:none;font-size:var(--zt-body);line-height:1.6;color:color-mix(in srgb,var(--zlh-fg) 80%,transparent);font-family:var(--zt-body-f);font-style:normal}.zlh.zlh-pdp-level .zlh-pdp-level__bars{list-style:none;margin:64px 0 0;padding:0;display:grid;grid-template-columns:repeat(var(--zlh-n),minmax(0,280px));justify-content:center;gap:18px}.zlh.zlh-pdp-level .zlh-pdp-level__item{min-width:0;margin:0;padding:0;display:grid;gap:14px;align-content:start;text-align:center}.zlh.zlh-pdp-level .zlh-pdp-level__item:before,.zlh.zlh-pdp-level .zlh-pdp-level__item::marker{content:none}.zlh.zlh-pdp-level .zlh-pdp-level__track{height:calc(var(--zlh-bar-max) + 96px);display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;gap:10px;border-bottom:2px solid var(--zlh-fg)}.zlh.zlh-pdp-level .zlh-pdp-level__val{font-family:var(--zt-lab-f);font-weight:var(--zt-lab-w);font-style:normal;font-size:calc(var(--zt-lab-dpx) * 1.083);line-height:1;letter-spacing:.06em;color:var(--zlh-fg)}.zlh.zlh-pdp-level .zlh-pdp-level__fill{display:block;flex:none;height:calc(var(--zlh-bar-max) * var(--p,100) / 100);min-height:10px;border-radius:16px 16px 0 0;background:var(--zlh-bar);transform-origin:bottom}.zlh.zlh-pdp-level .is-us .zlh-pdp-level__fill{background:var(--zlh-us);box-shadow:inset 0 0 0 3px var(--zlh-bar)}.zlh.zlh-pdp-level .zlh-pdp-level__tag{align-self:center;padding:8px 12px;border-radius:100px;background:var(--zlh-tag-bg);color:var(--zlh-tag-fg);font-family:var(--zt-lab-f);font-weight:var(--zt-lab-w);font-style:normal;font-size:calc(var(--zt-lab-dpx) * .833);line-height:1;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;transform:rotate(-4deg)}.zlh.zlh-pdp-level .zlh-pdp-level__name{font-size:calc(var(--zt-h4) * 1.294);line-height:1;color:var(--zlh-fg);overflow-wrap:anywhere;font-family:var(--zt-h4-f);font-weight:var(--zt-h4-w);font-style:normal}.zlh.zlh-pdp-level a.zlh-pdp-level__name:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}.zlh.zlh-pdp-level .zlh-pdp-level__note{margin-top:-6px;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.4;color:color-mix(in srgb,var(--zlh-fg) 70%,transparent)}@keyframes zlh-level-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@supports (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.zlh.zlh-pdp-level.zlh-pdp-level--anim .zlh-pdp-level__fill{animation:zlh-level-grow linear both;animation-timeline:view();animation-range:entry 10% cover 40%}}}@media(max-width:899px){.zlh.zlh-pdp-level .zlh-pdp-level__bars{gap:8px;margin-top:44px}.zlh.zlh-pdp-level{--zlh-bar-max:150px}.zlh.zlh-pdp-level .zlh-pdp-level__tag{max-width:100%;padding:5px 7px;font-size:calc(var(--zt-lab-mpx) * .773);line-height:1.15;letter-spacing:.06em;white-space:normal;font-family:var(--zt-lab-f);font-weight:var(--zt-lab-w);font-style:normal}.zlh.zlh-pdp-level .zlh-pdp-level__val{font-size:var(--zt-lab-mpx);letter-spacing:0;font-family:var(--zt-lab-f);font-weight:var(--zt-lab-w);font-style:normal}.zlh.zlh-pdp-level .zlh-pdp-level__name{font-size:calc(var(--zt-h4-mpx) * .733);font-family:var(--zt-h4-f);font-weight:var(--zt-h4-w);font-style:normal;line-height:1.05}.zlh.zlh-pdp-level .zlh-pdp-level__note{font-size:calc(var(--zt-lab-mpx) * .818);font-family:var(--zt-lab-f);font-weight:var(--zt-lab-w);font-style:normal}}@supports not (animation-timeline: view()){@media(prefers-reduced-motion:no-preference){.zlh.zlh-pdp-level.zlh-io .zlh-pdp-level__fill{transform:scaleY(0);transition:transform .9s var(--zlh-ease) var(--zlh-d,0s)}.zlh.zlh-pdp-level.zlh-io.is-in .zlh-pdp-level__fill{transform:scaleY(1)}}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/zl-pdp-level.css.map */