.pp-application{--blue:#0050c8;--ink:#171717;--muted:#808182;box-sizing:border-box;position:fixed;inset:0;width:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#fff;color:var(--ink);font:16px/1.5 EskhataPP,Arial,sans-serif;overflow:auto;overscroll-behavior:contain}
.pp-application::backdrop{background:#fff}
.pp-application:not([open]),.pp-application-modal:not([open]){display:none}
.pp-application *,.pp-application *::before,.pp-application *::after{box-sizing:border-box}
.pp-application [hidden]{display:none!important}
.pp-application h2,.pp-application p{margin:0}
.pp-application h2{font-size:28px;line-height:36px;font-weight:700;letter-spacing:0}
.pp-application button,.pp-application input,.pp-application select{font:inherit;color:inherit}
.pp-application button,.pp-application a{touch-action:manipulation}
.pp-application button{cursor:pointer;border:0}
.pp-application button:disabled{cursor:default;opacity:.55}
.pp-application :focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.pp-application a{color:var(--blue);text-decoration:underline}
.pp-application-header{display:flex;justify-content:space-between;align-items:center;min-height:88px;padding:16px max(24px,calc((100% - 1164px)/2));background:#fff}
.pp-application-logo{display:block;width:92px;height:28px}
.pp-application-icon{display:grid;place-items:center;flex:none;width:32px;height:32px;padding:8px;background:#f5f5f5;border-radius:50%}
.pp-application-icon::before{content:'';display:block;width:16px;height:16px;background:url('/local/assets/application-flow-v1/close.svg') center/16px 16px no-repeat}
.pp-application-body{width:380px;max-width:calc(100% - 40px);margin:0 auto;padding:24px 0 40px}
.pp-application-body h2{white-space:pre-line;max-width:380px;margin:0 0 24px}
.pp-application-form{display:flex;flex-direction:column}
.pp-application-parameters{display:grid;gap:16px;min-width:0;padding:0;margin:0 0 20px;border:0}
.pp-application-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
.pp-application-contact-fields{display:grid;gap:16px}
.pp-application-field{display:flex;flex-direction:column;gap:0;min-width:0;height:60px;padding:8px 15px;border:1px solid transparent;background:#f5f5f5;border-radius:20px;position:relative;cursor:text}
.pp-application-field:focus-within{border-color:var(--blue)}
.pp-application-field>span:first-child{color:var(--muted);font-size:16px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pp-application-field input,.pp-application-field select{display:block;width:100%;min-width:0;min-height:22px;line-height:22px;background:transparent;border:0;border-radius:0;padding:0;outline:none;font-size:16px;font-weight:500;box-shadow:none;color:#090909}
.pp-application-field input:focus-visible,.pp-application-field select:focus-visible{outline:none}
.pp-application-field:has(select){padding:0;cursor:pointer}
.pp-application-field:has(select)>span{position:absolute;top:8px;left:15px;right:32px;pointer-events:none}
.pp-application-field select{height:58px;padding:28px 38px 8px 15px;border-radius:inherit;appearance:none;cursor:pointer;background:transparent url('/local/assets/application-flow-v1/chevron.svg') no-repeat right 16px center/16px 16px}
.pp-application-field input::placeholder{color:#a8a8ad;font-weight:400}
.pp-application-field input[type=number]{appearance:textfield;-moz-appearance:textfield}
.pp-application-field input::-webkit-inner-spin-button,.pp-application-field input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
.pp-application-amount{display:flex;align-items:center;gap:6px;min-width:0}
.pp-application-amount input{flex:1;width:0}
.pp-application-amount>span{font-weight:500;font-size:16px;color:#090909}
.pp-application-city{background:#f5f5f5 url('/local/assets/application-flow-v1/chevron.svg') no-repeat right 16px center/16px 16px}
.pp-application-city input{padding-right:26px}
.pp-application-city input::-webkit-calendar-picker-indicator{opacity:0;cursor:pointer}
.pp-application-actions{padding-top:40px;display:flex;flex-direction:column;gap:24px}
.pp-application-primary,.pp-application-secondary{display:flex;align-items:center;justify-content:center;min-height:56px;padding:14px 24px;border-radius:100px;font-size:16px;font-weight:500;text-align:center;text-decoration:none!important}
.pp-application .pp-application-primary{width:100%;background:var(--blue);color:#fff}
.pp-application .pp-application-primary:hover{background:#0041a5}
.pp-application .pp-application-secondary{background:#fff;color:var(--ink);border:2px solid #ebebeb}
.pp-application-note{color:#737373;font-size:16px;line-height:24px;text-align:center}
.pp-application-error{color:#b73c58;font-size:14px;line-height:20px;padding-top:16px}
.pp-application-modal{position:fixed;inset:0;box-sizing:border-box;width:540px;max-width:calc(100% - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:32px;border:0;border-radius:24px;background:#fff;color:var(--ink);font:inherit;overflow:auto;box-shadow:0 8px 48px #00000014;overscroll-behavior:contain}
.pp-application-modal::backdrop{background:#14141433;backdrop-filter:blur(5px)}
.pp-application-modal-close{position:absolute;top:32px;right:32px}
.pp-application-modal h2{padding-right:40px}
.pp-application-otp-caption{color:var(--muted);font-size:18px;line-height:26px;margin-top:12px!important}
.pp-application-code{position:relative;height:100px;margin-top:40px}
.pp-application-code-boxes{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;height:100%;pointer-events:none}
.pp-application-code-boxes span{display:grid;place-items:center;border:1.5px solid #cfd3d8;border-radius:16px;font-size:32px;color:var(--ink);background:#fff}
.pp-application-code-boxes span:empty::before{content:'0';color:#cfd3d8}
.pp-application-code:focus-within .pp-application-code-boxes span[data-current]{border:2px solid var(--blue)}
.pp-application-code[aria-invalid=true] .pp-application-code-boxes span,.pp-application-code[aria-invalid=true]:focus-within .pp-application-code-boxes span{border-color:#b73c58}
.pp-application-code input{position:absolute;inset:0;opacity:.015;width:100%;height:100%;font-size:24px;caret-color:transparent;cursor:text;z-index:1}
.pp-application-modal .pp-application-error{text-align:center}
.pp-application-resend{margin:24px auto 0;display:block;background:transparent;color:var(--muted)!important;font-size:16px!important;padding:12px 24px;min-height:44px;border-radius:100px;line-height:24px}
.pp-application button.pp-application-resend:disabled{opacity:1}
.pp-application .pp-application-resend.is-ready{border:2px solid #ebebeb;color:var(--ink)!important;min-height:56px}
.pp-application-modal.is-success{width:736px;padding:24px 32px 36px}
.pp-application-success{text-align:center}
.pp-application-success img{display:block;width:280px;height:280px;max-width:100%;object-fit:contain;margin:0 auto -16px}
.pp-application-success h2{font-size:32px;line-height:40px;padding:0}
.pp-application .pp-application-success h2:focus{outline:none}
.pp-application-success>p{color:var(--muted);font-size:16px;line-height:24px;margin:20px auto 24px}
.pp-application-success .pp-application-secondary{margin:auto}
.pp-application-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.pp-application-confirm:focus-visible{position:static;width:auto;height:auto;margin:16px auto 0;clip:auto;display:block;padding:8px 24px;background:#fff;border:1px solid var(--blue);border-radius:100px}
html:has(.pp-application[open]){overflow:hidden;scrollbar-gutter:stable}
@media(max-width:600px){
 .pp-application-header{min-height:76px;padding:max(20px,env(safe-area-inset-top)) 20px 16px}
 .pp-application-body{padding:20px 0 max(32px,env(safe-area-inset-bottom))}
 .pp-application-body h2{font-size:26px;line-height:34px}
 .pp-application-field>span:first-child{font-size:14px}
 .pp-application-row{gap:12px}
 .pp-application-note{font-size:14px;line-height:22px}
 .pp-application-modal{padding:24px;max-height:calc(100dvh - 24px)}
 .pp-application-modal-close{top:20px;right:20px}
 .pp-application-modal h2{font-size:24px;line-height:30px}
 .pp-application-otp-caption{font-size:16px;line-height:24px}
 .pp-application-code{height:64px;margin-top:28px}
 .pp-application-code-boxes{gap:6px}
 .pp-application-code-boxes span{border-radius:12px;font-size:24px}
 .pp-application-resend{padding:10px 12px;font-size:14px!important}
 .pp-application-modal.is-success{padding:24px 24px 32px}
 .pp-application-success img{width:240px;height:240px;margin:-4px auto -12px}
 .pp-application-success h2{padding:0;font-size:28px;line-height:36px}
}