body,html{width:100%;height:100%;margin:0}*{transition:all ease .3s}body{padding:0;margin:0;font-family:Roboto,sans-serif}.wrap{height:100vh;display:flex;justify-content:center}.map{background-color:#f2f2f2;position:fixed;width:100%;height:100%;top:0;left:0;z-index:0}.grid{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;padding:24px;width:440px}.status-holder{background:#fff;margin-bottom:auto;padding:20px;border:1px solid #E9E9E9;box-shadow:0 4px 20px #0000000d;border-radius:8px;display:flex;justify-content:space-between;align-items:center}.status-holder h2{padding:0;margin:0 0 8px;font-size:16px;color:#1c2031;font-weight:700}.status-holder p{margin:0;font-size:14px;color:#6a6a6a;font-weight:400}.time label{color:#1c2031;font-size:16px;font-weight:700}.info-holder{display:flex;flex-direction:column;gap:16px}.partner-info{background:#fff;margin-bottom:auto;padding:20px;border:1px solid #E9E9E9;box-shadow:0 4px 20px #0000000d;border-radius:8px;display:flex;align-items:center;justify-content:space-between}.partner-info .avatar{width:48px!important;height:48px;overflow:hidden;border-radius:48px}.partner-info .avatar img{width:100%;height:100%;object-fit:cover}.partner-info .partner{display:flex;align-items:center;gap:16px}.partner-info .partner h2{font-size:16px;margin:0 0 8px;padding:0;color:#1c2031}.partner-info .partner p{margin:0;font-size:14px;color:#6a6a6a;font-weight:400}.partner-info .ratings{display:flex;align-items:center;gap:4px;font-size:14px;color:#aaa}.partner-info .ratings label{margin:0;padding:0}.route{background:#fff;margin-bottom:auto;border:1px solid #E9E9E9;box-shadow:0 4px 20px #0000000d;border-radius:8px}.route .route-item{display:flex;gap:16px;align-items:center;padding:16px 20px;border-bottom:1px solid #E9E9E9}.route .route-item .route-info label{padding:0;margin:0;font-size:14px;color:#aaa}.route .route-item .route-info h3{padding:0;margin:8px 0 0;font-size:16px;color:#1c2031;font-weight:700}@media (max-width: 768px){.grid{width:100%}}