html{font-family:Roboto,Helvetica Neue,Segoe UI,Arial,Noto Sans,Apple Color Emoji,Segoe UI Emoji,Noto Color Emoji,sans-serif}html,body{height:100%;margin:0}body{flex-direction:column;display:flex}.shell{flex:auto;display:flex}#panel{background:#fff;border-right:1px solid #e5e5e5;flex-direction:column;width:0;display:flex;overflow:auto;box-shadow:0 1px 2px #3c40434d,0 2px 6px 2px #3c404326}#panel.open{width:360px;padding:12px}#panel .header{flex-direction:row;display:flex}#panel .header h2{margin:8px 0}#panel .search-switch{cursor:pointer;background:0 0;border:0;margin:0 0 0 auto}#panel .search-switch img{filter:opacity(.7)}#panel .maplibregl-ctrl-geocoder{border:1px solid #0000001a;border-radius:4px;width:100%}#panel .geocoderRow{flex-direction:row;align-items:center;margin-top:12px;padding-right:12px;display:flex}#panel .geocoderRow img{height:24px}#panel .geocoderWrapper{flex-grow:1;margin-left:10px}#panel #fromGeocoder .maplibregl-ctrl-geocoder{z-index:1001}#panel #directions.open{border-top:1px solid #0000001a;margin-top:24px;padding:12px 4px 0}#panel #directions .header{margin-bottom:6px;font-size:1.25em}#panel #directions ul,#panel #directions ol,#panel #directions li{margin:0;padding:0}#panel #directions ul{margin-top:6px;font-weight:700;list-style:none}#panel #directions ol{font-weight:400;list-style-position:inside}#panel #directions ul ol{padding-left:12px}#panel #directions .header .duration{font-weight:700}#panel #directions .header .distance{opacity:.7}#panel #directions .stats{font-size:.9em}#panel #directions .stats.clickable{color:#1e88e5;cursor:pointer;text-decoration:underline}#map{flex:1;min-width:0;height:auto}#loader{z-index:9999;background:#0000000f;width:100%;height:3px}#loader .bar{background:#0a84ff;width:30%;height:100%;animation:1.2s ease-in-out infinite loader-slide;transform:translate(-30vw)}@keyframes loader-slide{to{transform:translate(100vw)}}.hidden{display:none!important}#demo-header{box-sizing:border-box;background:#f3f4f6;border-bottom:1px solid #0000001a;grid-template-columns:auto 1fr;align-items:center;column-gap:16px;width:100%;padding:10px 16px;display:grid}#demo-header .demo-header__left{justify-self:start;align-items:center;gap:10px;min-width:0;display:inline-flex}#demo-header .demo-header__brand{flex:none;align-items:center;text-decoration:none;display:inline-flex}#demo-header .demo-header__logo{width:auto;height:30px;display:block}#demo-header .demo-header__label{color:#000000c7;white-space:nowrap;border-left:1px solid #0000001f;padding-left:10px;font-size:13px;font-weight:600}#demo-header .demo-header__right{justify-self:end;align-items:center;gap:12px;min-width:0;display:flex}#demo-header .demo-header__btn{color:#fff;white-space:nowrap;background:#2b2b2b;border:1px solid #0000002e;border-radius:4px;justify-content:center;align-items:center;height:30px;padding:0 12px;font-size:13px;font-weight:600;text-decoration:none;display:inline-flex;box-shadow:0 2px 10px #0000001a}#demo-header .demo-header__btn:hover{filter:brightness(1.06)}#demo-header .demo-header__link{color:#000000b3;text-underline-offset:2px;white-space:nowrap;font-size:13px;text-decoration:underline}#demo-header .demo-header__link:hover{color:#000000e6}@media (width<=640px){#demo-header{grid-template-columns:1fr;row-gap:8px}#demo-header .demo-header__right{flex-wrap:wrap;justify-self:start}#demo-header .demo-header__label{text-overflow:ellipsis;overflow:hidden}}.maplibregl-ctrl-search{background:#fff;border-radius:4px;flex-direction:row;display:flex;box-shadow:0 0 0 2px #0000001a}.maplibregl-ctrl-search .maplibregl-ctrl-geocoder{width:auto;margin:6px 0 6px 6px}.maplibregl-ctrl-search .routing-switch{cursor:pointer;background:0 0;border:0;border-left:2px solid #0000001a;margin:0;padding:0 12px;font-size:16px;line-height:1}.maplibregl-ctrl-search .routing-switch img{filter:opacity(.7)}[type=search]::-webkit-search-cancel-button{appearance:none}[type=search]::-webkit-search-decoration{appearance:none}.maplibregl-ctrl-geocoder{box-shadow:none}.maplibregl-ctrl-geocoder input:focus{border-color:#0000;outline:none}.maplibregl-ctrl-geocoder .suggestions .title{font-weight:500}.maplibregl-ctrl-geocoder .suggestions .subtitle{color:#666;font-size:.85em}