.zi{--zi-text: rgb(var(--color-foreground));--zi-muted: rgba(var(--color-foreground), .68);--zi-border: rgba(var(--color-foreground), .1);--zi-soft: rgba(var(--color-foreground), .035);--zi-accent: #5cb889;--zi-accent-dark: #23704a;--zi-radius: 2rem;padding:5.6rem 0 8rem;color:var(--zi-text)}.zi__inner{max-width:112rem}.zi__hero{max-width:72rem;margin:0 auto 4rem;text-align:center}.zi__eyebrow{margin:0 0 1.2rem;font-size:1.3rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--zi-accent-dark)}.zi__title{margin:0;font-family:var(--font-heading-family);font-size:clamp(3.2rem,5vw,5.2rem);font-weight:700;line-height:1.08;letter-spacing:-.02em}.zi__intro{margin-top:1.6rem;font-size:1.7rem;line-height:1.6;color:var(--zi-muted)}.zi__intro p{margin:0}.zi__hero-warning{margin-top:2.4rem;text-align:left}.zi__overview{margin:0 0 4rem}.zi__overview-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));grid-auto-flow:column;gap:1.2rem;margin:0;padding:0;list-style:none}.zi__overview-link{display:flex;flex-direction:column;gap:1rem;height:100%;padding:1.6rem;border:1px solid var(--zi-border);border-radius:1.4rem;color:inherit;text-decoration:none;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.zi__overview-link:hover{border-color:rgba(var(--color-foreground),.35);box-shadow:0 .6rem 2rem #0000000f;transform:translateY(-2px)}.zi__overview-num{display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;border-radius:50%;background:var(--zi-text);color:rgb(var(--color-background));font-size:1.4rem;font-weight:700}.zi__overview-title{font-size:1.4rem;font-weight:600;line-height:1.35}.zi__steps{display:flex;flex-direction:column;gap:2.4rem}.zi-step{scroll-margin-top:10rem;padding:4rem;border:1px solid var(--zi-border);border-radius:var(--zi-radius);background:rgb(var(--color-background))}.zi-step__head{display:flex;align-items:center;gap:1.6rem;margin-bottom:3rem}.zi-step__num{display:flex;flex-shrink:0;align-items:center;justify-content:center;width:5.2rem;height:5.2rem;border-radius:50%;background:var(--zi-text);color:rgb(var(--color-background));font-size:2.2rem;font-weight:700}.zi-step__label{margin:0 0 .2rem;font-size:1.2rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--zi-accent-dark)}.zi-step__title{margin:0;font-family:var(--font-heading-family);font-size:clamp(2.2rem,3vw,2.8rem);font-weight:700;line-height:1.2}.zi-step__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-areas:"content media";gap:4.8rem;align-items:start}.zi-step--no-media .zi-step__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"content";max-width:72rem}.zi-step__content{grid-area:content;display:flex;flex-direction:column;gap:2.4rem;min-width:0}.zi-step__media{grid-area:media;position:sticky;top:10rem}.zi-step__intro{font-size:1.6rem;line-height:1.65;color:var(--zi-muted)}.zi-step__intro p{margin:0}.zi-part__heading{margin:0 0 1rem;font-family:var(--font-heading-family);font-size:1.8rem;font-weight:700;line-height:1.3}.zi-part__body,.zi-callout .rte{font-size:1.55rem;line-height:1.65}.zi-part__body>:first-child,.zi-callout .rte>:first-child{margin-top:0}.zi-part__body>:last-child,.zi-callout .rte>:last-child{margin-bottom:0}.zi-part__body p{margin:0 0 1rem}.zi-part__body a{color:inherit;font-weight:600}.zi .rte ol{counter-reset:zi-list;margin:0;padding:0;list-style:none}.zi .rte ol>li{counter-increment:zi-list;position:relative;margin:0;padding:.2rem 0 0 4rem;min-height:2.8rem}.zi .rte ol>li+li{margin-top:1.2rem}.zi .rte ol>li:before{content:counter(zi-list);position:absolute;top:0;left:0;display:flex;align-items:center;justify-content:center;width:2.8rem;height:2.8rem;border-radius:50%;background:rgba(var(--color-foreground),.07);font-size:1.3rem;font-weight:700}.zi .rte ul{margin:0;padding-left:2rem}.zi .rte ul>li+li{margin-top:.6rem}.zi-part__media{margin-top:1.6rem}.zi-media{overflow:hidden;border-radius:1.6rem;background:#0d0d0d;box-shadow:0 1.2rem 4rem #0000001f}.zi-media__video,.zi-media__image{display:block;width:100%;height:auto}.zi-media__placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;aspect-ratio:16 / 9;padding:2rem;background:#f2f2f2;color:#6b6b6b;font-size:1.4rem;text-align:center}.zi-media__caption{margin:1.2rem 0 0;font-size:1.3rem;text-align:center;color:var(--zi-muted)}.zi-callout{display:flex;gap:1.4rem;padding:1.6rem 1.8rem;border:1px solid transparent;border-radius:1.4rem;background:var(--zi-soft)}.zi-callout__icon{display:flex;flex-shrink:0;padding-top:.2rem}.zi-callout__body{min-width:0}.zi-callout__title{margin:0 0 .6rem;font-size:1.55rem;font-weight:700}.zi-callout--warning{border-color:#f3d38b;background:#fff8e6;color:#6b4500}.zi-callout--tip{border-color:#cfe0f5;background:#f1f7fe;color:#1d3f66}.zi-callout--success{border-color:#c6e8d5;background:#edf8f2;color:var(--zi-accent-dark);font-weight:600}.zi-callout--success .zi-callout__icon{color:var(--zi-accent)}.zi-callout--note,.zi-callout--video{border-color:var(--zi-border)}.zi-tabs{display:flex;flex-direction:column;gap:2rem}.zi-tabs__list{display:inline-flex;align-self:flex-start;gap:.4rem;padding:.4rem;border-radius:99rem;background:rgba(var(--color-foreground),.06)}.zi-tabs__tab{padding:1rem 2rem;border:0;border-radius:99rem;background:none;color:var(--zi-muted);font-family:inherit;font-size:1.45rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.zi-tabs__tab[aria-selected=true]{background:rgb(var(--color-background));color:var(--zi-text);box-shadow:0 .2rem .8rem #0000001a}.zi-tabs__panel[hidden]{display:none}.zi-button{display:inline-flex;align-items:center;gap:1rem;padding:1.4rem 2.4rem;border-radius:1rem;background:var(--zi-text);color:rgb(var(--color-background));font-size:1.5rem;font-weight:700;text-decoration:none;transition:opacity .2s ease,transform .2s ease}@media(hover:hover){.zi-button:hover{opacity:.88;transform:translateY(-1px)}}.zi-button:active{transform:scale(.96);transition-duration:.08s}@media screen and (max-width:989px){.zi-step__grid{grid-template-columns:minmax(0,1fr);grid-template-areas:"media" "content";gap:2.4rem}.zi-step__media{position:static}}@media screen and (max-width:749px){.zi{padding:3.2rem 0 5.6rem}.zi__hero{margin-bottom:2.8rem}.zi__intro{font-size:1.6rem}.zi__overview{margin:0 -1.5rem 2.4rem}.zi__overview-list{display:flex;gap:.8rem;overflow-x:auto;padding:0 1.5rem .4rem;scroll-snap-type:x mandatory;scrollbar-width:none}.zi__overview-list::-webkit-scrollbar{display:none}.zi__overview-list li{flex:0 0 auto;scroll-snap-align:start}.zi__overview-link{flex-direction:row;align-items:center;gap:.8rem;padding:.8rem 1.4rem .8rem .8rem;border-radius:99rem}.zi__overview-num{width:2.6rem;height:2.6rem;font-size:1.2rem}.zi__overview-title{font-size:1.3rem;white-space:nowrap}.zi__steps{gap:1.6rem}.zi-step{scroll-margin-top:8rem;padding:2.4rem 1.8rem;border-radius:1.6rem}.zi-step__head{gap:1.2rem;margin-bottom:2rem}.zi-step__num{width:4.2rem;height:4.2rem;font-size:1.8rem}.zi-step__content{gap:2rem}.zi-media{border-radius:1.2rem}.zi-callout{gap:1.2rem;padding:1.4rem}.zi-tabs__list{align-self:stretch}.zi-tabs__tab{flex:1;padding:1rem 1.2rem}.zi-button{justify-content:center;width:100%}}@media(prefers-reduced-motion:reduce){.zi__overview-link,.zi-button{transition:none}}.zi__disclaimer{max-width:72rem;margin:3rem auto 0;padding:1.6rem 2.4rem;border:1px solid rgba(220,38,38,.45);border-radius:var(--zi-radius);background:#dc262614;color:var(--zi-text);text-align:center;font-size:1.4rem;line-height:1.6}.zi__disclaimer p{margin:0}
/*# sourceMappingURL=/cdn/shop/t/7/assets/section-zpen-instructions.css.map */