.step-flow-root{display:block;width:100%;margin-bottom:30px;background:transparent;border:none;box-shadow:none;padding:0;box-sizing:border-box;position:relative;min-height:auto}.step-flow-root script,.step-flow-root style{display:none!important}.step-flow-progress{position:relative;width:100%;height:4px;background:#e5e7eb;margin-bottom:20px;border-radius:2px;overflow:hidden}.step-flow-bar{height:100%;background:#111;width:0%;transition:width .3s ease}.step-flow-panel{display:none}.step-flow-panel.active{display:block;animation:stepflow-fade .3s ease-out}@keyframes stepflow-fade{0%{opacity:0}to{opacity:1}}.step-flow-nav{display:flex;gap:12px;margin-top:24px;padding-top:20px;border-top:1px solid #e5e7eb}.step-flow-btn{flex:1;padding:14px 20px;border-radius:50px;font-weight:600;cursor:pointer;transition:all .2s;text-transform:uppercase;font-size:13px;letter-spacing:.05em;text-align:center;border:1px solid transparent}.step-flow-btn--solid{background:#111;color:#fff;border-color:#111}.step-flow-btn--solid:hover{background:#000;transform:translateY(-1px)}.step-flow-btn--solid:active{transform:translateY(0)}.step-flow-btn--ghost{background:#fff;color:#374151;border-color:#d1d5db}.step-flow-btn--ghost:hover{background:#f9fafb;border-color:#9ca3af;color:#111}.step-flow-btn:disabled{opacity:.6;cursor:not-allowed}.step-flow-easify-shell-collapsed{height:0!important;overflow:hidden!important;padding:0!important;margin:0!important;border:0!important}@media(max-width:480px){.step-flow-nav{flex-direction:row}.step-flow-btn{padding:12px;font-size:12px}}.step-flow-nav .step-flow-btn--solid{flex:1 1 auto}.step-flow-nav .step-flow-btn--ghost{flex:0 0 56px;width:56px;padding-left:0;padding-right:0;display:inline-flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.step-flow-nav .step-flow-btn--ghost{color:transparent}.step-flow-nav .step-flow-btn--ghost:before{content:"";width:18px;height:18px;display:block;background-repeat:no-repeat;background-position:center;background-size:contain;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='14 18 8 12 14 6'/></svg>")}.step-flow-nav .step-flow-btn--ghost[style*="display: none"],.step-flow-nav .step-flow-btn--ghost[hidden],.step-flow-nav .step-flow-btn--ghost[aria-hidden=true]{display:none!important}.step-flow-nav .step-flow-btn--ghost[style*="display: none"]+.step-flow-btn--solid,.step-flow-nav .step-flow-btn--ghost[hidden]+.step-flow-btn--solid,.step-flow-nav .step-flow-btn--ghost[aria-hidden=true]+.step-flow-btn--solid{flex:1 1 100%;width:100%}@media(max-width:480px){.step-flow-nav .step-flow-btn--ghost{flex-basis:50px;width:50px}}.step-flow-nav .step-flow-btn--ghost[style*="visibility: hidden"],.step-flow-nav .step-flow-btn--ghost[style*="opacity: 0"],.step-flow-nav .step-flow-btn--ghost[style*="pointer-events: none"],.step-flow-nav .step-flow-btn--ghost:disabled{display:none!important}.step-flow-nav .step-flow-btn--solid{flex:1 1 100%;width:100%}.step-flow-nav .step-flow-btn--ghost{width:60px;height:60px;flex:0 0 60px;padding:0;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f3f4f6}.step-flow-nav .step-flow-btn--ghost:before{width:22px;height:22px;margin:0;background-size:22px 22px}.step-flow-nav>:first-child{position:relative!important;width:48px!important;height:48px!important;flex:0 0 48px!important;border-radius:50%!important;font-size:0!important;color:transparent!important}.step-flow-nav>:first-child *{opacity:0!important;visibility:hidden!important}.step-flow-nav>:first-child:before{content:""!important;position:absolute!important;left:50%!important;top:50%!important;width:24px!important;height:24px!important;transform:translate(-50%,-50%)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:24px 24px!important;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23374151' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='13 18 7 12 13 6'/></svg>")!important}.step-flow-nav{align-items:center}.step-flow-nav .step-flow-btn{height:48px;line-height:48px;padding-top:0;padding-bottom:0}.step-flow-nav .step-flow-btn--ghost{width:48px;height:48px;flex:0 0 48px;line-height:48px}
/*# sourceMappingURL=/cdn/shop/t/28/assets/zm-step-flow.css.map */
