#range{container-type:inline-size;padding:8px 0;background:transparent;color:#f4f0e8;font-family:Arial,sans-serif}#range *{box-sizing:border-box}#range .range-panel{background:#101f2b;padding:26px 26px 22px;border-radius:4px;overflow:hidden}#range .range-eyebrow{font-size:10px;letter-spacing:2px;color:#cbb58f;margin:0 0 12px}#range h2{font-family:Georgia,serif;font-size:33px;font-weight:400;line-height:1.15;color:#f4f0e8;margin:0 0 23px}#range h2 em{color:#d4bd96;font-weight:400}#range .range-controls{display:grid;grid-template-columns:1fr 1fr;gap:18px}#range label{display:block;font-size:11px;color:#b7c1c9;letter-spacing:.4px}#range select{display:block;width:100%;margin-top:8px;background:#182c3b;color:#f4f0e8;border:1px solid #52616b;padding:12px 9px;border-radius:3px;font:14px Arial,sans-serif;min-height:44px}#range .range-slider-label{display:flex;justify-content:space-between;align-items:center;margin-top:22px;gap:15px}#range .range-slider-label strong{color:#f4f0e8;font-size:14px;font-weight:400;font-variant-numeric:tabular-nums}#range input[type=range]{width:100%;margin:12px 0 0;accent-color:#d4bd96;min-height:24px}#range .map-wrap{width:100%;margin-top:12px}#range svg{display:block;width:100%;height:auto;overflow:visible}#range .range-legend{display:flex;flex-wrap:wrap;gap:16px;font-size:11px;color:#b7c1c9;margin-top:4px}#range .range-legend span{display:flex;align-items:center;gap:7px}#range .range-dot{width:7px;height:7px;border-radius:50%;background:#d4bd96}#range .range-dot.outside{background:#748592}#range .range-dot.origin{background:#f4f0e8}#range .range-result{border-top:1px solid #43515b;margin-top:22px;padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:16px}#range .route-city{font-family:Georgia,serif;font-size:23px;color:#f4f0e8;margin-bottom:6px}#range .route-status{font-size:12px;color:#c9b791;line-height:1.5}#range .distance{font-family:Georgia,serif;font-size:32px;color:#f4f0e8;white-space:nowrap;font-variant-numeric:tabular-nums}#range .distance small{font:11px Arial,sans-serif;color:#b7c1c9}#range .range-note{font:11px/1.6 Arial,sans-serif;color:#9eafb9;margin:17px 0 0}#range .map-label{font:11px Arial,sans-serif;paint-order:stroke;stroke:#101f2b;stroke-width:3px;stroke-linejoin:round;fill:#f4f0e8}#range .loading{color:#b7c1c9;padding:60px 0;text-align:center;font-size:13px}#range .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@container(max-width:480px){#range .range-panel{padding:22px 16px}#range h2{font-size:28px}#range .range-controls{grid-template-columns:1fr;gap:14px}#range .range-result{align-items:flex-start}#range .route-city{font-size:19px}#range .distance{font-size:27px}}

#range{padding:75px 7.2%;background:#101f2b;border-bottom:1px solid #ffffff20}#range .range-panel{max-width:1000px;margin:0 auto;padding:0;border-radius:0}#range label{margin-bottom:0}#range label span{color:inherit}#range h2{font-family:var(--serif);font-size:clamp(40px,4.4vw,68px);letter-spacing:-1.5px}#range .range-slider-label strong{white-space:nowrap}#range select{font-size:16px}#range .cursor-interaction{cursor:pointer}#range input[type=range]{padding:0;border:0;background:transparent;min-height:44px}#range .range-note{max-width:820px}#range .range-eyebrow{font-size:11px}#range .range-controls label{min-width:0}@media(max-width:760px){#range{padding:55px 6%}}