@keyframes shine-skeleton-lines{0{background-position:-100px}
40%,100%{background-position:600px}
}
.mod__max-w-xl{max-width:1436px;margin:auto}
@keyframes spin{0{-webkit-transform:rotate(0);transform:rotate(0)}
100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}
}
@keyframes rotateImageLoading{from{transform:translate(-50%,-50%) rotateY(0) scale(1.01)}
to{transform:translate(-50%,-50%) rotateY(360deg) scale(1.01)}
}
.cmp-route-planner{position:relative;margin:0 auto;width:100%;max-width:1436px;padding:0 16px}
@media(min-width:764px){.cmp-route-planner{padding:0 24px}
}
@media(min-width:1016px){.cmp-route-planner{padding:0 48px}
}
@media(min-width:1436px){.cmp-route-planner{padding:0 58px}
}
.cmp-route-planner__title{max-width:225px}
.cmp-route-planner__title .cmp-title__text{color:var(--color-font-01);font-family:'CupraBook',sans-serif;font-weight:400;text-transform:uppercase;font-size:24px;line-height:28px;margin:0;word-break:break-word}
.cmp-route-planner__text{margin-top:16px}
.cmp-route-planner__text .cmp-text p{color:var(--color-font-01);font-family:'CupraBook',sans-serif;font-weight:400;font-size:16px;line-height:24px}
.cmp-route-planner__text .cmp-text p>a{color:var(--color-font-01);text-decoration:underline}
.cmp-route-planner__body{margin:32px -16px 0;width:calc(100% + 32px)}
.cmp-route-planner .filter__header{padding:0 16px}
@media(min-width:764px){.cmp-route-planner__header{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}
.cmp-route-planner__title .cmp-title__text{font-size:30px;line-height:36px;margin:0;word-break:break-word}
.cmp-route-planner__text{margin-top:0}
.cmp-route-planner__body{margin:40px -32px 0;width:calc(100% + 64px)}
.cmp-route-planner .filter__header{padding:0}
}
@media(min-width:1016px){.cmp-route-planner__title{max-width:262px}
.cmp-route-planner__title .cmp-title__text{font-size:48px;line-height:52px;font-family:'CupraLight',sans-serif;font-weight:300}
.cmp-route-planner__text{margin-top:32px}
.cmp-route-planner__text .cmp-text p{font-size:20px;line-height:24px}
.cmp-route-planner__text .cmp-text p>a{text-decoration:underline}
}
@media(min-width:1436px){.cmp-route-planner__header{display:flex}
.cmp-route-planner__title{max-width:436px}
.cmp-route-planner__title .cmp-title__text{font-size:60px;line-height:64px}
.cmp-route-planner__text{max-width:100%;margin-top:64px}
}