@import url("./index-Bfqup3ov-googleicons-v6.css");

/*
  Connector rail correction.
  The v5/v6 bottom rail only ran inside a viewport-width media query, but the
  Google rows can sit inside a narrow phone-style panel on wider viewports.
  Keep Connected and Remove positioned against the row itself everywhere.
*/
.zero-vault-google-connector,
.zero-vault-google-connector.is-connected {
  position: relative !important;
  align-items: start !important;
  min-height: 116px !important;
  padding-bottom: 56px !important;
}

.zero-vault-google-connector-title-row {
  display: block !important;
}

.zero-vault-google-connector-status,
.zero-vault-google-connector-action {
  position: absolute !important;
  top: auto !important;
  bottom: 10px !important;
  margin: 0 !important;
  transform: none !important;
}

.zero-vault-google-connector-status {
  left: 48px !important;
}

.zero-vault-google-connector-action {
  right: 0 !important;
  grid-column: auto !important;
  justify-self: auto !important;
}

@media (max-width: 360px) {
  .zero-vault-google-connector-status {
    left: 46px !important;
  }
}
