.radix-themes {
  --default-font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
}
@media (min-width: 1024px) {
  .radix-themes {
    --default-font-size: var(--font-size-2);
  }
}
.radix-themes:where([data-scaling="80%"]) {
  --scaling: 0.8;
}
.radix-themes:where([data-scaling="85%"]) {
  --scaling: 0.85;
}
.radix-themes:where([data-scaling="115%"]) {
  --scaling: 1.15;
}
.radix-themes:where([data-scaling="120%"]) {
  --scaling: 1.20;
}

:root:root:root .radix-themes:where([data-is-root-theme=true]) {
  min-height: unset;
}
@supports (min-height: 100dvh) {
  :root:root:root .radix-themes:where([data-is-root-theme=true]) {
    min-height: unset;
  }
}
:root:root:root .rt-BaseDialogContent {
  background-color: var(--custom-color-dialog-bg);
}

:where(.radix-themes) {
  --custom-color-dialog-bg: var(--gray-3);
  --color-panel-translucent: var(--gray-a3);
}

:is(.dark, .dark-theme),
:is(.dark, .dark-theme) :where(.radix-themes:not(.light, .light-theme)) {
  --custom-color-dialog-bg: var(--gray-4);
  --color-panel-translucent: var(--gray-a3);
  --color-panel-solid: var(--gray-3);
}

.radix-themes {
  --success-1: var(--green-1);
  --success-2: var(--green-2);
  --success-3: var(--green-3);
  --success-4: var(--green-4);
  --success-5: var(--green-5);
  --success-6: var(--green-6);
  --success-7: var(--green-7);
  --success-8: var(--green-8);
  --success-9: var(--green-9);
  --success-10: var(--green-10);
  --success-11: var(--green-11);
  --success-12: var(--green-12);
  --success-a1: var(--green-a1);
  --success-a2: var(--green-a2);
  --success-a3: var(--green-a3);
  --success-a4: var(--green-a4);
  --success-a5: var(--green-a5);
  --success-a6: var(--green-a6);
  --success-a7: var(--green-a7);
  --success-a8: var(--green-a8);
  --success-a9: var(--green-a9);
  --success-a10: var(--green-a10);
  --success-a11: var(--green-a11);
  --success-a12: var(--green-a12);
  --success-surface: var(--green-surface);
  --success-indicator: var(--green-indicator);
  --success-track: var(--green-track);
  --success-contrast: var(--green-contrast);
}

.radix-themes {
  --warning-1: var(--amber-1);
  --warning-2: var(--amber-2);
  --warning-3: var(--amber-3);
  --warning-4: var(--amber-4);
  --warning-5: var(--amber-5);
  --warning-6: var(--amber-6);
  --warning-7: var(--amber-7);
  --warning-8: var(--amber-8);
  --warning-9: var(--amber-9);
  --warning-10: var(--amber-10);
  --warning-11: var(--amber-11);
  --warning-12: var(--amber-12);
  --warning-a1: var(--amber-a1);
  --warning-a2: var(--amber-a2);
  --warning-a3: var(--amber-a3);
  --warning-a4: var(--amber-a4);
  --warning-a5: var(--amber-a5);
  --warning-a6: var(--amber-a6);
  --warning-a7: var(--amber-a7);
  --warning-a8: var(--amber-a8);
  --warning-a9: var(--amber-a9);
  --warning-a10: var(--amber-a10);
  --warning-a11: var(--amber-a11);
  --warning-a12: var(--amber-a12);
  --warning-surface: var(--amber-surface);
  --warning-indicator: var(--amber-indicator);
  --warning-track: var(--amber-track);
  --warning-contrast: var(--amber-contrast);
}

