.rider-home{position:absolute;inset:0;z-index:1100;overflow:auto;padding:28px max(24px,calc((100% - 980px)/2)) 100px;background:#fff}.rider-home-header{display:flex;align-items:center;justify-content:space-between}.rider-home-header small{color:#07946a;font-size:9px;font-weight:800;letter-spacing:.1em}.rider-home-header h1{margin:4px 0 20px;font:800 30px Manrope}.rider-home-header>button{width:44px;height:44px;border:0;border-radius:50%;background:#101827;color:#fff;font-weight:800}.where-to{width:100%;display:grid;grid-template-columns:35px 1fr auto;align-items:center;padding:15px;border:0;border-radius:15px;background:#f0f2f3;text-align:left}.where-to span{font-size:22px}.where-to b{font:800 17px Manrope}.where-to small{padding:7px 9px;border-radius:10px;background:#fff;font-weight:700}.quick-places{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0 28px}.quick-places button{display:grid;grid-template-columns:40px 1fr auto;align-items:center;text-align:left;padding:12px;border:1px solid #e8ebec;border-radius:13px;background:#fff}.quick-places i{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#eef2f1;font-style:normal}.quick-places span{display:grid}.quick-places b{font-size:12px}.quick-places small{font-size:9px;color:#7e8790}.quick-places em{font-style:normal}.home-section-title{display:flex;align-items:center;justify-content:space-between;margin:18px 0 10px}.home-section-title h2{margin:0;font:800 20px Manrope}.home-section-title button{border:0;background:none;font-weight:700}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.service-grid button{display:grid;gap:8px;padding:14px 8px;border:0;border-radius:13px;background:#f1f3f3}.service-grid i{font-size:32px;font-style:normal}.service-grid b{font-size:11px}.safety-card{display:grid;grid-template-columns:1fr 110px;overflow:hidden;padding:20px;border-radius:18px;background:#10243b;color:#fff}.safety-card small{color:#22c995;font-size:8px;font-weight:800}.safety-card h3{margin:6px 0;font:800 19px Manrope}.safety-card p{margin:0 0 14px;color:#bec8d1;font-size:11px}.safety-card button{padding:9px 12px;border:0;border-radius:9px;background:#20bc89;color:#fff;font-weight:800}.safety-card>span{align-self:center;justify-self:center;width:72px;height:72px;display:grid;place-items:center;border:3px solid #22c995;border-radius:50%;color:#22c995;font-size:34px}.city-pills{display:flex;gap:8px}.city-pills button{padding:9px 13px;border:1px solid #e0e5e4;border-radius:18px;background:#fff;font-weight:700}.rider-bottom-nav{position:fixed;z-index:1450;left:0;right:0;bottom:0;display:none;grid-template-columns:repeat(4,1fr);padding:7px 10px max(7px,env(safe-area-inset-bottom));border-top:1px solid #e8ebec;background:#fff}.rider-bottom-nav button{display:grid;place-items:center;gap:2px;border:0;background:#fff;color:#8a929a}.rider-bottom-nav i{font-size:20px;font-style:normal}.rider-bottom-nav span{font-size:9px;font-weight:700}.rider-bottom-nav button.active{color:#101827}.rider-account-backdrop{position:fixed;inset:0;z-index:3500;display:grid;place-items:end center;background:#10182773}.rider-account-backdrop>section{position:relative;width:min(100%,520px);padding:30px 20px max(25px,env(safe-area-inset-bottom));border-radius:25px 25px 0 0;background:#fff;text-align:center}.account-close{position:absolute;right:16px;top:16px;width:38px;height:38px;border:0;border-radius:50%;background:#f0f2f3;font-size:20px}.account-large-avatar{width:66px;height:66px;display:grid;place-items:center;margin:auto;border-radius:50%;background:#10243b;color:#fff;font:800 18px Manrope}.rider-account-backdrop h2{margin:10px 0 0;font:800 21px Manrope}.rider-account-backdrop>section>p{margin:2px 0 18px;color:#7e8790;font-size:11px}.rider-account-backdrop section>button:not(.account-close){width:100%;display:grid;grid-template-columns:28px 1fr auto;text-align:left;padding:14px 8px;border:0;border-top:1px solid #edf0f1;background:#fff;font-weight:800}.rider-account-backdrop section>button i{font-style:normal}.rider-account-backdrop .account-logout{color:#bd3030}
@media(max-width:800px){.rider-home{padding:22px 16px 95px}.rider-home-header h1{font-size:24px}.rider-bottom-nav{display:grid}.quick-places{grid-template-columns:1fr}.service-grid{gap:8px}.service-grid button{padding:12px 4px}.service-grid i{font-size:27px}.safety-card{grid-template-columns:1fr 80px;padding:17px}.safety-card>span{width:58px;height:58px}.role-bar:has(+.customer-portal:not(.hidden)){display:none}.customer-portal{height:100dvh!important}.booking-copy{padding-bottom:76px!important}}