:host {
  width: 100%;
  height: 100%;
}

.wrapper {
  background-color: var(--color-ti-primary-white);
  position: relative;
}

.disable {
  opacity: 0.5;
  pointer-events: none;
}

.selected-address {
  align-items: center;
  border: 1px solid var(--color-ti-indicator-grey);
  border-radius: 3px;
  color: var(--color-ti-secondary-grey-dark);
  cursor: pointer;
  display: flex;
  font-size: 11px;
  font-weight: 500;
  gap: 5px;
  height: 34px;
  padding: 5px 8px;
  position: relative;
}

.down-arrow {
  color: var(--color-ti-secondary-grey);
  position: absolute;
  right: 0px;
}

.icon {
  height: 20px;
  width: 27px;
}

.connection-status-led {
  width: 14px;
}

.address-list {
  background-color: var(--color-ti-primary-white);
  border-radius: 5px;
  box-shadow: 0px 7px 12px 6px var(--color-ti-border-grey-02);
  gap: 15px;
  max-height: 250px;
  overflow: auto;
  padding: 14px;
  position: absolute;
  top: 37px;
  width: 100%;
  z-index: 1;
}

.address-option {
  color: var(--color-ti-secondary-grey);
  font-size: 11px;
  font-weight: 600;
}

.connect-button {
  color: var(--color-ti-secondary-blue-light);
}