.radix-themes {
  --error-1: var(--tomato-1);
  --error-2: var(--tomato-2);
  --error-3: var(--tomato-3);
  --error-4: var(--tomato-4);
  --error-5: var(--tomato-5);
  --error-6: var(--tomato-6);
  --error-7: var(--tomato-7);
  --error-8: var(--tomato-8);
  --error-9: var(--tomato-9);
  --error-10: var(--tomato-10);
  --error-11: var(--tomato-11);
  --error-12: var(--tomato-12);
  --error-a1: var(--tomato-a1);
  --error-a2: var(--tomato-a2);
  --error-a3: var(--tomato-a3);
  --error-a4: var(--tomato-a4);
  --error-a5: var(--tomato-a5);
  --error-a6: var(--tomato-a6);
  --error-a7: var(--tomato-a7);
  --error-a8: var(--tomato-a8);
  --error-a9: var(--tomato-a9);
  --error-a10: var(--tomato-a10);
  --error-a11: var(--tomato-a11);
  --error-a12: var(--tomato-a12);
  --error-surface: var(--tomato-surface);
  --error-indicator: var(--tomato-indicator);
  --error-track: var(--tomato-track);
  --error-contrast: var(--tomato-contrast);
}

.Accordion {
  box-shadow: var(--base-card-surface-box-shadow);
  height: -moz-fit-content;
  height: fit-content;
  border-radius: var(--radius-2);
}
.Accordion__Item {
  overflow: hidden;
}
.Accordion__Item:last-child {
  border-bottom: none;
}
.Accordion__Header {
  border-top: 1px solid var(--base-card-classic-border-color);
}
.Accordion__Item:first-child .Accordion__Header {
  border-top: none;
}
.Accordion__Trigger {
  width: 100%;
  display: flex;
  gap: var(--space-2);
  align-items: center;
  color: inherit;
  padding: var(--space-1) var(--space-2);
  background-color: transparent;
  border: none;
  min-width: unset;
}
.Accordion__Trigger[data-disabled] {
  cursor: var(--cursor-disabled);
}
.Accordion__Trigger:hover {
  background-color: var(--gray-a2);
  color: inherit;
}
.Accordion__Trigger:active {
  background-color: transparent;
  color: inherit;
}
.Accordion__TriggerBox {
  flex: 1;
}
.Accordion__Icon {
  margin-left: auto;
  transition: transform 200ms cubic-bezier(0.87, 0, 0.13, 1);
}
.Accordion__Trigger[data-state=open] > .Accordion__Icon {
  transform: rotate(180deg);
}
.Accordion__Content {
  background-color: var(--color-panel);
  border-top: 1px solid var(--base-card-classic-border-color);
  padding: var(--space-1) var(--space-2);
}
.Accordion__Content[data-state=open] {
  animation: slideDown 200ms cubic-bezier(0.87, 0, 0.13, 1);
}
.Accordion__Content[data-state=closed] {
  animation: slideUp 200ms cubic-bezier(0.87, 0, 0.13, 1);
}

@keyframes slideDown {
  from {
    height: 0;
  }
  to {
    height: var(--radix-accordion-content-height);
  }
}
@keyframes slideUp {
  from {
    height: var(--radix-accordion-content-height);
  }
  to {
    height: 0;
  }
}
.Input.Input {
  background-color: var(--color-surface);
}
.Input[type=text], .Input[type=number], .Input[type=date], .Input[type=datetime-local] {
  width: 100%;
  font-size: unset;
  height: 2em;
}

.Textarea {
  width: 100%;
  background-color: var(--color-surface);
}
.Textarea[data-resize=vertical] {
  resize: vertical;
}
.Textarea[data-resize=horizontal] {
  resize: horizontal;
}
.Textarea[data-resize=both] {
  resize: both;
}
.Textarea[data-resize=none] {
  resize: none;
}

.SvgIconDS {
  vertical-align: text-top;
  flex-shrink: 0;
}

.FormLabel[data-changed=true] {
  color: var(--accent-11);
}

.Select {
  background-color: var(--color-surface);
}

