.ride-map{isolation:isolate;color:#f0f3ed;width:100%;height:680px;position:relative;overflow:visible}.ride-map__composition{height:100%;position:relative}.ride-map__ambient{filter:blur(20px);pointer-events:none;z-index:-1;background:radial-gradient(#aed53c14,#0000 67%);border-radius:50%;position:absolute;inset:12% -10% 10%}.ride-map__orbit{pointer-events:none;z-index:-1;border:1px solid #b4cd6a0d;border-radius:50%;width:440px;height:440px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ride-map__orbit--two{border-style:dashed;border-color:#b4cd6a09;width:570px;height:570px}.ride-map__phone{background:linear-gradient(145deg,#697570,#2d3732 24%,#68736b 51%,#17221c 85%);border-radius:44px;width:300px;height:616px;padding:7px;position:absolute;top:33px;left:42%;transform:translate(-50%)perspective(1600px)rotateY(-17deg)rotateX(5deg)scale(.97);box-shadow:0 0 0 1px #1c2922,0 0 0 3px #060e0a,13px 24px 34px #0006,0 45px 65px #0006,inset 0 0 0 1px #8b9384}.ride-map__screen{background:#11231d;border-radius:37px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 0 0 1px #06110d}.ride-map__side-button{background:linear-gradient(90deg,#15231b,#657467);border-radius:2px 0 0 2px;width:3px;height:31px;position:absolute;top:110px;left:-3px;box-shadow:0 44px #384b3d}.ride-map__side-button:after{content:"";background:linear-gradient(90deg,#657467,#15231b);border-radius:0 2px 2px 0;width:3px;height:55px;position:absolute;top:36px;left:302px}.ride-map__canvas,.ride-map__phone-ui{position:absolute;inset:0}.ride-map__svg{width:100%;height:100%;display:block}.ride-map__places{font-family:inherit;font-weight:500}.ride-map__rider{will-change:transform}.ride-map__rider text{font-family:inherit}.ride-map__phone-ui{pointer-events:none;background:linear-gradient(#0a1918a6,#0000 30% 65%,#081715a8)}.ride-map__statusbar{color:#e1e8df;justify-content:space-between;align-items:center;font-size:8px;line-height:1;display:flex;position:absolute;top:11px;left:21px;right:18px}.ride-map__statusbar strong{font-weight:650}.ride-map__statusbar>span{align-items:center;gap:3px;display:flex}.ride-map__statusbar i{background:linear-gradient(90deg,#d0dfcf 80%,#0000 80%);border:1px solid #d0dfcf;border-radius:2px;width:15px;height:7px;display:block;position:relative}.ride-map__statusbar i:after{content:"";background:#d0dfcf;width:1px;height:3px;position:absolute;top:1px;right:-3px}.ride-map__island{background:#030a07;border-radius:30px;width:77px;height:19px;position:absolute;top:7px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 2px #030504}.ride-map__island:after{content:"";background:#0b1417;border:1px solid #1b2523;border-radius:50%;width:6px;height:6px;position:absolute;top:6px;right:8px}.ride-map__app-brand{align-items:center;gap:8px;display:flex;position:absolute;top:44px;left:15px;right:15px}.ride-map__app-brand img{border-radius:9px}.ride-map__app-brand strong{letter-spacing:-1px;font-size:24px;font-weight:800;line-height:1}.ride-map__app-brand>svg{color:#b9c7bc;margin-left:auto}.ride-map__search{color:#b2c1b4;background:#0b1a18ed;border:1px solid #52644c70;border-radius:30px;align-items:center;gap:9px;padding:8px 8px 8px 12px;display:flex;position:absolute;top:92px;left:13px;right:13px;box-shadow:0 5px 14px #0002}.ride-map__search>span{letter-spacing:.1px;flex:1;font-size:9px}.ride-map__search>i{color:#172407;background:#caff28;border-radius:50%;place-items:center;width:27px;height:27px;font-style:normal;display:grid}.ride-map__audience{color:#b0c0b1;background:#0c1c19ee;border:1px solid #495f4b70;border-radius:24px;justify-content:space-between;align-items:center;gap:4px;padding:4px;font-size:7px;font-weight:650;line-height:1;display:flex;position:absolute;top:149px;left:13px;right:13px}.ride-map__audience>span{align-items:center;gap:4px;padding:8px;display:flex}.ride-map__audience>span:first-child{color:#182507;background:#caff28;border-radius:20px;padding:8px 9px}.ride-map__audience>span:last-child{padding-right:10px}.ride-map__position{color:#d3e3cb;background:#10251ee8;border:1px solid #516b5280;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:155px;right:16px}.ride-map__position svg{display:block;transform:rotate(-45deg)}.ride-map__journey{background:#10221cef;border:1px solid #697e486b;border-radius:14px;align-items:center;gap:9px;padding:12px 10px;display:flex;position:absolute;bottom:94px;left:13px;right:13px;box-shadow:0 6px 20px #0003}.ride-map__journey>span{color:#caff28;background:#caff2814;border-radius:8px;place-items:center;width:29px;height:31px;display:grid}.ride-map__journey small{letter-spacing:.8px;color:#a4ba8a;margin-bottom:5px;font-size:5px;font-weight:700;display:block}.ride-map__journey strong{letter-spacing:-.1px;font-size:10px;font-weight:650;display:block}.ride-map__journey>svg{color:#caff28;margin-left:auto}.ride-map__app-nav{color:#b7c4b5;background:#0b1916f5;border:1px solid #65765a70;border-radius:22px;justify-content:space-around;align-items:center;height:65px;padding:8px 4px;display:flex;position:absolute;bottom:16px;left:9px;right:9px;box-shadow:0 5px 20px #0003}.ride-map__app-nav>span{flex-direction:column;align-items:center;gap:7px;font-size:7px;line-height:1;display:flex}.ride-map__app-nav>span.ride-map__app-nav-active{color:#142108;background:#caff28;border-radius:50%;justify-content:center;gap:3px;width:51px;height:51px;margin-top:-24px;font-size:8px;font-weight:750;box-shadow:0 0 0 4px #0c1c14,0 0 0 5px #566e2c}.ride-map__homebar{background:#d5dfd0;border-radius:3px;width:83px;height:3px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.ride-map__notification{--card-angle:-6deg;--enter-x:-25px;--enter-y:12px;z-index:3;color:#1c2c23;pointer-events:none;opacity:0;visibility:hidden;width:230px;transform:translate(var(--enter-x),var(--enter-y)) rotate(var(--card-angle)) scale(.82);transform-origin:50%;background:#f2f3ee;border:1px solid #b8c8a5;border-radius:16px;align-items:flex-start;gap:10px;padding:14px 13px;transition:opacity .3s,transform .4s cubic-bezier(.22,1,.36,1),visibility 0s linear .4s;display:flex;position:absolute;box-shadow:0 15px 38px #0004}.ride-map__notification[data-active=true]{opacity:1;visibility:visible;transform:translate(0,0) rotate(var(--card-angle)) scale(1);transition:opacity .3s,transform .55s cubic-bezier(.16,1.25,.35,1),visibility}.ride-map__notification--top-left{--card-angle:-7deg;--enter-x:30px;--enter-y:24px;top:28px;left:-14px}.ride-map__notification--top-right{--card-angle:6deg;--enter-x:-30px;--enter-y:20px;top:68px;right:0}.ride-map__notification--mid-right{--card-angle:-4deg;--enter-x:-35px;--enter-y:5px;top:245px;right:-10px}.ride-map__notification--mid-left{--card-angle:5deg;--enter-x:35px;--enter-y:0px;top:265px;left:-10px}.ride-map__notification--lower-right{--card-angle:4deg;--enter-x:-30px;--enter-y:-18px;top:437px;right:0}.ride-map__notification--lower-left{--card-angle:-5deg;--enter-x:30px;--enter-y:-20px;top:475px;left:0}.ride-map__notification-copy{flex:1;min-width:0;padding-top:1px}.ride-map__notification-copy small{letter-spacing:.6px;color:#63775c;margin-bottom:5px;padding-right:28px;font-size:7px;font-weight:700;line-height:1.3;display:block}.ride-map__notification-copy strong{letter-spacing:-.25px;font-size:12px;font-weight:750;line-height:1.3;display:block}.ride-map__notification-copy p{color:#5a695e;margin:5px 0 0;font-size:10px;line-height:1.45}.ride-map__notification-time{color:#788174;font-size:6px;line-height:1.3;position:absolute;top:12px;right:12px}.ride-map__notification-icon{color:#263c12;background:#caff28;border-radius:9px;flex-shrink:0;place-items:center;width:31px;height:33px;display:grid;box-shadow:inset 0 0 0 1px #72964030}.ride-map__notification-icon svg{width:18px;height:18px}.ride-map__notification--top-right .ride-map__notification-icon{background:#dce8c9}.ride-map__notification--mid-right .ride-map__notification-icon{color:#2d5b53;background:#d8e9e6}.ride-map__notification--mid-left .ride-map__notification-icon{color:#6c5130;background:#e9dfce}.ride-map__notification--lower-right .ride-map__notification-icon{color:#654e79;background:#e6def0}.ride-map__notification--lower-left .ride-map__notification-icon{color:#65622e;background:#e8e4c7}@media (min-width:701px) and (max-width:1100px){.ride-map{height:650px}.ride-map__phone{transform-origin:top;top:34px;left:45%;transform:translate(-50%)perspective(1600px)rotateY(-17deg)rotateX(5deg)scale(.92)}.ride-map__notification{gap:8px;width:190px;padding:12px 11px}.ride-map__notification--top-left{top:34px;left:-10px}.ride-map__notification--top-right{top:90px;right:-10px}.ride-map__notification--mid-right{top:265px;right:-10px}.ride-map__notification--mid-left{top:290px;left:-10px}.ride-map__notification--lower-right{top:450px;right:-8px}.ride-map__notification--lower-left{top:475px;left:-8px}.ride-map__notification-copy small{letter-spacing:.3px;padding-right:25px;font-size:6px}.ride-map__notification-copy strong{font-size:10px}.ride-map__notification-copy p{font-size:8px}.ride-map__notification-time{font-size:5px;top:11px;right:10px}.ride-map__notification-icon{width:27px;height:29px}.ride-map__notification-icon svg{width:16px;height:16px}}@media (min-width:701px) and (max-width:820px){.ride-map{height:620px}.ride-map__phone{left:48%;transform:translate(-50%)perspective(1600px)rotateY(-17deg)rotateX(5deg)scale(.86)}.ride-map__notification{gap:7px;width:174px;padding:11px 10px}.ride-map__notification-copy strong{font-size:9px}.ride-map__notification-copy p{font-size:7.5px}.ride-map__notification--lower-left{top:455px}.ride-map__notification--lower-right{top:425px}}@media (max-width:700px){.ride-map{max-width:460px;height:650px;margin:0 auto}.ride-map__phone{transform-origin:top;top:41px;left:50%;transform:translate(-50%)perspective(1600px)rotateY(-17deg)rotateX(5deg)scale(.92)}.ride-map__orbit--one{width:310px;height:440px}.ride-map__orbit--two{width:340px;height:530px}.ride-map__notification{border-radius:13px;gap:8px;width:190px;padding:12px 11px}.ride-map__notification--top-left{top:25px;left:-6px}.ride-map__notification--top-right{top:103px;right:-6px}.ride-map__notification--mid-right{top:260px;right:-6px}.ride-map__notification--mid-left{top:295px;left:-6px}.ride-map__notification--lower-right{top:435px;right:-6px}.ride-map__notification--lower-left{top:500px;left:-6px}.ride-map__notification-copy small{letter-spacing:.3px;padding-right:24px;font-size:6px}.ride-map__notification-copy strong{font-size:10px}.ride-map__notification-copy p{font-size:8px}.ride-map__notification-time{font-size:5px;top:11px;right:10px}.ride-map__notification-icon{width:27px;height:29px}.ride-map__notification-icon svg{width:16px;height:16px}}@media (max-width:370px){.ride-map{height:615px}.ride-map__phone{transform:translate(-50%)perspective(1600px)rotateY(-17deg)rotateX(5deg)scale(.86)}.ride-map__notification{gap:7px;width:174px;padding:10px}.ride-map__notification-copy strong{font-size:9px}.ride-map__notification-copy p{font-size:7.5px}.ride-map__notification--top-right{top:95px}.ride-map__notification--lower-right{top:412px}.ride-map__notification--lower-left{top:463px}.ride-map__orbit--one{width:275px}.ride-map__orbit--two{width:295px}}@media (prefers-reduced-motion:reduce){.ride-map__notification{transition:none;display:none}}