@font-face{font-family:Darb;src:url('/assets/arabic.ttf') format('truetype');font-weight:100 900;font-display:swap}*{box-sizing:border-box}html,body{margin:0;height:100%;font-family:Darb,Tahoma,Arial,sans-serif;color:#202321;background:#fafaf7}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #af7900;outline-offset:3px}button:disabled{cursor:wait;opacity:.55}h1,h2,h3,p{margin:0}svg.icon{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.topbar{height:82px;padding:0 32px;display:flex;align-items:center;gap:23px;border-bottom:1px solid #e9e9e2;background:#fff;position:relative;z-index:1100}.brand{display:flex;align-items:center;gap:10px;line-height:1}.brand>span{font-size:37px;font-weight:900;letter-spacing:-2px}.brand small{display:block;letter-spacing:4px;font-size:9px;line-height:1.8;text-align:center}.brand-divider{height:28px;border-right:1px solid #e2e4dc}.tagline{font-size:14px;font-weight:600;color:#666b63}.topbar nav{display:flex;gap:9px;position:absolute;left:50%;transform:translateX(-50%)}.nav-btn{padding:9px 19px;border-radius:11px;font-size:13px;font-weight:700}.nav-btn.active{background:#f3f4ef}.nav-btn:hover{background:#fff6c4}.powered{margin-right:auto;text-align:left;line-height:1.6}.powered>span{display:block;font-size:10px;color:#73776e}.powered b{font-family:Arial,sans-serif;font-size:15px}.powered b span{color:#a48b00;margin-right:6px}.workspace{height:calc(100dvh - 82px);display:flex}.sidebar{flex:0 0 368px;width:368px;display:flex;flex-direction:column;background:#fff;z-index:1001;border-left:1px solid #e8e9e1}.sidebar-head{padding:28px 26px 17px}.eyebrow{display:block;color:#76796f;font-size:11px;font-weight:600;margin-bottom:8px}.sidebar h1{font-size:31px;font-weight:850;letter-spacing:-1px;margin-bottom:21px;line-height:1.4}.sidebar h1 span{color:#a78100}.search-box{display:flex;align-items:center;gap:8px;background:#f6f6f1;border:1px solid #e7e8e0;border-radius:15px;padding:7px 10px 7px 7px}.search-box>span{color:#7c8075}.search-box input{width:100%;min-width:0;border:0;background:none;font-size:13px;padding:7px 0;outline:none}.search-box:focus-within{border-color:#bea100;box-shadow:0 0 0 3px #ffcf0022}.search-box button{display:grid;place-items:center;background:#ffcf00;border-radius:10px;flex-shrink:0;width:35px;height:35px}.location-link{display:flex;align-items:center;gap:8px;font-size:12px;padding:14px 0 0;color:#646a5b;width:100%}.location-link>span:last-child{margin-right:auto}.side-content{overflow:auto;padding:4px 26px 24px;scrollbar-width:thin;flex:1}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:15px 0 15px;gap:10px}.section-heading h2{font-size:15px;font-weight:800}.section-heading>span{font-size:10px;color:#82867b}.cities{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.city{border:1px solid #e8e9e2;text-align:center;font-size:13px;border-radius:10px;padding:9px 3px;transition:background .2s}.city:hover,.city.selected{border-color:#f2cc22;background:#fff9db}.travel-card{background:#ffcf00;position:relative;overflow:hidden;border-radius:20px;padding:24px 20px;margin-top:28px;min-height:227px}.mini-pill{display:inline-block;border:1px solid #67550055;border-radius:20px;font-size:10px;padding:3px 9px;margin-bottom:15px}.travel-card h3{position:relative;z-index:2;font-weight:850;line-height:1.6;font-size:24px;letter-spacing:-.6px}.travel-card p{position:relative;z-index:2;font-size:11px;line-height:1.9;margin-top:12px}.travel-card>svg{position:absolute;width:140px;left:-20px;bottom:-30px;transform:rotate(-15deg)}.hint-row{display:flex;gap:12px;align-items:center;margin:24px 0 0;color:#90958b}.hint-row p{font-size:11px;line-height:1.9}.hint-row b{font-weight:500;color:#71776b}.side-footer{border-top:1px solid #edefe6;font-size:9px;color:#7c8175;padding:15px 25px;display:flex;gap:10px;align-items:center}.side-footer a:hover{text-decoration:underline}.version{margin-right:auto}.map-shell{position:relative;flex:1;min-width:0;isolation:isolate;background:#e9eddf}#map{position:absolute;inset:0;z-index:1;background:#e8ecdF}.leaflet-container{font-family:Darb,Tahoma,sans-serif}.leaflet-tile-pane{filter:saturate(.58)}.leaflet-control-attribution{font:10px Arial!important;background:#ffffffeb!important;padding:4px 6px!important}.leaflet-bottom{z-index:999!important}.map-top{position:absolute;top:22px;right:24px;left:24px;display:flex;align-items:center;gap:12px;z-index:400;pointer-events:none}.category-bar{display:flex;padding:5px;gap:3px;border-radius:14px;background:white;box-shadow:0 5px 20px #23301812;pointer-events:auto}.category-bar button{white-space:nowrap;display:flex;align-items:center;gap:7px;font-size:12px;border-radius:10px;padding:9px 12px}.category-bar button:hover,.category-bar button.active{background:#ffcf00}.parking-icon{font:bold 18px Arial;border:1.5px solid;border-radius:4px;width:19px;height:20px;text-align:center}.area-label{display:flex;align-items:center;gap:7px;margin-right:auto;background:#fff;border-radius:20px;padding:10px 14px;font-size:11px;box-shadow:0 5px 20px #23301812;white-space:nowrap}.pulse-dot{width:6px;height:6px;background:#677b50;border-radius:50%}.map-tools{z-index:400;position:absolute;left:24px;top:105px;display:flex;flex-direction:column;gap:4px;padding:6px;background:#fff;border-radius:14px;box-shadow:0 5px 22px #23301820}.map-tools button{display:grid;place-items:center;width:39px;height:38px;font:bold 26px Arial;border-radius:8px}.map-tools button:hover{background:#fff5bf}.tool-separator{border-top:1px solid #edefe7;margin:2px 6px}.map-bottom{z-index:400;position:absolute;bottom:53px;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.map-bottom button{pointer-events:auto;box-shadow:0 5px 20px #23301820;display:flex;gap:9px;align-items:center;border-radius:30px;font-weight:700}.report-button{padding:15px 20px;background:#ffcf00;font-size:13px}.reports-button{background:#fff;padding:13px 17px;font-size:11px}.reports-button #report-count{background:#f1f3ed;min-width:22px;padding:3px;border-radius:20px}.map-note{position:absolute;z-index:400;bottom:25px;right:24px;font-size:10px;background:#fffdf5df;padding:4px 9px;border-radius:10px;color:#68705e;pointer-events:none}.place-card{position:absolute;bottom:114px;right:24px;z-index:500;background:#fff;border-radius:20px;padding:23px;box-shadow:0 12px 45px #1e281e30;width:350px;max-width:calc(100% - 48px)}.close-btn{position:absolute;left:12px;top:12px;border-radius:50%;background:#f4f5ef;width:30px;height:30px;font:23px Arial;display:grid;place-items:center}.close-btn:hover{background:#ffcf00}.place-card h2{font-size:20px;padding-left:18px;line-height:1.5;overflow-wrap:anywhere}.place-card p{font-size:12px;color:#7a8072;margin:5px 0;line-height:1.7;max-height:75px;overflow:auto}.coordinates{direction:ltr;text-align:right;font:10px Arial;color:#9a9f93;margin:8px 0 16px}.place-actions{display:flex;gap:7px}.primary{display:flex;align-items:center;justify-content:center;gap:8px;background:#ffcf00;padding:13px 16px;border-radius:11px;font-weight:800;font-size:13px;border:0;color:#24251c}.primary:hover{background:#f1c100}.place-actions .primary{flex:1}.square-btn{width:44px;display:grid;place-items:center;border:1px solid #e2e5db;border-radius:11px}.square-btn.saved{background:#fff5bf;border-color:#e7bf00}.secondary{display:block;text-align:center;border:1px solid #dce0d3;padding:13px;border-radius:11px;font-size:13px}.text-btn{color:#807000;font-size:11px;text-decoration:underline}.result-item{display:flex;gap:12px;align-items:center;width:100%;padding:15px 0;border-bottom:1px solid #eff0ea;text-align:right}.result-item:hover{background:#fffbee}.result-item .result-icon{background:#f4f5ef;border-radius:12px;padding:10px;flex-shrink:0;display:grid;place-items:center}.result-item strong{display:block;font-size:13px;font-weight:700;line-height:1.6}.result-item small{display:block;color:#858c7b;font-size:10px;line-height:1.7;overflow-wrap:anywhere}.result-item>span:last-child{min-width:0}.empty-state{padding:25px 5px;text-align:center;color:#83897b;font-size:13px;line-height:2}.empty-state svg{display:block;margin:0 auto 15px;width:32px;height:32px}.muted{font-size:11px!important;line-height:1.9!important;color:#7c8374!important}.report-row{border:1px solid #e6e9dd;border-radius:12px;margin:12px 0;overflow:hidden}.report-row .result-item{padding:12px;border:0}.delete-report{font-size:10px;color:#9f531c;padding:0 13px 10px;display:block}.toast{position:fixed;z-index:3000;bottom:24px;left:50%;transform:translateX(-50%);background:#22271e;color:#fff;padding:12px 22px;border-radius:12px;box-shadow:0 6px 30px #0003;font-size:13px;max-width:calc(100% - 28px);width:max-content;line-height:1.7}dialog{border:0;border-radius:24px;box-shadow:0 20px 100px #0003;width:440px;max-width:calc(100% - 32px);max-height:85dvh;padding:34px;overflow:auto}dialog::backdrop{background:#17201566;backdrop-filter:blur(4px)}dialog h2{font-size:29px;line-height:1.5;margin:8px 0 15px;letter-spacing:-.5px}dialog p{font-size:13px;line-height:1.9;margin:12px 0}dialog img{margin-bottom:18px}.info-box{padding:15px;background:#fff7d1;border-radius:12px;font-size:12px;line-height:1.9;margin:18px 0}dialog a:not(.primary):hover{text-decoration:underline}.field-label{display:block;font-size:11px;margin-bottom:7px}select{width:100%;padding:10px;border:1px solid #dfe4d6;background:#fff;border-radius:10px}.route-links{display:grid;gap:10px;margin:18px 0}.report-types{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:0;padding:0;margin:16px 0}.report-types label{border:1px solid #e2e7d7;border-radius:12px;display:flex;align-items:center;gap:8px;cursor:pointer;padding:14px 9px;font-size:12px}.report-types label:has(:checked){background:#fff3af;border-color:#cda500}.report-types input{accent-color:#998000}.consent{display:flex;gap:9px;font-size:11px;line-height:1.9;align-items:flex-start;margin:20px 0}.consent input{accent-color:#b59800;margin-top:5px;flex-shrink:0}.full{width:100%}.report-location{direction:ltr;text-align:center;background:#f3f5ef;border-radius:10px;padding:8px;font:13px Arial!important}.map-error{position:absolute;z-index:500;top:85px;right:90px;left:90px;padding:15px;border-radius:12px;background:#fff8da;font-size:12px;text-align:center}.map-error button{text-decoration:underline}.darb-pin{display:grid;place-items:center;background:#ffcf00;border:4px solid #fff;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);width:42px;height:42px;box-shadow:0 4px 15px #0003}.darb-pin svg{transform:rotate(45deg);width:23px;height:23px}.report-pin{display:grid;place-items:center;background:#fff7d0;border:2px solid #d7a800;border-radius:50%;width:34px;height:34px;box-shadow:0 4px 10px #0002;color:#7a5900}.user-dot{border:4px solid #fff;background:#4377f6;box-shadow:0 0 0 9px #4377f630;border-radius:50%;width:22px;height:22px}.leaflet-popup-content{direction:rtl;line-height:1.8;font-family:Darb,Tahoma,Arial,sans-serif}.no-js{position:fixed;z-index:9999;inset:30%;background:#fff;padding:30px}.legal-page{max-width:820px;margin:45px auto;padding:25px;line-height:2}.legal-page h1{font-size:34px;margin:20px 0}.legal-page h2{font-size:21px;margin:28px 0 8px}.legal-page p{font-size:14px;color:#616a58}.legal-page a{text-decoration:underline}.legal-page .brand{text-decoration:none;max-width:max-content}
@media(min-width:1500px){.sidebar{width:400px;flex-basis:400px}.sidebar-head{padding-top:38px}.travel-card{min-height:250px}.sidebar h1{font-size:35px}}
@media(max-width:1050px){.sidebar{width:325px;flex-basis:325px}.topbar{padding:0 22px;gap:15px}.tagline{display:none}.map-top{right:16px;left:16px}.area-label{display:none}.category-bar button{padding:9px}.sidebar-head,.side-content{padding-right:20px;padding-left:20px}.travel-card h3{font-size:22px}.map-bottom{left:16px;right:16px}.map-tools{left:16px}}
@media(max-width:700px){.topbar{height:68px;padding:0 15px;gap:12px}.brand>span{font-size:31px}.brand img{width:37px;height:37px}.brand small{font-size:8px}.brand-divider{display:none}.powered b{font-size:12px}.powered>span{font-size:8px}.topbar nav{position:static;transform:none;margin:0 auto;gap:2px}.nav-btn{font-size:10px;padding:8px 7px}.topbar nav #about-button{display:none}.powered{margin-right:0}.workspace{height:calc(100dvh - 68px);display:block;position:relative}.map-shell{height:100%;width:100%}.sidebar{position:absolute;bottom:0;left:0;right:0;width:100%;max-height:47%;border:0;border-radius:23px 23px 0 0;box-shadow:0 -8px 30px #23301816;padding-bottom:env(safe-area-inset-bottom);z-index:1001}.sidebar:before{content:'';width:33px;height:4px;background:#dce0d3;border-radius:3px;position:absolute;top:7px;left:calc(50% - 16px)}.sidebar-head{padding:18px 19px 12px;flex-shrink:0}.sidebar .eyebrow{display:none}.sidebar h1{font-size:22px;margin:0 0 11px;letter-spacing:-.5px}.search-box{padding:5px 8px 5px 5px;border-radius:12px}.search-box input{font-size:12px;padding:7px 0}.location-link{padding-top:10px;font-size:10px}.location-link svg{width:16px;height:16px}.side-content{padding:0 19px 12px;min-height:0}.section-heading{margin:2px 0 10px}.section-heading h2{font-size:12px}.section-heading>span{font-size:9px}.cities{display:flex;overflow:auto;gap:7px;scrollbar-width:none}.city{min-width:66px;padding:7px;font-size:11px;flex-shrink:0}.travel-card,.hint-row{display:none}.side-footer{font-size:8px;padding:8px 19px;flex-shrink:0}.map-top{top:13px;right:14px;left:14px}.category-bar{padding:4px;width:100%;justify-content:space-between;border-radius:12px}.category-bar button{font-size:10px;padding:8px;gap:6px}.category-bar svg{width:17px;height:17px}.parking-icon{font-size:15px;width:16px;height:17px}.map-tools{top:80px;left:14px;padding:4px;border-radius:11px}.map-tools button{width:31px;height:31px;font-size:23px}.map-tools svg{width:18px;height:18px}.map-bottom{bottom:calc(var(--sheet-height, 300px) + 40px);left:14px;right:14px}.report-button{padding:12px 15px;font-size:11px}.reports-button{padding:10px 12px;font-size:10px}.map-note{bottom:calc(var(--sheet-height, 300px) + 17px);font-size:8px;right:14px}.leaflet-bottom{bottom:var(--sheet-height, 300px)!important}.leaflet-control-attribution{font-size:8px!important;padding:2px 4px!important}.place-card{bottom:calc(var(--sheet-height, 300px) + 35px);width:calc(100% - 28px);max-width:none;right:14px;padding:18px;border-radius:16px;max-height:calc(100% - var(--sheet-height, 300px) - 100px);overflow:auto}.place-card .eyebrow{font-size:9px;margin-bottom:3px}.place-card h2{font-size:17px}.place-card p{font-size:10px;max-height:45px}.coordinates{font-size:9px;margin:6px 0 10px}.place-actions .primary{padding:10px;font-size:12px}.place-card:not([hidden])~.map-bottom{display:none}.result-item{padding:10px 0}.result-item strong{font-size:12px}.result-item small{font-size:9px}.result-item .result-icon{padding:8px}.empty-state{padding:13px 4px;font-size:11px}.empty-state svg{display:none}.map-error{top:75px;left:65px;right:14px;font-size:10px}.toast{bottom:15px;font-size:11px;padding:12px 16px}.report-types{gap:7px}.report-types label{font-size:11px;padding:12px 8px}dialog{padding:28px}dialog h2{font-size:25px}}
@media(max-width:360px){.powered{display:none}.category-bar button{gap:4px;padding:8px 5px}.sidebar h1{font-size:20px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Darb 2: vector cartography and navigation within the map. */
.leaflet-tile-pane{filter:none}.maplibregl-canvas{outline:none}.maplibregl-control-container{display:none}.map-shell{background:#f7f5ec}#map{background:#f7f5ec}.night-map #map,.night-map .map-shell{background:#172128}.route-open .sidebar-head{display:none}.route-open .side-content{padding-top:22px}.route-open .map-bottom,.route-open .map-note{display:none}.route-open .sidebar{box-shadow:5px 0 30px #17201507}.route-endpoints{position:relative;display:grid;gap:11px;margin:18px 0 12px}.route-field{border:1px solid #e3e6dc;border-radius:12px;display:flex;align-items:center;gap:7px;padding:10px;background:#fafbf7}.route-field:focus-within{border-color:#be9f00;box-shadow:0 0 0 3px #ffcf001c}.route-field label{font-size:10px;color:#777d6f}.route-field input{min-width:0;flex:1;width:100%;border:0;background:none;padding:5px 0;font-size:12px;outline:none}.route-field button{font:bold 21px Arial;width:25px;height:27px;background:#f0f2e9;border-radius:6px}.endpoint{width:11px;height:11px;border:3px solid #545f49;border-radius:50%;flex-shrink:0}.endpoint.destination{border-color:#ba9700;background:#ffcf00;border-radius:3px}.route-endpoints:before{content:'';position:absolute;width:1px;border-right:2px dotted #d7ddcf;height:28px;right:15px;top:41px;pointer-events:none}#swap-route{position:absolute;left:42px;top:43px;width:28px;height:28px;background:white;border:1px solid #e3e6dc;border-radius:50%;z-index:1;font:bold 17px Arial}.route-input-actions{display:flex;align-items:center;justify-content:space-between;margin:12px 0 20px}.route-input-actions button{display:flex;align-items:center;gap:6px;font-size:11px;color:#676e5e}.route-input-actions svg{width:17px;height:17px}.mode-switch{display:flex;background:#f1f3ec;border-radius:11px;padding:4px;gap:4px;margin-bottom:13px}.mode-switch button{display:flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:10px;font-size:12px;border-radius:8px}.mode-switch button.active{background:#fff;box-shadow:0 2px 6px #0001;font-weight:800}.routing-disclosure{font-size:9px;color:#818776;line-height:1.9;margin:10px 0 15px}.routing-disclosure a{text-decoration:underline}.route-message{padding:12px;border-radius:10px;background:#f6f7ef;font-size:11px;line-height:1.8;margin:12px 0}.route-message.error{background:#fff1df;color:#995523}.route-stats{display:flex;gap:0;border:1px solid #e4e7db;border-radius:15px;padding:17px 10px;margin-top:18px}.route-stats>div{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.route-stats>div+div{border-right:1px solid #e3e7d9}.route-stats strong{font-size:23px;line-height:1.5;font-weight:850}.route-stats small{font-size:9px;color:#858d78}.route-meta{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:#78816d;margin:12px 0 17px}.route-live-dot{width:5px;height:5px;background:#8d987d;border-radius:50%}.navigation-actions{display:flex;gap:8px}.navigation-actions .primary{flex:1}.navigation-actions .square-btn{min-height:45px}.square-btn.enabled{background:#ffcf00;border-color:#ffcf00}.route-steps{margin:20px 0;border-top:1px solid #e8ecdf;padding-top:13px}.route-steps summary{cursor:pointer;font-weight:700;font-size:12px}.route-steps summary span{font-size:10px;font-weight:400;color:#879079;margin-right:10px}.route-steps ol{list-style:none;padding:0;margin:10px 0}.route-steps li button{display:flex;align-items:center;gap:10px;text-align:right;width:100%;padding:12px 0;border-bottom:1px solid #edf0e4;font-size:12px}.route-steps li button:hover{background:#fffbee}.turn-symbol{font:27px Arial;width:31px;flex-shrink:0;text-align:center;color:#687558}.route-steps li small{display:block;font-size:10px;color:#919985;margin-top:4px}.route-credit a{text-decoration:underline}.route-search-results{max-height:210px;overflow:auto;border:1px solid #e6eade;border-radius:12px;margin:12px 0;padding:0 10px;background:#fffef7}.route-point-marker{display:grid;place-items:center;width:30px;height:30px;background:#fff;border:3px solid #344139;border-radius:50%;color:#344139;box-shadow:0 3px 10px #0003;font-size:13px;font-weight:800}.route-point-marker.to{background:#ffcf00;border-color:#fff;color:#282d28;box-shadow:0 0 0 2px #282d28,0 3px 12px #0003}.map-pick-banner{position:absolute;top:90px;right:24px;left:85px;background:#fff5bc;z-index:900;padding:15px;border:1px solid #e6c54d;border-radius:13px;display:flex;align-items:center;justify-content:space-between;gap:12px;box-shadow:0 6px 20px #0001;font-size:12px}.map-pick-banner button{font-size:11px;text-decoration:underline}.navigation-banner{position:absolute;top:24px;left:90px;right:24px;max-width:580px;margin:auto;z-index:900;background:#252e27;color:#fff;border:1px solid #526145;border-radius:18px;display:flex;align-items:center;gap:17px;box-shadow:0 8px 30px #0003;padding:18px}.navigation-banner small{font-size:12px;color:#d2debf;display:block;margin-bottom:6px}.navigation-banner strong{display:block;font-size:20px;line-height:1.6}.nav-direction-icon{color:#ffcf00;font:45px Arial;min-width:40px;text-align:center}.navigation-banner button{margin-right:auto;width:38px;height:38px;background:#ffffff14;border-radius:10px;color:#fff;flex-shrink:0}.navigation-location{display:grid;place-items:center;background:#ffcf00;border:3px solid #fff;box-shadow:0 0 0 5px #ffcf0040,0 4px 16px #0004;border-radius:50%;width:38px;height:38px}.navigation-location svg{fill:#263128;stroke:#263128;width:24px;height:24px}.navigating .map-top{display:none}.recalculate-button{position:absolute;z-index:901;top:145px;right:24px;background:#fff0bf;border:1px solid #dfba4f;box-shadow:0 5px 20px #0001;border-radius:11px;padding:13px 20px;font-size:12px}.night-map .category-bar,.night-map .map-tools,.night-map .area-label{background:#263238;color:#e8eee5;box-shadow:0 5px 20px #0003}.night-map .category-bar button:hover,.night-map .category-bar button.active,.night-map .map-tools button:hover{color:#202321}.night-map .leaflet-control-attribution{background:#263238ed!important;color:#c5d1cf}.night-map .leaflet-control-attribution a{color:#c5d1cf}.night-map .map-note{background:#263238dd;color:#c5d1cf}.night-map .leaflet-tile-pane{filter:none}
@media(max-width:700px){.route-open .sidebar{max-height:53%;height:auto}.route-open .side-content{padding-top:19px}.route-open .section-heading h2{font-size:14px}.route-endpoints{margin:12px 0 7px;gap:9px}.route-field{padding:7px 9px}.route-field input{font-size:12px}.route-endpoints:before{top:33px;right:14px;height:23px}#swap-route{top:33px;width:25px;height:25px;left:41px}.route-input-actions{margin:8px 0 13px}.mode-switch{margin-bottom:10px}.mode-switch button{padding:8px;font-size:11px}.mode-switch svg{width:17px;height:17px}.route-open .primary{padding:11px;font-size:12px}.routing-disclosure{font-size:8px;margin:8px 0 10px}.route-message{font-size:10px;padding:9px;margin:10px 0}.route-stats{padding:12px 8px;margin-top:12px}.route-stats strong{font-size:21px}.route-stats small{font-size:9px}.route-meta{font-size:8px;margin:10px 0 12px}.map-pick-banner{top:74px;right:14px;left:63px;padding:11px;font-size:11px}.navigation-banner{top:14px;left:14px;right:14px;padding:15px;border-radius:15px;gap:12px}.navigation-banner strong{font-size:16px}.navigation-banner small{font-size:10px;margin-bottom:5px}.nav-direction-icon{font-size:34px;min-width:30px}.navigation-banner button{width:33px;height:33px}.recalculate-button{top:123px;right:14px;left:63px;font-size:11px;padding:11px}.navigating .map-tools{top:123px}.route-search-results{max-height:145px}.route-open .side-footer{padding-top:7px;padding-bottom:7px}.powered>span{font-size:9px;max-width:105px}.route-steps{margin:14px 0}}

.route-ready .route-endpoints,.route-ready .route-input-actions,.route-ready .mode-switch,.route-ready #calculate-route,.route-ready .routing-disclosure{display:none}.navigation-actions #stop-navigation{flex:1;order:-1;font-size:12px}.route-ready .route-message{margin-top:5px}.route-ready .route-stats{margin-top:12px}