.delivery-navigation{box-sizing:border-box;width:min(960px,calc(100vw - 16px));max-width:960px;max-height:calc(100dvh - 16px);margin:auto;padding:0;border:1px solid #d9e7e2;border-radius:18px;background:#fff;color:#263432;box-shadow:0 24px 90px #0c32214d;overflow:auto}.delivery-navigation::backdrop{background:#122e22a8}.delivery-navigation[open]{display:block}.delivery-navigation *{box-sizing:border-box}.delivery-navigation-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;position:sticky;top:0;background:#fff;z-index:1100;border-bottom:1px solid #e0eae6}.delivery-navigation-head h2{font-size:20px;margin:3px 0}.delivery-navigation-head .eyebrow{font-size:11px;color:#078d7c;margin:0}.delivery-navigation-head small{color:#536c66;font-size:12px;overflow-wrap:anywhere}.delivery-navigation-close{display:grid;place-items:center;border:1px solid #d4e1dc;border-radius:50%;background:#fff;color:#405d54;width:42px;height:42px;flex:0 0 42px;font-size:23px;cursor:pointer}.delivery-navigation-body{padding:14px 18px}.delivery-navigation-map{height:clamp(300px,48dvh,480px);min-height:300px;border-radius:12px;border:1px solid #d9e7e2;overflow:hidden;cursor:grab}.delivery-navigation-controls{display:flex;gap:8px;margin:12px 0}.delivery-navigation-controls>button{flex:1;min-width:0;min-height:44px;padding:10px 6px;font-size:13px;white-space:nowrap}.delivery-navigation-controls [aria-pressed=false]{background:#fff;color:#06766a;border:1px solid #cddfd7}.delivery-navigation [data-nav-gps]{background:#eff8f5;padding:8px 10px;border-radius:9px;font-size:12px;line-height:1.5;margin:10px 0}.delivery-navigation [data-nav-summary]{font-size:13px;font-weight:650;line-height:1.6}.delivery-navigation [data-nav-error]{font-size:13px;line-height:1.5;color:#8e291e;background:#fff0ed;padding:10px;border-radius:9px}.delivery-navigation [hidden]{display:none!important}.delivery-navigation-steps{border:1px solid #d9e7e2;border-radius:12px;overflow:hidden}.delivery-navigation-steps>summary{padding:12px 14px;background:#f5fbf9;color:#06766a;font-weight:750;font-size:14px;cursor:pointer}.delivery-navigation-steps ol{margin:0;padding:0 12px 0 34px;max-height:220px;overflow:auto}.delivery-navigation-steps li{padding:11px 0;border-bottom:1px solid #e5eeea;font-size:13px;line-height:1.5}.delivery-navigation-steps li:last-child{border:0}.delivery-navigation-steps li>small{display:block;color:#61736b;font-size:11px}.delivery-navigation-note,.delivery-navigation-attribution{font-size:11px;line-height:1.6;color:#61736b;margin:12px 0 0}.delivery-navigation-attribution a{color:#06766a}.delivery-navigation button:disabled{opacity:.5;cursor:default}@media(max-width:700px){.delivery-navigation{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:14px}.delivery-navigation-head{padding:10px 12px}.delivery-navigation-head h2{font-size:17px}.delivery-navigation-body{padding:10px 12px}.delivery-navigation-controls>button{font-size:11px}.delivery-navigation-steps ol{max-height:180px}}