.demo-request-root{inset-inline:0;top:var(--demo-viewport-top,0px);height:var(--demo-viewport-height,100dvh);z-index:2000;isolation:isolate;color:#242235;text-align:right;overscroll-behavior:contain;direction:rtl;justify-content:center;align-items:flex-end;font-family:Vazirmatn,Arial,sans-serif;display:flex;position:fixed}.demo-request-root *{box-sizing:border-box}.demo-request-backdrop{z-index:-1;-webkit-backdrop-filter:blur(15px)saturate(.8);backdrop-filter:blur(15px)saturate(.8);pointer-events:none;background:#0a081c91;animation:.3s both demo-request-backdrop-in;position:absolute;inset:0}.demo-request-sheet{width:min(100%,720px);min-width:0;max-height:calc(var(--demo-viewport-height,100dvh) - max(16px,env(safe-area-inset-top)));background:#f8f7fb;border:1px solid #ffffff4d;border-bottom:0;border-radius:28px 28px 0 0;outline:0;flex-direction:column;margin:0;padding:0;animation:.48s cubic-bezier(.22,1,.36,1) both demo-request-sheet-in;display:flex;position:relative;overflow:hidden;box-shadow:0 -12px 80px #08051c40,0 0 0 1px #110b2714}.demo-request-hero{isolation:isolate;color:#fff;background:radial-gradient(at 15% 20%,#b394e9,#0000 60%),linear-gradient(125deg,#34244f,#27173f 65%,#503051);flex-shrink:0;height:180px;min-height:180px;position:relative;overflow:hidden}.demo-request-hero:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#10092012 0%,#110a2999 35%,#100820eb 100%);position:absolute;inset:0}.demo-request-hero-image{z-index:-2;object-fit:cover;object-position:center 47%;-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.demo-request-handle{pointer-events:none;background:#fff8;border-radius:4px;width:42px;height:4px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.demo-request-close{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#10092280;border:1px solid #ffffff50;border-radius:50%;place-items:center;width:42px;height:42px;transition:background .2s,border-color .2s;display:grid;position:absolute;top:18px;left:17px}.demo-request-close:hover{background:#100922cf;border-color:#ffffff80}.demo-request-hero-copy{position:absolute;inset:auto 30px 23px 72px}.demo-request-kicker{letter-spacing:1.6px;color:#eee3fc;text-align:right;margin-bottom:7px;font:500 9px/1.8 Arial,sans-serif;display:block}.demo-request-hero h2{letter-spacing:-.6px;color:#fff;margin:0;font-family:OrbitEstedad,Vazirmatn,sans-serif;font-size:25px;font-weight:500;line-height:1.8}.demo-request-root .demo-request-hero-copy>p{color:#e8e0f3;margin-top:5px;font-size:11px;line-height:2}.demo-request-root :is(button,input,textarea){font:inherit}.demo-request-root :is(button,input,textarea):focus-visible{outline-offset:3px;outline:2px solid #7a4eb6}.demo-request-root .demo-request-close:focus-visible{outline-offset:4px;outline-color:#fff}.demo-request-root p{margin:0}.demo-request-form{flex-direction:column;flex:1;min-height:0;margin:0;display:flex;overflow:hidden}.demo-request-scroll{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#bcb2cb transparent;flex:1;min-height:0;padding:24px 30px 26px;scroll-padding-block:22px;overflow-y:auto}.demo-request-root .demo-request-intro{color:#63586f;border-bottom:1px solid #ded8e7;align-items:flex-start;gap:12px;margin-bottom:22px;padding-bottom:20px;font-size:12px;line-height:2.15;display:flex}.demo-request-intro>svg{color:#7750ac;flex-shrink:0;margin-top:4px}.demo-request-fields{border:0;gap:18px;min-width:0;margin:0;padding:0;display:grid}.demo-request-grid{grid-template-columns:1fr 1fr;gap:18px 20px;min-width:0;display:grid}.demo-request-fields label{color:#45384f;min-width:0;font-size:12px;font-weight:500;line-height:2;display:block;position:relative}.demo-request-fields label>span[aria-hidden]{color:#8d3973}.demo-request-optional{color:#73627f;margin-right:9px;font-size:10px;font-weight:400}.demo-request-fields :is(input,textarea){color:#292136;background:#fff;border:1px solid #d8d0e2;border-radius:10px;width:100%;min-width:0;margin-top:7px;padding:11px 12px;font-size:13px;line-height:1.9;transition:border-color .2s,box-shadow .2s;display:block;box-shadow:0 1px 2px #33204403}.demo-request-fields input{min-height:46px}.demo-request-fields textarea{resize:vertical;min-height:93px;max-height:220px}.demo-request-fields :is(input,textarea)::placeholder{color:#796b84;opacity:1;font-size:12px}.demo-request-fields :is(input,textarea):focus{outline-offset:0;border-color:#9572bf;outline:2px solid #b58bd62b;box-shadow:0 0 0 3px #a27aca12}.demo-request-fields small{color:#776b83;margin-top:5px;font-size:10px;font-weight:400;line-height:1.9;display:block}.demo-request-fields:disabled{opacity:.65}.demo-request-footer{padding:15px 30px max(18px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #e4deed;flex-shrink:0;box-shadow:0 -8px 24px #26123904}.demo-request-root .demo-request-privacy{color:#695b75;align-items:flex-start;gap:9px;margin-bottom:12px;font-size:10px;line-height:1.95;display:flex}.demo-request-privacy>svg{color:#76558e;flex-shrink:0;margin-top:2px}.demo-request-submit{color:#fff;cursor:pointer;background:#7043b5;border:1px solid #7043b5;border-radius:11px;justify-content:center;align-items:center;gap:15px;width:100%;min-height:49px;padding:12px 18px;font-size:13px;font-weight:500;line-height:1.9;transition:background .2s;display:flex}.demo-request-submit:hover:not(:disabled){background:#6035a4}.demo-request-submit:disabled{cursor:wait;opacity:.7}.demo-request-root .demo-request-error{color:#8c294c;background:#faedf2;border:1px solid #e7bdc9;border-radius:9px;margin-bottom:12px;padding:9px 12px;font-size:11px;line-height:1.95}.demo-request-trap,.demo-request-sr-only{clip-path:inset(50%);pointer-events:none;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;position:absolute!important;overflow:hidden!important}.demo-request-success{text-align:center;padding:28px 30px max(28px,env(safe-area-inset-bottom))}.demo-request-success-icon{color:#3a785c;background:#e8f3ed;border:1px solid #b9d5c8;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 16px;display:grid}.demo-request-success h3{color:#30243d;margin:0 0 12px;font-family:OrbitEstedad,Vazirmatn,sans-serif;font-size:24px;font-weight:500;line-height:1.9}.demo-request-root .demo-request-success>p{color:#67586f;max-width:430px;margin-inline:auto;font-size:12px;line-height:2.2}.demo-request-success>div{color:#66556f;background:#f0edf5;border:1px solid #e2dce8;border-radius:11px;flex-direction:column;align-items:center;gap:8px;margin-block:21px;padding:17px;font-size:11px;line-height:1.9;display:flex}.demo-request-success>div b{letter-spacing:.5px;color:#463253;font-size:16px;font-weight:500}.demo-request-root .demo-request-success>p.demo-request-success-note{color:#75617e;margin-bottom:22px;font-size:10px;line-height:2.2}.demo-request-spinner{animation:1s linear infinite demo-request-spin}@keyframes demo-request-spin{to{transform:rotate(360deg)}}@keyframes demo-request-sheet-in{0%{transform:translateY(102%)}to{transform:translateY(0)}}@keyframes demo-request-backdrop-in{0%{opacity:0}to{opacity:1}}@media (max-width:580px){.demo-request-sheet{max-height:calc(var(--demo-viewport-height,100dvh) - max(12px,env(safe-area-inset-top)));border-radius:23px 23px 0 0}.demo-request-hero{height:140px;min-height:140px}.demo-request-close{width:40px;height:40px;top:16px;left:14px}.demo-request-hero-copy{inset:auto 22px 17px 59px}.demo-request-kicker{letter-spacing:1.3px;margin-bottom:5px;font-size:8px}.demo-request-hero h2{letter-spacing:-.4px;font-size:20px;line-height:1.85}.demo-request-root .demo-request-hero-copy>p{margin-top:4px;font-size:10px;line-height:1.9}.demo-request-scroll{padding:20px 21px 23px}.demo-request-root .demo-request-intro{gap:10px;margin-bottom:19px;padding-bottom:17px;font-size:11px}.demo-request-grid{grid-template-columns:1fr;gap:17px}.demo-request-fields{gap:17px}.demo-request-fields input{min-height:46px}.demo-request-fields :is(input,textarea){padding:10px 11px;font-size:16px}.demo-request-fields :is(input,textarea)::placeholder{font-size:12px}.demo-request-fields label{font-size:11px}.demo-request-optional,.demo-request-fields small{font-size:9px}.demo-request-footer{padding:13px 21px max(16px,env(safe-area-inset-bottom))}.demo-request-root .demo-request-privacy{margin-bottom:11px;font-size:9px;line-height:1.9}.demo-request-success{padding:23px 21px max(23px,env(safe-area-inset-bottom))}.demo-request-success h3{font-size:22px}.demo-request-root .demo-request-success>p{font-size:11px}.demo-request-root .demo-request-success>p.demo-request-success-note{font-size:9px}}.demo-request-root[data-viewport-size=compact] .demo-request-hero{height:112px;min-height:112px}.demo-request-root[data-viewport-size=compact] .demo-request-hero-copy{bottom:15px}.demo-request-root[data-viewport-size=compact] .demo-request-hero-copy>p{display:none}.demo-request-root[data-viewport-size=compact] .demo-request-scroll{padding-block:15px}.demo-request-root[data-viewport-size=compact] .demo-request-footer{padding-top:10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.demo-request-root[data-viewport-size=compact] .demo-request-privacy{margin-bottom:8px}.demo-request-root[data-viewport-size=short] .demo-request-hero{height:90px;min-height:90px}.demo-request-root[data-viewport-size=short] .demo-request-hero-copy{bottom:16px}.demo-request-root[data-viewport-size=short] :is(.demo-request-kicker,.demo-request-hero-copy>p,.demo-request-intro,.demo-request-privacy){display:none}.demo-request-root[data-viewport-size=short] .demo-request-scroll{padding-block:12px}.demo-request-root[data-viewport-size=short] .demo-request-footer{padding-top:10px;padding-bottom:max(10px,env(safe-area-inset-bottom))}.demo-request-root[data-viewport-size=short] .demo-request-submit{min-height:44px;padding-block:9px}@media (prefers-reduced-motion:reduce){.demo-request-sheet,.demo-request-backdrop,.demo-request-spinner{animation:none}.demo-request-root *{scroll-behavior:auto!important;transition:none!important}}
