@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap);*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--primary:#2563eb;--primary-light:#3b82f6;--primary-dark:#1d4ed8;--secondary:#64748b;--accent:#06b6d4;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--shadow-sm:0 1px 2px 0 rgba(0,0,0,0.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.1),0 2px 4px -2px rgba(0,0,0,0.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.1),0 4px 6px -4px rgba(0,0,0,0.1);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.1),0 8px 10px -6px rgba(0,0,0,0.1);--transition-fast:150ms ease;--transition-normal:300ms ease;--transition-slow:500ms ease}body{font-family:var(--font-sans);font-size:14px;line-height:1.6;color:var(--gray-700);background:var(--gray-50);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.compass{position:absolute;top:var(--space-6);right:var(--space-6);background:var(--white);border:none;border-radius:var(--radius-xl);z-index:1000;height:56px;width:56px;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-lg);cursor:pointer;transition:all var(--transition-normal);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);outline:none}.compass:hover{transform:scale(1.05);box-shadow:var(--shadow-xl);background:var(--gray-50)}.compass:active{transform:scale(.95)}.compass img{transition:transform var(--transition-slow)}.compass:hover img{transform:rotate(1turn)}.searchBox{width:min(90%,480px);z-index:1000;position:absolute;top:var(--space-6);left:50%;transform:translateX(-50%)}.inputBox{width:100%;padding:var(--space-4) var(--space-6);font-size:16px;font-weight:400;color:var(--gray-700);background:var(--white);border:2px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:all var(--transition-normal);font-family:var(--font-sans);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.inputBox:focus{outline:none;border-color:var(--primary);box-shadow:var(--shadow-xl),0 0 0 3px rgba(37,99,235,.1);transform:translateY(-1px)}.inputBox::placeholder{color:var(--gray-400);font-weight:400}.suggestions{padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-size:14px;font-weight:400;color:var(--gray-700);cursor:pointer;transition:all var(--transition-fast);border-radius:var(--radius-md);margin:var(--space-1) var(--space-2)}.suggestions:hover{background:var(--gray-50);color:var(--primary)}.infowindow-content{margin:0;width:240px;min-width:180px;padding:var(--space-2);font-family:var(--font-sans)}.infowindow-content p{width:76%;display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:var(--gray-700);margin:0}.infowindow-content button{transition:all var(--transition-fast);border-radius:var(--radius-md)}.infowindow-content button:hover{color:var(--primary);background:var(--gray-50)}.addressContainer{z-index:900;position:absolute;left:var(--space-6);top:120px;width:min(90%,380px);max-height:60vh;overflow:hidden;overflow-y:auto;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);border:1px solid hsla(0,0%,100%,.2)}.addressBox{background:var(--white);border-radius:var(--radius-lg);margin:var(--space-3);padding:var(--space-4);display:flex;align-items:center;box-shadow:var(--shadow-md);border:1px solid var(--gray-200);border-left:4px solid var(--primary);transition:all var(--transition-normal);cursor:pointer}.addressBox:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-left-color:var(--primary-light)}.d1{flex:1 1;padding-right:var(--space-3)}.d2{flex-shrink:0}.addressBox p{font-size:14px;font-weight:500;color:var(--gray-700);margin:0;line-height:1.4}.addressBox button{padding:var(--space-2);border-radius:var(--radius-md);transition:all var(--transition-fast)}.addressBox button:hover{color:var(--error);background:var(--gray-50)}.directions-choose-box{position:absolute;z-index:900;bottom:var(--space-6);right:var(--space-6);background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);width:min(90%,400px);padding:var(--space-6);border:1px solid hsla(0,0%,100%,.2)}.directions-choose-box p{text-align:center;font-weight:600;color:var(--gray-800);margin-bottom:var(--space-4);font-size:16px}.wrapper{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-4)}.travBtn{padding:var(--space-3) var(--space-4);border:2px solid var(--gray-200);background:var(--white);color:var(--gray-700);border-radius:var(--radius-lg);font-weight:500;font-size:14px;cursor:pointer;transition:all var(--transition-normal);font-family:var(--font-sans)}.travBtn:hover{border-color:var(--primary);background:var(--primary);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-md)}.travBtn:active{transform:translateY(0)}.remove-direction{padding:var(--space-3) var(--space-6);background:var(--error);color:var(--white);border:2px solid var(--error);margin-top:var(--space-4);width:100%}.remove-direction:hover{background:var(--white);color:var(--error);transform:translateY(-2px)}.directions-para{text-align:left!important;padding-left:var(--space-4);font-weight:500;color:var(--gray-600);font-size:14px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:var(--radius-sm);-webkit-transition:all var(--transition-normal);transition:all var(--transition-normal)}::-webkit-scrollbar-thumb:hover{background:var(--primary-dark)}.route-box{position:absolute;bottom:var(--space-6);left:var(--space-6);z-index:900;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl);padding:var(--space-6);width:min(90%,420px);border:1px solid hsla(0,0%,100%,.2)}.route-box p{margin:0 0 var(--space-4) 0;font-weight:600;color:var(--gray-800);font-size:16px}.route-box button{background:var(--primary);color:var(--white);border:2px solid var(--primary);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-weight:500;font-size:14px;cursor:pointer;transition:all var(--transition-normal);margin-top:var(--space-4)}.route-box button:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.scroll-list{max-height:160px;overflow-y:auto;overflow-x:hidden;margin:var(--space-4) 0;padding:var(--space-2);background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.route-points{display:grid;grid-template-columns:auto 1fr;grid-gap:var(--space-3);gap:var(--space-3);margin-bottom:var(--space-3);align-items:center}.route-list-div{font-size:14px;color:var(--gray-700);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.route-list-div2{background:var(--primary);color:var(--white);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:12px;font-weight:600;text-align:center;min-width:50px}.distTime{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-4);gap:var(--space-4);margin:var(--space-4) 0;padding:var(--space-4);background:var(--gray-50);border-radius:var(--radius-lg);border:1px solid var(--gray-200)}.distTime span{font-size:14px;font-weight:500;color:var(--gray-700)}.stepDirectionsBox{width:min(90%,420px);position:absolute;bottom:var(--space-6);left:var(--space-6);z-index:900;background:hsla(0,0%,100%,.95);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-2xl);padding:var(--space-6);box-shadow:var(--shadow-xl);border:1px solid hsla(0,0%,100%,.2)}.stepDirectionsBox p{margin:0 0 var(--space-3) 0;font-weight:600;color:var(--gray-800);font-size:14px}.stepDirectionsBox button{background:var(--primary);color:var(--white);border:2px solid var(--primary);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);font-family:var(--font-sans);font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.nxtDirec{display:flex;justify-content:flex-end;margin-top:var(--space-6)}.nxtDirec button{font-size:14px}.stepDirectionsBox button:hover{background:var(--primary-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.startEnd{background:var(--gray-50);padding:var(--space-3);margin:var(--space-2) 0 var(--space-4) 0;border-radius:var(--radius-lg);border:1px solid var(--gray-200);font-size:14px;color:var(--gray-700);font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropbtn{background:var(--primary);color:var(--white);border:2px solid var(--primary);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-6);font-family:var(--font-sans);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-normal);margin-bottom:var(--space-4)}.dropup{position:relative;display:inline-block}.dropup:hover .dropbtn{background:var(--primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.dropup-content{display:block;position:absolute;bottom:60px;left:0;background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid var(--gray-200);z-index:1000;overflow:hidden;overflow-y:auto;width:400px;max-height:350px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.dropup-content li{color:var(--gray-700);padding:var(--space-3) var(--space-4);display:block;border-bottom:1px solid var(--gray-100);transition:all var(--transition-fast)}.dropup-content li:last-child{border-bottom:none}.dropup-content li p{font-size:13px;margin:0;color:var(--gray-600)}.dropup-content li td{font-size:14px;color:var(--gray-700)}.dropup-content li:hover{background:var(--gray-50);color:var(--primary)}@media (max-width:768px){.searchBox{width:95%;top:var(--space-4)}.addressContainer{width:95%;left:2.5%;top:100px}.directions-choose-box{width:95%;left:2.5%;right:auto}.route-box,.stepDirectionsBox{width:95%;left:2.5%}.compass{top:var(--space-4);right:var(--space-4)}.wrapper{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.distTime,.wrapper{grid-template-columns:1fr}.distTime{grid-gap:var(--space-2);gap:var(--space-2)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.compass:focus,.inputBox:focus,.travBtn:focus{outline:2px solid var(--primary);outline-offset:2px}*{transition:color var(--transition-fast),background-color var(--transition-fast)}.loading-places{display:flex;align-items:center;grid-gap:var(--space-3);gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);margin:var(--space-2);border:1px solid var(--gray-200);font-family:var(--font-sans)}.loading-places span{color:var(--gray-600);font-size:14px;font-weight:500}.loading-spinner{width:16px;height:16px;border-top:2px solid var(--gray-200);border:2px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.2301c5d3.chunk.css.map */