.sz-tutorials-section{--section-outer-spacing-block: 0px !important;--section-inner-spacing-block: 0px !important;--section-outer-spacing-inline: 0px !important;--section-inner-spacing-inline: 0px !important;--section-stack-spacing-block: 0px !important;--section-stack-spacing-inline: 0px !important;padding:0!important;margin:0!important}.sz-tutorials-section>.section,.sz-tutorials-section>div{max-width:100%!important;padding:0!important;margin:0!important}.sz-tutorials-page{--green: #00704a;--green-hover: #005c3d;--green-light: #e6f2ed;--dark: #1a1a1a;--muted: #777;--border: #e5e5e5;--radius-sm: 8px;--radius-md: 12px;--ease: cubic-bezier(.22, 1, .36, 1);--shadow-card: 0 1px 2px rgba(0,0,0,.04), 0 4px 12px rgba(0,0,0,.06), 0 12px 32px rgba(0,0,0,.04);font-family:var(--text-font-family),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--dark);background:#fff;min-height:100vh;-webkit-font-smoothing:antialiased}.sz-tutorials-page *,.sz-tutorials-page *:before,.sz-tutorials-page *:after{box-sizing:border-box;margin:0;padding:0}.sz-tutorials-page a{color:inherit;text-decoration:none}.sz-tutorials-page img{display:block;max-width:100%}.sz-tutorials-hero{background:#fff;padding:96px 40px 80px;text-align:center;border-bottom:1px solid var(--border)}.sz-tutorials-hero__inner{max-width:800px;margin:0 auto}.sz-tutorials-hero__heading{font-size:clamp(34px,5vw,52px);font-weight:800;line-height:1.05;letter-spacing:-.04em;color:var(--dark);margin-bottom:16px}.sz-tutorials-hero__subtitle{font-size:20px;font-weight:600;color:var(--dark);margin-bottom:12px}.sz-tutorials-hero__desc{font-size:16px;line-height:1.75;color:var(--muted);max-width:600px;margin:0 auto 48px}.sz-tutorials-video__player{width:100%;max-width:800px;margin:0 auto;display:block;border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.sz-tutorials-beforeafter{padding:80px 40px;background:#fff;border-bottom:1px solid var(--border)}.sz-tutorials-beforeafter__inner{max-width:700px;margin:0 auto}.sz-tutorials-slider{position:relative;overflow:hidden;border-radius:var(--radius-md);border:1px solid var(--border);box-shadow:var(--shadow-card);cursor:col-resize;user-select:none;-webkit-user-select:none;aspect-ratio:1/1;background:#fafafa}.sz-tutorials-slider__labels{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;z-index:5;pointer-events:none}.sz-tutorials-slider__label{font-size:13px;font-weight:700;color:var(--dark)}.sz-tutorials-slider__after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:48px}.sz-tutorials-slider__after img{max-width:100%;max-height:100%;object-fit:contain}.sz-tutorials-slider__before{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:50%;overflow:hidden;border-right:2px solid #e5e5e5}.sz-tutorials-slider__before-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:48px}.sz-tutorials-slider__before-inner img{max-width:100%;max-height:100%;object-fit:contain}.sz-tutorials-slider__handle{position:absolute;top:0;bottom:0;left:50%;z-index:10;width:2px;background:#00000026;transform:translate(-50%)}.sz-tutorials-slider__knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:#fff;border:2px solid #e5e5e5;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #00000026;transition:box-shadow .2s}.sz-tutorials-slider:hover .sz-tutorials-slider__knob{box-shadow:0 2px 12px #00000040}.sz-tutorials-slider__knob svg{width:14px;height:14px;color:#777}.sz-tutorials-steps{padding:100px 40px;background:#fff;border-bottom:1px solid var(--border)}.sz-tutorials-steps__inner{max-width:1100px;margin:0 auto}.sz-tutorials-steps__heading{font-size:clamp(26px,3vw,32px);font-weight:800;color:var(--dark);text-align:center;margin-bottom:8px;letter-spacing:-.02em}.sz-tutorials-steps__sub{font-size:16px;color:var(--muted);text-align:center;margin-bottom:80px}.sz-tutorials-step{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:96px}.sz-tutorials-step:last-child{margin-bottom:0}.sz-tutorials-step--reversed .sz-tutorials-step__media{order:2}.sz-tutorials-step--reversed .sz-tutorials-step__content{order:1}.sz-tutorials-step__media{position:relative;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card);border:1px solid var(--border);background:#f9f9f9}.sz-tutorials-step__gif{width:100%;height:auto;display:block}.sz-tutorials-step__content{display:flex;flex-direction:column;gap:16px}.sz-tutorials-step__badge{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--green);color:#fff;border-radius:50%;font-size:13px;font-weight:800;letter-spacing:-.02em;flex-shrink:0}.sz-tutorials-step__heading{font-size:22px;font-weight:700;color:var(--dark);line-height:1.3;letter-spacing:-.01em}.sz-tutorials-step__body{font-size:15px;color:var(--muted);line-height:1.75}.sz-tutorials-step__body a{color:var(--green);text-decoration:underline}.sz-tutorials-step-divider{width:100%;height:1px;background:var(--border);margin-bottom:96px}.sz-tutorials-cta{padding:96px 40px;background:var(--green-light);text-align:center}.sz-tutorials-cta__inner{max-width:600px;margin:0 auto}.sz-tutorials-cta__heading{font-size:clamp(28px,4vw,36px);font-weight:800;color:var(--dark);letter-spacing:-.02em;margin-bottom:16px}.sz-tutorials-cta__desc{font-size:16px;color:var(--muted);line-height:1.65;margin-bottom:40px}.sz-tutorials-cta__actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.sz-tutorials-page .sz-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;font-family:inherit;border-radius:var(--radius-sm);cursor:pointer;transition:transform .2s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease);text-decoration:none;border:2px solid transparent}.sz-tutorials-page .sz-btn--primary{background:var(--green);color:#fff;border-color:var(--green)}.sz-tutorials-page .sz-btn--primary:hover{background:var(--green-hover);border-color:var(--green-hover);transform:translateY(-2px);box-shadow:var(--shadow-card)}.sz-tutorials-page .sz-btn--outline{background:#fff;color:var(--dark);border-color:var(--border)}.sz-tutorials-page .sz-btn--outline:hover{border-color:var(--dark);transform:translateY(-2px);box-shadow:var(--shadow-card)}@media(max-width:900px){.sz-tutorials-step{gap:40px}}@media(max-width:768px){.sz-tutorials-hero{padding:64px 24px 56px}.sz-tutorials-hero__subtitle{font-size:17px}.sz-tutorials-hero__desc{font-size:15px;margin-bottom:32px}.sz-tutorials-beforeafter{padding:56px 24px}.sz-tutorials-steps{padding:64px 24px}.sz-tutorials-steps__sub{margin-bottom:48px}.sz-tutorials-step{grid-template-columns:1fr;gap:32px;margin-bottom:64px}.sz-tutorials-step .sz-tutorials-step__media{order:-1!important}.sz-tutorials-step .sz-tutorials-step__content{order:0!important}.sz-tutorials-step-divider{margin-bottom:64px}.sz-tutorials-cta{padding:64px 24px}}
/*# sourceMappingURL=/cdn/shop/t/98/assets/sz-tutorials.css.map */