#view-device-registration .mdc-card {
  display: flex;
  padding: 1.5rem;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
  width: 100%;
}

/* METHODS LIST */
.vdr-methods {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  align-self: stretch;
}

.vdr-methods__method-wrapper {
  width: 100%;
}

.vdr-methods__method,
.vdr-methods__method-wrapper .reactSingularKey_loading-container {
  border-radius: 0.25rem;
  background: var(--secondary-10);
  border: 1px solid var(--secondary-10);
  font-weight: normal;
}

.vdr-methods__method-wrapper .reactSingularKey_loading-container {
  padding: 1.16rem;
}

.vdr-methods__method {
  display: flex;
  padding: 0.75rem 0.25rem 0.75rem 0.5rem;
  align-items: center;
  gap: 0.5rem;
  align-self: stretch;
  color: var(--secondary-500);
}

.vdr-methods__method-wrapper:focus .vdr-methods__method,
.vdr-methods__method-wrapper--active .vdr-methods__method {
  border: 1px solid var(--primatives-black);
  background: var(--secondary-10);
  font-weight: 500;
  color: var(--primatives-black);
}

.vdr-methods__method:hover {
  background-color: var(--secondary-20);
}

.vdr-methods__method:active {
  background-color: var(--secondary-30);
}

.vdr-methods__method:focus {
  outline: none;
}

.vdr-method__avatar {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-grow: 0;
  width: 1.5rem;
  height: 1.5rem;
}

.vdr-method__avatar svg {
  width: 1.5rem;
  height: auto;
}

.vdr-method__content {
  text-align: left;
  font-style: normal;
  line-height: normal;
  font-weight: 700;
}

.vdr-method__content__title {
  display: block;
  font-size: 0.875rem;
  color: var(--primatives-black);
}

.vdr-method__content__subtitle {
  font-size: 0.6875rem;
}