/* Loaded only where encounter Journey controls are used. */
.as-journey-control{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:18px 0;margin:16px 0;border-top:1px solid #c4a46a26;border-bottom:1px solid #c4a46a26;color:#b5aa93;font:13px/1.6 'Source Sans 3',sans-serif}
.as-journey-control label{display:flex;gap:24px;align-items:center;min-width:102px}
.as-journey-control output{color:#e9d39a;font-variant-numeric:tabular-nums;min-width:42px}
.as-journey-control input{accent-color:#d7bf85;flex:1;max-width:360px;min-width:160px;height:28px;margin:0;cursor:pointer}
.as-journey-control input:focus-visible{outline:2px solid #e2c98f;outline-offset:4px}
.as-journey-control>span{font-size:12px;color:#a49a80}
@media(max-width:600px){.as-journey-control{gap:12px}.as-journey-control input{height:44px;min-width:120px}.as-journey-control>span{flex-basis:100%}}

/* The visible rail ends exactly at the thumb centers at NG and NG+7. */
.as-journey-control input{appearance:none;-webkit-appearance:none;padding:0;border:0;border-radius:0;background:linear-gradient(to right,#d7bf85 var(--journey-position,0%),#766e5a var(--journey-position,0%)) center/calc(100% - 16px) 4px no-repeat}
.as-journey-control input::-webkit-slider-runnable-track{height:4px;background:transparent;border:0}
.as-journey-control input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin-top:-6px;border:0;border-radius:50%;background:#d7bf85}
.as-journey-control input::-moz-range-track{height:4px;background:transparent;border:0}
.as-journey-control input::-moz-range-thumb{width:16px;height:16px;border:0;border-radius:50%;background:#d7bf85}