.Toast {
  box-shadow: var(--base-card-surface-box-shadow);
  border-radius: var(--radius-2);
  padding: var(--space-4);
  pointer-events: auto;
  background-color: var(--toast-background-color);
  color: var(--toast-title-color);
  border: 1px solid var(--toast-text-color);
}
.Toast[data-variant=default] {
  --toast-background-color: var(--color-panel-solid);
  --toast-title-color: var(--gray-12);
  --toast-text-color: var(--gray-6);
}
.Toast[data-variant=success] {
  --toast-background-color: var(--success-2);
  --toast-title-color: var(--success-11);
  --toast-text-color: var(--success-6);
}
.Toast[data-variant=warning] {
  --toast-background-color: var(--warning-2);
  --toast-title-color: var(--warning-11);
  --toast-text-color: var(--warning-6);
}
.Toast[data-variant=error] {
  --toast-background-color: var(--error-2);
  --toast-title-color: var(--error-11);
  --toast-text-color: var(--error-6);
}
@keyframes hide {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes slideIn {
  from {
    transform: translateX(calc(100% + var(--space-6)));
  }
  to {
    transform: translateX(0);
  }
}
@keyframes swipeOut {
  from {
    transform: translateX(var(--radix-toast-swipe-end-x));
  }
  to {
    transform: translateX(calc(100% + var(--space-6)));
  }
}
.Toast[data-state=open] {
  animation: slideIn 150ms cubic-bezier(0.16, 1, 0.3, 1);
}
.Toast[data-state=closed] {
  animation: hide 100ms ease-in;
}
.Toast[data-swipe=move] {
  transform: translateX(var(--radix-toast-swipe-move-x));
}
.Toast[data-swipe=cancel] {
  transform: translateX(0);
  transition: transform 200ms ease-out;
}
.Toast[data-swipe=end] {
  animation: swipeOut 100ms ease-out;
}
.Toast__Description {
  font-size: 0.9em;
}

.ToastViewport {
  position: fixed;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  padding: var(--space-6);
  gap: var(--space-4);
  min-width: 400px;
  max-width: 100vw;
  margin: 0;
  list-style: none;
  z-index: 1000;
  outline: none;
  pointer-events: none;
}

.PageContainer {
  width: 100%;
}
.PageContainer--narrow {
  max-width: 1100px;
}
.PageContainer--wide {
  max-width: 1800px;
}

@media (min-width: 768px) {
  .FormRow__label-outer-wrap {
    display: flex;
    align-items: flex-start;
    align-self: stretch;
  }
}
@media (min-width: 768px) {
  .FormRow__label-inner-wrap {
    display: flex;
    align-items: center;
    min-height: 2em;
  }
}
.FormRow__label {
  font-weight: bold;
}
@media (min-width: 768px) {
  .FormRow__label {
    display: block;
    width: 16rem;
    text-align: right;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
  }
}
@media (min-width: 768px) {
  input[type=text].FormRow__input, input[type=number].FormRow__input,
  input[type=date].FormRow__input, input[type=datetime-local].FormRow__input,
  textarea.FormRow__input, select.FormRow__input {
    width: 18rem;
  }
}

.FormRow__tooltip {
  margin-left: var(--space-1);
}
@media (min-width: 768px) {
  .FormRow__tooltip--mobile {
    display: none;
  }
}
.FormRow__tooltip--desktop {
  display: none;
}
@media (min-width: 768px) {
  .FormRow__tooltip--desktop {
    display: block;
  }
}

.TooltipIcon {
  font-size: var(--font-size-3);
  color: var(--accent-9);
}

.DisabledOverlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  cursor: not-allowed;
  z-index: 100;
  background-color: var(--black-a5);
}
.radix-themes.light .DisabledOverlay {
  background-color: var(--white-a9);
}

.ErrorMessage__text {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.ErrorMessage__text[data-show=never] {
  display: none;
}
@media (min-width: 768px) {
  .ErrorMessage__text[data-show=mobile] {
    display: none;
  }
}