/* General */

.lm-logo-and-text {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 500;
}

.logo-placeholder {
  height: 5rem;
  width: 5rem;
  border-radius: 50%;
  background-color: rgba(var(--color-foreground), 0.2);
}

.lm-link {
  color: rgb(var(--color-foreground));
}

.lm-address p {
  margin: 0;
}

/* Account block */

.lm-account-block {
  display: none;
  max-width: var(--lm--account-max-width);
  margin: 0 auto;
}

.lm-account-block[data-nav-active] {
  display: block;
}

/* Dialog */

.lm-dialog {
  border: 0;
  width: 88rem;
  max-width: 100%;
}

.lm-dialog::backdrop {
  background-color: rgba(75, 75, 75, 0.8);
}

.lm-dialog[open] {
  display: block;
}

.lm-dialog__body {
  background: rgb(var(--color-background));
  padding-bottom: 2rem;
}

.lm-dialog__close-form {
  display: flex;
  justify-content: flex-end;
}

.lm-dialog__close {
  all: unset;
  cursor: pointer;
  text-align: right;
}

/* Typography */

.lm-subtitle {
  font-size: 1.1rem;
  text-transform: uppercase;
  color: rgba(var(--color-foreground), 0.6);
  font-weight: 200;
  margin-top: 0;
}

/* Layout */

.lm-account-bottom-right {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
}

.lm-order-history {
  width: 100%;
}

/* Reward modal */

.lm-reward-details {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}

.lm-reward-details__actions {
  display: flex;
  flex-direction: column;
  gap: 2rem;
}

.lm-reward-details__action {
  width: 100%;
  padding: 1.5rem;
  border-radius: 18rem;
  background-color: rgba(var(--color-foreground), 0.8);
  border: 0;
  cursor: pointer;
  color: rgb(var(--color-background));
  border: 1px solid transparent;
}

.lm-reward-details__action--secondary {
  color: rgb(var(--color-foreground));
  background-color: rgb(var(--color-background));
  border: 1px solid rgb(var(--color-foreground));
}

.lm-reward-details__action:disabled {
  background-color: rgba(var(--color-foreground), 0.4);
  cursor: wait;
  color: rgba(var(--color-background), 0.4);
}

.lm-reward-details__media {
  flex: 0 1 auto;
  height: 40rem;
  width: 40rem;
  border-radius: 0.4rem;
  background-color: rgba(var(--color-foreground), 0.2);
}

.lm-reward-details__media img {
  display: block;
}

.lm-reward-details__body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex: 1 1 auto;
}

.lm-reward-details__description {
  max-height: 16rem;
  overflow: hidden;
}

.lm-reward-details__vendor {
  margin: 0;
}

.lm-reward-details__title {
  margin: 0;
}

.lm-reward-details__message {
  max-width: 40rem;
}

.lm-reward-details__content {
  max-width: 40rem;
}

.lm-reward-details__points {
  margin: 1.8rem 0;
}

.lm-redeemed-section {
  display: block;
  margin: 3rem 0 0;
}