.sui{--g:#023B2F;--g2:#0E5140;--mt:#BFE9C9;--ln:#E7EAE8;--gy:#6E7B76;
position:absolute;inset:0;overflow:hidden;background:#fff;color:var(--g);
font-family:Archivo,system-ui,sans-serif;display:flex;flex-direction:column;
container-type:inline-size}
.sui *{box-sizing:border-box}
.sui-h{display:flex;align-items:center;gap:4cqw;padding:5cqw 5cqw 3.5cqw}
.sui-h .bk{width:8cqw;height:8cqw;display:grid;place-items:center;font-size:5cqw;color:var(--g)}
.sui-h b{font-size:5.4cqw;font-weight:700;letter-spacing:-.02em}

.sui-map{position:relative;height:34%;flex:none;background:#EEF2EF;overflow:hidden}
.sui-map svg{position:absolute;inset:0;width:100%;height:100%}
.sui-pin{position:absolute;top:38%;left:63%;width:9cqw;height:9cqw;border-radius:50%;background:var(--g);border:.9cqw solid #fff;box-shadow:0 2cqw 4cqw rgba(2,59,47,.3)}
.sui-pin::after{content:"";position:absolute;inset:-3.2cqw;border-radius:50%;border:.5cqw solid rgba(2,59,47,.22)}
.sui-dest{position:absolute;top:58%;left:32%;width:5.4cqw;height:5.4cqw;border-radius:50%;background:#fff;border:1.2cqw solid var(--g)}
.sui-eta{position:absolute;left:5cqw;bottom:4cqw;display:flex;align-items:center;gap:2.6cqw;padding:2.6cqw 4cqw;border-radius:4cqw;background:#fff;box-shadow:0 2cqw 6cqw rgba(2,59,47,.16)}
.sui-eta>div{display:grid;gap:.5cqw}
.sui-eta i{width:2.4cqw;height:2.4cqw;border-radius:50%;background:var(--mt);font-style:normal;flex:none}
.sui-eta span{font-size:3.5cqw;color:var(--gy)}
.sui-eta b{font-size:4cqw;font-weight:700;letter-spacing:-.02em}

.sui-b{flex:1;padding:4.4cqw 5cqw;display:flex;flex-direction:column;gap:3.6cqw;overflow:hidden}
.sui-card{border:.35cqw solid var(--ln);border-radius:4.5cqw;padding:3.8cqw}
.sui-pro{display:flex;align-items:center;gap:3.4cqw}
.sui-av{width:12cqw;height:12cqw;border-radius:50%;background:#E8F3EB;display:grid;place-items:center;flex:none;font-size:4.4cqw;font-weight:700;color:var(--g2)}
.sui-pro b{display:block;font-size:4.4cqw;font-weight:700;letter-spacing:-.02em}
.sui-pro span{display:block;margin-top:.8cqw;font-size:3.5cqw;color:var(--gy)}
.sui-tag{display:inline-block;margin-top:1.4cqw;padding:.8cqw 2.2cqw;border-radius:1.6cqw;background:#F2F5F3;font-family:"Geist Mono",ui-monospace,monospace;font-size:2.9cqw;color:var(--gy)}
.sui-act{display:flex;gap:2.6cqw;margin-top:3.4cqw}
.sui-act a{flex:1;height:10.2cqw;display:grid;place-items:center;border-radius:3cqw;font-size:3.8cqw;font-weight:600;text-decoration:none}
.sui-act .a1{background:var(--g);color:#fff}
.sui-act .a2{color:var(--g);border:.35cqw solid var(--ln)}

.sui-steps{display:grid;gap:0}
.sui-step{display:grid;grid-template-columns:7cqw 1fr;gap:3cqw;align-items:start}
.sui-dot{position:relative;display:grid;place-items:center;padding-top:1cqw}
.sui-dot i{width:3.4cqw;height:3.4cqw;border-radius:50%;background:var(--ln);font-style:normal;z-index:1}
.sui-step.on .sui-dot i{background:var(--g)}
.sui-step:not(:last-child) .sui-dot::after{content:"";position:absolute;top:4cqw;bottom:-2cqw;width:.5cqw;background:var(--ln)}
.sui-step.on:not(:last-child) .sui-dot::after{background:var(--g)}
.sui-step div b{display:block;font-size:3.9cqw;font-weight:600;letter-spacing:-.015em;color:#B4BDB9}
.sui-step.on div b{color:var(--g)}
.sui-step div span{display:block;margin-top:.6cqw;font-size:3.2cqw;color:var(--gy)}
.sui-step+.sui-step{margin-top:3.6cqw}

.sui-tab{flex:none;display:grid;grid-template-columns:repeat(5,1fr);padding:3cqw 2cqw 4cqw;border-top:.35cqw solid var(--ln);background:#fff}
.sui-tab div{display:grid;justify-items:center;gap:1.4cqw;font-size:3cqw;color:#9AA5A0}
.sui-tab div.on{color:var(--g);font-weight:600}
.sui-tab u{display:block;width:5cqw;height:5cqw;border-radius:1.4cqw;border:.5cqw solid currentColor;text-decoration:none}
.sui-tab div.on u{background:var(--mt);border-color:var(--mt)}