body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden;overflow-y:scroll}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{transition-duration:.1s}:root{--color-primary:#222;--color-secondary:#ff7800}main{align-items:center;display:flex;flex-direction:column;justify-content:center;row-gap:20px;width:100vw}main .App{scrollbar-gutter:stable}@media (max-width:600px){.App .left .title{font-size:2em;font-weight:600}}.custom-tabs{align-items:center;background-color:#eee;border-radius:20px;-webkit-column-gap:10px;column-gap:10px;display:flex;justify-content:space-evenly;margin-top:20px;max-width:400px;width:inherit}.custom-tabs>*{background-color:inherit;border:5px solid transparent;border-radius:20px;cursor:pointer;flex:1 1;font-size:1.1em;font-weight:700;padding:10px;-webkit-user-select:none;user-select:none}.custom-tabs>[data-selected=true]{border-color:#ff7800}.custom-tabs>:hover[data-selected=false]{border-color:rgba(255,120,0,.18)}.DriversSection .riders{align-items:stretch;display:flex;flex-direction:column;list-style-type:none;max-width:inherit;padding:0;row-gap:20px;width:inherit}.rider-card{align-items:center;border:1px solid #999;border-radius:5px;display:flex;flex-direction:column;justify-content:center;max-width:1200px;padding:0 20px}.rider-card .row-1,.rider-card .row-2{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding:10px 0;width:100%}.rider-card .row-1{border-bottom:1px solid #ccc}.rider-card .row-1 .left .name{font-weight:500}.rider-card .row-1 .right .status{border-radius:5px;font-weight:500;padding:5px;-webkit-user-select:none;user-select:none}.rider-card[data-status=pending] .row-1 .right .status{background-color:rgba(255,0,0,.8);color:#fff}.rider-card[data-status=enroute] .row-1 .right .status{background-color:rgba(255,166,0,.96);color:#fff}.rider-card[data-status=pickedup] .row-1 .right .status{background-color:#00b5ff;color:#fff}.rider-card[data-status=droppedoff] .row-1 .right .status{background-color:rgba(0,128,0,.5);color:#fff}.rider-card[data-status=droppedoff]{background-color:hsla(0,0%,86%,.5);text-decoration:line-through}.rider-card .row-2{align-items:center}.rider-card .row-2 select{border:1px solid #ccc;border-radius:0;border-radius:5px;margin:10px 0;padding:10px;width:100%}.PageSection{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:600px;width:100vw}.PageSection .section-header{font-size:1.8em}.PageSection .section-sub-header{color:gray;margin-top:8px;text-align:center}@media (max-width:480px){.PageSection{font-size:.8em}}.RiderSection .request-ride-form{align-items:center;display:flex;flex-direction:column;max-width:inherit;row-gap:20px}.RiderSection .request-ride-form .input-container{align-items:stretch;display:flex;flex-direction:column;max-width:inherit;row-gap:5px}.RiderSection .request-ride-form .input-container input[type=text]{height:2em;max-width:inherit;width:100vw}.RiderSection .request-ride-form input[type=submit]{background-color:var(--color-secondary);border:none;border-radius:20px;box-shadow:0 0 10px #f3f4f6;color:#fff;cursor:pointer;font-weight:900;padding:10px 20px;transition-duration:.25s}.RiderSection .request-ride-form input[type=submit]:hover{box-shadow:0 0 20px #f3f4f6;-webkit-transform:scale(1.1);transform:scale(1.1)}.RiderSection .request-ride-form input[type=submit]:active{box-shadow:0 0 20px #f3f4f6;-webkit-transform:scale(1.2);transform:scale(1.2)}.RiderRequestedSection .riders{align-items:stretch;display:flex;flex-direction:column;list-style-type:none;max-width:inherit;padding:0;row-gap:20px;width:inherit}.RiderRequestedSection .riders .rider-card .row-2 .right button{background-color:#f0f0f0;border:1px solid #d3d3d3;border-radius:5px;color:#000;cursor:pointer;font-size:14px;font-weight:500;padding:5px 10px}.RiderRequestedSection .riders .rider-card .row-2 .right button:hover{background-color:#e6e6e6}.header{align-items:center;background-color:#222;box-sizing:border-box;color:#fff;display:flex;justify-content:space-between;padding:40px 20px 20px}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}.header .left{display:flex;flex-direction:column}.header .left .title{font-size:4em;font-weight:600}.header .left .subtitle{margin-top:10px}.header .right button{background-color:#fff;border-radius:50%;cursor:pointer;font-size:1em;height:2.5em;line-height:0;overflow:clip;position:relative;text-align:center;width:2.5em}.header .right button:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.header .right button:hover:active{-webkit-transform:scale(1.15);transform:scale(1.15)}.header .right button img{left:0;object-fit:cover;position:absolute;top:0;width:100%}@media (max-width:600px){.header .left .title{font-size:2em;font-weight:600}}
/*# sourceMappingURL=main.855aa74a.css.map*/