.drawer.drawer--custom.drawer--intermediation-email {
  display: flex;
  flex-direction: column;
  inline-size: var(--width-2xl);
  max-inline-size: 100%;
  border-width: 0;
}

.drawer--intermediation-email .drawer__header {
  align-items: center;
  padding: var(--spacing-8) var(--spacing-6) 0 var(--spacing-8);
}

.drawer--intermediation-email .drawer__title {
  line-height: var(--spacing-8);
}

.drawer--intermediation-email .drawer__content {
  flex: 1;
  min-block-size: 0;
  gap: var(--spacing-8);
  padding: var(--spacing-10) var(--spacing-8) var(--spacing-8);
}

.intermediation-email__intro {
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  color: var(--gray-800);
}

.intermediation-email__card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-4);
  padding: var(--spacing-4);
  border: var(--border-width-thin) solid var(--gray-300);
  border-radius: var(--radius-xl);
}

.intermediation-email__field {
  display: flex;
  align-items: center;
  padding: var(--spacing-4);
}

.intermediation-email__label {
  flex: none;
  inline-size: var(--spacing-32);
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  line-height: var(--line-height-tight);
  color: var(--gray-500);
}

.intermediation-email__value {
  flex: 1;
  min-inline-size: 0;
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  margin-inline-end: var(--spacing-6);
  color: var(--gray-800);
  overflow-wrap: anywhere;
}

.intermediation-email__divider {
  margin: 0;
  border: 0;
  border-top: var(--border-width-thin) solid var(--gray-200);
}

.intermediation-email__body {
  padding: var(--spacing-5) var(--spacing-4);
  font-size: var(--font-size-base);
  line-height: var(--line-height-normal);
  color: var(--gray-800);
  white-space: pre-line;
}

.intermediation-email__body strong {
  font-weight: var(--font-weight-semibold);
}

.intermediation-email__footer {
  display: flex;
  gap: var(--spacing-8);
  margin-block-start: auto;
  padding-block-start: var(--spacing-8);
  border-top: var(--border-width-thin) solid var(--gray-200);
}

.drawer--intermediation-email .btn {
  block-size: var(--spacing-12);
}

.intermediation-email__footer .btn {
  flex: 1;
}

.intermediation-email__copy {
  flex: none;
  inline-size: var(--spacing-48);
}

.intermediation-email__copy-idle,
.intermediation-email__copy-done {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-4);
}

.intermediation-email__copy-done,
.intermediation-email__copy--copied .intermediation-email__copy-idle {
  display: none;
}

.intermediation-email__copy--copied .intermediation-email__copy-done {
  display: inline-flex;
}

.btn-secondary.intermediation-email__copy--copied,
.btn-secondary.intermediation-email__copy--copied:not(:disabled):hover {
  background-color: var(--success-50);
  border-color: var(--success-300);
  color: var(--success-700);
}

.btn-primary.intermediation-email__copy--copied,
.btn-primary.intermediation-email__copy--copied:not(:disabled):hover {
  background-color: var(--success-600);
  border-color: var(--success-600);
  color: var(--gray-25);
}

@media (width < 40rem) {
  .intermediation-email__field {
    flex-wrap: wrap;
  }

  .intermediation-email__value {
    flex-basis: 100%;
    margin-inline: 0;
  }
}