/* RAILRADAR_LOCATION_PERMISSION_GUIDANCE_1_0_0 */
.rr-location-guidance{
  margin:14px 0 0;
  padding:14px 16px;
  display:grid;
  grid-template-columns:34px minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  border:1px solid #31516b;
  border-radius:14px;
  background:#0a1d2d;
  color:#eaf5ff;
}
.rr-location-guidance[hidden]{display:none!important}
.rr-location-guidance-icon{
  width:34px;height:34px;border-radius:10px;
  display:grid;place-items:center;
  font-size:21px;font-weight:900;
  background:#173149;color:#9fd6ff;
}
.rr-location-guidance-copy{display:grid;gap:3px}
.rr-location-guidance-copy strong{font-size:15px}
.rr-location-guidance-copy span{color:#b7cad9;line-height:1.45}
.rr-location-guidance.is-info{border-color:#315d7a}
.rr-location-guidance.is-warning{border-color:#8d6e20;background:#211b09}
.rr-location-guidance.is-warning .rr-location-guidance-icon{background:#3d300d;color:#ffd15b}
.rr-location-guidance.is-error,
.rr-location-guidance.is-blocked{border-color:#7b3434;background:#261111}
.rr-location-guidance.is-error .rr-location-guidance-icon,
.rr-location-guidance.is-blocked .rr-location-guidance-icon{background:#481d1d;color:#ffabab}
.rr-location-guidance-action{
  min-height:40px;padding:0 14px;border-radius:10px;
  border:1px solid #58738a;background:#132b3d;color:#fff;
  font-weight:800;cursor:pointer;white-space:nowrap
}
@media(max-width:720px){
  .rr-location-guidance{grid-template-columns:34px minmax(0,1fr)}
  .rr-location-guidance-action{grid-column:1/-1;width:100%}
}