html body .bt-route-step{text-align:center;cursor:pointer;color:rgba(244,244,244,.64);transition:color .25s ease}html body .bt-route-circle{width:66px;height:66px;margin:0 auto 10px;border-radius:50%;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.04);display:grid;place-items:center;position:relative;transition:transform .25s ease,border-color .25s ease,background .25s ease,box-shadow .25s ease}html body .bt-route-circle::before{content:attr(data-no);position:absolute;top:-7px;right:-7px;width:24px;height:24px;border-radius:50%;background:#f2f2f2;color:#171717;display:grid;place-items:center;font-size:10px;font-weight:800;box-shadow:0 8px 24px rgba(0,0,0,.24)}html body .bt-route-icon{width:36px;height:36px;display:grid;place-items:center;color:var(--bt-accent)}html body .bt-route-icon svg{width:29px;height:29px;display:block}html body .bt-route-step strong{display:block;font-size:12px;line-height:1.32;letter-spacing:-.015em;min-height:32px;font-weight:800}html body .bt-route-step small{display:block;margin-top:4px;color:rgba(244,244,244,.42);font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:700}html body .bt-route-step:hover,html body .bt-route-step.active{color:#f4f4f4}html body .bt-route-step:hover .bt-route-circle,html body .bt-route-step.active .bt-route-circle{transform:scale(1.05);border-color:rgba(216,135,8,.52);background:linear-gradient(135deg,rgba(216,135,8,.20),rgba(255,255,255,.055));box-shadow:0 0 0 10px rgba(216,135,8,.07),0 18px 42px rgba(0,0,0,.26)}html body .bt-route-dot{justify-self:center;width:12px;height:12px;border-radius:50%;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.18);transition:transform .25s ease,background .25s ease,border-color .25s ease,box-shadow .25s ease}html body .bt-route-dot.active{background:var(--bt-accent);border-color:rgba(216,135,8,.8);box-shadow:0 0 0 8px rgba(216,135,8,.08),0 0 18px rgba(216,135,8,.25);transform:scale(1.08)}html body .bt-stage-text .hl{color:var(--bt-accent);font-weight:800}html body .bt-progress-btn{appearance:none;border:none;padding:0;margin:0;background:none;cursor:pointer;width:100%;height:22px;display:flex;align-items:center}html body .bt-progress-bar{width:100%;height:5px;border-radius:999px;background:rgba(255,255,255,.16);transition:background .25s ease,box-shadow .25s ease,transform .25s ease}html body .bt-progress-btn:hover .bt-progress-bar,html body .bt-progress-btn:focus-visible .bt-progress-bar{background:rgba(216,135,8,.62);box-shadow:0 0 18px rgba(216,135,8,.18);transform:translateY(-1px)}html body .bt-progress-btn.active .bt-progress-bar{background:var(--bt-accent);box-shadow:0 0 20px rgba(216,135,8,.24)}html body .bt-progress-btn:focus-visible{outline:none}@media (max-width:760px){html body .bt-route-step{display:grid;grid-template-columns:1fr 64px 64px 1fr;gap:10px;align-items:center;min-height:76px !important;text-align:left;position:relative}html body .bt-route-circle{width:58px;height:58px;margin:0}html body .bt-route-circle::before{width:22px;height:22px;font-size:9px}html body .bt-route-icon{width:34px;height:34px}html body .bt-route-icon svg{width:26px;height:26px}html body .bt-route-step > div:last-child{max-width:170px}html body .bt-route-step:nth-child(odd) > div:last-child{grid-column:1;text-align:right;justify-self:end}html body .bt-route-step:nth-child(odd) > .bt-route-circle{grid-column:2;justify-self:end;margin-right:2px}html body .bt-route-step:nth-child(even) > .bt-route-circle{grid-column:3;justify-self:start;margin-left:2px}html body .bt-route-step:nth-child(even) > div:last-child{grid-column:4;text-align:left;justify-self:start}html body .bt-route-step strong{font-size:13px;min-height:auto;margin-bottom:3px}html body .bt-route-step small{font-size:10px;margin-top:0}}
