@layer components{.routes-page{--heading-font:"Rubik", sans-serif;--text-font:"Rubik", sans-serif}.routes-destinations-link{color:var(--secondary-color);margin:0 0 2.4rem;font-size:1.4rem}.routes-destinations-link a{color:var(--tertiary-ink)}.saved-routes{background:#fbfcfd;border:1px solid #e7e9eb;border-radius:1.4rem;margin-bottom:3.2rem;padding:2rem 2.4rem}.saved-routes__title{align-items:center;gap:1rem;margin:0;font-size:1.9rem;display:flex}.saved-routes__count{min-width:2.6rem;height:2.6rem;color:var(--white-color);background:var(--tertiary-ink);border-radius:999px;place-items:center;padding:0 .8rem;font-size:1.3rem;font-weight:700;display:grid}.saved-routes__hint{color:var(--secondary-color);margin:.4rem 0 1.2rem;font-size:1.3rem}.saved-routes__list{flex-wrap:wrap;gap:.8rem;margin:0;padding:0;list-style:none;display:flex}.saved-routes__list a{color:var(--primary-color);background:var(--white-color);border:1px solid #dfe3e6;border-radius:999px;padding:.7rem 1.2rem;font-size:1.4rem;text-decoration:none;display:inline-block}.saved-routes__list a:hover,.saved-routes__list a:focus-visible{border-color:var(--tertiary-ink);color:var(--tertiary-ink)}.routes-intro{justify-content:space-between;align-items:flex-end;gap:3rem;display:flex}.routes-eyebrow{color:var(--tertiary-ink);letter-spacing:.12em;text-transform:uppercase;margin:0 0 .8rem;font-size:1.3rem;font-weight:700}.routes-intro__cta{color:var(--white-color);background:var(--primary-color);border-radius:999px;flex-shrink:0;align-items:center;gap:1.2rem;padding:1.3rem 1.8rem;font-size:1.4rem;font-weight:700;text-decoration:none;display:inline-flex}.routes-stats{background:#fbfcfd;border:1px solid #e7e9eb;border-radius:1.4rem;gap:4rem;margin-top:3.2rem;padding:2rem 2.4rem;display:flex}.routes-stats div{flex-direction:column;gap:.3rem;display:flex}.routes-stats strong{color:var(--primary-color);font-size:2.4rem}.routes-stats span,.route-quick-filters>span{color:var(--secondary-color);font-size:1.3rem}.route-filter{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;margin-top:3.2rem;display:flex}.route-filter__input-wrap{align-items:center;display:flex;position:relative}.route-filter__input-wrap>span{color:var(--secondary-color);font-size:2.2rem;line-height:1;position:absolute;left:1.5rem}.route-filter__field{flex-direction:column;flex-grow:1;gap:.6rem;max-width:42rem;display:flex}.route-filter__label{text-transform:uppercase;letter-spacing:.08em;color:var(--secondary-color);font-size:1.3rem}.route-filter__input{width:100%;font-size:1.6rem;font-family:var(--text-font);color:var(--primary-color);border:1px solid #e7e9eb;border-radius:1.2rem;outline:none;padding:1.4rem 4.4rem;transition:border-color .2s}.route-filter__input:focus{border-color:var(--tertiary-ink);box-shadow:0 0 0 .3rem #ff77571f}.route-filter__clear{width:3rem;height:3rem;color:var(--secondary-color);cursor:pointer;background:#eef0f2;border:0;border-radius:50%;place-items:center;font-size:2rem;line-height:1;display:grid;position:absolute;right:1.2rem}.route-filter__clear:hover{color:var(--primary-color);background:#e2e5e8}.route-quick-filters{flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1.4rem;display:flex}.route-chip{color:var(--primary-color);background:var(--white-color);font-family:var(--text-font);cursor:pointer;border:1px solid #dfe3e6;border-radius:999px;padding:.7rem 1.2rem;font-size:1.3rem}.route-chip:hover,.route-chip.is-active{border-color:var(--tertiary-ink);color:var(--tertiary-ink);background:#fff5f1}.route-filter__count{color:var(--secondary-color);white-space:nowrap;font-size:1.4rem}.route-grid{gap:var(--global-gap);margin-top:var(--global-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid;@media screen and (width<=1151px){grid-template-columns:repeat(2,minmax(0,1fr))}@media screen and (width<=767px){grid-template-columns:1fr}}.compare-cta{text-align:center;border-top:1px solid #e7e9eb;margin-top:3.2rem;padding-top:2rem}.compare-cta a{color:var(--white-color);background:var(--primary-color);border-radius:999px;padding:1.3rem 1.8rem;font-size:1.4rem;font-weight:700;text-decoration:none;display:inline-block}.compare-cta a:hover,.compare-cta a:focus-visible{background:var(--secondary-color)}.route-empty{margin-top:var(--global-gap);text-align:center;background-color:#f5f6f7;border-radius:1.6rem;flex-direction:column;align-items:center;gap:1.2rem;padding:4.8rem;display:flex}.route-empty__title{font-family:var(--heading-font);color:var(--primary-color);margin:0;font-size:2.4rem}.route-empty__text{color:var(--secondary-color);margin:0}.route-empty__text a{color:var(--tertiary-ink)}@media screen and (width<=767px){.routes-intro{flex-direction:column;align-items:flex-start;gap:1.8rem}.routes-intro__cta{justify-content:center;width:100%}.routes-stats{justify-content:space-between;gap:1.6rem;padding:1.6rem}.routes-stats strong{font-size:2rem}.route-filter{margin-top:2.4rem}.route-filter__count{width:100%}}}
