.orange{color:#f54f03}.beige{color:#e6e3b3}.fucsia{color:#f23b99}.blue{color:#009ce0}.petroleum{color:#263b4a}.black-variant{color:#2b2b2b}.grey{color:#f5f4f5}.red{color:red}.white{color:#fff}.background-orange{background-color:#f54f03}.background-beige{background-color:#e6e3b3}.background-fucsia{background-color:#f23b99}.background-blue{background-color:#009ce0}.background-petroleum{background-color:#263b4a}.background-black{background-color:#000}.background-black-variant{background-color:#2b2b2b}.background-grey{background-color:#f5f4f5}.background-red{background-color:red}.PathsMapList{padding:0 calc(var(--vw,1vw)*100/80*1);gap:calc(var(--vw,1vw)*100/80*1);flex-wrap:wrap;flex:none;align-items:flex-start;display:flex}.PathsMapList .mapWrapper{height:calc(100vh - var(--vw,1vw)*100/80*6)!important;position:sticky!important}.PathsMapList:has(.CTA):not(:has(.waypoints)) .mapWrapper{width:100%;max-height:none;flex:none!important}.PathsMapList:has(.waypoints){flex-direction:row}.PathsMapList:has(.waypoints)>.mapWrapper{margin-bottom:calc(var(--vw,1vw)*100/80*3);top:calc(var(--vw,1vw)*100/80*5)!important;flex:auto!important}@media screen and (width<=768px){.PathsMapList:has(.waypoints)>.mapWrapper{position:relative!important}}@media screen and (width<=450px){.PathsMapList:has(.waypoints)>.mapWrapper{max-height:50rem}}@media screen and (width<=768px){.PathsMapList{gap:calc(var(--vw,1vw)*100/80*4);flex-direction:column-reverse}}@media screen and (width<=550px){.PathsMapList{padding:0 calc(var(--vw,1vw)*100/80*2)}}.PathsMapList>.items{flex:0 0 calc(var(--vw,1vw)*100/80*36);gap:calc(var(--vw,1vw)*100/80*3) calc(var(--vw,1vw)*100/80*1);box-sizing:border-box;flex-wrap:wrap;display:flex}@media screen and (width<=1120px){.PathsMapList>.items{flex:0 0 calc(var(--vw,1vw)*100/80*40)}}@media screen and (width<=768px){.PathsMapList>.items{flex:none;width:100%}}.PathsMapList>.items>*{flex:0 0 calc(var(--vw,1vw)*100/80*12)}@media screen and (width<=1120px){.PathsMapList>.items>*{flex:0 0 calc(var(--vw,1vw)*100/80*19.5)}}@media screen and (width<=768px){.PathsMapList>.items>*{flex:0 0 calc(var(--vw,1vw)*100/80*38.5)}}@media screen and (width<=550px){.PathsMapList>.items>*{flex:0 0 100%}}.PathsMapList>.items>*>a{flex-direction:column;flex:0 0 calc(var(--vw,1vw)*100/80*12);gap:calc(var(--vw,1vw)*100/80*1);display:flex}.PathsMapList>.items:has(.active)>:not(.active){opacity:.5}.PathsMapList.listPage>.mapWrapper{top:calc(var(--vw,1vw)*100/80*6);flex:1;height:80vh;position:sticky}@media screen and (width<=768px){.PathsMapList.listPage>.mapWrapper{height:calc(var(--vw,1vw)*100/80*60);flex:0 0 calc(var(--vw,1vw)*100/80*40);width:100%;position:relative;top:0}}.PathsMapList.listPage>.mapWrapper>.map{border-radius:1rem;width:100%;height:100%;overflow:hidden}.PathsMapList>.waypoints{top:calc(var(--vw,1vw)*100/80*6);flex:0 0 calc(var(--vw,1vw)*100/80*20);gap:calc(var(--vw,1vw)*100/80*1);flex-direction:column;min-width:40rem;display:flex;position:sticky}@media screen and (width<=1024px){.PathsMapList>.waypoints{flex:0 0 calc(var(--vw,1vw)*100/80*35);position:relative;top:0}}@media screen and (width<=768px){.PathsMapList>.waypoints{width:100%;min-width:0;padding:calc(var(--vw,1vw)*100/80*2);flex:0 0 100%;max-width:calc(100vw - var(--vw,1vw)*100/80*6)!important}}.PathsMapList>.waypoints>.wrapper{width:100%;padding:calc(var(--vw,1vw)*100/80*1);box-sizing:border-box;background:#f5f4f5;border-radius:1rem;flex-direction:column;gap:2rem;height:100%;display:flex;overflow-y:scroll}@media screen and (width<=768px){.PathsMapList>.waypoints>.wrapper{padding:calc(var(--vw,1vw)*100/80*2);max-width:calc(100vw - var(--vw,1vw)*100/80*2)}}.PathsMapList>.waypoints>.wrapper>.item{cursor:pointer;border-radius:1rem;padding:1rem;transition:background-color .5s ease-out}.PathsMapList>.waypoints>.wrapper>.item.active,.PathsMapList>.waypoints>.wrapper>.item:hover{background:#fff}.PathsMapList>.waypoints>.wrapper>.item *{margin:0}@media screen and (width<=768px){.PathsMapList>.waypoints>.wrapper.bikeLegend{padding:calc(var(--vw,1vw)*100/80*4)}}.PathsMapList>.waypoints>.wrapper.bikeLegend .section{flex-direction:column;gap:.5rem;display:flex}.PathsMapList>.waypoints>.wrapper.bikeLegend .section h5{text-transform:uppercase;letter-spacing:.04em;margin:0;font-size:1.2rem}.PathsMapList>.waypoints>.wrapper.bikeLegend .routes{flex-direction:column;gap:.3rem;display:flex;overflow:auto}.PathsMapList>.waypoints>.wrapper.bikeLegend .routes:has(.active)>:not(.active){opacity:.5}.PathsMapList>.waypoints>.wrapper.bikeLegend .route{cursor:pointer;align-items:center;gap:.6rem;font-size:1.3rem;line-height:1.2;transition:opacity .3s,transform .3s;display:flex}.PathsMapList>.waypoints>.wrapper.bikeLegend .route.active,.PathsMapList>.waypoints>.wrapper.bikeLegend .route:hover{transform:translate(.15rem)}.PathsMapList>.waypoints>.wrapper.bikeLegend .route .identifier{color:#fff;border-radius:99rem;justify-content:center;align-items:center;width:3.2rem;height:3.2rem;font-weight:700;display:flex;box-shadow:0 1px 2px #0003}.PathsMapList>.waypoints>.wrapper.bikeLegend .route .name{font-weight:600}.PathsMapList>.waypoints>.wrapper.bikeLegend .symbols{flex-wrap:wrap;gap:.6rem 1rem;display:flex}.PathsMapList>.waypoints>.wrapper.bikeLegend .symbol{align-items:center;gap:.4rem;font-size:1.3rem;font-weight:600;display:flex}.PathsMapList>.waypoints>.CTA{align-self:flex-end}
