.shopper-welcome-shell{min-height:100dvh;padding:24px 16px;background:linear-gradient(155deg,#edf3fd,#f8faff 55%,#f5f7fb);display:grid;place-items:center}.shopper-welcome{width:min(100%,480px);background:#fff;border:1px solid #d9e3f1;border-radius:28px;padding:28px;box-shadow:0 18px 56px #102a4c0b;min-width:0;color:#152338}.welcome-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.welcome-header .welcome-brand{font-size:24px;letter-spacing:-.6px;min-width:0}.welcome-brand .brand-mark{height:35px;width:35px;font-size:30px;border-radius:10px}.welcome-language,.welcome-skip,.welcome-signin,.welcome-back{font:600 14px/1.5 var(--ui-font,'DM Sans','Noto Sans Arabic',sans-serif);color:#174ea6;border:0;background:transparent;cursor:pointer}.welcome-language{min-height:44px;padding:8px}.welcome-topline{display:flex;justify-content:space-between;align-items:center;margin:22px 0 10px;gap:16px}.welcome-step-count{font-size:14px!important;color:#526176;margin:0}.welcome-skip{min-height:44px;padding:8px 0 8px 16px}.welcome-art{height:220px;position:relative;overflow:hidden;border-radius:24px;background:#edf3ff;display:grid;place-items:center;margin-bottom:28px;isolation:isolate}.welcome-art-2{background:#eff4f8}.welcome-art-3{background:#f2f4fb}.welcome-orbit{position:absolute;border:1px solid #ccd9ed;border-radius:50%;width:220px;height:220px;z-index:-1}.welcome-orbit-one{inset-inline-start:-70px;top:-85px}.welcome-orbit-two{inset-inline-end:-85px;bottom:-115px;width:280px;height:280px}.welcome-art-main{width:108px;height:108px;border-radius:30px;background:#174ea6;display:grid;place-items:center;color:#fff;box-shadow:0 15px 35px #174ea630;transform:rotate(-7deg)}.welcome-art-main>svg{width:55px;height:55px;stroke-width:1.5;transform:rotate(7deg)}.welcome-art-tag{position:absolute;display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #d6e0ed;border-radius:13px;padding:11px 12px;font-size:13px;font-weight:600;line-height:1.5;box-shadow:0 6px 20px #102a4c0c;max-width:75%;text-align:start}.welcome-art-tag svg{width:17px;height:17px;color:#174ea6;flex-shrink:0}.welcome-art-tag-first{inset-inline-start:18px;top:24px;transform:rotate(-3deg)}.welcome-art-tag-last{inset-inline-end:18px;bottom:22px;transform:rotate(3deg)}.welcome-art-dot{height:12px;width:12px;border:3px solid #b6c9ec;border-radius:50%;position:absolute;inset-inline-end:35px;top:45px}.welcome-content{min-height:170px}.welcome-eyebrow{font-size:12px!important;font-weight:700;letter-spacing:1.4px;color:#174ea6;margin:0 0 10px}.welcome-content h1{font-family:var(--ui-font,'DM Sans','Noto Sans Arabic',sans-serif)!important;font-size:28px!important;line-height:1.25!important;letter-spacing:-.5px;margin:0 0 14px;overflow-wrap:break-word}.welcome-content h1:focus{outline:0!important;box-shadow:none!important}.welcome-description{font-size:16px!important;line-height:1.7!important;color:#526176;margin:0}.welcome-note{display:flex;align-items:flex-start;gap:9px;padding:14px;border-radius:14px;background:#f5f7fb;color:#526176;font-size:14px!important;line-height:1.7!important;margin:18px 0 22px;min-height:75px}.welcome-note>svg{width:18px;height:18px;flex-shrink:0;margin-top:3px;color:#174ea6}.welcome-progress{padding:0;margin:0 0 20px;list-style:none;display:flex;justify-content:center;gap:7px}.welcome-progress>li{height:6px;width:7px;background:#d9e3f1;border-radius:10px;transition:width .16s ease,background .16s ease}.welcome-progress>li.current{width:28px;background:#174ea6}.welcome-progress>li.complete{background:#9db9e5}.welcome-actions{display:flex;align-items:stretch;gap:12px}.welcome-next{min-width:0;min-height:52px;flex:1;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid #174ea6;border-radius:14px;background:#174ea6;color:#fff;font:600 16px/1.5 var(--ui-font,'DM Sans','Noto Sans Arabic',sans-serif);padding:13px 20px;cursor:pointer}.welcome-next>svg{height:20px;width:20px}.welcome-back{border:1px solid #b8c9e4;border-radius:14px;min-width:85px;padding:12px 18px;color:#174ea6}.welcome-signin{display:block;width:100%;min-height:44px;margin-top:12px;padding:8px;white-space:normal}.welcome-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}html[dir=rtl] .welcome-content h1{letter-spacing:0;line-height:1.6!important}html[dir=rtl] .welcome-eyebrow{letter-spacing:0}html[dir=rtl] .welcome-description,html[dir=rtl] .welcome-note{line-height:1.9!important}html[dir=rtl] .welcome-next>svg{transform:scaleX(-1)}.welcome-language:focus-visible,.welcome-skip:focus-visible,.welcome-back:focus-visible,.welcome-next:focus-visible,.welcome-signin:focus-visible{outline:3px solid #102a4c!important;outline-offset:3px!important}.timing-correction-action{display:flex;align-items:center;gap:12px;width:100%;padding:14px;text-align:start;background:#fff;border:1px solid #d6e0ed;border-radius:15px;color:#174ea6;min-height:72px;cursor:pointer;margin:18px 0 0;box-shadow:none}.timing-correction-icon{width:36px;height:36px;background:#edf3ff;border-radius:11px;display:grid;place-items:center;flex-shrink:0}.timing-correction-icon svg{height:19px;width:19px}.timing-correction-copy{flex:1;min-width:0}.timing-correction-copy strong{display:block;font-size:14px;line-height:1.6;font-weight:600}.timing-correction-copy small{display:block;font-size:14px;line-height:1.65;color:#526176;margin-top:3px;white-space:normal}.timing-correction-arrow{display:flex;flex-shrink:0}.timing-correction-arrow svg{width:18px;height:18px}.timing-correction-action:hover{border-color:#8ca8d0;background:#fbfcff}.timing-correction-action:focus-visible{outline:3px solid #102a4c;outline-offset:3px}html[dir=rtl] .timing-correction-arrow svg{transform:scaleX(-1)}
@media(max-width:480px){.shopper-welcome-shell{padding:0;display:block;background:#fff}.shopper-welcome{max-width:480px;min-height:100dvh;margin:auto;border:0;border-radius:0;box-shadow:none;padding:22px 22px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column}.welcome-art{height:200px;flex-shrink:0;margin-bottom:24px}.welcome-content{min-height:0}.welcome-footer{margin-top:auto;padding-top:0}.welcome-note{margin-block:18px 22px}.welcome-topline{margin-top:14px}.welcome-content h1{font-size:28px!important}.welcome-art-tag{font-size:12px;padding:10px}.timing-correction-action{padding:13px 12px;gap:10px}.timing-correction-copy small{font-size:14px!important}.timing-correction-copy strong{font-size:14px}.timing-correction-icon{width:32px;height:32px}.timing-correction-arrow svg{width:16px;height:16px}}
@media(max-width:359px){.shopper-welcome{padding-inline:18px}.welcome-art{height:176px}.welcome-content h1{font-size:26px!important}.welcome-header .welcome-brand{font-size:22px}.welcome-art-tag-first{inset-inline-start:10px;top:18px}.welcome-art-tag-last{inset-inline-end:10px;bottom:18px}.welcome-description{font-size:16px!important}.welcome-back{min-width:70px;padding-inline:12px}.timing-correction-action{gap:8px}.timing-correction-copy strong{font-size:14px}.timing-correction-copy small{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){.welcome-progress>li{transition:none}}
@media(max-width:480px) and (max-height:800px){.welcome-art{height:150px;margin-bottom:20px}.shopper-welcome{padding-top:18px}.welcome-topline{margin-top:8px}.welcome-note{margin-block:16px 18px;padding:12px}.welcome-header .brand-mark{height:32px;width:32px}.welcome-progress{margin-bottom:16px}.welcome-content h1{font-size:26px!important}.welcome-art-main{height:88px;width:88px;border-radius:25px}.welcome-art-main>svg{height:46px;width:46px}}