.route-area-switch{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.route-area-switch a{padding:10px 17px;border:1px solid #d9d3c5;border-radius:24px;color:#10263a;text-decoration:none;background:#fff;font-weight:600;font-size:.9rem}.route-area-switch a[aria-current=page]{background:#10263a;color:#fff;border-color:#10263a}.route-area-filter{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:end}.cycling-filter.route-area-filter{grid-template-columns:repeat(4,minmax(0,1fr))}.route-area-filter>div{min-width:0}.route-area-filter label{display:block;font-weight:600;margin-bottom:8px;font-size:.85rem}.route-area-filter select,.route-area-filter input{width:100%;max-width:100%;min-width:0;min-height:47px;border:1px solid #d9d7d1;border-radius:8px;padding:11px 12px;background:#fff;color:#10263a}.route-area-filter button{min-height:47px;justify-self:start}.route-area-note{font-size:.8rem;color:#536779;margin:12px 0 0;line-height:1.6}.route-area-location{font-size:.82rem;color:#536779}.route-area-switch a:focus-visible,.route-area-filter :is(select,input,button):focus-visible{outline:3px solid #b88630;outline-offset:3px}@media(max-width:900px){.route-area-filter,.cycling-filter.route-area-filter{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.route-area-filter,.cycling-filter.route-area-filter{grid-template-columns:minmax(0,1fr)}.route-area-filter button{width:100%;justify-self:stretch}.route-area-switch a{flex:1;text-align:center;padding:10px}.route-area-filter>div{width:100%}}