.shop-onboarding-design{--shop-form-primary:var(--vendor-primary,#173d33);--shop-form-light:color-mix(in srgb,var(--shop-form-primary) 24%,white);--shop-form-muted:var(--vendor-muted,#60776a);padding:20px 24px}.shop-onboarding-design .shop-hub-grid{grid-template-columns:230px minmax(0,1fr);grid-template-rows:92px auto;gap:14px 22px}.shop-onboarding-design .shop-onboarding-add{grid-column:1;grid-row:1;display:flex;align-items:center;align-self:stretch;min-width:0}.shop-onboarding-design .shop-onboarding-add .button{width:100%;min-height:48px}.shop-onboarding-design .shop-hub-list{grid-column:1;grid-row:2}.shop-onboarding-design .shop-hub-detail{grid-column:2;grid-row:1/span 2}@media(max-width:850px){.shop-onboarding-design .shop-hub-grid{grid-template-rows:auto}.shop-onboarding-design .shop-hub-detail,.shop-onboarding-design .shop-hub-list,.shop-onboarding-design .shop-onboarding-add{grid-column:1;grid-row:auto}.shop-onboarding-design .shop-onboarding-add .button{width:auto}}.shop-onboarding-design .shop-hub-list{padding:16px 13px;border-radius:17px;box-shadow:0 7px 23px #173d3310;background:linear-gradient(170deg,#fff,var(--vendor-surface,#f7f9f2))}.shop-onboarding-design .shop-hub-list>header{font-size:14px;align-items:center}.shop-onboarding-design .shop-hub-list>header small{background:var(--vendor-soft,#edf3e7);padding:4px 8px;border-radius:18px;font-size:11px}.shop-onboarding-design .shop-hub-card{border:1px solid var(--vendor-border,#d8e4d3);border-radius:13px;box-shadow:0 3px 14px #173d330a}.shop-onboarding-design .shop-hub-card.selected{border-color:color-mix(in srgb,var(--shop-form-primary) 35%,white)}.shop-onboarding-design .shop-hub-card>.shop-design-cover{width:100%;height:148px;object-fit:cover;display:block}.shop-onboarding-design .shop-design-cover-empty{height:65px;background:var(--vendor-soft,#edf3e7);color:var(--shop-form-primary);display:grid;place-items:center}.shop-onboarding-design .shop-design-cover-empty svg{width:30px;height:30px}.shop-onboarding-design .shop-hub-card>div:not(.shop-design-cover-empty){padding:14px}.shop-onboarding-design .shop-hub-card strong{font-size:15px;line-height:1.4}.shop-onboarding-design .shop-hub-card small{font:10px/1.6 monospace;color:var(--shop-form-muted);margin-top:5px}.shop-onboarding-design .shop-hub-card .shop-status{display:inline-flex;margin-top:11px}.shop-onboarding-design .shop-hub-card nav button{min-height:37px;font-size:12px;font-weight:650;border-radius:8px;margin-top:2px}.shop-onboarding-design .shop-application{overflow:visible;border-radius:16px;box-shadow:0 10px 32px #183d3311}.shop-onboarding-design .shop-application-tabs{background:#103f30;border:1px solid #103f30;border-radius:14px 14px 0 0;padding:9px;gap:8px;overflow:visible}.shop-onboarding-design .shop-application-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0;min-height:62px;padding:9px 6px;border:1px solid #ffffff14;border-radius:9px;background:transparent;color:#fff;white-space:normal;line-height:1.3;flex:1}.shop-onboarding-design .shop-application-tabs button:hover{background:#ffffff12}.shop-onboarding-design .shop-application-tabs button:focus-visible{outline:3px solid #ebd38c;outline-offset:2px}.shop-onboarding-design .shop-application-tabs button>span:first-child{display:grid;place-items:center;flex:none;width:32px;height:32px;margin:0;border:1px solid #ffffff20;background:#ffffff0b;border-radius:9px;color:#d5e7d6}.shop-onboarding-design .shop-application-tabs svg{width:20px;height:20px}.shop-onboarding-design .shop-application-tabs .shop-worksheet-caption{display:block;background:none;border:0;border-radius:0;width:auto;height:auto;margin:0;text-align:left}.shop-onboarding-design .shop-worksheet-caption small{display:block;font-size:9px;letter-spacing:1px;color:#b8ccb9;margin-bottom:4px}.shop-onboarding-design .shop-worksheet-caption strong{font-size:12px;font-weight:650}.shop-onboarding-design .shop-application-tabs button[aria-current]{background:#f3f6ec;border-color:#e0e8cf;color:#174a34;box-shadow:0 2px 8px #0002}.shop-onboarding-design .shop-application-tabs button[aria-current]>span:first-child{background:#e2ebd8;color:#315e3c;border-color:#cddbbf}.shop-onboarding-design .shop-application-tabs button[aria-current] small{color:#7b906d}.shop-onboarding-design .shop-application-form{border:1px solid var(--vendor-border,#dbe4d5);border-top:0;border-radius:0 0 15px 15px;background:#fdfefb;padding:22px;min-height:0;color:var(--vendor-ink,#183d33)}.shop-onboarding-design .shop-application-form>.shop-designed-summary{margin:0;padding:0;min-height:0}.shop-onboarding-design .shop-designed-summary>.shop-status{display:none}.shop-onboarding-design .shop-review-note{background:var(--vendor-soft,#f1f6eb);border:1px solid var(--vendor-border,#e0e7d8);border-left:3px solid color-mix(in srgb,var(--shop-form-primary) 45%,white);padding:10px 12px;border-radius:8px;margin:0 0 21px;font-size:12px;line-height:1.55;color:var(--shop-form-muted)}.shop-onboarding-design .shop-fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px 18px;padding-top:7px;min-height:0}:is(.shop-onboarding-design,.vendor-field-design) .shop-input-group{grid-column:1/-1;display:flex;align-items:center;gap:8px;color:var(--shop-form-primary);font-size:12px;font-weight:650;margin:0 0 -2px}:is(.shop-onboarding-design,.vendor-field-design) .shop-input-group:after{content:"";height:1px;background:var(--vendor-border,#e3eadc);flex:1}:is(.shop-onboarding-design,.vendor-field-design) .shop-input-group>span{font-size:9px;border:1px solid var(--vendor-border,#e0e8d7);border-radius:4px;padding:2px 4px;font-weight:400;color:var(--shop-form-muted)}:is(.shop-onboarding-design .shop-fields .shop-input-field,.vendor-field-design.shop-input-field){position:relative;isolation:isolate;display:block;min-height:60px;gap:0;font-size:13px;min-width:0;align-self:start}:is(.shop-onboarding-design,.vendor-field-design) .shop-input-caption{position:absolute;z-index:3;left:14px;top:-9px;max-width:calc(100% - 25px);padding:0 6px;border-radius:4px;background:#fdfefb;color:var(--vendor-ink,#385e46);font-size:12px;line-height:18px;font-weight:650;white-space:nowrap}:is(.shop-onboarding-design .has-icon,.vendor-field-design.has-icon)>.shop-input-caption{left:49px;max-width:calc(100% - 60px)}:is(.shop-onboarding-design,.vendor-field-design) .shop-input-caption>small{display:inline;margin:0 0 0 4px;font-size:9px;color:var(--shop-form-muted);font-weight:400}:is(.shop-onboarding-design,.vendor-field-design) .shop-input-required{color:var(--shop-form-muted);font-size:10px}:is(.shop-onboarding-design,.vendor-field-design) .shop-input-icon{position:absolute;z-index:2;top:14px;left:12px;display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--vendor-border,#d3e1d0);border-radius:8px;background:var(--vendor-soft,#edf3e9);color:var(--shop-form-primary)}:is(.shop-onboarding-design,.vendor-field-design) .shop-input-icon svg{width:18px;height:18px}:is(.shop-onboarding-design,.vendor-field-design) .shop-input-body{position:relative;display:block;min-width:0}:is(.shop-onboarding-design,.vendor-field-design) .shop-input-body input,:is(.shop-onboarding-design,.vendor-field-design) .shop-input-body select,:is(.shop-onboarding-design,.vendor-field-design) .shop-input-body textarea{display:block;min-height:60px;width:100%;border:1.5px solid color-mix(in srgb,var(--shop-form-primary) 33%,white);border-radius:9px;background:#fff;padding:18px 16px 14px;font:500 16px/1.4 Segoe UI,Arial,sans-serif;color:var(--vendor-ink,#143e2c);box-shadow:0 2px 5px #204a3010;transition:border-color .15s,box-shadow .15s;box-sizing:border-box}:is(.shop-onboarding-design .has-icon,.vendor-field-design.has-icon)>.shop-input-body>input{padding-left:61px}:is(.shop-onboarding-design,.vendor-field-design) .shop-input-body input::placeholder,:is(.shop-onboarding-design,.vendor-field-design) .shop-input-body textarea::placeholder{font-size:13px;font-weight:400;color:var(--shop-form-muted)}:is(.shop-onboarding-design,.vendor-field-design) .shop-input-body select{padding-right:30px}:is(.shop-onboarding-design,.vendor-field-design) .shop-input-body textarea{resize:vertical;min-height:86px}:is(.shop-onboarding-design,.vendor-field-design) .shop-input-body:after{content:"";position:absolute;z-index:1;inset:5px;border:1px solid color-mix(in srgb,var(--shop-form-primary) 26%,white);border-radius:5px;pointer-events:none}:is(.shop-onboarding-design .has-icon,.vendor-field-design.has-icon)>.shop-input-body:after{left:54px}:is(.shop-onboarding-design,.vendor-field-design) .shop-input-body:before{content:"";position:absolute;z-index:1;inset:7px;border-radius:4px;opacity:0;pointer-events:none;background:none;animation:none}:is(.shop-onboarding-design .has-icon,.vendor-field-design.has-icon)>.shop-input-body:before{left:56px}:is(.shop-onboarding-design .shop-input-field,.vendor-field-design.shop-input-field):focus-within>.shop-input-body:before{opacity:1;background:linear-gradient(90deg,transparent 30%,color-mix(in srgb,var(--shop-form-primary) 15%,transparent) 43%,color-mix(in srgb,var(--shop-form-primary) 25%,transparent) 48%,color-mix(in srgb,var(--shop-form-light) 65%,transparent) 50%,color-mix(in srgb,var(--shop-form-primary) 24%,transparent) 53%,color-mix(in srgb,var(--shop-form-primary) 12%,transparent) 59%,transparent 70%);background-size:260% 100%;background-repeat:no-repeat;box-shadow:inset 0 0 15px color-mix(in srgb,var(--shop-form-primary) 14%,transparent);animation:shop-input-light 3.8s linear infinite}:is(.shop-onboarding-design .shop-input-field,.vendor-field-design.shop-input-field):focus-within>.shop-input-body:after{border-color:color-mix(in srgb,var(--shop-form-primary) 65%,white);box-shadow:0 0 7px color-mix(in srgb,var(--shop-form-primary) 20%,transparent)}:is(.shop-onboarding-design,.vendor-field-design) .shop-input-body input:focus,:is(.shop-onboarding-design,.vendor-field-design) .shop-input-body select:focus,:is(.shop-onboarding-design,.vendor-field-design) .shop-input-body textarea:focus{outline:0;border-color:var(--shop-form-primary);background:color-mix(in srgb,var(--shop-form-primary) 3%,white);box-shadow:0 0 0 3px color-mix(in srgb,var(--shop-form-primary) 10%,transparent)}:is(.shop-onboarding-design .shop-input-field,.vendor-field-design.shop-input-field):focus-within>.shop-input-icon{background:var(--shop-form-primary);border-color:var(--shop-form-primary);color:white}:is(.shop-onboarding-design .shop-input-field,.vendor-field-design.shop-input-field):has(:disabled) .shop-input-icon{opacity:.6}:is(.shop-onboarding-design,.vendor-field-design) .shop-input-body .santhai-phone-field{width:100%;min-width:0}:is(.shop-onboarding-design,.vendor-field-design) .shop-input-body .santhai-phone-field input{padding-left:101px}:is(.shop-onboarding-design,.vendor-field-design) .shop-input-phone-prefix{position:absolute;z-index:2;top:22px;left:63px;padding-right:9px;border-right:1px solid var(--vendor-border,#d9e6dc);font-size:12px;line-height:18px;color:var(--shop-form-muted)}.shop-onboarding-design .shop-application-form>footer{margin-top:25px;padding-top:16px;min-height:0;gap:14px;align-items:center}.shop-onboarding-design .shop-application-form>footer small{font-size:11px;line-height:1.5}.shop-onboarding-design .shop-application-form>footer .button{font-size:13px;min-height:43px;border-radius:9px;padding:9px 18px}.shop-onboarding-design .shop-application-form>footer .button-primary{background:linear-gradient(155deg,#ebd69c,#ddc486)!important;border-color:#d3b96e!important;color:#3e3b20!important;font-weight:700}.shop-onboarding-design .shop-application-form>footer .button-primary:hover:not(:disabled){background:linear-gradient(155deg,#f0dfb2,#e5d093)!important;border-color:#c6ad67!important}.shop-onboarding-design .shop-category-options>label{min-height:44px;padding:10px 13px;border-radius:9px;background:white;font-size:13px}.shop-onboarding-design .shop-category-options>label:has(input:checked){background:var(--vendor-soft,#edf3e7);border-color:var(--shop-form-primary)}.shop-onboarding-design .shop-agreement{font-size:13px;line-height:1.5}.shop-onboarding-design .shop-document{gap:16px;padding:18px 0}.shop-onboarding-design .shop-document strong{font-size:14px}.shop-onboarding-design .shop-document-expiry{font-size:12px}.shop-onboarding-design .shop-document-expiry input{font-size:14px;border-radius:8px;padding:9px;border:1px solid var(--vendor-border,#d3e1d0);color:var(--vendor-ink,#183d33);background:#fff}.shop-onboarding-design .shop-application-form .error,.shop-onboarding-design .shop-application-form .success{font-size:13px;line-height:1.5;padding:10px 12px;border-radius:8px}@keyframes shop-input-light{0%,10%{background-position:155% 0}80%,to{background-position:-60% 0}}@media(max-width:1180px){.shop-onboarding-design{padding:18px}.shop-onboarding-design .shop-hub-grid{grid-template-columns:190px minmax(0,1fr);gap:15px}.shop-onboarding-design .shop-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.shop-onboarding-design .shop-application-tabs{gap:5px;padding:7px}.shop-onboarding-design .shop-application-tabs button{gap:6px}.shop-onboarding-design .shop-worksheet-caption strong{font-size:11px}.shop-onboarding-design .shop-application-tabs button>span:first-child{width:27px;height:27px}}@media(max-width:850px){.shop-onboarding-design .shop-hub-grid{grid-template-columns:1fr}.shop-onboarding-design .shop-hub-list{display:flex;position:static;gap:10px;overflow-x:auto;padding:12px}.shop-onboarding-design .shop-hub-list>header{display:none}.shop-onboarding-design .shop-hub-card{width:190px;min-width:190px;margin:0}.shop-onboarding-design .shop-hub-card>.shop-design-cover{height:70px}}@media(max-width:600px){.shop-onboarding-design{padding:12px}.shop-onboarding-design .shop-application-form{padding:20px 14px 16px}.shop-onboarding-design .shop-application-tabs{padding:7px;gap:3px}.shop-onboarding-design .shop-application-tabs button{min-width:0;min-height:72px;flex-direction:column;gap:6px;padding:7px 2px}.shop-onboarding-design .shop-application-tabs .shop-worksheet-caption{text-align:center;font-size:9px}.shop-onboarding-design .shop-worksheet-caption strong{font-size:9px;font-weight:600}.shop-onboarding-design .shop-worksheet-caption small{display:none}.shop-onboarding-design .shop-fields{grid-template-columns:1fr;gap:24px}:is(.shop-onboarding-design,.vendor-field-design) .shop-input-caption{font-size:12px}:is(.shop-onboarding-design,.vendor-field-design) .shop-input-body input,:is(.shop-onboarding-design,.vendor-field-design) .shop-input-body select{font-size:16px;min-height:62px}.shop-onboarding-design .shop-application-form>footer{flex-direction:column;align-items:stretch}.shop-onboarding-design .shop-application-form>footer>div{justify-content:flex-end}.shop-onboarding-design .shop-application-form>footer .button{flex:0 1 auto}.shop-onboarding-design .shop-document{align-items:stretch;flex-direction:column}.shop-onboarding-design .shop-document>div:last-child{width:100%;gap:10px}}@media(prefers-reduced-motion:reduce){:is(.shop-onboarding-design .shop-input-field,.vendor-field-design.shop-input-field):focus-within>.shop-input-body:before{animation:none;background:color-mix(in srgb,var(--shop-form-primary) 6%,transparent)}:is(.shop-onboarding-design,.vendor-field-design) .shop-input-body input,:is(.shop-onboarding-design,.vendor-field-design) .shop-input-body select,:is(.shop-onboarding-design,.vendor-field-design) .shop-input-body textarea{transition:none}}.vendor-field-design{--shop-form-primary:var(--vendor-primary,#173d33);--shop-form-light:color-mix(in srgb,var(--shop-form-primary) 24%,white);--shop-form-muted:var(--vendor-muted,#60776a);position:relative;isolation:isolate;display:block;min-width:0;min-height:60px;margin-top:9px!important;align-self:start;gap:0!important}.vendor-field-design>.shop-input-caption{background:#fff}.vendor-field-design .shop-input-body>input,.vendor-field-design .shop-input-body>select,.vendor-field-design .shop-input-body>textarea{height:60px;min-height:60px;max-width:100%}.vendor-field-design .shop-input-body>textarea{height:auto;min-height:86px}html[data-santhai-dev-chrome=true] .vendor-field-design.shop-input-field{display:block!important;position:relative;min-height:60px;overflow:visible;font-size:13px}html[data-santhai-dev-chrome=true] .vendor-field-design>.shop-input-body>:is(input,select,textarea){height:60px!important;min-height:60px!important;font:500 16px/1.4 Segoe UI,Arial,sans-serif!important;padding:18px 16px 14px!important;box-sizing:border-box}html[data-santhai-dev-chrome=true] .vendor-field-design>.shop-input-body>textarea{height:86px!important;min-height:86px!important;resize:vertical}html[data-santhai-dev-chrome=true] .vendor-field-design>.shop-input-caption{font:650 12px/18px Segoe UI,Arial,sans-serif;position:absolute;top:-9px;left:14px}html[data-santhai-dev-chrome=true] .vendor-field-design.has-icon>.shop-input-caption{left:49px}html[data-santhai-dev-chrome=true] .vendor-field-design.has-icon>.shop-input-body>:is(input,textarea,select){padding-left:61px!important}html[data-santhai-dev-chrome=true] .vendor-field-design>.shop-input-body>input[type=time]{padding-left:6px!important;padding-right:4px!important;font-size:14px!important}html[data-santhai-dev-chrome=true] .vendor-registration-contact-fields .vendor-field-design textarea{height:60px!important;min-height:60px!important;padding-top:9px!important;padding-bottom:9px!important;line-height:19px!important;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;resize:none!important}html[data-santhai-dev-chrome=true] .vendor-registration-address>.shop-input-body{overflow:hidden;border-radius:9px}html[data-santhai-dev-chrome=true] .vendor-registration-contact-fields .vendor-registration-address textarea{height:var(--vendor-address-height,60px)!important;max-height:260px}html[data-santhai-dev-chrome=true] .vendor-registration-address textarea:focus{min-height:100px!important}html[data-santhai-dev-chrome=true] .vendor-registration-merged>.shop-application-form>fieldset>.shop-fields.vendor-registration-contact-fields{grid-template-columns:repeat(8,minmax(0,1fr)) 100px repeat(11,minmax(0,1fr));gap:18px 12px}html[data-santhai-dev-chrome=true] .vendor-registration-merged .vendor-registration-contact-fields>label:has([name=name]){grid-column:1/9!important;grid-row:1!important}html[data-santhai-dev-chrome=true] .vendor-registration-merged .vendor-registration-contact-fields>label:has([name=ownerName]){grid-column:9/15!important;grid-row:1!important}html[data-santhai-dev-chrome=true] .vendor-registration-merged .vendor-registration-contact-fields>label:has([name=gender]){grid-column:15/21!important;grid-row:1!important}html[data-santhai-dev-chrome=true] .vendor-registration-merged .vendor-registration-contact-fields>label:has([name=address]){grid-column:1/9!important;grid-row:2!important}html[data-santhai-dev-chrome=true] .vendor-registration-merged .vendor-registration-contact-fields>label:has([name=postalCode]){grid-column:9/10!important;grid-row:2!important}html[data-santhai-dev-chrome=true] .vendor-registration-merged .vendor-registration-contact-fields>label:has(input[readonly]){grid-column:10/15!important;grid-row:2!important}html[data-santhai-dev-chrome=true] .vendor-registration-merged .vendor-registration-contact-fields>label:has([name=email]){grid-column:15/21!important;grid-row:2!important}html[data-santhai-dev-chrome=true] :is(.vendor-identity-entry,.vendor-payout-proof-row){align-items:end;gap:14px}html[data-santhai-dev-chrome=true] :is(.vendor-identity-entry,.vendor-payout-proof-row)>.vendor-field-design{align-self:end!important}html[data-santhai-dev-chrome=true] .vendor-proof-card :is(.vendor-upload-control,.vendor-inline-submit){height:60px!important;min-height:60px!important;box-sizing:border-box!important}html[data-santhai-dev-chrome=true] :is(.vendor-registration-merged,.store-form,.store-item-editor) :is(fieldset,legend){min-width:0}html[data-santhai-dev-chrome=true] .store-form .field-grid{row-gap:22px}html[data-santhai-dev-chrome=true] .store-form legend{font-size:16px;font-weight:650;color:var(--vendor-primary)}html[data-santhai-dev-chrome=true] .store-day .vendor-field-design{margin-top:9px;min-width:0}@media(max-width:600px){.vendor-field-design{margin-top:11px!important}.vendor-field-design>.shop-input-caption{font-size:11px}}@media(min-width:701px) and (max-width:1200px){html[data-santhai-dev-chrome=true] .vendor-registration-merged>.shop-application-form>fieldset>.shop-fields.vendor-registration-contact-fields{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-santhai-dev-chrome=true] .vendor-registration-merged .vendor-registration-contact-fields>label:has([name=name]){grid-column:1/-1!important;grid-row:1!important}html[data-santhai-dev-chrome=true] .vendor-registration-merged .vendor-registration-contact-fields>label:has([name=ownerName]){grid-column:1!important;grid-row:2!important}html[data-santhai-dev-chrome=true] .vendor-registration-merged .vendor-registration-contact-fields>label:has([name=gender]){grid-column:2!important;grid-row:2!important}html[data-santhai-dev-chrome=true] .vendor-registration-merged .vendor-registration-contact-fields>label:has([name=address]){grid-column:1/-1!important;grid-row:3!important}html[data-santhai-dev-chrome=true] .vendor-registration-merged .vendor-registration-contact-fields>label:has([name=postalCode]){grid-column:1!important;grid-row:4!important;max-width:110px}html[data-santhai-dev-chrome=true] .vendor-registration-merged .vendor-registration-contact-fields>label:has(input[readonly]){grid-column:2!important;grid-row:4!important}html[data-santhai-dev-chrome=true] .vendor-registration-merged .vendor-registration-contact-fields>label:has([name=email]){grid-column:1/-1!important;grid-row:5!important}}@media(max-width:700px){html[data-santhai-dev-chrome=true] .vendor-registration-merged>.shop-application-form>fieldset>.shop-fields.vendor-registration-contact-fields{grid-template-columns:minmax(0,1fr);row-gap:20px}html[data-santhai-dev-chrome=true] .vendor-registration-merged .vendor-registration-contact-fields>label:has([name]),html[data-santhai-dev-chrome=true] .vendor-registration-merged .vendor-registration-contact-fields>label:has(input[readonly]){grid-column:1!important;grid-row:auto!important}html[data-santhai-dev-chrome=true] .vendor-registration-merged .vendor-registration-contact-fields>label:has([name=postalCode]){max-width:110px}}