body{--black:#0d0c22;--charcoal:#3d3d4e;--border:#dee2e6;--dark-border:#c3cad5;--light-gray:#f2f2f6;font-family:Inter,sans-serif;margin:0;color:var(--black)}h1{margin-block-start:0;margin-block-end:0;font-weight:400}h3{margin-bottom:0}p{margin-top:8px;color:var(--charcoal);line-height:1.5rem}.delivery-site{text-align:center;display:grid;grid-template-rows:67px 1fr 58px;row-gap:32px;margin:0;height:100vh;align-items:start}.header{display:grid;grid-template-columns:100px 1fr 200px;align-items:center;padding:24px 40px;border-bottom:1px solid var(--border)}.logo{margin-right:auto;height:26px}.name-address{display:grid;grid-auto-flow:column;column-gap:8px;align-items:center;margin-inline:auto;font-weight:600}.address{font-weight:400}.address,.logout{color:var(--charcoal)}.logout{display:grid;grid-template-columns:16px auto;column-gap:8px;margin-left:auto}.body-container{max-width:800px;display:grid;row-gap:16px;padding:24px;margin-inline:auto;text-align:left}.footer{position:sticky;bottom:0;padding:8px 40px}.feedback{grid-template-columns:16px 1fr;column-gap:8px;padding:12px;background:#eee;border-radius:20px;width:fit-content;color:var(--charcoal);box-shadow:0 2px 2px rgba(0,0,0,.2)}.card,.feedback{display:grid;align-items:center}.card{grid-template-columns:24px 1fr 151px;column-gap:24px;background:var(--light-gray);padding:4px 24px;border-radius:16px;border:1px solid var(--border)}button.start-button{all:unset;display:grid!important;grid-auto-flow:column!important;align-items:center!important;column-gap:8px!important;background:#fff;border-radius:40px;padding:12px 24px;border:1px solid var(--border);width:fit-content;font-size:16px;box-shadow:0 2px 2px rgba(0,0,0,.2);transition-duration:.2s;cursor:pointer;margin-left:auto;font-weight:600;font-size:14px}button.done-button{color:green;border-color:green}button.start-button:hover{transform:translateY(2px);box-shadow:none;border-color:var(--dark-border)}.progress{display:flex;justify-content:space-between;color:var(--charcoal);margin-bottom:40px}.progress-node{display:grid;row-gap:8px;width:280px;text-align:center;font-size:14px}.progress-icon{display:flex;justify-content:center;align-items:center;background-color:var(--dark-border);width:32px;height:32px;color:#fff;border-radius:50%;margin-inline:auto}.ruler-line{margin-top:16px;height:2px;width:80%;background-color:var(--border)}.dark-line{background-color:var(--charcoal)}.visited-icon{background-color:var(--black)}