.cpu{--cpu-bg: #f8f9fa;--cpu-card-bg: #ffffff;--cpu-accent: #00875A;--cpu-text: #111827;--cpu-subtext: #6b7280;--cpu-border: #e5e7eb;--cpu-radius: 16px;--cpu-radius-sm: 10px;--cpu-shadow: 0 8px 32px rgba(0,0,0,.08);--cpu-transition: .22s ease;padding-block:var(--cpu-padding-top, 64px) var(--cpu-padding-bottom, 64px);background-color:var(--cpu-bg);font-family:inherit}.cpu__container{max-width:640px;margin-inline:auto;padding-inline:20px}.cpu__header{text-align:center;margin-bottom:40px}.cpu__icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:72px;height:72px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid #bbf7d0;border-radius:20px;margin-bottom:20px}.cpu__icon-wrap svg{width:36px;height:36px;color:var(--cpu-accent)}.cpu__title{font-size:1.75rem;font-weight:800;color:var(--cpu-text);margin:0 0 10px;letter-spacing:-.02em;line-height:1.25}.cpu__subtitle{font-size:.95rem;color:var(--cpu-subtext);margin:0 auto;max-width:460px;line-height:1.65}.cpu__progress{display:flex;align-items:center;justify-content:center;gap:0;margin-bottom:36px}.cpu__progress-step{display:flex;flex-direction:column;align-items:center;gap:6px;position:relative;flex:1}.cpu__progress-step:after{content:"";position:absolute;top:16px;inset-inline-start:50%;width:100%;height:2px;background:var(--cpu-border);z-index:0}.cpu__progress-step:last-child:after{display:none}.cpu__progress-dot{width:32px;height:32px;border-radius:50%;border:2px solid var(--cpu-border);background:var(--cpu-card-bg);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:var(--cpu-subtext);position:relative;z-index:1}.cpu__progress-step[data-done=true] .cpu__progress-dot{background:var(--cpu-accent);border-color:var(--cpu-accent);color:#fff}.cpu__progress-step[data-done=true]:after{background:var(--cpu-accent)}.cpu__progress-label{font-size:.7rem;font-weight:600;color:var(--cpu-subtext);text-align:center;max-width:100%}.cpu__progress-step[data-done=true] .cpu__progress-label{color:var(--cpu-accent)}.cpu__card{background:var(--cpu-card-bg);border:1.5px solid var(--cpu-border);border-radius:var(--cpu-radius);box-shadow:var(--cpu-shadow);overflow:hidden}.cpu__card-header{background:linear-gradient(135deg,var(--cpu-accent),#006845);padding:20px 28px;display:flex;align-items:center;gap:14px}.cpu__card-header-icon{width:40px;height:40px;background:#ffffff26;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cpu__card-header-icon svg{width:22px;height:22px;color:#fff}.cpu__card-header-text{color:#fff;font-size:1.05rem;font-weight:700;margin:0}.cpu__form{padding:32px 28px;display:flex;flex-direction:column;gap:22px}.cpu__field{display:flex;flex-direction:column;gap:7px}.cpu__label{font-size:.85rem;font-weight:700;color:var(--cpu-text);display:flex;align-items:center;gap:4px}.cpu__required{color:#e60000;font-size:.9rem;line-height:1}.cpu__input,.cpu__select{width:100%;padding:12px 16px;border:1.5px solid var(--cpu-border);border-radius:var(--cpu-radius-sm);font-size:.95rem;color:var(--cpu-text);background:#fafafa;transition:border-color var(--cpu-transition),box-shadow var(--cpu-transition),background var(--cpu-transition);outline:none;font-family:inherit;-webkit-appearance:none;appearance:none}.cpu__input:focus,.cpu__select:focus{border-color:var(--cpu-accent);background:#fff;box-shadow:0 0 0 3px #00875a1f}.cpu__input[aria-invalid=true],.cpu__select[aria-invalid=true]{border-color:#e60000;box-shadow:0 0 0 3px #e6000014}.cpu__select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:16px;padding-right:40px;cursor:pointer}[dir=rtl] .cpu__select{background-position:left 14px center;padding-right:16px;padding-left:40px}.cpu__field-hint{font-size:.78rem;color:var(--cpu-subtext);line-height:1.5}.cpu__field-error{font-size:.8rem;color:#e60000;font-weight:600;display:none;align-items:center;gap:4px}.cpu__field[data-error=true] .cpu__field-error{display:flex}.cpu__upload-zone{border:2px dashed var(--cpu-border);border-radius:var(--cpu-radius);padding:32px 24px;text-align:center;cursor:pointer;transition:border-color var(--cpu-transition),background var(--cpu-transition);position:relative;background:#fafafa}.cpu__upload-zone:hover,.cpu__upload-zone[data-dragging=true]{border-color:var(--cpu-accent);background:#f0fdf4}.cpu__upload-zone[data-has-file=true]{border-color:var(--cpu-accent);border-style:solid;background:#f0fdf4}.cpu__upload-input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;width:100%;height:100%;cursor:pointer;font-size:0}.cpu__upload-ui{pointer-events:none}.cpu__upload-icon{width:48px;height:48px;color:var(--cpu-accent);margin:0 auto 14px;display:block}.cpu__upload-text{font-size:.95rem;font-weight:700;color:var(--cpu-text);margin:0 0 6px}.cpu__upload-subtext{font-size:.8rem;color:var(--cpu-subtext);margin:0}.cpu__file-preview{display:none;align-items:center;gap:14px;padding:14px 16px;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:var(--cpu-radius-sm);margin-top:14px;text-align:start}.cpu__upload-zone[data-has-file=true] .cpu__file-preview{display:flex}.cpu__file-thumb{width:56px;height:56px;border-radius:8px;object-fit:cover;flex-shrink:0;border:1px solid #bbf7d0;background:#dcfce7}.cpu__file-info{flex:1;min-width:0}.cpu__file-name{display:block;font-size:.85rem;font-weight:700;color:var(--cpu-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:3px}.cpu__file-size{font-size:.75rem;color:var(--cpu-subtext)}.cpu__file-remove{width:28px;height:28px;border-radius:50%;border:1.5px solid #fca5a5;background:#fff;color:#dc2626;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--cpu-transition);pointer-events:auto}.cpu__file-remove:hover{background:#fee2e2}.cpu__file-remove svg{width:14px;height:14px}.cpu__submit-btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:17px 28px;border-radius:14px;border:none;font-size:1rem;font-weight:800;color:#fff;background:linear-gradient(135deg,var(--cpu-accent),#006845);cursor:pointer;letter-spacing:.01em;transition:transform var(--cpu-transition),box-shadow var(--cpu-transition),opacity var(--cpu-transition);box-shadow:0 4px 20px #00875a40;position:relative;overflow:hidden;font-family:inherit}.cpu__submit-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#ffffff26;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}.cpu__submit-btn:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 10px 28px #00875a4d}.cpu__submit-btn:not(:disabled):hover:before{transform:scaleX(1)}.cpu__submit-btn:disabled{opacity:.6;cursor:not-allowed}.cpu__submit-btn svg{width:20px;height:20px;flex-shrink:0}.cpu__spinner{display:none;width:20px;height:20px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:cpu-spin .7s linear infinite}@keyframes cpu-spin{to{transform:rotate(360deg)}}.cpu__submit-btn[data-loading=true] .cpu__spinner{display:block}.cpu__submit-btn[data-loading=true] .cpu__submit-icon{display:none}.cpu__submit-btn[data-loading=true] .cpu__submit-label{opacity:.7}.cpu__success{display:none;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 28px;gap:16px}.cpu__success[data-visible=true]{display:flex}.cpu__form[data-submitted=true]{display:none}.cpu__success-check{width:80px;height:80px;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:2px solid #86efac;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:cpu-pop-in .5s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes cpu-pop-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.cpu__success-check svg{width:38px;height:38px;color:#16a34a}.cpu__success-title{font-size:1.5rem;font-weight:800;color:var(--cpu-text);margin:0}.cpu__success-message{font-size:.95rem;color:var(--cpu-subtext);margin:0;max-width:380px;line-height:1.65}.cpu__error-banner{display:none;padding:14px 18px;background:#fff1f2;border:1px solid #fecdd3;border-radius:var(--cpu-radius-sm);color:#be123c;font-size:.875rem;font-weight:600;align-items:center;gap:10px;margin-bottom:0}.cpu__error-banner[data-visible=true]{display:flex}.cpu__error-banner svg{width:18px;height:18px;flex-shrink:0}.cpu__disclaimer{margin-top:20px;font-size:.78rem;color:var(--cpu-subtext);text-align:center;line-height:1.6}@media screen and (max-width:600px){.cpu{padding-block:var(--cpu-padding-top-mobile, 44px) var(--cpu-padding-bottom-mobile, 44px)}.cpu__title{font-size:1.45rem}.cpu__card-header{padding:16px 20px}.cpu__form{padding:24px 20px;gap:18px}.cpu__upload-zone{padding:24px 16px}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-payment-upload.css.map */