.waddl-onboard{min-height:100vh;margin:0 auto;padding:48px 24px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at top left,#e0f2fe,#eff6ff 40%,#e5e7eb)}.waddl-onboard .waddl-container{width:100%;max-width:960px;background:#fffffff2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:24px;box-shadow:0 30px 80px #0f172a40,0 0 0 1px #94a3b81f;padding:32px 32px 30px;border:1px solid rgba(255,255,255,.9);opacity:0;transform:translateY(12px);transition:opacity .28s ease-out,transform .28s ease-out}.waddl-onboard.loaded .waddl-container{opacity:1;transform:translateY(0)}.waddl-title{font-size:2.1rem;font-weight:800;color:#0f172a;margin:0 0 6px;letter-spacing:-.03em;text-align:center}.waddl-sub{font-size:.98rem;color:#4b5563;margin:0 0 26px;text-align:center}.waddl-progress{margin-bottom:16px}.waddl-progress-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.waddl-progress-label{font-size:.86rem;font-weight:500;color:#4b5563}.waddl-progress-bar{width:100%;height:5px;border-radius:999px;background:#e5e7eb;overflow:hidden}.waddl-progress-fill{width:0%;height:100%;border-radius:999px;background:linear-gradient(90deg,#229fd3,#38bdf8);box-shadow:0 0 12px #229fd3b3;transition:width .26s ease-out}.waddl-form{display:flex;flex-direction:column;gap:0}.waddl-steps{position:relative;overflow:hidden;height:auto;transition:height .22s ease-out}.waddl-step{position:absolute;top:0;left:0;width:100%;opacity:0;pointer-events:none;transition:opacity .24s ease-out}.waddl-step.waddl-active{opacity:1;pointer-events:auto}.waddl-step-inner{background:radial-gradient(circle at top left,#fffffff5,#f4f7ff);border-radius:20px;border:1px solid rgba(255,255,255,.9);box-shadow:0 18px 40px #94a3b859,0 0 0 1px #94a3b814;padding:18px 18px 16px}.waddl-step-title{font-size:.98rem;font-weight:600;color:#0f172a;margin:0 0 4px}.waddl-step-intro{font-size:.85rem;color:#6b7280;margin:0 0 12px}.waddl-field{display:flex;flex-direction:column;margin-bottom:12px}.waddl-field label,.waddl-section-label{font-size:.9rem;font-weight:600;color:#0f172a;margin-bottom:6px}.waddl-help{font-size:.85rem;color:#6b7280;margin:-4px 0 10px}.waddl-warning{font-size:.8rem;color:#9ca3af;margin-top:6px}.waddl-onboard input,.waddl-onboard select,.waddl-onboard textarea{width:100%;padding:10px 11px;border-radius:14px;border:1.6px solid #e5e7eb;background:#f8fafceb;font-size:.95rem;color:#0f172a;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease,transform .08s ease}.waddl-onboard input::placeholder,.waddl-onboard textarea::placeholder{color:#9ca3af}.waddl-onboard input:focus,.waddl-onboard select:focus,.waddl-onboard textarea:focus{outline:none;border-color:#229fd3;background:#fff;box-shadow:0 0 0 2px #229fd333;transform:translateY(-1px)}.waddl-onboard select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#f8fafceb;background-image:linear-gradient(45deg,transparent 50%,#229FD3 50%),linear-gradient(135deg,#229FD3 50%,transparent 50%),linear-gradient(to right,#e5e7eb,#e5e7eb);background-position:calc(100% - 20px) calc(50% - 6px),calc(100% - 15px) calc(50% - 6px),calc(100% - 36px) 50%;background-size:6px 6px,6px 6px,1px 60%;background-repeat:no-repeat;padding-right:50px}.waddl-onboard select:hover{border-color:#229fd3;background-color:#fff}.waddl-products{display:flex;flex-direction:column;gap:10px}.waddl-product-line{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:16px;border:1.6px solid #e5e7eb;background:radial-gradient(circle at top,#fff,#f5f7ff);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .12s ease}.waddl-product-line:hover{border-color:#229fd3;box-shadow:0 0 0 3px #229fd324;transform:translateY(-1px)}.waddl-product-line input[type=checkbox]{width:18px;height:18px;border-radius:6px;margin:0}.waddl-product-line span{font-size:.92rem;color:#0f172a}.waddl-product-line strong{color:#229fd3;font-weight:700;margin-left:6px}.waddl-product-options{margin:10px 0 18px;padding:14px 14px 12px;border-radius:18px;border:1.6px solid rgba(229,231,235,.95);background:radial-gradient(circle at top,#fffffffa,#f5f7ffeb);box-shadow:0 12px 28px #94a3b82e}.waddl-product-options-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:12px}@media (max-width: 768px){.waddl-product-options-grid{grid-template-columns:1fr}}.waddl-sleeve-fee{margin-top:8px;padding:8px 10px;border-radius:14px;border:1px solid rgba(34,159,211,.2);background:#229fd30f;color:#0f172a;font-size:.85rem}.waddl-other-wrap{margin-top:8px}.waddl-other-textarea{min-height:96px;resize:vertical;padding:10px 11px;line-height:1.35}.waddl-color-block{margin:10px 0 12px;padding:12px 12px 10px;border-radius:16px;border:1.6px solid rgba(229,231,235,.95);background:#ffffffbf}.waddl-mockup-title{font-size:.85rem;font-weight:600;color:#0f172a;margin:0 0 8px}.waddl-mockup-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}@media (max-width: 768px){.waddl-mockup-grid{grid-template-columns:1fr}}.waddl-mockup-card{position:relative;border-radius:18px;border:1.6px solid #e5e7eb;background:radial-gradient(circle at top,#fff,#f5f7ff);overflow:hidden;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .12s ease;-webkit-user-select:none;user-select:none}.waddl-mockup-card:hover{border-color:#229fd3;box-shadow:0 0 0 3px #229fd324;transform:translateY(-1px)}.waddl-mockup-card input.waddl-mockup-radio{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;margin:0}.waddl-mockup-thumb{height:140px;background:#0f172a0f;display:flex;align-items:center;justify-content:center}.waddl-mockup-thumb img{width:50%;height:auto;display:block;object-fit:contain}.waddl-mockup-caption{padding:10px 12px;font-size:.9rem;color:#0f172a;opacity:.9}.waddl-mockup-selected-pill{position:absolute;top:10px;left:10px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:800;background:#229fd324;border:1px solid rgba(34,159,211,.35);color:#0f172a;display:none}.waddl-mockup-card:has(input:checked){border-color:#229fd3;box-shadow:0 0 0 3px #229fd32e;background:#fff}.waddl-mockup-card:has(input:checked) .waddl-mockup-selected-pill{display:inline-flex}.waddl-mockup-card:has(input:checked) .waddl-mockup-caption{font-weight:800}.waddl-color-row{display:flex;align-items:center;gap:12px;margin-bottom:8px}.waddl-color-input-wrap{flex:1;display:flex;flex-direction:column}.waddl-mini-label{font-size:.8rem;font-weight:500;color:#6b7280;margin-bottom:4px}.waddl-color-preview{width:40px;height:40px;border-radius:12px;border:1px solid #e5e7eb;background:#f3f4f6;box-shadow:0 6px 14px #94a3b859;transition:background .18s ease,border-color .18s ease,transform .1s ease}.waddl-revshare-callout{margin-top:10px;padding:10px 12px;border-radius:16px;border:1px solid rgba(34,159,211,.25);background:#229fd30f;color:#0f172a;font-size:.88rem}.waddl-nav{display:flex;justify-content:space-between;align-items:center;margin-top:18px;gap:8px}.waddl-nav-left{flex:1}.waddl-nav-right{display:flex;justify-content:flex-end;gap:8px;flex:1}.waddl-nav-button{padding:9px 18px;border-radius:999px;border:none;font-size:.9rem;font-weight:600;cursor:pointer;transition:background .18s ease,transform .1s ease,box-shadow .18s ease,color .18s ease}.waddl-prev{background:#e2e8f0e6;color:#374151}.waddl-prev:hover:not([disabled]){background:#d1d5db}.waddl-prev[disabled]{opacity:.4;cursor:default}.waddl-next{background:#229fd3;color:#fff;box-shadow:0 10px 24px #229fd359}.waddl-next:hover{background:#1b86b3;transform:translateY(-1px)}.waddl-next:active{transform:translateY(0);box-shadow:0 4px 14px #229fd340}.waddl-submit{background:#0f172a;color:#fff;box-shadow:0 10px 24px #0f172a4d;display:none}.waddl-submit:hover{background:#020617;transform:translateY(-1px)}.waddl-submit:active{transform:translateY(0);box-shadow:0 4px 14px #0f172a40}.waddl-nav.waddl-last-step .waddl-next{display:none}.waddl-nav.waddl-last-step .waddl-submit{display:inline-flex;align-items:center;justify-content:center}.waddl-visually-hidden{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important;white-space:nowrap!important}@media (max-width: 768px){.waddl-onboard{padding:24px 14px}.waddl-onboard .waddl-container{padding:22px 18px;border-radius:20px}.waddl-title{font-size:1.7rem}.waddl-nav{flex-direction:column;align-items:stretch}.waddl-nav-right{justify-content:space-between}}.waddl-onboard .waddl-step[data-step="6"] .waddl-logo-confirm-line{display:flex!important;flex-direction:row!important;align-items:flex-start!important;justify-content:flex-start!important;width:100%!important;max-width:100%!important;gap:10px!important;margin-top:12px!important;padding:10px 12px!important;border-radius:16px!important;border:1.6px solid #e5e7eb!important;background:radial-gradient(circle at top,#fff,#f5f7ff)!important;text-align:left!important;cursor:pointer!important;float:none!important;position:relative!important;box-sizing:border-box!important}.waddl-onboard .waddl-step[data-step="6"] .waddl-logo-confirm-line input#waddlLogoConfirmCheckbox{flex:0 0 18px!important;width:18px!important;height:18px!important;border-radius:6px!important;margin:2px 0 0!important}.waddl-onboard .waddl-step[data-step="6"] .waddl-logo-confirm-line .waddl-logo-confirm-copy{display:block!important;flex:1 1 auto!important;width:auto!important;max-width:calc(100% - 32px)!important;min-width:0!important;text-align:left!important;white-space:normal!important;overflow-wrap:break-word!important;word-break:normal!important;line-height:1.35!important}.waddl-onboard .waddl-step[data-step="6"] .waddl-logo-confirm-line .waddl-logo-confirm-sub{display:block!important;margin-top:2px!important;font-size:.85rem!important;color:#6b7280!important}.waddl-modal[hidden]{display:none!important}.waddl-modal{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:99999!important;display:grid!important;place-items:center!important;padding:18px!important}.waddl-modal__backdrop{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#0f172a9e!important;backdrop-filter:blur(6px)!important;-webkit-backdrop-filter:blur(6px)!important}.waddl-modal__panel{position:relative!important;z-index:1!important;width:min(620px,92vw)!important;max-height:min(82vh,720px)!important;overflow:auto!important;border-radius:18px!important;border:1px solid rgba(229,231,235,.9)!important;background:#fffffffa!important;box-shadow:0 30px 90px #0f172a59!important;padding:18px 18px 16px!important}.waddl-modal__close{position:absolute!important;top:10px!important;right:10px!important;width:38px!important;height:38px!important;border-radius:999px!important;border:1px solid rgba(229,231,235,.95)!important;background:#fff!important;cursor:pointer!important;font-size:20px!important;line-height:1!important}.waddl-modal__title{margin:2px 44px 8px 0!important;font-size:1.05rem!important;color:#0f172a!important}.waddl-modal__text{margin:0 0 14px!important;color:#4b5563!important;line-height:1.6!important;font-size:.92rem!important}.waddl-modal__actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;margin-top:10px!important}.waddl-modal__footnote{margin:12px 0 0!important;font-size:.82rem!important;color:#6b7280!important}
/*# sourceMappingURL=/cdn/shop/t/1/assets/waddl-onboarding.css.map */