@import '_content/Microsoft.FluentUI.AspNetCore.Components/Microsoft.FluentUI.AspNetCore.Components.dwk6czdzfo.bundle.scp.css';

/* /Components/FilePreview/FilePreview.razor.rz.scp.css */
.template-file-preview[b-z3dzndkr42] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: start;
  gap: 1rem;
  margin: 1.5rem 0;
  width: 100%;
}

.template-file-preview__header[b-z3dzndkr42] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  margin-bottom: 0.75rem;
  width: 100%;
}

.template-file-preview__image-wrapper[b-z3dzndkr42] {
  display: flex;
  align-items: center;
  width: 100%;
}

.template-file-preview__image[b-z3dzndkr42] {
  height: 450px;
  border-radius: 0.5rem;
  background: rgba(0, 0, 0, 0.05);
  border: 1px solid rgba(0, 0, 0, 0.08);
  margin: 0 auto;
  object-fit: contain;
}

.template-file-preview__file[b-z3dzndkr42] {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.5rem 0.25rem;
}

.template-file-preview__name[b-z3dzndkr42] {
  word-break: break-word;
}

.template-file-preview__actions[b-z3dzndkr42] {
  margin-top: 0.5rem;
  display: flex;
  justify-content: flex-end;
}
/* /Messages/Components/RcsCarouselCardForm.razor.rz.scp.css */
.optional-card[b-pme1ptamls] {
  background-color: var(--neutral-stroke-layer-rest);
  padding: 0.75rem;
  border-radius: 0.5rem;
}

.space-between[b-pme1ptamls] {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}

.add-new-card-button[b-pme1ptamls] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  outline: none;
  border: none;
  cursor: pointer;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  width: 100%;
  background: var(--neutral-layer-2);
  color: var(--neutral-foreground-rest);

  &:hover {
    background: var(--accent-fill-hover);
    color: #000;
  }
}


.remove-button-element[b-pme1ptamls] {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  outline: none;
  border: none;
  cursor: pointer;
  border-radius: 50%;
  padding: 0.5rem;
  background: transparent !important;
  svg {
    stroke: var(--neutral-foreground-rest) !important;
  }

  &:hover[b-pme1ptamls] {
    background: var(--accent-fill-hover) !important;
    svg {
      stroke: #000 !important;
    }
  }
}
/* /UserCreditCards/Dialogs/UserCreditCardDocumentsDialog.razor.rz.scp.css */
[b-ckqwhhyex8] > .right-gradient {
    --scroll-fade-next: var(--fill-color)
}

[b-ckqwhhyex8] > .both-gradient {
    --scroll-fade-next: var(--fill-color);
    --scroll-fade-previous: var(--fill-color)
}
/* /Users/Pages/Clients.razor.rz.scp.css */
.client-email-colored[b-dtpufwe5yo] {
  color: var(--accent-fill-hover);
}

.client-negative-balance[b-dtpufwe5yo] {
  color: var(--color-red-400);
}

.button-star[b-dtpufwe5yo] {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 8px;
  border-radius: 4px;
  color: var(--color-gray-200);
}

.button-star:hover[b-dtpufwe5yo] {
  background-color: var(--accent-fill-hover);
}

.star-colored[b-dtpufwe5yo] {
  color: var(--color-yellow-300);
}
/* /Users/UI/ClientActions.razor.rz.scp.css */
.client-actions-email[b-n5ih40qxti] {
  color: var(--accent-fill-hover);
}

.client-button[b-n5ih40qxti] {
  display: flex;
  justify-content: start;
  align-items: center;
  padding: 8px 1rem;
  font-weight: 500;
  font-size: .75rem;
  border-radius: 4px;
  border: none;
  background-color: transparent;
  color: var(--neutral-foreground-rest);
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  width: 100%;
}

.client-button:hover[b-n5ih40qxti] {
  background-color: var(--accent-fill-rest);
  color: var(--foreground-on-accent-rest);
}

.alert-button[b-n5ih40qxti] {
  color: var(--color-red-500);
}

.alert-button > svg[b-n5ih40qxti] {
  fill: var(--color-red-500);
}

.action-grid-container[b-n5ih40qxti] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  width: 100%;
}

.admin-action-container[b-n5ih40qxti] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 1rem;
  width: 100%;
}

.admin-button[b-n5ih40qxti] {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 8px 1rem;
  font-weight: 500;
  font-size: .75rem;
  border-radius: 4px;
  border: 1px solid var(--color-gray-100);
  background-color: transparent;
  color: var(--neutral-foreground-rest);
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  width: 100%;
}

.admin-button:hover[b-n5ih40qxti] {
  background-color: var(--accent-fill-rest);
  border-color: var(--accent-fill-rest);
  color: var(--foreground-on-accent-rest);
}