@charset "UTF-8";
.us-toolbar {
  flex-shrink: 0;
  position: relative;
  width: 100%;
  height: var(--us-toolbar-height);
  padding-block: var(--us-toolbar-padding-y);
  padding-inline: var(--us-toolbar-padding-x);
  color: var(--us-toolbar-color);
  display: flex;
  align-items: center;
}
.us-toolbar__container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: var(--us-toolbar-gap);
}
.us-toolbar__start-action, .us-toolbar__start-content, .us-toolbar__end-action, .us-toolbar__end-content {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: var(--us-toolbar-content-gap);
}
.us-toolbar__content {
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.us-toolbar__title {
  font-size: var(--us-toolbar-title-font-size);
  font-weight: var(--us-toolbar-title-font-weight);
  line-height: var(--us-toolbar-title-line-height);
  overflow: hidden;
  color: var(--us-toolbar-title-color);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.us-toolbar__subtitle {
  font-size: var(--us-toolbar-subtitle-font-size);
  font-weight: var(--us-toolbar-subtitle-font-weight);
  line-height: var(--us-toolbar-subtitle-line-height);
  overflow: hidden;
  color: var(--us-toolbar-subtitle-color);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}

.us-badge:not(.us-badge--unstyled) {
  min-width: var(--us-badge-min-width);
  min-height: var(--us-badge-min-height);
  padding-block: var(--us-badge-padding-y);
  padding-inline: var(--us-badge-padding-x);
  font-size: var(--us-badge-font-size);
  font-weight: var(--us-badge-font-weight);
  line-height: var(--us-badge-line-height);
  border: var(--us-badge-border-width) solid var(--us-badge-border-color);
  border-radius: var(--us-badge-border-radius);
  color: var(--us-badge-color);
  background-color: var(--us-badge-background);
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.us-badge-wrapper {
  flex-shrink: 0;
  position: relative;
  display: inline-flex;
}
.us-badge-wrapper .us-badge {
  position: absolute;
}
.us-badge-wrapper .us-badge--top-left {
  top: 10%;
  left: 10%;
}
.us-badge-wrapper .us-badge--top-right {
  right: 0;
  top: 0;
  transform: translate(50%, -50%);
}
.us-badge-wrapper .us-badge--bottom-left {
  bottom: 10%;
  left: 10%;
}
.us-badge-wrapper .us-badge--bottom-right {
  bottom: 0;
  right: 0;
}

.us-badge--primary {
  --us-badge-background: var(--us-primary-color);
}

.us-badge--secondary {
  --us-badge-background: var(--us-secondary-color);
}

.us-badge--success {
  --us-badge-background: var(--us-success-color);
}

.us-badge--info {
  --us-badge-background: var(--us-info-color);
}

.us-badge--warning {
  --us-badge-background: var(--us-warning-color);
}

.us-badge--danger {
  --us-badge-background: var(--us-danger-color);
}

.us-collapse {
  overflow: hidden;
  transition: all 0.15s ease-in-out;
}

.us-icon {
  width: 1em;
  height: 1em;
  font-size: var(--us-icon-font-size, var(--us-icon-font-size-default)) !important;
  color: var(--us-icon-color);
  display: flex;
  justify-content: center;
  align-items: center;
}

.us-opacity-0 {
  opacity: 0;
}

.us-opacity-60 {
  opacity: 0.6;
}

.us-opacity-100 {
  opacity: 1;
}

.us-pointer {
  cursor: pointer;
}

.us-hover-opacity-60:hover {
  opacity: 0.6;
}

.us-hover-opacity-100:hover {
  opacity: 1;
}

.us-chip {
  position: relative;
  height: var(--us-chip-height);
  padding-block: var(--us-chip-padding-y);
  padding-inline: var(--us-chip-padding-x);
  font-size: var(--us-chip-font-size);
  font-weight: var(--us-chip-font-weight);
  font-style: var(--us-chip-font-style);
  font-family: var(--us-chip-font-family);
  white-space: nowrap;
  border-radius: var(--us-chip-border-radius);
  z-index: 0;
  color: var(--us-chip-color);
  background-color: var(--us-chip-background);
  display: inline-flex;
  align-items: center;
  gap: var(--us-chip-gap);
}
.us-chip--disabled {
  opacity: 0.6;
  pointer-events: none;
}
.us-chip--closable {
  padding-inline-end: calc(var(--us-chip-padding-x) / 2);
}
.us-chip__closable {
  position: relative;
  padding: 0.125rem;
  color: currentColor;
  border-radius: 9999px;
  cursor: pointer;
  opacity: 0.8;
}
.us-chip__closable:hover {
  opacity: 1;
}
.us-chip__closable::after {
  position: absolute;
  content: "";
  inset: 0px;
  border-radius: inherit;
  background-color: currentColor;
  opacity: 0.2;
}
.us-chip > .us-overlay {
  --us-overlay-color: inherit;
  --us-overlay-opacity: 0;
}
.us-chip > .us-outline {
  --us-outline-border-width: 1px;
  --us-outline-border-color: transparent;
}

.us-chip--filled {
  --us-chip-color: var(--us-white-color);
}
.us-chip--filled > .us-outline {
  --us-outline-border-color: transparent;
}

.us-chip--outlined > .us-outline {
  --us-outline-border-color: var(--us-secondary-color);
  --us-outline-opacity: 0.16;
}

.us-chip--bordered > .us-outline {
  --us-outline-border-color: currentColor;
}

.us-chip--flat > .us-overlay {
  --us-overlay-opacity: 0.16;
}
.us-chip--flat > .us-outline {
  --us-outline-border-color: transparent;
}

.us-chip--text > .us-outline {
  --us-outline-border-color: transparent;
}

.us-chip--filled.us-chip--primary {
  --us-chip-background: var(--us-primary-color);
}

.us-chip--outlined.us-chip--primary,
.us-chip--flat.us-chip--primary,
.us-chip--text.us-chip--primary,
.us-chip--bordered.us-chip--primary {
  --us-chip-color: var(--us-primary-color);
}

.us-chip--flat.us-chip--primary {
  --us-chip-color: var(--us-primary-dark-color);
}
.us-chip--flat.us-chip--primary > .us-overlay {
  --us-overlay-color: var(--us-primary-color);
}

.us-chip--text.us-chip--primary {
  --us-chip-color: var(--us-primary-dark-color);
}

.us-chip--filled.us-chip--secondary {
  --us-chip-background: var(--us-secondary-color);
}

.us-chip--outlined.us-chip--secondary,
.us-chip--flat.us-chip--secondary,
.us-chip--text.us-chip--secondary,
.us-chip--bordered.us-chip--secondary {
  --us-chip-color: var(--us-secondary-color);
}

.us-chip--filled.us-chip--secondary {
  --us-chip-color: var(--us-secondary-dark-color);
  --us-chip-background: transparent;
}
.us-chip--filled.us-chip--secondary > .us-overlay {
  --us-overlay-opacity: 0.16;
}

.us-chip--bordered.us-chip--secondary > .us-outline {
  --us-outline-opacity: 0.16;
}

.us-chip--outlined.us-chip--secondary,
.us-chip--bordered.us-chip--secondary {
  --us-chip-color: var(--us-secondary-dark-color);
}

.us-chip--flat.us-chip--secondary {
  --us-chip-color: var(--us-secondary-dark-color);
}
.us-chip--flat.us-chip--secondary > .us-overlay {
  --us-overlay-color: var(--us-secondary-color);
}

.us-chip--text.us-chip--secondary {
  --us-chip-color: var(--us-secondary-dark-color);
}

.us-chip--filled.us-chip--success {
  --us-chip-background: var(--us-success-color);
}

.us-chip--outlined.us-chip--success,
.us-chip--flat.us-chip--success,
.us-chip--text.us-chip--success,
.us-chip--bordered.us-chip--success {
  --us-chip-color: var(--us-success-color);
}

.us-chip--outlined.us-chip--success,
.us-chip--bordered.us-chip--success {
  --us-chip-color: var(--us-success-dark-color);
}

.us-chip--flat.us-chip--success {
  --us-chip-color: var(--us-success-dark-color);
}
.us-chip--flat.us-chip--success > .us-overlay {
  --us-overlay-color: var(--us-success-color);
}

.us-chip--text.us-chip--success {
  --us-chip-color: var(--us-success-dark-color);
}

.us-chip--filled.us-chip--info {
  --us-chip-background: var(--us-info-color);
}

.us-chip--outlined.us-chip--info,
.us-chip--flat.us-chip--info,
.us-chip--text.us-chip--info,
.us-chip--bordered.us-chip--info {
  --us-chip-color: var(--us-info-color);
}

.us-chip--flat.us-chip--info {
  --us-chip-color: var(--us-info-dark-color);
}
.us-chip--flat.us-chip--info > .us-overlay {
  --us-overlay-color: var(--us-info-color);
}

.us-chip--text.us-chip--info {
  --us-chip-color: var(--us-info-dark-color);
}

.us-chip--filled.us-chip--warning {
  --us-chip-background: var(--us-warning-color);
}

.us-chip--outlined.us-chip--warning,
.us-chip--flat.us-chip--warning,
.us-chip--text.us-chip--warning,
.us-chip--bordered.us-chip--warning {
  --us-chip-color: var(--us-warning-color);
}

.us-chip--filled.us-chip--warning {
  --us-chip-color: var(--us-warning-on-color);
}

.us-chip--outlined.us-chip--warning,
.us-chip--bordered.us-chip--warning {
  --us-chip-color: var(--us-warning-dark-color);
}

.us-chip--flat.us-chip--warning {
  --us-chip-color: var(--us-warning-dark-color);
}
.us-chip--flat.us-chip--warning > .us-overlay {
  --us-overlay-color: var(--us-warning-color);
}

.us-chip--text.us-chip--warning {
  --us-chip-color: var(--us-warning-dark-color);
}

.us-chip--filled.us-chip--danger {
  --us-chip-background: var(--us-danger-color);
}

.us-chip--outlined.us-chip--danger,
.us-chip--flat.us-chip--danger,
.us-chip--text.us-chip--danger,
.us-chip--bordered.us-chip--danger {
  --us-chip-color: var(--us-danger-color);
}

.us-chip--flat.us-chip--danger {
  --us-chip-color: var(--us-danger-dark-color);
}
.us-chip--flat.us-chip--danger > .us-overlay {
  --us-overlay-color: var(--us-danger-color);
}

.us-chip--text.us-chip--danger {
  --us-chip-color: var(--us-danger-dark-color);
}

.us-button {
  position: relative;
  height: var(--us-button-height);
  padding-block: var(--us-button-padding-y);
  padding-inline: var(--us-button-padding-x);
  font-size: var(--us-button-font-size);
  font-weight: var(--us-button-font-weight);
  font-style: var(--us-button-font-style);
  font-family: var(--us-button-font-family);
  white-space: nowrap;
  border: none;
  outline: none;
  border-radius: var(--us-button-border-radius);
  cursor: pointer;
  color: var(--us-button-color);
  background-color: var(--us-button-background);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: var(--us-button-gap);
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.us-button:hover {
  text-decoration: none;
}
.us-button--block {
  width: 100%;
}
.us-button--disabled {
  opacity: var(--us-button-disabled-opacity, 0.6);
  pointer-events: none;
}
.us-button--icon-only {
  width: var(--us-button-height);
  padding: 0;
  border-radius: var(--us-button-icon-only-border-radius);
  justify-content: center;
}
.us-button-group {
  border-radius: var(--us-button-border-radius);
  position: relative;
  display: inline-flex;
  align-items: center;
}
.us-button-group .us-button {
  border-radius: 0px;
}
.us-button-group--row {
  flex-direction: row;
}
.us-button-group--col {
  flex-direction: column;
  align-items: stretch;
}
.us-button-group--row .us-button:first-of-type {
  border-top-left-radius: var(--us-button-border-radius);
  border-bottom-left-radius: var(--us-button-border-radius);
}
.us-button-group--row .us-button:last-of-type {
  border-top-right-radius: var(--us-button-border-radius);
  border-bottom-right-radius: var(--us-button-border-radius);
}
.us-button-group--col .us-button:first-of-type {
  border-top-left-radius: var(--us-button-border-radius);
  border-top-right-radius: var(--us-button-border-radius);
}
.us-button-group--col .us-button:last-of-type {
  border-bottom-left-radius: var(--us-button-border-radius);
  border-bottom-right-radius: var(--us-button-border-radius);
}
.us-button-group--row .us-button:not(.us-button:first-of-type) {
  border-left: var(--us-button-divider-width) solid var(--us-button-divider-color);
}
.us-button-group--col .us-button:not(.us-button:last-of-type) {
  border-bottom: var(--us-button-divider-width) solid var(--us-button-divider-color);
}
.us-button__start-icon, .us-button__end-icon {
  position: relative;
  display: flex;
  align-items: center;
}

.us-button--filled {
  --us-button-border-width: 1px;
  --us-button-border-color: transparent;
  --us-button-color: var(--us-white-color);
}
.us-button--filled > .us-overlay {
  --us-overlay-color: inherit;
  --us-overlay-opacity: 0;
  --us-_hover-overlay-opacity: 0.24;
  --us-_active-overlay-opacity: 0.32;
  --us-_focus-overlay-opacity: 0.24;
  --us-_focus-hover-overlay-opacity: 0.24;
  --us-_focus-active-overlay-opacity: 0.32;
}
.us-button--filled > .us-outline {
  --us-outline-border-width: 1px;
  --us-outline-border-color: transparent;
}
.us-button--filled .us-chip {
  --us-chip-background: var(--us-white-color);
}

.us-button--outlined > .us-overlay {
  --us-overlay-color: inherit;
  --us-overlay-opacity: 0;
  --us-_hover-overlay-opacity: 0.08;
  --us-_active-overlay-opacity: 0.1;
  --us-_focus-overlay-opacity: 0.08;
  --us-_focus-hover-overlay-opacity: 0.08;
  --us-_focus-active-overlay-opacity: 0.1;
}
.us-button--outlined > .us-outline {
  --us-outline-border-width: 1px;
  --us-outline-border-color: currentColor;
  --us-outline-opacity: 1;
}

.us-button--flat > .us-overlay {
  --us-overlay-color: inherit;
  --us-overlay-opacity: 0.16;
  --us-_hover-overlay-opacity: 0.24;
  --us-_active-overlay-opacity: 0.32;
  --us-_focus-overlay-opacity: 0.24;
  --us-_focus-hover-overlay-opacity: 0.24;
  --us-_focus-active-overlay-opacity: 0.32;
}
.us-button--flat > .us-outline {
  --us-outline-border-width: 1px;
  --us-outline-border-color: currentColor;
  --us-outline-opacity: 0;
}

.us-button--text > .us-overlay {
  --us-overlay-color: inherit;
  --us-overlay-opacity: 0;
  --us-_hover-overlay-opacity: 0.16;
  --us-_active-overlay-opacity: 0.24;
  --us-_focus-overlay-opacity: 0.12;
  --us-_focus-hover-overlay-opacity: 0.12;
  --us-_focus-active-overlay-opacity: 0.24;
}
.us-button--text > .us-outline {
  --us-outline-border-width: 1px;
  --us-outline-border-color: transparent;
}

.us-button--bordered > .us-overlay {
  --us-overlay-color: inherit;
  --us-overlay-opacity: 0;
  --us-_hover-overlay-opacity: 0.16;
  --us-_active-overlay-opacity: 0.24;
  --us-_focus-overlay-opacity: 0.12;
  --us-_focus-hover-overlay-opacity: 0.12;
  --us-_focus-active-overlay-opacity: 0.24;
}
.us-button--bordered > .us-outline {
  --us-outline-border-width: 1px;
  --us-outline-border-color: currentColor;
}

.us-button > .us-glow {
  --us-_focus-glow-spread: 1px;
  --us-_focus-glow-blur: 6px;
  --us-_focus-hover-glow-blur: 8px;
  --us-_focus-active-glow-blur: 10px;
}

.us-button--primary > .us-glow {
  --us-_focus-glow-color: var(--us-primary-rgb);
  --us-_focus-glow-alpha: 1;
  --us-_focus-glow-shadow-alpha: 0.75;
}

.us-button--filled.us-button--primary {
  --us-button-background: var(--us-primary-color);
}

.us-button--outlined.us-button--primary,
.us-button--flat.us-button--primary,
.us-button--text.us-button--primary,
.us-button--bordered.us-button--primary {
  --us-button-color: var(--us-primary-color);
}

.us-button--flat.us-button--primary,
.us-button--text.us-button--primary {
  --us-button-color: var(--us-primary-dark-color);
}
.us-button--flat.us-button--primary > .us-overlay,
.us-button--text.us-button--primary > .us-overlay {
  --us-overlay-color: var(--us-primary-color);
}

.us-button--secondary > .us-glow {
  --us-_focus-glow-color: var(--us-secondary-rgb);
  --us-_focus-glow-alpha: 1;
  --us-_focus-glow-shadow-alpha: 0.75;
}

.us-button--filled.us-button--secondary {
  --us-button-background: var(--us-secondary-color);
}

.us-button--outlined.us-button--secondary,
.us-button--flat.us-button--secondary,
.us-button--text.us-button--secondary,
.us-button--bordered.us-button--secondary {
  --us-button-color: var(--us-secondary-color);
}

.us-button--filled.us-button--secondary {
  --us-button-color: var(--us-secondary-color);
  --us-button-background: transparent;
}
.us-button--filled.us-button--secondary > .us-overlay {
  --us-overlay-color: inherit;
  --us-overlay-opacity: 0.16;
  --us-_hover-overlay-opacity: 0.24;
  --us-_active-overlay-opacity: 0.32;
  --us-_focus-hover-overlay-opacity: 0.24;
  --us-_focus-active-overlay-opacity: 0.32;
}

.us-button--outlined.us-button--secondary,
.us-button--bordered.us-button--secondary {
  --us-button-color: var(--us-secondary-dark-color);
}
.us-button--outlined.us-button--secondary > .us-outline,
.us-button--bordered.us-button--secondary > .us-outline {
  --us-outline-border-color: var(--us-secondary-color);
}
.us-button--outlined.us-button--secondary > .us-overlay,
.us-button--bordered.us-button--secondary > .us-overlay {
  --us-overlay-color: var(--us-secondary-color);
}

.us-button--flat.us-button--secondary,
.us-button--text.us-button--secondary {
  --us-button-color: var(--us-secondary-dark-color);
}
.us-button--flat.us-button--secondary > .us-overlay,
.us-button--text.us-button--secondary > .us-overlay {
  --us-overlay-color: var(--us-secondary-color);
}

.us-button--bordered.us-button--secondary > .us-overlay {
  --us-_hover-overlay-opacity: 0.08;
  --us-_active-overlay-opacity: 0.12;
  --us-_focus-hover-overlay-opacity: 0.08;
  --us-_focus-active-overlay-opacity: 0.12;
}
.us-button--bordered.us-button--secondary > .us-outline {
  --us-outline-opacity: 0.16;
}

.us-button--success > .us-glow {
  --us-_focus-glow-color: var(--us-success-rgb);
  --us-_focus-glow-alpha: 1;
  --us-_focus-glow-shadow-alpha: 0.75;
}

.us-button--filled.us-button--success {
  --us-button-background: var(--us-success-color);
}

.us-button--outlined.us-button--success,
.us-button--flat.us-button--success,
.us-button--text.us-button--success,
.us-button--bordered.us-button--success {
  --us-button-color: var(--us-success-color);
}

.us-button--outlined.us-button--success {
  --us-button-color: var(--us-success-dark-color);
}

.us-button--bordered.us-button--success {
  --us-button-color: var(--us-success-dark-color);
}
.us-button--bordered.us-button--success > .us-overlay {
  --us-overlay-color: var(--us-success-color);
}

.us-button--flat.us-button--success,
.us-button--text.us-button--success {
  --us-button-color: var(--us-success-dark-color);
}
.us-button--flat.us-button--success > .us-overlay,
.us-button--text.us-button--success > .us-overlay {
  --us-overlay-color: var(--us-success-color);
}

.us-button--info > .us-glow {
  --us-_focus-glow-color: var(--us-info-rgb);
  --us-_focus-glow-alpha: 1;
  --us-_focus-glow-shadow-alpha: 0.75;
}

.us-button--filled.us-button--info {
  --us-button-background: var(--us-info-color);
}

.us-button--outlined.us-button--info,
.us-button--flat.us-button--info,
.us-button--text.us-button--info,
.us-button--bordered.us-button--info {
  --us-button-color: var(--us-info-color);
}

.us-button--flat.us-button--info,
.us-button--text.us-button--info {
  --us-button-color: var(--us-info-dark-color);
}
.us-button--flat.us-button--info > .us-overlay,
.us-button--text.us-button--info > .us-overlay {
  --us-overlay-color: var(--us-info-color);
}

.us-button--warning > .us-glow {
  --us-_focus-glow-color: var(--us-warning-rgb);
  --us-_focus-glow-alpha: 1;
  --us-_focus-glow-shadow-alpha: 0.75;
}

.us-button--filled.us-button--warning {
  --us-button-background: var(--us-warning-color);
}

.us-button--outlined.us-button--warning,
.us-button--flat.us-button--warning,
.us-button--text.us-button--warning,
.us-button--bordered.us-button--warning {
  --us-button-color: var(--us-warning-color);
}

.us-button--outlined.us-button--warning {
  --us-button-color: var(--us-warning-dark-color);
}

.us-button--bordered.us-button--warning {
  --us-button-color: var(--us-warning-dark-color);
}
.us-button--bordered.us-button--warning > .us-overlay {
  --us-overlay-color: var(--us-warning-color);
}

.us-button--flat.us-button--warning,
.us-button--text.us-button--warning {
  --us-button-color: var(--us-warning-dark-color);
}
.us-button--flat.us-button--warning > .us-overlay,
.us-button--text.us-button--warning > .us-overlay {
  --us-overlay-color: var(--us-warning-color);
}

.us-button--danger > .us-glow {
  --us-_focus-glow-color: var(--us-danger-rgb);
  --us-_focus-glow-alpha: 1;
  --us-_focus-glow-shadow-alpha: 0.75;
}

.us-button--filled.us-button--danger {
  --us-button-background: var(--us-danger-color);
}

.us-button--outlined.us-button--danger,
.us-button--flat.us-button--danger,
.us-button--text.us-button--danger,
.us-button--bordered.us-button--danger {
  --us-button-color: var(--us-danger-color);
}

.us-button--flat.us-button--danger,
.us-button--text.us-button--danger {
  --us-button-color: var(--us-danger-dark-color);
}
.us-button--flat.us-button--danger > .us-overlay,
.us-button--text.us-button--danger > .us-overlay {
  --us-overlay-color: var(--us-danger-color);
}

.us-button--secondary > .us-glow,
.us-button--filled.us-button--secondary > .us-glow,
.us-button--outlined > .us-glow {
  --us-_focus-glow-color: var(--us-secondary-rgb);
  --us-_focus-glow-alpha: 0.5;
  --us-_focus-glow-shadow-alpha: 0.25;
}

.us-scroll-area {
  position: relative;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex: 1;
  min-height: 0;
}
.us-scroll-area__view {
  flex: 1;
  min-height: 0;
  overflow: auto;
  scrollbar-width: none;
}
.us-scroll-area__view::-webkit-scrollbar {
  display: none;
}
.us-scroll-area__content {
  min-width: 100%;
}
.us-scroll-area__track {
  position: absolute;
  border-radius: var(--us-scroll-area-radius);
  background-color: var(--us-scroll-area-track-color);
}
.us-scroll-area__track--vertical {
  display: flex;
  flex-direction: column;
  width: var(--us-scroll-area-size);
  inset-block: var(--us-scroll-area-margin);
  inset-inline-end: var(--us-scroll-area-margin);
  z-index: 10;
}
.us-scroll-area__track--horizontal {
  display: flex;
  flex-direction: row;
  height: var(--us-scroll-area-size);
  inset-inline: var(--us-scroll-area-margin);
  inset-block-end: var(--us-scroll-area-margin);
  z-index: 10;
}
.us-scroll-area__thumb {
  border-radius: inherit;
  background-color: var(--us-scroll-area-thumb-color);
  cursor: default;
  transition: background-color 0.15s ease;
}
.us-scroll-area__thumb--vertical {
  width: 100%;
}
.us-scroll-area__thumb--horizontal {
  height: 100%;
}
.us-scroll-area:hover .us-scroll-area__thumb {
  background-color: var(--us-scroll-area-thumb-area-hover-color, var(--us-scroll-area-thumb-color));
}
.us-scroll-area__track:hover .us-scroll-area__thumb {
  background-color: var(--us-scroll-area-thumb-hover-color);
}
.us-scroll-area__track[data-scrolling] .us-scroll-area__thumb, .us-scroll-area__thumb:active {
  background-color: var(--us-scroll-area-thumb-active-color) !important;
}
.us-scroll-area__corner {
  background-color: var(--us-scroll-area-track-color);
}
.us-scroll-area--autohide .us-scroll-area__track--vertical {
  inset-inline-end: var(--us-scroll-area-autohide-margin, var(--us-scroll-area-margin)) !important;
}
.us-scroll-area--autohide .us-scroll-area__track--horizontal {
  inset-block-end: var(--us-scroll-area-autohide-margin, var(--us-scroll-area-margin)) !important;
}
.us-scroll-area--autohide .us-scroll-area__track {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.us-scroll-area--autohide:hover .us-scroll-area__track,
.us-scroll-area--autohide .us-scroll-area__track[data-scrolling] {
  opacity: 1;
}
.us-scroll-area--inset-v:has(.us-scroll-area__track--vertical:not([hidden])) .us-scroll-area__view {
  padding-inline-end: calc(var(--us-scroll-area-size) + var(--us-scroll-area-margin) * 2);
}
.us-scroll-area--inset-h:has(.us-scroll-area__track--horizontal:not([hidden])) .us-scroll-area__view {
  padding-block-end: calc(var(--us-scroll-area-size) + var(--us-scroll-area-margin) * 2);
}
.us-scroll-area--inset-v .us-scroll-area__track--vertical {
  top: calc(var(--us-scroll-area-margin) + var(--us-scroll-area-button-size, 0px)) !important;
  bottom: calc(var(--us-scroll-area-margin) + var(--us-scroll-area-button-size, 0px)) !important;
  inset-inline-end: var(--us-scroll-area-margin) !important;
  overflow: visible !important;
}
.us-scroll-area--inset-v .us-scroll-area__track--vertical .us-scroll-area__button {
  position: absolute;
  display: var(--us-scroll-area-button-display, none);
  left: 0;
  width: 100%;
  height: var(--us-scroll-area-button-size);
  background-color: var(--us-scroll-area-button-bg);
  background-repeat: no-repeat;
  background-position: center;
  border: var(--us-scroll-area-button-border);
  cursor: pointer;
  z-index: 20;
}
.us-scroll-area--inset-v .us-scroll-area__track--vertical .us-scroll-area__button--up {
  background-image: var(--us-scroll-area-button-up-icon);
  top: calc(var(--us-scroll-area-button-size, 0px) * -1);
}
.us-scroll-area--inset-v .us-scroll-area__track--vertical .us-scroll-area__button--down {
  background-image: var(--us-scroll-area-button-down-icon);
  bottom: calc(var(--us-scroll-area-button-size, 0px) * -1);
}
.us-scroll-area--inset-h .us-scroll-area__track--horizontal {
  left: calc(var(--us-scroll-area-margin) + var(--us-scroll-area-button-size, 0px)) !important;
  right: calc(var(--us-scroll-area-margin) + var(--us-scroll-area-button-size, 0px)) !important;
  inset-block-end: var(--us-scroll-area-margin) !important;
  overflow: visible !important;
}
.us-scroll-area--inset-h .us-scroll-area__track--horizontal .us-scroll-area__button {
  position: absolute;
  display: var(--us-scroll-area-button-display, none);
  top: 0;
  height: 100%;
  width: var(--us-scroll-area-button-size);
  background-color: var(--us-scroll-area-button-bg);
  background-repeat: no-repeat;
  background-position: center;
  border: var(--us-scroll-area-button-border);
  cursor: pointer;
  z-index: 20;
}
.us-scroll-area--inset-h .us-scroll-area__track--horizontal .us-scroll-area__button--left {
  background-image: var(--us-scroll-area-button-left-icon);
  left: calc(var(--us-scroll-area-button-size, 0px) * -1);
}
.us-scroll-area--inset-h .us-scroll-area__track--horizontal .us-scroll-area__button--right {
  background-image: var(--us-scroll-area-button-right-icon);
  right: calc(var(--us-scroll-area-button-size, 0px) * -1);
}
.us-scroll-area--fade-y .us-scroll-area__view {
  mask-image: linear-gradient(to bottom, transparent 0, black min(var(--us-scroll-area-fade-size), var(--scroll-area-overflow-y-start)), black calc(100% - min(var(--us-scroll-area-fade-size), var(--scroll-area-overflow-y-end, var(--us-scroll-area-fade-size)))), transparent 100%);
  mask-repeat: no-repeat;
}
.us-scroll-area--fade-x .us-scroll-area__view {
  mask-image: linear-gradient(to right, transparent 0, black min(var(--us-scroll-area-fade-size), var(--scroll-area-overflow-x-start)), black calc(100% - min(var(--us-scroll-area-fade-size), var(--scroll-area-overflow-x-end, var(--us-scroll-area-fade-size)))), transparent 100%);
  mask-repeat: no-repeat;
}
.us-scroll-area--fade-both .us-scroll-area__view {
  mask-image: linear-gradient(to bottom, transparent 0, black min(var(--us-scroll-area-fade-size), var(--scroll-area-overflow-y-start)), black calc(100% - min(var(--us-scroll-area-fade-size), var(--scroll-area-overflow-y-end, var(--us-scroll-area-fade-size)))), transparent 100%), linear-gradient(to right, transparent 0, black min(var(--us-scroll-area-fade-size), var(--scroll-area-overflow-x-start)), black calc(100% - min(var(--us-scroll-area-fade-size), var(--scroll-area-overflow-x-end, var(--us-scroll-area-fade-size)))), transparent 100%);
  mask-composite: intersect;
  mask-repeat: no-repeat;
}

.us-backdrop {
  position: fixed;
  inset: 0px;
  z-index: 20;
  display: flex;
}
.us-backdrop--opaque {
  background-color: rgba(0, 0, 0, 0.6);
}
.us-backdrop--blur {
  background-color: rgba(255, 255, 255, 0.5);
  backdrop-filter: blur(12px);
}
.us-backdrop--transparent {
  background-color: transparent;
}
.us-backdrop--scrollable {
  overflow: auto;
}
.us-backdrop--top, .us-backdrop--bottom, .us-backdrop--center {
  justify-content: center;
}
.us-backdrop--top {
  align-items: flex-start;
}
.us-backdrop--center {
  align-items: center;
}
.us-backdrop--bottom {
  align-items: flex-end;
}
.us-backdrop--left {
  justify-content: flex-start;
}
.us-backdrop--right {
  justify-content: flex-end;
}
.us-backdrop-enter {
  opacity: 0;
}
.us-backdrop-enter-active {
  opacity: 1;
  transition: opacity 100ms;
}
.us-backdrop-exit {
  opacity: 1;
}
.us-backdrop-exit-active {
  opacity: 0;
  transition: opacity 200ms;
  transition-delay: 300ms;
}

.us-popover {
  min-width: 240px;
  position: absolute;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 59, 0.05) 0px 0px 0px 1px, rgba(1, 1, 46, 0.133) 0px 12px 60px 0px, rgba(0, 0, 0, 0.133) 0px 12px 32px -16px;
  background-color: #fff;
  overflow: hidden;
  z-index: 1060;
  display: flex;
  flex-direction: column;
}
.us-popover__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  border-radius: inherit;
  background-color: #fff;
  opacity: 1;
  z-index: 0;
}
.us-popover-enter {
  opacity: 0;
  transform: scale(0.9);
}
.us-popover-enter-active {
  opacity: 1;
  transform: scale(1);
  transition: opacity 100ms, transform 200ms;
}
.us-popover-exit {
  opacity: 1;
  transform: scale(1);
}
.us-popover-exit-active {
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 150ms, transform 150ms;
}

.us-dropdown {
  display: inline-block;
}
.us-dropdown-positioner {
  outline: 0;
  z-index: 1000;
}
.us-dropdown-popup {
  box-sizing: border-box;
  padding-block: var(--us-dropdown-popup-padding-block);
  border-radius: var(--us-dropdown-popup-border-radius);
  background-color: var(--us-dropdown-popup-background);
  backdrop-filter: var(--us-dropdown-popup-backdrop-filter);
  -webkit-backdrop-filter: var(--us-dropdown-popup-backdrop-filter);
  color: var(--us-dropdown-popup-color);
  transform-origin: var(--transform-origin);
  transition: transform 200ms cubic-bezier(0.34, 1.56, 0.64, 1), opacity 200ms ease-out, backdrop-filter 200ms ease-out;
  border: var(--us-dropdown-popup-border-width) solid var(--us-dropdown-popup-border-color);
  box-shadow: var(--us-dropdown-popup-shadow);
  overflow: hidden;
}
.us-dropdown-popup[data-starting-style], .us-dropdown-popup[data-ending-style] {
  opacity: 0;
  transform: scale(0.92) translateY(-8px);
}
.us-dropdown-arrow {
  display: flex;
}
.us-dropdown-arrow[data-side=top] {
  bottom: -8px;
  rotate: 180deg;
}
.us-dropdown-arrow[data-side=bottom] {
  top: -8px;
  rotate: 0deg;
}
.us-dropdown-arrow[data-side=left] {
  right: -13px;
  rotate: 90deg;
}
.us-dropdown-arrow[data-side=right] {
  left: -13px;
  rotate: -90deg;
}
.us-dropdown-arrow__fill {
  fill: var(--us-dropdown-popup-background);
}
.us-dropdown-arrow__stroke {
  fill: var(--us-dropdown-popup-border-color);
}
.us-dropdown-item {
  outline: 0;
  cursor: default;
  user-select: none;
  padding-block: var(--us-dropdown-item-padding-block);
  padding-left: var(--us-dropdown-item-padding-left);
  padding-right: var(--us-dropdown-item-padding-right);
  display: flex;
  font-size: var(--us-dropdown-item-font-size);
  line-height: var(--us-dropdown-item-line-height);
  border-radius: var(--us-dropdown-item-border-radius);
  margin-inline: var(--us-dropdown-item-margin-inline);
  position: relative;
  z-index: 0;
  transition: var(--us-dropdown-item-transition);
}
.us-dropdown-item:focus-visible {
  outline: 2px solid var(--us-dropdown-item-focus-outline);
  outline-offset: 2px;
  outline-style: solid;
}
.us-dropdown-item--selected {
  color: var(--us-dropdown-item-selected-color);
}
.us-dropdown-item--disabled {
  opacity: var(--us-dropdown-item-disabled-opacity);
  cursor: not-allowed;
}
.us-dropdown-item__container {
  display: flex;
  align-items: center;
  gap: var(--us-dropdown-item-gap);
  width: 100%;
  position: relative;
  z-index: 1;
}
.us-dropdown-item__start-content {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.us-dropdown-item__content {
  display: flex;
  flex-direction: column;
  flex: 1;
  min-width: 0;
}
.us-dropdown-item__title {
  font-weight: var(--us-dropdown-item-title-font-weight);
  font-size: var(--us-dropdown-item-title-font-size);
  line-height: var(--us-dropdown-item-title-line-height);
  color: var(--us-dropdown-item-title-color);
  letter-spacing: var(--us-dropdown-item-title-letter-spacing);
  transition: var(--us-dropdown-item-content-transition);
}
.us-dropdown-item__subtitle {
  font-size: var(--us-dropdown-item-subtitle-font-size);
  font-weight: var(--us-dropdown-item-subtitle-font-weight);
  color: var(--us-dropdown-item-subtitle-color);
  margin-top: var(--us-dropdown-item-subtitle-margin-top);
  line-height: var(--us-dropdown-item-subtitle-line-height);
  letter-spacing: var(--us-dropdown-item-subtitle-letter-spacing);
  transition: var(--us-dropdown-item-content-transition);
}
.us-dropdown-item__description {
  font-size: var(--us-dropdown-item-description-font-size);
  font-weight: var(--us-dropdown-item-description-font-weight);
  color: var(--us-dropdown-item-description-color);
  margin-top: var(--us-dropdown-item-description-margin-top);
  line-height: var(--us-dropdown-item-description-line-height);
  letter-spacing: var(--us-dropdown-item-description-letter-spacing);
  transition: var(--us-dropdown-item-content-transition);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
}
.us-dropdown-item__end-content {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: auto;
}
.us-dropdown-separator {
  margin: var(--us-dropdown-separator-margin);
  height: var(--us-dropdown-separator-height);
  background-color: var(--us-dropdown-separator-color);
}
.us-dropdown-submenu-trigger {
  outline: 0;
  cursor: default;
  user-select: none;
  padding-block: var(--us-dropdown-item-padding-block);
  padding-left: var(--us-dropdown-item-padding-left);
  padding-right: var(--us-dropdown-item-padding-right);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--us-dropdown-item-gap);
  font-size: var(--us-dropdown-item-font-size);
  line-height: var(--us-dropdown-item-line-height);
  border-radius: var(--us-dropdown-item-border-radius);
  margin-inline: var(--us-dropdown-item-margin-inline);
  position: relative;
  z-index: 0;
  transition: var(--us-dropdown-item-transition);
}
.us-dropdown-submenu-trigger:focus-visible {
  outline: 2px solid var(--us-dropdown-item-focus-outline);
  outline-offset: 2px;
  outline-style: solid;
}

.us-drawer {
  position: absolute;
  max-width: var(--us-drawer-width);
  width: 100%;
  height: 100%;
  background-color: var(--us-drawer-background);
  display: flex;
  flex-direction: column;
  border-width: 0px;
  border-style: solid;
  border-color: var(--us-drawer-border-color);
}
.us-drawer > form {
  width: inherit;
  max-width: inherit;
  height: inherit;
  max-height: inherit;
  display: inherit;
  flex-direction: inherit;
  align-items: inherit;
  justify-content: inherit;
}
.us-drawer-header {
  position: relative;
  flex-shrink: 0;
  height: var(--us-drawer-header-height);
  min-height: var(--us-drawer-header-min-height);
  padding-block: var(--us-drawer-header-padding-y);
  padding-inline: var(--us-drawer-header-padding-x);
  display: flex;
  align-items: center;
  gap: var(--us-drawer-header-gap);
}
.us-drawer-header__start-content, .us-drawer-header__end-content {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.us-drawer-header__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: var(--us-drawer-header-content-gap);
}
.us-drawer-header__title {
  font-size: var(--us-drawer-header-title-font-size);
  font-weight: var(--us-drawer-header-title-font-weight);
  line-height: var(--us-drawer-header-title-line-height);
  overflow: hidden;
  color: var(--us-drawer-header-title-color);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.us-drawer-header__subtitle {
  font-size: var(--us-drawer-header-subtitle-font-size);
  font-weight: var(--us-drawer-header-subtitle-font-weight);
  line-height: var(--us-drawer-header-subtitle-line-height);
  overflow: hidden;
  color: var(--us-drawer-header-subtitle-color);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.us-drawer-header:not(.us-drawer-header--bordered) ~ .us-drawer-body:not([data-hidden=true]), .us-drawer-header:not(.us-drawer-header--bordered) ~ :not([hidden]) .us-drawer-body:not([data-hidden=true]) {
  padding-top: 0;
}
.us-drawer-header--bordered ~ .us-drawer-body:not([data-hidden=true]), .us-drawer-header--bordered ~ :not([hidden]) .us-drawer-body:not([data-hidden=true]) {
  border-top-width: 1px;
}
.us-drawer-body {
  flex-grow: 1;
  border-top: 0px solid #ddd;
  padding-block: var(--us-drawer-body-padding-y);
  padding-inline: var(--us-drawer-body-padding-x);
  font-size: var(--us-drawer-body-font-size);
  line-height: var(--us-drawer-body-line-height);
  color: var(--us-drawer-body-color);
}
.us-drawer-footer {
  flex-shrink: 0;
  position: relative;
  min-height: var(--us-drawer-footer-min-height);
  padding-block: var(--us-drawer-footer-padding-y);
  padding-inline: var(--us-drawer-footer-padding-x);
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: var(--us-drawer-footer-border-color);
  background-color: var(--us-drawer-footer-background);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
}
.us-drawer-body:not([data-hidden=true]) ~ .us-drawer-footer:not(.us-drawer-footer--bordered) {
  padding-top: 0;
}
.us-drawer-footer--bordered {
  border-top-width: 1px;
}
.us-drawer-appear, .us-drawer-enter {
  opacity: 0;
  transform: translateX(-100%);
}
.us-drawer-appear-active, .us-drawer-enter-active {
  opacity: 1;
  transform: translateX(0%);
  transition: opacity 100ms, transform 200ms;
  transition-delay: 300ms;
}
.us-drawer-exit {
  opacity: 1;
  transform: translateX(0%);
}
.us-drawer-exit-active {
  opacity: 0;
  transform: translateX(-100%);
  transition: opacity 300ms, transform 300ms;
}
.us-drawer--left, .us-drawer--right {
  max-width: var(--us-drawer-xs-width);
  max-height: 100%;
}
.us-drawer--left {
  left: 0;
  border-right-width: var(--us-drawer-border-width);
}
.us-drawer--left.us-drawer-appear, .us-drawer--left.us-drawer-enter {
  transform: translateX(-100%);
}
.us-drawer--left.us-drawer-appear-active, .us-drawer--left.us-drawer-enter-active {
  transform: translateX(0%);
}
.us-drawer--left.us-drawer-exit {
  transform: translateX(0%);
}
.us-drawer--left.us-drawer-exit-active {
  transform: translateX(-100%);
}
.us-drawer--right.us-drawer-appear, .us-drawer--right.us-drawer-enter {
  transform: translateX(100%);
}
.us-drawer--right {
  right: 0;
  border-left-width: var(--us-drawer-border-width);
}
.us-drawer--right.us-drawer-appear-active, .us-drawer--right.us-drawer-enter-active {
  transform: translateX(0%);
}
.us-drawer--right.us-drawer-exit {
  transform: translateX(0%);
}
.us-drawer--right.us-drawer-exit-active {
  transform: translateX(100%);
}
.us-drawer--top, .us-drawer--bottom {
  max-width: 100%;
  max-height: var(--us-drawer-xs-width);
}
.us-drawer--top {
  top: 0;
  border-bottom-width: var(--us-drawer-border-width);
}
.us-drawer--top.us-drawer-appear, .us-drawer--top.us-drawer-enter {
  transform: translateY(-100%);
}
.us-drawer--top.us-drawer-appear-active, .us-drawer--top.us-drawer-enter-active {
  transform: translateY(0%);
}
.us-drawer--top.us-drawer-exit {
  transform: translateY(0%);
}
.us-drawer--top.us-drawer-exit-active {
  transform: translateY(-100%);
}
.us-drawer--bottom {
  bottom: 0;
  border-top-width: var(--us-drawer-border-width);
}
.us-drawer--bottom.us-drawer-appear, .us-drawer--bottom.us-drawer-enter {
  transform: translateY(100%);
}
.us-drawer--bottom.us-drawer-appear-active, .us-drawer--bottom.us-drawer-enter-active {
  transform: translateY(0%);
}
.us-drawer--bottom.us-drawer-exit {
  transform: translateY(0%);
}
.us-drawer--bottom.us-drawer-exit-active {
  transform: translateY(100%);
}
@media screen and (min-width: 480px) {
  .us-drawer--left, .us-drawer--right {
    max-width: var(--us-drawer-width);
    max-height: 100%;
  }
  .us-drawer--top, .us-drawer--bottom {
    max-width: 100%;
    max-height: var(--us-drawer-width);
  }
}

.us-modal {
  z-index: 20;
  position: relative;
  overflow: hidden;
  max-width: var(--us-modal-width);
  width: 100%;
  border-radius: var(--us-modal-border-radius);
  border-width: var(--us-modal-border-width);
  border-style: solid;
  border-color: var(--us-modal-border-color);
  box-shadow: var(--us-modal-box-shadow);
  color: var(--us-modal-color);
  display: flex;
  flex-direction: column;
  background: var(--us-modal-background);
}
.us-modal-wrapper {
  padding: var(--us-modal-wrapper-padding);
}
.us-modal-wrapper--fullscreen {
  padding: 0;
}
.us-modal-wrapper--fullscreen .us-modal {
  max-width: 100%;
  height: 100vh;
  border-radius: 0px;
  border-width: 0px;
}
.us-modal--top {
  margin-bottom: auto;
}
.us-modal--center {
  margin-top: auto;
  margin-bottom: auto;
}
.us-modal--bottom {
  margin-top: auto;
}
.us-modal > form {
  width: inherit;
  max-width: inherit;
  height: inherit;
  max-height: inherit;
  display: inherit;
  flex-direction: inherit;
  align-items: inherit;
  justify-content: inherit;
}
.us-modal--scroll-inside {
  max-height: calc(100vh - 2 * var(--us-modal-wrapper-padding));
}
.us-modal-header {
  position: relative;
  flex-shrink: 0;
  height: var(--us-modal-header-height);
  min-height: var(--us-modal-header-min-height);
  border-bottom-width: var(--us-modal-header-border-width, 0px);
  border-bottom-style: solid;
  border-bottom-color: var(--us-modal-header-border-color, var(--us-border-color));
  background: var(--us-modal-header-background, transparent);
  padding-block: var(--us-modal-header-padding-y);
  padding-inline: var(--us-modal-header-padding-x);
  display: flex;
  align-items: center;
  gap: var(--us-modal-header-gap);
}
.us-modal-header__start-content, .us-modal-header__end-content {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.us-modal-header__content {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  gap: var(--us-modal-header-content-gap);
}
.us-modal-header__title {
  font-size: var(--us-modal-header-title-font-size);
  font-weight: var(--us-modal-header-title-font-weight);
  line-height: var(--us-modal-header-title-line-height);
  overflow: hidden;
  color: var(--us-modal-header-title-color);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.us-modal-header__subtitle {
  font-size: var(--us-modal-header-subtitle-font-size);
  font-weight: var(--us-modal-header-subtitle-font-weight);
  line-height: var(--us-modal-header-subtitle-line-height);
  overflow: hidden;
  color: var(--us-modal-header-subtitle-color);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.us-modal-header:not(.us-modal-header--bordered) ~ .us-modal-body:not([data-hidden=true]), .us-modal-header:not(.us-modal-header--bordered) ~ :not([hidden]) .us-modal-body:not([data-hidden=true]) {
  padding-top: 0;
}
.us-modal-header--bordered {
  --us-modal-header-border-width: 1px;
}
.us-modal-body {
  flex-grow: 1;
  padding-block: var(--us-modal-body-padding-y);
  padding-inline: var(--us-modal-body-padding-x);
  font-size: var(--us-modal-body-font-size);
  line-height: var(--us-modal-body-line-height);
  color: var(--us-modal-body-color);
}
.us-modal--scroll-inside .us-modal-body {
  overflow-y: auto;
}
.us-modal-footer {
  flex-shrink: 0;
  position: relative;
  min-height: var(--us-modal-footer-min-height);
  padding-block: var(--us-modal-footer-padding-y);
  padding-inline: var(--us-modal-footer-padding-x);
  border-top-width: var(--us-modal-footer-border-width);
  border-top-style: solid;
  border-top-color: var(--us-modal-footer-border-color);
  background: var(--us-modal-footer-background, transparent);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 0.5rem;
}
.us-modal-appear, .us-modal-enter {
  opacity: 0;
  transform: scale(0.9);
}
.us-modal-appear-active, .us-modal-enter-active {
  opacity: 1;
  transform: scale(1);
  transition: opacity 100ms, transform 200ms;
  transition-delay: 300ms;
}
.us-modal-exit {
  opacity: 1;
  transform: scale(1);
}
.us-modal-exit-active {
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 300ms, transform 300ms;
}
.us-modal-fullscreen.us-modal-exit-active {
  transform: translateY(100%);
}

.us-divider {
  width: 100%;
  height: 1px;
  background: var(--us-border-color);
}

.us-accordion {
  position: relative;
  border-radius: var(--us-accordion-border-radius);
  z-index: 0;
}
.us-accordion:not(.us-accordion--splitted) {
  overflow: hidden;
  background-color: var(--us-accordion-background);
}
.us-accordion--splitted {
  display: grid;
  gap: var(--us-accordion-splitted-gap);
}
.us-accordion--splitted .us-accordion-item {
  overflow: hidden;
}
.us-accordion-item {
  position: relative;
}
.us-accordion:not(.us-accordion--splitted) .us-accordion-item {
  border-bottom: var(--us-accordion-item-border);
}
.us-accordion:not(.us-accordion--splitted) .us-accordion-item:last-child {
  border-bottom: none;
}
.us-accordion-header {
  position: relative;
  height: var(--us-accordion-header-height);
  min-height: var(--us-accordion-header-min-height);
  padding-block: var(--us-accordion-header-padding-y);
  padding-inline: var(--us-accordion-header-padding-x);
  color: var(--us-accordion-header-color);
  display: flex;
  align-items: center;
  gap: var(--us-accordion-header-gap);
}
.us-accordion-header--collapsible {
  cursor: pointer;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.us-accordion-header__start-content, .us-accordion-header__end-content {
  position: relative;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: var(--us-accordion-header-content-gap);
}
.us-accordion-header__content {
  position: relative;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.us-accordion-header--centered .us-accordion-header__start-content, .us-accordion-header--centered .us-accordion-header__end-content {
  position: absolute;
}
.us-accordion-header--centered .us-accordion-header__start-content {
  left: var(--us-accordion-header-padding-x);
}
.us-accordion-header--centered .us-accordion-header__end-content {
  right: var(--us-accordion-header-padding-x);
}
.us-accordion-header--centered .us-accordion-header__content {
  align-items: center;
  text-align: center;
}
.us-accordion-header__title {
  font-size: var(--us-accordion-header-title-font-size);
  font-weight: var(--us-accordion-header-title-font-weight);
  line-height: var(--us-accordion-header-title-line-height);
  opacity: var(--us-accordion-header-title-opacity);
  overflow: hidden;
  color: var(--us-accordion-header-title-color);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  word-break: break-word;
}
.us-accordion-header__subtitle {
  font-size: var(--us-accordion-header-subtitle-font-size);
  font-weight: var(--us-accordion-header-subtitle-font-weight);
  line-height: var(--us-accordion-header-subtitle-line-height);
  opacity: var(--us-accordion-header-subtitle-opacity);
  overflow: hidden;
  color: var(--us-accordion-header-subtitle-color);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  text-overflow: ellipsis;
  word-break: break-word;
}
.us-accordion-header:not(.us-accordion-header--divider) ~ .us-accordion-body:not([data-hidden=true]), .us-accordion-header:not(.us-accordion-header--divider) ~ :not([hidden]) .us-accordion-body:not([data-hidden=true]) {
  padding-top: 0;
}
.us-accordion-header--divider ~ .us-accordion-body:not([data-hidden=true]), .us-accordion-header--divider ~ :not([hidden]) .us-accordion-body:not([data-hidden=true]) {
  border-top-width: 1px;
}
.us-accordion-body {
  position: relative;
  border-top-width: var(--us-accordion-body-border-top-width, 0px);
  border-top-style: solid;
  border-top-color: var(--us-accordion-body-border-color, var(--us-accordion-border-color));
  padding-block: var(--us-accordion-body-padding-y);
  padding-inline: var(--us-accordion-body-padding-x);
  font-size: var(--us-accordion-body-font-size);
  line-height: var(--us-accordion-body-line-height);
  color: var(--us-accordion-body-color);
}

.us-list {
  margin: 0;
  padding: var(--us-list-padding-y) var(--us-list-padding-x);
  color: var(--us-list-color);
  background-color: var(--us-list-background);
}
.us-list-item {
  position: relative;
  font-size: var(--us-list-item-font-size);
  font-weight: var(--us-list-item-font-weight);
  border-radius: var(--us-list-item-border-radius);
  text-decoration: none;
  z-index: 0;
  color: var(--us-list-item-color);
  background-color: var(--us-list-item-background);
  -webkit-tap-highlight-color: transparent;
}
.us-list-item__container {
  position: relative;
  padding-block: var(--us-list-item-padding-y);
  padding-inline: var(--us-list-item-padding-x);
  height: var(--us-list-item-height);
  min-height: var(--us-list-item-min-height);
  display: flex;
  align-items: center;
  gap: var(--us-list-item-gap);
}
.us-list-item:hover {
  text-decoration: none;
}
.us-list-item--hoverable, .us-list-item--selected {
  cursor: pointer;
  user-select: none;
}
.us-list-item--disabled {
  opacity: 0.6;
  pointer-events: none;
}
.us-list-item__start-content, .us-list-item__end-content {
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--us-list-item-gap);
}
.us-list-item__content {
  flex-grow: 1;
  display: grid;
  overflow: hidden;
}
.us-list-item__title {
  font-size: var(--us-list-item-title-font-size);
  font-weight: var(--us-list-item-title-font-weight);
  line-height: var(--us-list-item-title-line-height);
  opacity: var(--us-list-item-title-opacity);
  overflow: hidden;
  color: var(--us-list-item-title-color);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.us-list-item__subtitle {
  font-size: var(--us-list-item-subtitle-font-size);
  font-weight: var(--us-list-item-subtitle-font-weight);
  line-height: var(--us-list-item-subtitle-line-height);
  opacity: var(--us-list-item-subtitle-opacity);
  overflow: hidden;
  color: var(--us-list-item-subtitle-color);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.us-list-subheader--bordered {
  border-bottom: var(--us-list-subheader-border-width) solid var(--us-list-subheader-border-color);
}
.us-list-group .us-list {
  --us-list-background: var(--us-list-group-background);
}

.us-data-list {
  flex-grow: 1;
  overflow: hidden;
}

.us-menu {
  margin: 0;
  padding: var(--us-menu-padding-y) var(--us-menu-padding-x);
  color: var(--us-menu-color);
  background-color: var(--us-menu-background);
}
.us-menu-item {
  position: relative;
  height: var(--us-menu-item-height);
  padding: var(--us-menu-item-padding-y) var(--us-menu-item-padding-x);
  margin-inline: var(--us-menu-item-margin-inline, 0px);
  font-size: var(--us-menu-item-font-size);
  font-weight: var(--us-menu-item-font-weight);
  border-radius: var(--us-menu-item-border-radius);
  text-decoration: none;
  cursor: pointer;
  z-index: 0;
  display: flex;
  align-items: center;
  color: var(--us-menu-item-color);
  background-color: var(--us-menu-item-background);
  user-select: none;
  -webkit-tap-highlight-color: transparent;
  gap: var(--us-menu-item-gap);
}
.us-menu-item:hover {
  text-decoration: none;
}
.us-menu-item--hoverable {
  cursor: pointer;
  user-select: none;
}
.us-menu-item--selected::before {
  content: "";
  position: absolute;
  left: calc(-1 * var(--us-menu-item-margin-inline, 0px));
  top: 0;
  bottom: 0;
  width: var(--us-menu-item-indicator-width, 0px);
  background-color: var(--us-menu-item-indicator-color, transparent);
  z-index: 2;
}
.us-menu-item--disabled {
  opacity: 0.6;
  pointer-events: none;
}
.us-menu-item__start-content {
  flex-shrink: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.us-menu-item__start-content, .us-menu-item__end-content {
  flex-shrink: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: calc(var(--us-list-item-gap) * 0.5);
}
.us-menu-item__content {
  flex-grow: 1;
  z-index: 1;
  display: grid;
  overflow: hidden;
}
.us-menu-item__title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.us-menu-group {
  position: relative;
  height: var(--us-menu-group-height);
  padding: var(--us-menu-group-padding-y) var(--us-menu-group-padding-x);
  font-size: var(--us-menu-group-font-size);
  font-weight: var(--us-menu-group-font-weight);
  text-decoration: none;
  border-bottom: var(--us-menu-group-border-width) solid var(--us-menu-group-border-color);
  border-radius: var(--us-menu-group-border-radius);
  display: flex;
  align-items: center;
  color: var(--us-menu-group-color);
  background-color: var(--us-menu-group-background);
  gap: var(--us-menu-group-gap);
}
.us-menu-group:hover {
  text-decoration: none;
}
.us-menu-group__icon {
  flex-shrink: 0;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center;
}
.us-menu-group__content {
  flex-grow: 1;
  z-index: 1;
  display: grid;
  overflow: hidden;
}
.us-menu-group__title {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.us-menu-submenu .us-menu {
  --us-menu-background: var(--us-submenu-background);
}

.us-menu-item.us-collapse-trigger {
  font-weight: var(--us-menu-submenu-trigger-font-weight, var(--us-menu-item-font-weight));
}

.us-menu-submenu .us-menu .us-menu-item {
  font-weight: var(--us-menu-child-item-font-weight, var(--us-menu-item-font-weight));
  color: var(--us-menu-child-item-color, var(--us-menu-item-color));
}

.us-menu-submenu > .us-collapse {
  border-left: var(--us-menu-submenu-connector-width, 0px) solid var(--us-menu-submenu-connector-color, transparent);
  margin-left: var(--us-menu-submenu-connector-margin, 0px);
}

.us-navigation-menu {
  background-color: var(--us-navigation-menu-background);
  border-radius: var(--us-navigation-menu-border-radius);
  padding: var(--us-navigation-menu-padding);
  color: var(--us-navigation-menu-color);
  min-width: max-content;
}
.us-navigation-menu-list {
  display: flex;
  position: relative;
  list-style: none;
  padding: 0;
  margin: 0;
}
.us-navigation-menu-item {
  display: flex;
}
.us-navigation-menu-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
  transform-origin: center;
}
.us-navigation-menu-icon[data-popup-open] {
  transform: rotate(180deg);
}
.us-navigation-menu-positioner {
  --easing: cubic-bezier(0.22, 1, 0.36, 1);
  --duration: 0.35s;
  box-sizing: border-box;
  transition-property: top, left, right, bottom;
  transition-duration: var(--duration);
  transition-timing-function: var(--easing);
  width: var(--positioner-width);
  height: var(--positioner-height);
  max-width: var(--available-width);
  z-index: 1000;
}
.us-navigation-menu-positioner[data-instant] {
  transition: none;
}
.us-navigation-menu-popup {
  position: relative;
  box-sizing: border-box;
  padding-block: var(--us-navigation-menu-popup-padding-block, 0.375rem);
  padding-inline: var(--us-navigation-menu-popup-padding-inline, 0.375rem);
  border-radius: var(--us-navigation-menu-popup-border-radius, 0.5rem);
  background-color: var(--us-navigation-menu-popup-background, rgba(255, 255, 255, 0.98));
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  color: var(--us-navigation-menu-popup-color, #343a40);
  transform-origin: var(--transform-origin);
  transition-property: opacity, transform, width, height, backdrop-filter;
  transition-duration: var(--duration);
  transition-timing-function: var(--easing);
  width: var(--popup-width);
  height: var(--popup-height);
  border: 1px solid var(--us-navigation-menu-popup-border-color, rgba(0, 0, 0, 0.08));
  box-shadow: var(--us-navigation-menu-popup-shadow, 0 0 0 1px rgba(0, 0, 0, 0.02), 0 2px 4px rgba(0, 0, 0, 0.04), 0 8px 16px rgba(0, 0, 0, 0.08), 0 16px 32px rgba(0, 0, 0, 0.06));
  overflow: hidden;
}
.us-navigation-menu-popup[data-starting-style], .us-navigation-menu-popup[data-ending-style] {
  opacity: 0;
  transform: scale(0.92) translateY(-8px);
}
.us-navigation-menu-popup[data-ending-style] {
  transition-timing-function: ease;
  transition-duration: 0.15s;
}
.us-navigation-menu-content {
  box-sizing: border-box;
  transition: opacity calc(var(--duration) * 0.5) ease, transform var(--duration) var(--easing);
  width: calc(100vw - 40px);
  height: 100%;
}
@media (min-width: 500px) {
  .us-navigation-menu-content {
    width: max-content;
    min-width: 400px;
  }
}
.us-navigation-menu-content[data-starting-style], .us-navigation-menu-content[data-ending-style] {
  opacity: 0;
}
.us-navigation-menu-content[data-starting-style][data-activation-direction=left] {
  transform: translateX(-50%);
}
.us-navigation-menu-content[data-starting-style][data-activation-direction=right] {
  transform: translateX(50%);
}
.us-navigation-menu-content[data-ending-style][data-activation-direction=left] {
  transform: translateX(50%);
}
.us-navigation-menu-content[data-ending-style][data-activation-direction=right] {
  transform: translateX(-50%);
}
.us-navigation-menu-link {
  text-decoration: none !important;
  color: inherit !important;
  border-radius: 0.375rem;
  transition: background-color 150ms cubic-bezier(0.4, 0, 0.2, 1);
  display: block;
}
.us-navigation-menu-link, .us-navigation-menu-link:visited, .us-navigation-menu-link:link {
  text-decoration: none !important;
  color: inherit !important;
}
@media (hover: hover) {
  .us-navigation-menu-link:hover {
    background-color: var(--us-navigation-menu-link-hover-background, rgba(0, 0, 0, 0.05)) !important;
  }
}
.us-navigation-menu-link:focus-visible {
  outline: 2px solid var(--us-navigation-menu-trigger-focus-outline, var(--us-primary-color));
  outline-offset: 2px;
  outline-style: solid;
}
.us-navigation-menu-viewport {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.us-navigation-menu-arrow {
  display: flex;
  transition: left calc(var(--duration)) var(--easing);
}
.us-navigation-menu-arrow[data-side=top] {
  bottom: -8px;
  rotate: 180deg;
}
.us-navigation-menu-arrow[data-side=bottom] {
  top: -8px;
  rotate: 0deg;
}
.us-navigation-menu-arrow[data-side=left] {
  right: -13px;
  rotate: 90deg;
}
.us-navigation-menu-arrow[data-side=right] {
  left: -13px;
  rotate: -90deg;
}

.us-navigation-menu-item {
  position: relative;
  z-index: 0;
  display: flex;
  padding-block: var(--us-navigation-menu-item-padding-block, 0.5rem);
  padding-left: var(--us-navigation-menu-item-padding-left, 0.75rem);
  padding-right: var(--us-navigation-menu-item-padding-right, 0.75rem);
  border-radius: var(--us-navigation-menu-item-border-radius, 0.375rem);
  margin-inline: var(--us-navigation-menu-item-margin-inline, 0.125rem);
  margin-bottom: 0;
  min-height: var(--us-navigation-menu-item-min-height, 2rem);
  text-decoration: none;
  color: inherit;
  cursor: pointer;
  user-select: none;
  border: 1px solid transparent;
  transition: background-color 120ms ease-out, border-color 120ms ease-out, box-shadow 120ms ease-out;
  border: none;
  background: none;
  font-family: inherit;
  font-size: inherit;
  text-align: left;
  outline: none;
}
.us-navigation-menu-item:hover {
  text-decoration: none;
}
.us-navigation-menu-item--selected {
  color: var(--us-navigation-menu-item-selected-color, inherit);
}
.us-navigation-menu-item--disabled {
  opacity: 0.5;
  pointer-events: none;
  cursor: not-allowed;
}
.us-navigation-menu-item__container {
  display: flex;
  align-items: center;
  gap: var(--us-navigation-menu-item-gap, 0.625rem);
  width: 100%;
  position: relative;
  z-index: 1;
}
.us-navigation-menu-item__start-content {
  display: flex;
  align-items: center;
  flex-shrink: 0;
}
.us-navigation-menu-item__end-content {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  margin-left: auto;
}
.us-navigation-menu-item__content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex: 1;
  min-width: 0;
}
.us-navigation-menu-item__title {
  font-weight: 600;
  font-size: var(--us-navigation-menu-item-title-font-size, 0.875rem);
  line-height: var(--us-navigation-menu-item-title-line-height, 1.25rem);
  color: var(--us-navigation-menu-item-title-color, inherit);
  letter-spacing: -0.01em;
  transition: color 120ms ease-out;
}
.us-navigation-menu-item__subtitle {
  font-size: var(--us-navigation-menu-item-subtitle-font-size, 0.75rem);
  line-height: var(--us-navigation-menu-item-subtitle-line-height, 1.125rem);
  color: var(--us-navigation-menu-item-subtitle-color, #6b7280);
  margin-top: 0.125rem;
  font-weight: 400;
  letter-spacing: 0;
  transition: color 120ms ease-out;
}
.us-navigation-menu-item__description {
  font-size: var(--us-navigation-menu-item-description-font-size, 0.6875rem);
  color: var(--us-navigation-menu-item-description-color, #9ca3af);
  margin-top: 0.1875rem;
  line-height: var(--us-navigation-menu-item-description-line-height, 1.125rem);
  font-weight: 400;
  letter-spacing: 0;
  font-style: normal;
  transition: color 120ms ease-out;
  max-width: 95%;
}

.us-navigation-menu-content .us-navigation-menu-item {
  padding-block: var(--us-navigation-menu-item-padding-block, 0.75rem);
  padding-left: var(--us-navigation-menu-item-padding-left, 1rem);
  padding-right: var(--us-navigation-menu-item-padding-right, 1rem);
  margin-inline: 0;
  margin-bottom: 0.125rem;
}
.us-navigation-menu-content .us-navigation-menu-item__container {
  gap: var(--us-navigation-menu-item-gap, 0.75rem);
}
.us-navigation-menu-content .us-navigation-menu-item__start-content {
  display: flex;
  align-items: center;
  justify-content: center;
  width: var(--us-navigation-menu-item-icon-size, 2rem);
  height: var(--us-navigation-menu-item-icon-size, 2rem);
  border-radius: var(--us-navigation-menu-item-icon-radius, 0.375rem);
  background: var(--us-navigation-menu-item-icon-bg, rgba(0, 0, 0, 0.04));
  transition: background-color 120ms ease-out;
}
.us-navigation-menu-content .us-navigation-menu-item__title {
  font-size: var(--us-navigation-menu-item-title-font-size);
  line-height: var(--us-navigation-menu-item-title-line-height);
  color: var(--us-navigation-menu-item-title-color, #111827);
  letter-spacing: -0.015em;
}
.us-navigation-menu-content .us-navigation-menu-item__subtitle {
  font-size: var(--us-navigation-menu-item-subtitle-font-size);
  line-height: var(--us-navigation-menu-item-subtitle-line-height);
  letter-spacing: -0.005em;
}
.us-navigation-menu-content .us-navigation-menu-item__description {
  font-size: var(--us-navigation-menu-item-description-font-size);
  line-height: var(--us-navigation-menu-item-description-line-height);
  letter-spacing: -0.005em;
}

.us-navigation-menu-group {
  display: flex;
  flex-direction: column;
  gap: var(--us-navigation-menu-group-gap, 0.5rem);
  padding: var(--us-navigation-menu-group-padding, 1.25rem);
}
.us-navigation-menu-group__label {
  font-size: var(--us-navigation-menu-group-label-font-size, 0.75rem);
  font-weight: var(--us-navigation-menu-group-label-font-weight, 600);
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--us-navigation-menu-group-label-color, #6c757d);
  padding-block: var(--us-navigation-menu-group-label-padding-block, 0.25rem);
  padding-inline: var(--us-navigation-menu-group-label-padding-inline, 0);
  margin-bottom: var(--us-navigation-menu-group-label-margin-bottom, 0.25rem);
}
.us-navigation-menu-group__content {
  display: flex;
  flex-direction: column;
  gap: var(--us-navigation-menu-group-content-gap, 0.25rem);
}

.us-navigation-menu-separator {
  height: 1px;
  background-color: var(--us-navigation-menu-separator-color, #e9ecef);
  margin-block: var(--us-navigation-menu-separator-margin-block, 0.5rem);
  margin-inline: var(--us-navigation-menu-separator-margin-inline, 1.25rem);
}

.us-navigation-menu-grid {
  display: grid;
  gap: var(--us-navigation-menu-grid-gap, 1.5rem);
  padding: var(--us-navigation-menu-grid-padding, 1.25rem);
}
.us-navigation-menu-grid--columns-1 {
  grid-template-columns: 1fr;
}
.us-navigation-menu-grid--columns-2 {
  grid-template-columns: repeat(2, 1fr);
}
.us-navigation-menu-grid--columns-3 {
  grid-template-columns: repeat(3, 1fr);
}
.us-navigation-menu-grid--columns-4 {
  grid-template-columns: repeat(4, 1fr);
}

.us-breadcrumb {
  padding-block: var(--us-breadcrumb-padding-y, 0.5rem);
  font-size: var(--us-breadcrumb-font-size, 0.875rem);
  display: flex;
  align-items: center;
  gap: 0;
}
.us-breadcrumb-item {
  padding-block: var(--us-breadcrumb-item-padding-y, 0.25rem);
  padding-inline: var(--us-breadcrumb-item-padding-x, 0.5rem);
  white-space: nowrap;
  display: flex;
  align-items: center;
}
.us-breadcrumb-item:not(.us-breadcrumb-item--is-menu) {
  line-height: var(--us-breadcrumb-item-line-height, 2rem);
}

.us-swipe {
  position: relative;
}
.us-swipe__content {
  position: relative;
  overflow-x: hidden;
  display: flex;
  align-items: center;
  gap: var(--us-swipe-gap);
}
@media (max-width: 767px) and (hover: none) {
  .us-swipe__content {
    overflow-x: auto;
  }
}
.us-swipe__start-content, .us-swipe__end-content {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}
.us-swipe__start-content {
  left: 0.5rem;
}
.us-swipe__end-content {
  right: 0.5rem;
}
.us-swipe--auto-hide .us-swipe__start-content, .us-swipe--auto-hide .us-swipe__end-content {
  transform: translateY(-50%) scale(0);
  transition: all 0.2s ease-in-out;
}
.us-swipe--auto-hide:hover .us-swipe__start-content, .us-swipe--auto-hide:hover .us-swipe__end-content {
  transform: translateY(-50%) scale(1);
}
.us-swipe--start .us-swipe-item:last-child {
  margin-right: auto;
}
.us-swipe--center .us-swipe-item:first-child {
  margin-left: auto;
}
.us-swipe--center .us-swipe-item:last-child {
  margin-right: auto;
}
.us-swipe--end .us-swipe-item:first-child {
  margin-left: auto;
}
.us-swipe-item {
  flex-shrink: 0;
  position: relative;
}

.us-tabs {
  width: 100%;
  white-space: nowrap;
  flex-wrap: wrap;
  display: flex;
  align-items: center;
}
.us-tabs--start {
  justify-content: flex-start;
}
.us-tabs--center {
  justify-content: center;
}
.us-tabs--end {
  justify-content: flex-end;
}
.us-tabs--stretch .us-tab {
  flex-grow: 1;
}
@media (max-width: 767px) and (hover: none) {
  .us-tabs {
    overflow: auto;
  }
}

.us-tab {
  position: relative;
  padding-block: var(--us-tab-padding-y);
  padding-inline: var(--us-tab-padding-x);
  font-size: var(--us-tab-font-size);
  font-weight: var(--us-tab-font-weight);
  text-decoration: none;
  vertical-align: middle;
  border-radius: var(--us-tab-border-radius);
  z-index: 1;
  color: var(--us-tab-color);
  display: inline-flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.us-tab:hover {
  text-decoration: none;
}
.us-tab--disabled {
  opacity: 0.6;
  pointer-events: none;
}
.us-tab--closable {
  padding-inline-end: calc(var(--us-tab-padding-x) / 2);
}
.us-tab__start-content, .us-tab__end-content {
  display: flex;
  align-items: center;
}
.us-tab__content {
  position: relative;
  height: var(--us-tab-height);
  display: inline-flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  gap: 8px;
}
.us-tab__indicator {
  position: absolute;
  height: var(--us-tab-indicator-height);
  border-radius: var(--us-tab-indicator-border-radius);
  border: var(--us-tab-indicator-border);
  border-bottom: var(--us-tab-indicator-border-bottom);
  inset: auto 0px 0px;
  z-index: -1;
  color: var(--us-tab-indicator-color);
  transform-origin: left bottom;
}
.us-tab__closable {
  position: relative;
  padding: 0.125rem;
  color: var(--us-tab-closable-color);
  border-radius: 9999px;
  transform: scale(0.75);
  cursor: pointer;
  transition: all 0.15s ease-in-out;
}
.us-tab__closable:hover {
  transform: scale(1);
}
.us-tab__closable::after {
  position: absolute;
  content: "";
  inset: 0px;
  border-radius: inherit;
  background-color: currentColor;
  opacity: 0;
}

.us-card {
  position: relative;
  border-radius: var(--us-card-border-radius);
  z-index: 0;
  overflow: hidden;
  -webkit-tap-highlight-color: transparent;
  background-color: var(--us-card-background);
  padding-block: var(--us-card-padding-y);
  padding-inline: var(--us-card-padding-x);
  display: flex;
  flex-direction: column;
  gap: var(--us-card-gap);
}
.us-card:hover {
  text-decoration: none;
}
.us-card--bordered {
  border: var(--us-card-border-width) var(--us-card-border-style) var(--us-card-border-color);
}
.us-card--shadow {
  box-shadow: var(--us-card-box-shadow);
}
.us-card--hoverable, .us-card--selected {
  cursor: pointer;
  user-select: none;
}
.us-card--disabled {
  opacity: 0.6;
  cursor: not-allowed;
  user-select: none;
}
.us-card-header {
  position: relative;
  flex-shrink: 0;
  height: var(--us-card-header-height);
  min-height: var(--us-card-header-min-height);
  padding-block: var(--us-card-header-padding-y);
  padding-inline: var(--us-card-header-padding-x);
  color: var(--us-card-header-color);
  display: flex;
  align-items: center;
  gap: var(--us-card-header-gap);
}
.us-card-header__start-content, .us-card-header__end-content {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: var(--us-card-header-content-gap);
}
.us-card-header__content {
  flex-grow: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.us-card-header--centered .us-card-header__start-content, .us-card-header--centered .us-card-header__end-content {
  position: absolute;
}
.us-card-header--centered .us-card-header__start-content {
  left: var(--us-card-header-padding-x);
}
.us-card-header--centered .us-card-header__end-content {
  right: var(--us-card-header-padding-x);
}
.us-card-header--centered .us-card-header__content {
  align-items: center;
  text-align: center;
}
.us-card-header .us-card-title {
  font-size: var(--us-card-header-title-font-size);
  font-weight: var(--us-card-header-title-font-weight);
  line-height: var(--us-card-header-title-line-height);
  overflow: hidden;
  color: var(--us-card-header-title-color);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.us-card-header .us-card-subtitle {
  font-size: var(--us-card-header-subtitle-font-size);
  font-weight: var(--us-card-header-subtitle-font-weight);
  line-height: var(--us-card-header-subtitle-line-height);
  overflow: hidden;
  color: var(--us-card-header-subtitle-color);
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.us-card .us-card-title:not(.us-card-header .us-card-title) {
  flex-shrink: 0;
  padding-block: var(--us-card-title-padding-y);
  padding-inline: var(--us-card-title-padding-x);
  font-size: var(--us-card-title-font-size);
  font-weight: var(--us-card-title-font-weight);
  line-height: var(--us-card-title-line-height);
  color: var(--us-card-title-color);
}
.us-card .us-card-title--centered:not(.us-card-header .us-card-title) {
  text-align: center;
}
.us-card .us-card-subtitle:not(.us-card-header .us-card-subtitle) {
  flex-shrink: 0;
  font-size: var(--us-card-header-subtitle-font-size);
  font-weight: var(--us-card-header-subtitle-font-weight);
  line-height: var(--us-card-header-subtitle-line-height);
  overflow: hidden;
  color: var(--us-card-header-subtitle-color);
}
.us-card-body {
  position: relative;
  padding-block: var(--us-card-body-padding-y);
  padding-inline: var(--us-card-body-padding-x);
  font-size: var(--us-card-body-font-size);
  line-height: var(--us-card-body-line-height);
  color: var(--us-card-body-color);
}
.us-card-details {
  position: relative;
  padding-block: var(--us-card-details-padding-y, var(--us-card-body-padding-y));
  padding-inline: var(--us-card-body-padding-x);
  font-size: var(--us-card-details-font-size, var(--us-card-body-font-size));
  line-height: var(--us-card-body-line-height);
  color: var(--us-card-body-color);
  background-color: var(--us-card-details-background, transparent);
}
.us-card-details::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border-top: 1px solid var(--us-card-border-color);
}
.us-card-details + .us-card-footer {
  border-top-width: 1px;
  border-top-color: var(--us-card-border-color);
}
.us-card-footer {
  flex-shrink: 0;
  position: relative;
  min-height: var(--us-card-footer-min-height);
  padding-block: var(--us-card-footer-padding-y);
  padding-inline: var(--us-card-footer-padding-x);
  border-top-width: 0px;
  border-top-style: solid;
  border-top-color: var(--us-card-footer-border-color);
  background-color: var(--us-card-footer-background);
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: var(--us-card-footer-gap, 0.5rem);
}
.us-card-media {
  position: relative;
  margin: 8px;
  border-radius: 8px;
  aspect-ratio: 1/1;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.08);
}
.us-card-media__top-left-content {
  padding: 4px;
  position: absolute;
  top: 0;
  left: 0;
}
.us-card-media__top-right-content {
  padding: 4px;
  position: absolute;
  top: 0;
  right: 0;
}
.us-card-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.us-card--divider .us-card-body {
  margin-top: var(--us-card-padding-y);
}
.us-card--divider .us-card-body::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  border-bottom: 1px solid var(--us-card-border-color);
}
.us-card--divider .us-card-header ~ .us-card-body {
  margin-bottom: var(--us-card-padding-y);
}
.us-card--divider .us-card-header ~ .us-card-body::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  border-top: 1px solid var(--us-card-border-color);
}
.us-card--divider > .us-card-body:first-child, .us-card--divider :not([hidden]):first-child .us-card-body::before {
  border-top: none;
}
.us-card--divider > .us-card-body:last-child, .us-card--divider :not([hidden]):last-child .us-card-body {
  margin-bottom: 0;
}
.us-card--divider > .us-card-body:last-child::after, .us-card--divider :not([hidden]):last-child .us-card-body::after {
  border-bottom: none;
}
.us-card:not(.us-card--divider) > .us-card-header + .us-card-body {
  padding-block-start: 0;
}
.us-card:not(.us-card--divider) > .us-card-body:has(+ .us-card-footer) {
  padding-block-end: 0;
}

.us-descriptions {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  row-gap: var(--us-descriptions-gap-y);
  column-gap: var(--us-descriptions-gap-x);
}

.us-description {
  position: relative;
  padding-block: var(--us-description-padding-y);
  padding-inline: var(--us-description-padding-x);
}
.us-description__container {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  row-gap: var(--us-description-gap-y);
  column-gap: var(--us-description-gap-x);
}
.us-description-value {
  display: flex;
  align-items: center;
}
.us-description-value__start-content, .us-description-value__end-content {
  flex-shrink: 0;
}
.us-description-value__content {
  flex-grow: 1;
}
.us-descriptions--row .us-description-label {
  grid-column: span 6/span 6;
}
.us-descriptions--row .us-description-value {
  grid-column: span 6/span 6;
}
.us-descriptions--col .us-description-label, .us-descriptions--col .us-description-value {
  grid-column: span 12/span 12;
}
.us-description-label {
  font-size: var(--us-description-label-font-size);
  font-weight: var(--us-description-label-font-weight);
  color: var(--us-description-label-color);
  opacity: var(--us-description-label-opacity);
}
.us-description-text {
  display: inline;
  font-size: var(--us-description-text-font-size);
  font-weight: var(--us-description-text-font-weight);
  color: var(--us-description-text-color);
  opacity: var(--us-description-text-opacity);
  word-break: break-word;
}
.us-description-empty {
  opacity: 0.75;
  user-select: none;
  cursor: default;
}

.us-result {
  flex-grow: 1;
  width: 100%;
  padding-block: var(--us-result-padding-y);
  padding-inline: var(--us-result-padding-x);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--us-result-gap);
}
.us-result__content {
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: var(--us-result-content-gap);
}
.us-result__title {
  font-size: var(--us-result-title-font-size);
  font-weight: var(--us-result-title-font-weight);
}
.us-result__subtitle {
  font-size: var(--us-result-subtitle-font-size);
  font-weight: var(--us-result-subtitle-font-weight);
}

.us-nav-rail {
  flex-shrink: 0;
  position: relative;
  width: 73px;
  height: 100%;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.us-nav-rail--left {
  border-right-width: 1px;
  border-right-color: var(--us-nav-rail-border-color);
  border-right-style: solid;
}
.us-nav-rail--right {
  border-left-width: 1px;
  border-left-color: var(--us-nav-rail-border-color);
  border-left-style: solid;
}
.us-nav-rail__start-content, .us-nav-rail__end-content {
  flex-shrink: 0;
}
.us-nav-rail__start-content {
  padding-block: var(--us-nav-rail-start-content-padding-y);
  padding-inline: var(--us-nav-rail-start-content-padding-x);
  gap: var(--us-nav-rail-start-content-gap);
}
.us-nav-rail__end-content {
  padding-block: var(--us-nav-rail-end-content-padding-y);
  padding-inline: var(--us-nav-rail-end-content-padding-x);
  gap: var(--us-nav-rail-end-content-gap);
}
.us-nav-rail__content {
  flex-grow: 1;
  padding-block: var(--us-nav-rail-content-padding-y);
  padding-inline: var(--us-nav-rail-content-padding-x);
  gap: var(--us-nav-rail-content-gap);
}
.us-nav-rail__start-content, .us-nav-rail__end-content, .us-nav-rail__content {
  display: flex;
  flex-direction: column;
}
.us-nav-rail-item {
  flex-shrink: 0;
  padding-block: var(--us-nav-rail-item-padding-y);
  padding-inline: var(--us-nav-rail-item-padding-x);
  position: relative;
  text-decoration: none;
  opacity: var(--us-nav-rail-item-opacity);
  border-radius: var(--us-nav-rail-item-border-radius);
  cursor: default;
  color: var(--us-nav-rail-item-color);
  background-color: var(--us-nav-rail-item-background);
  display: flex;
  user-select: none;
}
.us-nav-rail-item__indicator {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  width: var(--us-nav-rail-item-indicator-size);
  z-index: 1;
  background: var(--us-nav-rail-item-indicator-color);
  transform: translateX(calc(var(--us-nav-rail-item-indicator-size) * -1));
  transition: transform 0.125s cubic-bezier(0.17, 0.67, 0.55, 1.09), inset 0.125s cubic-bezier(0.17, 0.67, 0.55, 1.09);
}
.us-nav-rail-item__content {
  flex-grow: 1;
  position: relative;
  padding-block: var(--us-nav-rail-item-content-padding-y);
  padding-inline: var(--us-nav-rail-item-content-padding-x);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--us-nav-rail-item-gap);
}
.us-nav-rail-item__media {
  position: relative;
  outline-width: var(--us-nav-rail-item-media-border-width);
  outline-style: var(--us-nav-rail-item-media-border-style);
  outline-color: var(--us-nav-rail-item-media-border-color);
  width: var(--us-nav-rail-item-media-width);
  height: var(--us-nav-rail-item-media-height);
  border-radius: var(--us-nav-rail-item-media-border-radius);
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: transform 0.125s cubic-bezier(0.17, 0.67, 0.55, 1.09);
}
.us-nav-rail-item__icon {
  padding-block: var(--us-nav-rail-item-icon-padding-y);
  padding-inline: var(--us-nav-rail-item-icon-padding-x);
  display: flex;
  justify-content: center;
  align-items: center;
}
.us-nav-rail-item__icon .us-icon {
  font-size: var(--us-nav-rail-item-icon-font-size);
}
.us-nav-rail-item__label {
  position: absolute;
  bottom: calc((var(--us-nav-rail-item-label-font-size) + var(--us-nav-rail-item-gap, 0)) * -1);
  left: 50%;
  transform: translateX(-50%);
  font-size: var(--us-nav-rail-item-label-font-size);
  font-weight: var(--us-nav-rail-item-label-font-weight);
  line-height: var(--us-nav-rail-item-label-line-height);
  width: 100%;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  transition: opacity 0.125s cubic-bezier(0.17, 0.67, 0.55, 1.09);
}
.us-nav-rail-item--selected {
  color: var(--us-_active-nav-rail-item-color);
}
.us-nav-rail-item--selected .us-nav-rail-item__media {
  outline-color: var(--us-_active-nav-rail-item-media-border-color);
}
.us-nav-rail-item--selected .us-nav-rail-item__icon, .us-nav-rail-item:hover .us-nav-rail-item__icon {
  transform: scale(1.15);
}
.us-nav-rail-item--selected .us-nav-rail-item__indicator, .us-nav-rail-item--selected:hover .us-nav-rail-item__indicator {
  color: var(--us-_active-nav-rail-item-indicator-color);
}
.us-nav-rail-item--selected .us-nav-rail-item__indicator, .us-nav-rail-item:hover .us-nav-rail-item__indicator {
  transform: translateX(0px);
}
.us-nav-rail--left .us-nav-rail-item__indicator {
  left: -25%;
  border-radius: 0px var(--us-nav-rail-item-indicator-border-radius) var(--us-nav-rail-item-indicator-border-radius) 0px;
}
.us-nav-rail--right .us-nav-rail-item__indicator {
  right: -25%;
  border-radius: var(--us-nav-rail-item-indicator-border-radius) 0px 0px var(--us-nav-rail-item-indicator-border-radius);
}
.us-nav-rail--left .us-nav-rail-item--selected .us-nav-rail-item__indicator, .us-nav-rail--left .us-nav-rail-item--selected:hover .us-nav-rail-item__indicator {
  left: 0px;
}
.us-nav-rail--right .us-nav-rail-item--selected .us-nav-rail-item__indicator, .us-nav-rail--right .us-nav-rail-item--selected:hover .us-nav-rail-item__indicator {
  right: 0px;
}

.us-steps {
  flex-shrink: 0;
  display: grid;
  overflow: hidden;
}
.us-steps--horizontal {
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}
.us-steps--vertical {
  grid-template-columns: 1;
  gap: 2rem;
}
.us-steps--vertical .us-step {
  flex-direction: row;
  gap: 1.5rem;
}
.us-steps--vertical .us-step__content {
  padding: 4px 0px;
}
.us-steps--vertical .us-step__title, .us-steps--vertical .us-step__subtitle {
  margin: 0;
  text-align: start;
}
.us-steps--vertical .us-steps__indicator {
  width: 1px;
  height: 100%;
  top: -50%;
  bottom: 50%;
  left: auto;
  right: auto;
}

.us-step {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.us-step--completed {
  --us-step-divider-color: var(--us-_completed-step-divider-color);
}
.us-step--current {
  --us-step-divider-color: var(--us-_current-step-divider-color);
}
.us-step--disabled {
  opacity: 0.65;
  pointer-events: none;
}
.us-step__header {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.us-step__avatar-wrapper {
  border: 2px solid transparent;
  padding: 2px;
  border-radius: 50%;
}
.us-step__avatar {
  position: relative;
  flex-shrink: 0;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  font-size: var(--us-step-indicator-font-size);
  font-weight: var(--us-step-indicator-font-weight);
  color: var(--us-step-indicator-color);
  background-color: var(--us-step-background-color);
  display: flex;
  justify-content: center;
  align-items: center;
}
.us-step__icon {
  position: relative;
}
.us-step--current .us-step__avatar-wrapper {
  border-color: var(--us-_current-step-border-color);
}
.us-step__content {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.us-step__title {
  flex-shrink: 0;
  max-width: 150px;
  margin: 0 auto;
  font-size: 0.875rem;
  font-weight: 500;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.us-step__subtitle {
  flex-shrink: 0;
  max-width: 150px;
  margin: 0 auto;
  font-size: 0.75rem;
  text-align: center;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  opacity: 0.75;
}

.us-steps {
  position: relative;
}
.us-steps__indicator {
  position: absolute;
  flex-grow: 1;
  position: absolute;
  right: 50%;
  top: 50%;
  left: -50%;
  width: 100%;
  height: 1px;
  background-color: var(--us-step-divider-color);
  z-index: -1;
}
.us-steps__indicator--completed {
  border-bottom-color: var(--us-_completed-step-divider-color);
}
.us-steps__indicator--current {
  border-bottom-color: var(--us-_current-step-divider-color);
}

.us-input {
  position: relative;
  width: 100%;
  padding: 0;
  min-height: var(--us-input-height);
  display: flex;
  align-items: center;
  border: none;
  border-radius: var(--us-input-border-radius);
  color: var(--us-input-color);
  background-color: var(--us-input-background);
  z-index: 0;
  transition: all 0.2s ease-in-out;
  cursor: text;
}
.us-input:focus-visible {
  outline: none;
}
.us-input--selectable {
  cursor: pointer;
}
.us-input--disabled {
  opacity: 0.75;
  pointer-events: none;
}
.us-input--read-only {
  pointer-events: none;
}
.us-input--clearable .us-input__clearable {
  transform: scale(0);
  transition: all 0.2s ease-in-out;
}
.us-input--clearable:hover .us-input__clearable {
  transform: scale(0.75);
}
.us-input-group {
  display: flex;
  align-items: center;
}
.us-input-group .us-input {
  border-radius: 0px;
}
.us-input-group .us-input:first-of-type {
  border-top-left-radius: var(--us-input-border-radius);
  border-bottom-left-radius: var(--us-input-border-radius);
}
.us-input-group .us-input:last-of-type {
  border-top-right-radius: var(--us-input-border-radius);
  border-bottom-right-radius: var(--us-input-border-radius);
}
.us-input__icon {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  border: none;
  outline: none;
  background-color: transparent;
}
.us-input__icon--opacity {
  opacity: 0;
}
.us-input__icon--pointer {
  cursor: pointer;
}
.us-input:hover .us-input__icon--opacity-hoverable {
  opacity: 0.5;
}
.us-input:hover .us-input__icon--opacity-hoverable:hover {
  opacity: 1;
}
.us-input__content {
  position: relative;
  flex: 1;
  height: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
}
.us-input__content--chips {
  padding-block: var(--us-input-padding-y);
  padding-inline: var(--us-input-padding-x);
  flex-grow: 1;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.us-input__content--chips input {
  flex: 1;
  height: 24px;
  border: none;
  outline: none;
  color: inherit;
  background: inherit;
  min-width: 0;
}
.us-input__field {
  flex: 1;
  width: 100%;
  height: 100%;
  padding-block: var(--us-input-padding-y);
  padding-inline: var(--us-input-padding-x);
  font-size: var(--us-input-font-size);
  font-family: var(--us-input-font-family);
  line-height: var(--us-input-line-height);
  border: none;
  outline: none;
  color: var(--us-input-color);
  background-color: transparent;
  display: flex;
  align-items: center;
}
.us-input__field:focus {
  outline: none !important;
}
.us-input__field::placeholder {
  color: var(--us-input-placeholder-color);
}
.us-input__search, .us-input__placeholder {
  flex: 1;
  width: 100%;
  padding-block: var(--us-input-padding-y);
  padding-inline: var(--us-input-padding-x);
  font-size: var(--us-input-font-size);
  font-family: var(--us-input-font-family);
  line-height: var(--us-input-line-height);
  color: var(--us-input-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}
.us-input__placeholder {
  color: var(--us-input-placeholder-color);
}
.us-input__start-content, .us-input__end-content {
  flex-shrink: 0;
  height: 100%;
  display: flex;
  align-items: center;
  font-size: var(--us-input-font-size);
  font-family: var(--us-input-font-family);
  line-height: var(--us-input-line-height);
  gap: var(--us-input-content-gap);
}
.us-input__start-content .us-icon, .us-input__end-content .us-icon {
  font-size: var(--us-input-icon-size);
}
.us-input__start-content {
  padding-left: calc(0.75 * var(--us-input-padding-x));
  padding-right: calc(0.375 * var(--us-input-padding-x));
}
.us-input__end-content {
  padding-inline: calc(0.75 * var(--us-input-padding-x));
}
.us-input--start-content .us-input__content .us-input__field, .us-input--start-content .us-input__content .us-input__search, .us-input--start-content .us-input__content .us-input__placeholder {
  padding-left: 0;
}
.us-input--end-content .us-input__content .us-input__field, .us-input--end-content .us-input__content .us-input__search, .us-input--end-content .us-input__content .us-input__placeholder {
  padding-right: 0;
}

.us-input--filled.us-input--primary > .us-outline,
.us-input--flat.us-input--primary > .us-outline {
  --us-outline-focus-border-color: var(--us-primary-color);
}
.us-input--filled.us-input--primary > .us-glow,
.us-input--flat.us-input--primary > .us-glow {
  --us-glow-focus-border-color: var(--us-primary-color);
}

.us-input--outlined.us-input--primary > .us-outline {
  --us-outline-focus-border-color: var(--us-primary-color);
}
.us-input--outlined.us-input--primary > .us-glow {
  --us-glow-focus-border-color: var(--us-primary-color);
}

.us-input--filled.us-input--secondary > .us-outline,
.us-input--flat.us-input--secondary > .us-outline {
  --us-outline-focus-border-color: var(--us-secondary-color);
}
.us-input--filled.us-input--secondary > .us-glow,
.us-input--flat.us-input--secondary > .us-glow {
  --us-glow-focus-border-color: var(--us-secondary-color);
}

.us-input--outlined.us-input--secondary > .us-outline {
  --us-outline-focus-border-color: var(--us-secondary-color);
}
.us-input--outlined.us-input--secondary > .us-glow {
  --us-glow-focus-border-color: var(--us-secondary-color);
}

.us-input--filled.us-input--success > .us-outline,
.us-input--flat.us-input--success > .us-outline {
  --us-outline-focus-border-color: var(--us-success-color);
}
.us-input--filled.us-input--success > .us-glow,
.us-input--flat.us-input--success > .us-glow {
  --us-glow-focus-border-color: var(--us-success-color);
}

.us-input--outlined.us-input--success > .us-outline {
  --us-outline-focus-border-color: var(--us-success-color);
}
.us-input--outlined.us-input--success > .us-glow {
  --us-glow-focus-border-color: var(--us-success-color);
}

.us-input--filled.us-input--info > .us-outline,
.us-input--flat.us-input--info > .us-outline {
  --us-outline-focus-border-color: var(--us-info-color);
}
.us-input--filled.us-input--info > .us-glow,
.us-input--flat.us-input--info > .us-glow {
  --us-glow-focus-border-color: var(--us-info-color);
}

.us-input--outlined.us-input--info > .us-outline {
  --us-outline-focus-border-color: var(--us-info-color);
}
.us-input--outlined.us-input--info > .us-glow {
  --us-glow-focus-border-color: var(--us-info-color);
}

.us-input--filled.us-input--warning > .us-outline,
.us-input--flat.us-input--warning > .us-outline {
  --us-outline-focus-border-color: var(--us-warning-color);
}
.us-input--filled.us-input--warning > .us-glow,
.us-input--flat.us-input--warning > .us-glow {
  --us-glow-focus-border-color: var(--us-warning-color);
}

.us-input--outlined.us-input--warning > .us-outline {
  --us-outline-focus-border-color: var(--us-warning-color);
}
.us-input--outlined.us-input--warning > .us-glow {
  --us-glow-focus-border-color: var(--us-warning-color);
}

.us-input--filled.us-input--danger > .us-outline,
.us-input--flat.us-input--danger > .us-outline {
  --us-outline-focus-border-color: var(--us-danger-color);
}
.us-input--filled.us-input--danger > .us-glow,
.us-input--flat.us-input--danger > .us-glow {
  --us-glow-focus-border-color: var(--us-danger-color);
}

.us-input--outlined.us-input--danger > .us-outline {
  --us-outline-focus-border-color: var(--us-danger-color);
}
.us-input--outlined.us-input--danger > .us-glow {
  --us-glow-focus-border-color: var(--us-danger-color);
}

.us-checkbox {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: var(--us-checkbox-gap);
  -webkit-tap-highlight-color: transparent;
}
.us-checkbox input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.us-checkbox--disabled {
  opacity: 0.6;
  pointer-events: none;
}
.us-checkbox--read-only {
  pointer-events: none;
}
.us-checkbox__control {
  position: relative;
  width: var(--us-checkbox-control-width);
  height: var(--us-checkbox-control-height);
  border-width: var(--us-checkbox-control-border-width);
  border-style: var(--us-checkbox-control-border-style);
  border-color: var(--us-checkbox-control-border-color);
  border-radius: var(--us-checkbox-control-border-radius);
  color: var(--us-checkbox-control-color);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: color 0.05s ease-in-out 0.025s, border-color 0.05s ease-in-out 0.025s;
  overflow: hidden;
}
.us-checkbox--before .us-checkbox__control {
  order: 2;
}
.us-checkbox--before .us-checkbox__label {
  order: 1;
}
.us-checkbox--checked .us-checkbox__control {
  border-color: var(--us-_checked-checkbox-control-border-color, var(--us-checkbox-control-border-color));
  color: var(--us-_checked-checkbox-control-color, var(--us-checkbox-control-color));
}
.us-checkbox--focus .us-checkbox__control {
  box-shadow: var(--us-_focus-checkbox-control-box-shadow);
}
.us-checkbox__tap {
  position: absolute;
  inset: 0px;
  opacity: 0;
  border-radius: inherit;
  background-color: var(--us-checkbox-tap-background);
  transform: scale(0);
  transition: opacity 0.05s ease-in-out 0.025s, transform 0.05s ease-in-out 0.025s;
}
.us-checkbox--checked .us-checkbox__tap {
  opacity: 1;
  transform: scale(1.5);
}
.us-checkbox .us-icon {
  opacity: 1;
  transform: scale(0);
  transition: opacity 0.05s ease-in-out 0.025s, transform 0.05s ease-in-out 0.025s;
}
.us-checkbox--checked .us-icon {
  opacity: 1;
  transform: scale(1);
}
.us-checkbox-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--us-checkbox-group-gap);
}
.us-checkbox-group--row {
  flex-direction: row;
  align-items: center;
}
.us-checkbox-group--col {
  flex-direction: column;
}
.us-checkbox-group--start {
  justify-content: flex-start;
}
.us-checkbox-group--center {
  justify-content: center;
}
.us-checkbox-group--end {
  justify-content: flex-end;
}
.us-checkbox-group--stretch .us-checkbox {
  flex-grow: 1;
}
.us-checkbox__label {
  font-size: var(--us-checkbox-label-font-size);
  color: var(--us-checkbox-label-color);
}

.us-radio {
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: var(--us-radio-gap);
  -webkit-tap-highlight-color: transparent;
}
.us-radio--disabled {
  opacity: 0.6;
  pointer-events: none;
}
.us-radio--read-only {
  pointer-events: none;
}
.us-radio__control {
  position: relative;
  width: var(--us-radio-control-width);
  height: var(--us-radio-control-height);
  border-width: var(--us-radio-control-border-width);
  border-style: var(--us-radio-control-border-style);
  border-color: var(--us-radio-control-border-color);
  border-radius: var(--us-radio-control-border-radius);
  color: var(--us-radio-control-color);
  display: flex;
  justify-content: center;
  align-items: center;
  transition: color 0.05s ease-in-out 0.025s, border-color 0.05s ease-in-out 0.025s;
  overflow: hidden;
}
.us-radio--before .us-radio__control {
  order: 2;
}
.us-radio--before .us-radio__label {
  order: 1;
}
.us-radio--checked .us-radio__control {
  border-color: var(--us-_checked-radio-control-border-color, var(--us-radio-control-border-color));
  color: var(--us-_checked-radio-control-color, var(--us-radio-control-color));
}
.us-radio--focus .us-radio__control {
  box-shadow: var(--us-_focus-radio-control-box-shadow);
}
.us-radio__tap {
  position: absolute;
  inset: 0px;
  opacity: 0;
  border-radius: inherit;
  background-color: var(--us-radio-tap-background);
  transform: scale(0);
  transition: opacity 0.05s ease-in-out 0.025s, transform 0.05s ease-in-out 0.025s;
}
.us-radio--checked .us-radio__tap {
  opacity: 1;
  transform: scale(1.5);
}
.us-radio .us-icon {
  opacity: 1;
  transform: scale(0);
  transition: opacity 0.05s ease-in-out 0.025s, transform 0.05s ease-in-out 0.025s;
}
.us-radio--checked .us-icon {
  opacity: 1;
  transform: scale(1);
}
.us-radio-group {
  display: flex;
  flex-wrap: wrap;
  gap: var(--us-radio-group-gap);
}
.us-radio-group--row {
  flex-direction: row;
  align-items: center;
}
.us-radio-group--col {
  flex-direction: column;
}
.us-radio-group--start {
  justify-content: flex-start;
}
.us-radio-group--center {
  justify-content: center;
}
.us-radio-group--end {
  justify-content: flex-end;
}
.us-radio-group--stretch .us-radio {
  flex-grow: 1;
}
.us-radio input {
  position: absolute;
  width: 0;
  height: 0;
  opacity: 0;
}
.us-radio__label {
  font-size: var(--us-radio-label-font-size);
  color: var(--us-radio-label-color);
}

.us-radio--primary {
  --us-_checked-radio-control-border-color: var(--us-primary-color);
  --us-radio-tap-background: var(--us-primary-color);
}

.us-radio--secondary {
  --us-_checked-radio-control-border-color: var(--us-secondary-color);
  --us-radio-tap-background: var(--us-secondary-color);
}

.us-radio--success {
  --us-_checked-radio-control-border-color: var(--us-success-color);
  --us-radio-tap-background: var(--us-success-color);
}

.us-radio--info {
  --us-_checked-radio-control-border-color: var(--us-info-color);
  --us-radio-tap-background: var(--us-info-color);
}

.us-radio--warning {
  --us-_checked-radio-control-border-color: var(--us-warning-color);
  --us-radio-tap-background: var(--us-warning-color);
}

.us-radio--danger {
  --us-_checked-radio-control-border-color: var(--us-danger-color);
  --us-radio-tap-background: var(--us-danger-color);
}

.us-switch {
  margin: 0;
  --us-switch-control-padding: calc(var(--us-switch-thumb-width) * 0.25);
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  gap: var(--us-switch-gap);
  -webkit-tap-highlight-color: transparent;
}
.us-switch input {
  position: absolute;
  opacity: 0;
  width: 0;
  height: 0;
}
.us-switch--disabled {
  opacity: 0.6;
  pointer-events: none;
}
.us-switch--read-only {
  pointer-events: none;
}
.us-switch__control {
  position: relative;
  display: inline-block;
  width: var(--us-switch-control-width);
  height: var(--us-switch-control-height);
  border-radius: var(--us-switch-control-border-radius);
  cursor: pointer;
  background-color: var(--us-switch-control-color);
  display: inline-flex;
  align-items: center;
  transition: all 0.05s ease-in-out;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}
.us-switch--before .us-switch__control {
  order: 2;
}
.us-switch--before .us-switch__label {
  order: 1;
}
.us-switch--checked .us-switch__control {
  background-color: var(--us-_checked-switch-control-color, var(--us-switch-control-color));
}
.us-switch--focus .us-switch__control {
  box-shadow: var(--us-_focus-switch-control-box-shadow);
}
.us-switch__thumb {
  width: var(--us-switch-thumb-width);
  height: var(--us-switch-thumb-height);
  transform: translateX(var(--us-switch-control-padding));
  border-radius: var(--us-switch-thumb-border-radius);
  background-color: var(--us-switch-thumb-color);
  transition: all 0.05s ease-in-out;
}
.us-switch--checked .us-switch__thumb {
  transform: translateX(calc(var(--us-switch-control-width) - var(--us-switch-thumb-width) - (var(--us-switch-control-padding))));
}
.us-switch__label {
  font-size: var(--us-switch-label-font-size);
  color: var(--us-switch-label-color);
}

.us-animation-spin {
  animation: us-animation-spin 1s linear infinite;
  transform-origin: center center;
}

@keyframes us-animation-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.us-animation-pulse {
  animation: us-animation-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@keyframes us-animation-pulse {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.us-animation-bounce {
  animation: us-animation-bounce 1s infinite;
}

@keyframes us-animation-bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}
.us-w-full {
  width: 100%;
}

.us-w-screen {
  width: 100vh;
}

.us-h-full {
  height: 100%;
}

.us-h-screen {
  height: 100dvh;
}

.us-overflow-auto {
  overflow: auto;
}

.us-overflow-hidden {
  overflow: hidden;
}

.us-d-block {
  display: block;
}

.us-d-inline {
  display: inline;
}

.us-d-flex {
  display: flex;
}

.us-d-grid {
  display: grid;
}

.us-d-contents {
  display: contents;
}

.us-d-none {
  display: none;
}

.us-flex-row {
  flex-direction: row;
}

.us-flex-row-reverse {
  flex-direction: row-reverse;
}

.us-flex-col {
  flex-direction: column;
}

.us-flex-col-reverse {
  flex-direction: column-reverse;
}

.us-flex-nowrap {
  flex-wrap: nowrap;
}

.us-flex-wrap {
  flex-wrap: wrap;
}

.us-flex-wrap-reverse {
  flex-wrap: wrap-reverse;
}

.us-grow-0 {
  flex-grow: 0;
}

.us-grow-1 {
  flex-grow: 1;
}

.us-shrink-0 {
  flex-shrink: 0;
}

.us-shrink-1 {
  flex-shrink: 1;
}

.us-justify-start {
  justify-content: flex-start;
}

.us-justify-end {
  justify-content: flex-end;
}

.us-justify-center {
  justify-content: center;
}

.us-justify-between {
  justify-content: space-between;
}

.us-justify-around {
  justify-content: space-around;
}

.us-justify-evenly {
  justify-content: space-evenly;
}

.us-items-start {
  align-items: flex-start;
}

.us-items-end {
  align-items: flex-end;
}

.us-items-center {
  align-items: center;
}

.us-items-stretch {
  align-items: stretch;
}

.us-items-baseline {
  align-items: baseline;
}

.us-fs-xs {
  font-size: var(--us-fs-xs);
}

.us-fs-sm {
  font-size: var(--us-fs-sm);
}

.us-fs-md {
  font-size: var(--us-fs-md);
}

.us-fs-lg {
  font-size: var(--us-fs-lg);
}

.us-fs-xl {
  font-size: var(--us-fs-xl);
}

.us-fs-2xl {
  font-size: var(--us-fs-2xl);
}

.us-fs-3xl {
  font-size: var(--us-fs-3xl);
}

.us-fs-4xl {
  font-size: var(--us-fs-4xl);
}

.us-fs-5xl {
  font-size: var(--us-fs-5xl);
}

.us-gap-0 {
  gap: 0;
}

.us-gap-1 {
  gap: 0.25rem;
}

.us-gap-2 {
  gap: 0.5rem;
}

.us-gap-3 {
  gap: 0.75rem;
}

.us-gap-4 {
  gap: 1rem;
}

.us-gap-5 {
  gap: 1.25rem;
}

.us-gap-6 {
  gap: 1.5rem;
}

.us-gap-7 {
  gap: 1.75rem;
}

.us-gap-8 {
  gap: 2rem;
}

.us-gap-x-0 {
  column-gap: 0;
}

.us-gap-x-1 {
  column-gap: 0.25rem;
}

.us-gap-x-2 {
  column-gap: 0.5rem;
}

.us-gap-x-3 {
  column-gap: 0.75rem;
}

.us-gap-x-4 {
  column-gap: 1rem;
}

.us-gap-x-5 {
  column-gap: 1.25rem;
}

.us-gap-x-6 {
  column-gap: 1.5rem;
}

.us-gap-x-7 {
  column-gap: 1.75rem;
}

.us-gap-x-8 {
  column-gap: 2rem;
}

.us-gap-y-0 {
  row-gap: 0;
}

.us-gap-y-1 {
  row-gap: 0.25rem;
}

.us-gap-y-2 {
  row-gap: 0.5rem;
}

.us-gap-y-3 {
  row-gap: 0.75rem;
}

.us-gap-y-4 {
  row-gap: 1rem;
}

.us-gap-y-5 {
  row-gap: 1.25rem;
}

.us-gap-y-6 {
  row-gap: 1.5rem;
}

.us-gap-y-7 {
  row-gap: 1.75rem;
}

.us-gap-y-8 {
  row-gap: 2rem;
}

@media screen and (min-width: 0px) {
  .xs\:us-h-full {
    height: 100%;
  }
  .xs\:us-h-screen {
    height: 100dvh;
  }
  .xs\:us-overflow-auto {
    overflow: auto;
  }
  .xs\:us-overflow-hidden {
    overflow: hidden;
  }
  .xs\:us-d-block {
    display: block;
  }
  .xs\:us-d-inline {
    display: inline;
  }
  .xs\:us-d-flex {
    display: flex;
  }
  .xs\:us-d-grid {
    display: grid;
  }
  .xs\:us-d-contents {
    display: contents;
  }
  .xs\:us-d-none {
    display: none;
  }
  .xs\:us-flex-row {
    flex-direction: row;
  }
  .xs\:us-flex-row-reverse {
    flex-direction: row-reverse;
  }
  .xs\:us-flex-col {
    flex-direction: column;
  }
  .xs\:us-flex-col-reverse {
    flex-direction: column-reverse;
  }
  .xs\:us-flex-nowrap {
    flex-wrap: nowrap;
  }
  .xs\:us-flex-wrap {
    flex-wrap: wrap;
  }
  .xs\:us-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .xs\:us-grow-0 {
    flex-grow: 0;
  }
  .xs\:us-grow-1 {
    flex-grow: 1;
  }
  .xs\:us-shrink-0 {
    flex-shrink: 0;
  }
  .xs\:us-shrink-1 {
    flex-shrink: 1;
  }
  .xs\:us-justify-start {
    justify-content: flex-start;
  }
  .xs\:us-justify-end {
    justify-content: flex-end;
  }
  .xs\:us-justify-center {
    justify-content: center;
  }
  .xs\:us-justify-between {
    justify-content: space-between;
  }
  .xs\:us-justify-around {
    justify-content: space-around;
  }
  .xs\:us-justify-evenly {
    justify-content: space-evenly;
  }
  .xs\:us-items-start {
    align-items: flex-start;
  }
  .xs\:us-items-end {
    align-items: flex-end;
  }
  .xs\:us-items-center {
    align-items: center;
  }
  .xs\:us-items-stretch {
    align-items: stretch;
  }
  .xs\:us-items-baseline {
    align-items: baseline;
  }
  .xs\:us-fs-xs {
    font-size: var(--us-fs-xs);
  }
  .xs\:us-fs-sm {
    font-size: var(--us-fs-sm);
  }
  .xs\:us-fs-md {
    font-size: var(--us-fs-md);
  }
  .xs\:us-fs-lg {
    font-size: var(--us-fs-lg);
  }
  .xs\:us-fs-xl {
    font-size: var(--us-fs-xl);
  }
  .xs\:us-fs-2xl {
    font-size: var(--us-fs-2xl);
  }
  .xs\:us-fs-3xl {
    font-size: var(--us-fs-3xl);
  }
  .xs\:us-fs-4xl {
    font-size: var(--us-fs-4xl);
  }
  .xs\:us-fs-5xl {
    font-size: var(--us-fs-5xl);
  }
  .xs\:us-gap-0 {
    gap: 0;
  }
  .xs\:us-gap-1 {
    gap: 0.25rem;
  }
  .xs\:us-gap-2 {
    gap: 0.5rem;
  }
  .xs\:us-gap-3 {
    gap: 0.75rem;
  }
  .xs\:us-gap-4 {
    gap: 1rem;
  }
  .xs\:us-gap-5 {
    gap: 1.25rem;
  }
  .xs\:us-gap-6 {
    gap: 1.5rem;
  }
  .xs\:us-gap-7 {
    gap: 1.75rem;
  }
  .xs\:us-gap-8 {
    gap: 2rem;
  }
  .xs\:us-gap-x-0 {
    column-gap: 0;
  }
  .xs\:us-gap-x-1 {
    column-gap: 0.25rem;
  }
  .xs\:us-gap-x-2 {
    column-gap: 0.5rem;
  }
  .xs\:us-gap-x-3 {
    column-gap: 0.75rem;
  }
  .xs\:us-gap-x-4 {
    column-gap: 1rem;
  }
  .xs\:us-gap-x-5 {
    column-gap: 1.25rem;
  }
  .xs\:us-gap-x-6 {
    column-gap: 1.5rem;
  }
  .xs\:us-gap-x-7 {
    column-gap: 1.75rem;
  }
  .xs\:us-gap-x-8 {
    column-gap: 2rem;
  }
  .xs\:us-gap-y-0 {
    row-gap: 0;
  }
  .xs\:us-gap-y-1 {
    row-gap: 0.25rem;
  }
  .xs\:us-gap-y-2 {
    row-gap: 0.5rem;
  }
  .xs\:us-gap-y-3 {
    row-gap: 0.75rem;
  }
  .xs\:us-gap-y-4 {
    row-gap: 1rem;
  }
  .xs\:us-gap-y-5 {
    row-gap: 1.25rem;
  }
  .xs\:us-gap-y-6 {
    row-gap: 1.5rem;
  }
  .xs\:us-gap-y-7 {
    row-gap: 1.75rem;
  }
  .xs\:us-gap-y-8 {
    row-gap: 2rem;
  }
}
@media screen and (min-width: 640px) {
  .sm\:us-h-full {
    height: 100%;
  }
  .sm\:us-h-screen {
    height: 100dvh;
  }
  .sm\:us-overflow-auto {
    overflow: auto;
  }
  .sm\:us-overflow-hidden {
    overflow: hidden;
  }
  .sm\:us-d-block {
    display: block;
  }
  .sm\:us-d-inline {
    display: inline;
  }
  .sm\:us-d-flex {
    display: flex;
  }
  .sm\:us-d-grid {
    display: grid;
  }
  .sm\:us-d-contents {
    display: contents;
  }
  .sm\:us-d-none {
    display: none;
  }
  .sm\:us-flex-row {
    flex-direction: row;
  }
  .sm\:us-flex-row-reverse {
    flex-direction: row-reverse;
  }
  .sm\:us-flex-col {
    flex-direction: column;
  }
  .sm\:us-flex-col-reverse {
    flex-direction: column-reverse;
  }
  .sm\:us-flex-nowrap {
    flex-wrap: nowrap;
  }
  .sm\:us-flex-wrap {
    flex-wrap: wrap;
  }
  .sm\:us-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .sm\:us-grow-0 {
    flex-grow: 0;
  }
  .sm\:us-grow-1 {
    flex-grow: 1;
  }
  .sm\:us-shrink-0 {
    flex-shrink: 0;
  }
  .sm\:us-shrink-1 {
    flex-shrink: 1;
  }
  .sm\:us-justify-start {
    justify-content: flex-start;
  }
  .sm\:us-justify-end {
    justify-content: flex-end;
  }
  .sm\:us-justify-center {
    justify-content: center;
  }
  .sm\:us-justify-between {
    justify-content: space-between;
  }
  .sm\:us-justify-around {
    justify-content: space-around;
  }
  .sm\:us-justify-evenly {
    justify-content: space-evenly;
  }
  .sm\:us-items-start {
    align-items: flex-start;
  }
  .sm\:us-items-end {
    align-items: flex-end;
  }
  .sm\:us-items-center {
    align-items: center;
  }
  .sm\:us-items-stretch {
    align-items: stretch;
  }
  .sm\:us-items-baseline {
    align-items: baseline;
  }
  .sm\:us-fs-xs {
    font-size: var(--us-fs-xs);
  }
  .sm\:us-fs-sm {
    font-size: var(--us-fs-sm);
  }
  .sm\:us-fs-md {
    font-size: var(--us-fs-md);
  }
  .sm\:us-fs-lg {
    font-size: var(--us-fs-lg);
  }
  .sm\:us-fs-xl {
    font-size: var(--us-fs-xl);
  }
  .sm\:us-fs-2xl {
    font-size: var(--us-fs-2xl);
  }
  .sm\:us-fs-3xl {
    font-size: var(--us-fs-3xl);
  }
  .sm\:us-fs-4xl {
    font-size: var(--us-fs-4xl);
  }
  .sm\:us-fs-5xl {
    font-size: var(--us-fs-5xl);
  }
  .sm\:us-gap-0 {
    gap: 0;
  }
  .sm\:us-gap-1 {
    gap: 0.25rem;
  }
  .sm\:us-gap-2 {
    gap: 0.5rem;
  }
  .sm\:us-gap-3 {
    gap: 0.75rem;
  }
  .sm\:us-gap-4 {
    gap: 1rem;
  }
  .sm\:us-gap-5 {
    gap: 1.25rem;
  }
  .sm\:us-gap-6 {
    gap: 1.5rem;
  }
  .sm\:us-gap-7 {
    gap: 1.75rem;
  }
  .sm\:us-gap-8 {
    gap: 2rem;
  }
  .sm\:us-gap-x-0 {
    column-gap: 0;
  }
  .sm\:us-gap-x-1 {
    column-gap: 0.25rem;
  }
  .sm\:us-gap-x-2 {
    column-gap: 0.5rem;
  }
  .sm\:us-gap-x-3 {
    column-gap: 0.75rem;
  }
  .sm\:us-gap-x-4 {
    column-gap: 1rem;
  }
  .sm\:us-gap-x-5 {
    column-gap: 1.25rem;
  }
  .sm\:us-gap-x-6 {
    column-gap: 1.5rem;
  }
  .sm\:us-gap-x-7 {
    column-gap: 1.75rem;
  }
  .sm\:us-gap-x-8 {
    column-gap: 2rem;
  }
  .sm\:us-gap-y-0 {
    row-gap: 0;
  }
  .sm\:us-gap-y-1 {
    row-gap: 0.25rem;
  }
  .sm\:us-gap-y-2 {
    row-gap: 0.5rem;
  }
  .sm\:us-gap-y-3 {
    row-gap: 0.75rem;
  }
  .sm\:us-gap-y-4 {
    row-gap: 1rem;
  }
  .sm\:us-gap-y-5 {
    row-gap: 1.25rem;
  }
  .sm\:us-gap-y-6 {
    row-gap: 1.5rem;
  }
  .sm\:us-gap-y-7 {
    row-gap: 1.75rem;
  }
  .sm\:us-gap-y-8 {
    row-gap: 2rem;
  }
}
@media screen and (min-width: 960px) {
  .md\:us-h-full {
    height: 100%;
  }
  .md\:us-h-screen {
    height: 100dvh;
  }
  .md\:us-overflow-auto {
    overflow: auto;
  }
  .md\:us-overflow-hidden {
    overflow: hidden;
  }
  .md\:us-d-block {
    display: block;
  }
  .md\:us-d-inline {
    display: inline;
  }
  .md\:us-d-flex {
    display: flex;
  }
  .md\:us-d-grid {
    display: grid;
  }
  .md\:us-d-contents {
    display: contents;
  }
  .md\:us-d-none {
    display: none;
  }
  .md\:us-flex-row {
    flex-direction: row;
  }
  .md\:us-flex-row-reverse {
    flex-direction: row-reverse;
  }
  .md\:us-flex-col {
    flex-direction: column;
  }
  .md\:us-flex-col-reverse {
    flex-direction: column-reverse;
  }
  .md\:us-flex-nowrap {
    flex-wrap: nowrap;
  }
  .md\:us-flex-wrap {
    flex-wrap: wrap;
  }
  .md\:us-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .md\:us-grow-0 {
    flex-grow: 0;
  }
  .md\:us-grow-1 {
    flex-grow: 1;
  }
  .md\:us-shrink-0 {
    flex-shrink: 0;
  }
  .md\:us-shrink-1 {
    flex-shrink: 1;
  }
  .md\:us-justify-start {
    justify-content: flex-start;
  }
  .md\:us-justify-end {
    justify-content: flex-end;
  }
  .md\:us-justify-center {
    justify-content: center;
  }
  .md\:us-justify-between {
    justify-content: space-between;
  }
  .md\:us-justify-around {
    justify-content: space-around;
  }
  .md\:us-justify-evenly {
    justify-content: space-evenly;
  }
  .md\:us-items-start {
    align-items: flex-start;
  }
  .md\:us-items-end {
    align-items: flex-end;
  }
  .md\:us-items-center {
    align-items: center;
  }
  .md\:us-items-stretch {
    align-items: stretch;
  }
  .md\:us-items-baseline {
    align-items: baseline;
  }
  .md\:us-fs-xs {
    font-size: var(--us-fs-xs);
  }
  .md\:us-fs-sm {
    font-size: var(--us-fs-sm);
  }
  .md\:us-fs-md {
    font-size: var(--us-fs-md);
  }
  .md\:us-fs-lg {
    font-size: var(--us-fs-lg);
  }
  .md\:us-fs-xl {
    font-size: var(--us-fs-xl);
  }
  .md\:us-fs-2xl {
    font-size: var(--us-fs-2xl);
  }
  .md\:us-fs-3xl {
    font-size: var(--us-fs-3xl);
  }
  .md\:us-fs-4xl {
    font-size: var(--us-fs-4xl);
  }
  .md\:us-fs-5xl {
    font-size: var(--us-fs-5xl);
  }
  .md\:us-gap-0 {
    gap: 0;
  }
  .md\:us-gap-1 {
    gap: 0.25rem;
  }
  .md\:us-gap-2 {
    gap: 0.5rem;
  }
  .md\:us-gap-3 {
    gap: 0.75rem;
  }
  .md\:us-gap-4 {
    gap: 1rem;
  }
  .md\:us-gap-5 {
    gap: 1.25rem;
  }
  .md\:us-gap-6 {
    gap: 1.5rem;
  }
  .md\:us-gap-7 {
    gap: 1.75rem;
  }
  .md\:us-gap-8 {
    gap: 2rem;
  }
  .md\:us-gap-x-0 {
    column-gap: 0;
  }
  .md\:us-gap-x-1 {
    column-gap: 0.25rem;
  }
  .md\:us-gap-x-2 {
    column-gap: 0.5rem;
  }
  .md\:us-gap-x-3 {
    column-gap: 0.75rem;
  }
  .md\:us-gap-x-4 {
    column-gap: 1rem;
  }
  .md\:us-gap-x-5 {
    column-gap: 1.25rem;
  }
  .md\:us-gap-x-6 {
    column-gap: 1.5rem;
  }
  .md\:us-gap-x-7 {
    column-gap: 1.75rem;
  }
  .md\:us-gap-x-8 {
    column-gap: 2rem;
  }
  .md\:us-gap-y-0 {
    row-gap: 0;
  }
  .md\:us-gap-y-1 {
    row-gap: 0.25rem;
  }
  .md\:us-gap-y-2 {
    row-gap: 0.5rem;
  }
  .md\:us-gap-y-3 {
    row-gap: 0.75rem;
  }
  .md\:us-gap-y-4 {
    row-gap: 1rem;
  }
  .md\:us-gap-y-5 {
    row-gap: 1.25rem;
  }
  .md\:us-gap-y-6 {
    row-gap: 1.5rem;
  }
  .md\:us-gap-y-7 {
    row-gap: 1.75rem;
  }
  .md\:us-gap-y-8 {
    row-gap: 2rem;
  }
}
@media screen and (min-width: 1024px) {
  .lg\:us-h-full {
    height: 100%;
  }
  .lg\:us-h-screen {
    height: 100dvh;
  }
  .lg\:us-overflow-auto {
    overflow: auto;
  }
  .lg\:us-overflow-hidden {
    overflow: hidden;
  }
  .lg\:us-d-block {
    display: block;
  }
  .lg\:us-d-inline {
    display: inline;
  }
  .lg\:us-d-flex {
    display: flex;
  }
  .lg\:us-d-grid {
    display: grid;
  }
  .lg\:us-d-contents {
    display: contents;
  }
  .lg\:us-d-none {
    display: none;
  }
  .lg\:us-flex-row {
    flex-direction: row;
  }
  .lg\:us-flex-row-reverse {
    flex-direction: row-reverse;
  }
  .lg\:us-flex-col {
    flex-direction: column;
  }
  .lg\:us-flex-col-reverse {
    flex-direction: column-reverse;
  }
  .lg\:us-flex-nowrap {
    flex-wrap: nowrap;
  }
  .lg\:us-flex-wrap {
    flex-wrap: wrap;
  }
  .lg\:us-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .lg\:us-grow-0 {
    flex-grow: 0;
  }
  .lg\:us-grow-1 {
    flex-grow: 1;
  }
  .lg\:us-shrink-0 {
    flex-shrink: 0;
  }
  .lg\:us-shrink-1 {
    flex-shrink: 1;
  }
  .lg\:us-justify-start {
    justify-content: flex-start;
  }
  .lg\:us-justify-end {
    justify-content: flex-end;
  }
  .lg\:us-justify-center {
    justify-content: center;
  }
  .lg\:us-justify-between {
    justify-content: space-between;
  }
  .lg\:us-justify-around {
    justify-content: space-around;
  }
  .lg\:us-justify-evenly {
    justify-content: space-evenly;
  }
  .lg\:us-items-start {
    align-items: flex-start;
  }
  .lg\:us-items-end {
    align-items: flex-end;
  }
  .lg\:us-items-center {
    align-items: center;
  }
  .lg\:us-items-stretch {
    align-items: stretch;
  }
  .lg\:us-items-baseline {
    align-items: baseline;
  }
  .lg\:us-fs-xs {
    font-size: var(--us-fs-xs);
  }
  .lg\:us-fs-sm {
    font-size: var(--us-fs-sm);
  }
  .lg\:us-fs-md {
    font-size: var(--us-fs-md);
  }
  .lg\:us-fs-lg {
    font-size: var(--us-fs-lg);
  }
  .lg\:us-fs-xl {
    font-size: var(--us-fs-xl);
  }
  .lg\:us-fs-2xl {
    font-size: var(--us-fs-2xl);
  }
  .lg\:us-fs-3xl {
    font-size: var(--us-fs-3xl);
  }
  .lg\:us-fs-4xl {
    font-size: var(--us-fs-4xl);
  }
  .lg\:us-fs-5xl {
    font-size: var(--us-fs-5xl);
  }
  .lg\:us-gap-0 {
    gap: 0;
  }
  .lg\:us-gap-1 {
    gap: 0.25rem;
  }
  .lg\:us-gap-2 {
    gap: 0.5rem;
  }
  .lg\:us-gap-3 {
    gap: 0.75rem;
  }
  .lg\:us-gap-4 {
    gap: 1rem;
  }
  .lg\:us-gap-5 {
    gap: 1.25rem;
  }
  .lg\:us-gap-6 {
    gap: 1.5rem;
  }
  .lg\:us-gap-7 {
    gap: 1.75rem;
  }
  .lg\:us-gap-8 {
    gap: 2rem;
  }
  .lg\:us-gap-x-0 {
    column-gap: 0;
  }
  .lg\:us-gap-x-1 {
    column-gap: 0.25rem;
  }
  .lg\:us-gap-x-2 {
    column-gap: 0.5rem;
  }
  .lg\:us-gap-x-3 {
    column-gap: 0.75rem;
  }
  .lg\:us-gap-x-4 {
    column-gap: 1rem;
  }
  .lg\:us-gap-x-5 {
    column-gap: 1.25rem;
  }
  .lg\:us-gap-x-6 {
    column-gap: 1.5rem;
  }
  .lg\:us-gap-x-7 {
    column-gap: 1.75rem;
  }
  .lg\:us-gap-x-8 {
    column-gap: 2rem;
  }
  .lg\:us-gap-y-0 {
    row-gap: 0;
  }
  .lg\:us-gap-y-1 {
    row-gap: 0.25rem;
  }
  .lg\:us-gap-y-2 {
    row-gap: 0.5rem;
  }
  .lg\:us-gap-y-3 {
    row-gap: 0.75rem;
  }
  .lg\:us-gap-y-4 {
    row-gap: 1rem;
  }
  .lg\:us-gap-y-5 {
    row-gap: 1.25rem;
  }
  .lg\:us-gap-y-6 {
    row-gap: 1.5rem;
  }
  .lg\:us-gap-y-7 {
    row-gap: 1.75rem;
  }
  .lg\:us-gap-y-8 {
    row-gap: 2rem;
  }
}
@media screen and (min-width: 1280px) {
  .xl\:us-h-full {
    height: 100%;
  }
  .xl\:us-h-screen {
    height: 100dvh;
  }
  .xl\:us-overflow-auto {
    overflow: auto;
  }
  .xl\:us-overflow-hidden {
    overflow: hidden;
  }
  .xl\:us-d-block {
    display: block;
  }
  .xl\:us-d-inline {
    display: inline;
  }
  .xl\:us-d-flex {
    display: flex;
  }
  .xl\:us-d-grid {
    display: grid;
  }
  .xl\:us-d-contents {
    display: contents;
  }
  .xl\:us-d-none {
    display: none;
  }
  .xl\:us-flex-row {
    flex-direction: row;
  }
  .xl\:us-flex-row-reverse {
    flex-direction: row-reverse;
  }
  .xl\:us-flex-col {
    flex-direction: column;
  }
  .xl\:us-flex-col-reverse {
    flex-direction: column-reverse;
  }
  .xl\:us-flex-nowrap {
    flex-wrap: nowrap;
  }
  .xl\:us-flex-wrap {
    flex-wrap: wrap;
  }
  .xl\:us-flex-wrap-reverse {
    flex-wrap: wrap-reverse;
  }
  .xl\:us-grow-0 {
    flex-grow: 0;
  }
  .xl\:us-grow-1 {
    flex-grow: 1;
  }
  .xl\:us-shrink-0 {
    flex-shrink: 0;
  }
  .xl\:us-shrink-1 {
    flex-shrink: 1;
  }
  .xl\:us-justify-start {
    justify-content: flex-start;
  }
  .xl\:us-justify-end {
    justify-content: flex-end;
  }
  .xl\:us-justify-center {
    justify-content: center;
  }
  .xl\:us-justify-between {
    justify-content: space-between;
  }
  .xl\:us-justify-around {
    justify-content: space-around;
  }
  .xl\:us-justify-evenly {
    justify-content: space-evenly;
  }
  .xl\:us-items-start {
    align-items: flex-start;
  }
  .xl\:us-items-end {
    align-items: flex-end;
  }
  .xl\:us-items-center {
    align-items: center;
  }
  .xl\:us-items-stretch {
    align-items: stretch;
  }
  .xl\:us-items-baseline {
    align-items: baseline;
  }
  .xl\:us-fs-xs {
    font-size: var(--us-fs-xs);
  }
  .xl\:us-fs-sm {
    font-size: var(--us-fs-sm);
  }
  .xl\:us-fs-md {
    font-size: var(--us-fs-md);
  }
  .xl\:us-fs-lg {
    font-size: var(--us-fs-lg);
  }
  .xl\:us-fs-xl {
    font-size: var(--us-fs-xl);
  }
  .xl\:us-fs-2xl {
    font-size: var(--us-fs-2xl);
  }
  .xl\:us-fs-3xl {
    font-size: var(--us-fs-3xl);
  }
  .xl\:us-fs-4xl {
    font-size: var(--us-fs-4xl);
  }
  .xl\:us-fs-5xl {
    font-size: var(--us-fs-5xl);
  }
  .xl\:us-gap-0 {
    gap: 0;
  }
  .xl\:us-gap-1 {
    gap: 0.25rem;
  }
  .xl\:us-gap-2 {
    gap: 0.5rem;
  }
  .xl\:us-gap-3 {
    gap: 0.75rem;
  }
  .xl\:us-gap-4 {
    gap: 1rem;
  }
  .xl\:us-gap-5 {
    gap: 1.25rem;
  }
  .xl\:us-gap-6 {
    gap: 1.5rem;
  }
  .xl\:us-gap-7 {
    gap: 1.75rem;
  }
  .xl\:us-gap-8 {
    gap: 2rem;
  }
  .xl\:us-gap-x-0 {
    column-gap: 0;
  }
  .xl\:us-gap-x-1 {
    column-gap: 0.25rem;
  }
  .xl\:us-gap-x-2 {
    column-gap: 0.5rem;
  }
  .xl\:us-gap-x-3 {
    column-gap: 0.75rem;
  }
  .xl\:us-gap-x-4 {
    column-gap: 1rem;
  }
  .xl\:us-gap-x-5 {
    column-gap: 1.25rem;
  }
  .xl\:us-gap-x-6 {
    column-gap: 1.5rem;
  }
  .xl\:us-gap-x-7 {
    column-gap: 1.75rem;
  }
  .xl\:us-gap-x-8 {
    column-gap: 2rem;
  }
  .xl\:us-gap-y-0 {
    row-gap: 0;
  }
  .xl\:us-gap-y-1 {
    row-gap: 0.25rem;
  }
  .xl\:us-gap-y-2 {
    row-gap: 0.5rem;
  }
  .xl\:us-gap-y-3 {
    row-gap: 0.75rem;
  }
  .xl\:us-gap-y-4 {
    row-gap: 1rem;
  }
  .xl\:us-gap-y-5 {
    row-gap: 1.25rem;
  }
  .xl\:us-gap-y-6 {
    row-gap: 1.5rem;
  }
  .xl\:us-gap-y-7 {
    row-gap: 1.75rem;
  }
  .xl\:us-gap-y-8 {
    row-gap: 2rem;
  }
}
.us-clamp-1 {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
}

.us-clamp-2 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.us-clamp-3 {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.us-shadow-none {
  box-shadow: var(--us-shadow-none);
}

.us-shadow-xs {
  box-shadow: var(--us-shadow-xs);
}

.us-shadow-sm {
  box-shadow: var(--us-shadow-sm);
}

.us-shadow-md {
  box-shadow: var(--us-shadow-md);
}

.us-shadow-lg {
  box-shadow: var(--us-shadow-lg);
}

.us-shadow-xl {
  box-shadow: var(--us-shadow-xl);
}

.us-transition-none {
  transition-property: none;
}

.us-transition-all {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.us-transition-shadow {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.us-rounded-none {
  border-radius: 0;
}

.us-rounded-xs {
  border-radius: 0.125rem;
}

.us-rounded-sm {
  border-radius: 0.25rem;
}

.us-rounded-md {
  border-radius: 0.375rem;
}

.us-rounded-lg {
  border-radius: 0.5rem;
}

.us-rounded-xl {
  border-radius: 0.75rem;
}

.us-rounded-2xl {
  border-radius: 1rem;
}

.us-rounded-3xl {
  border-radius: 1.5rem;
}

.us-rounded-full {
  border-radius: 9999px;
}

.hover\:us-shadow-none:hover {
  box-shadow: var(--us-shadow-none);
}

.hover\:us-shadow-xs:hover {
  box-shadow: var(--us-shadow-xs);
}

.hover\:us-shadow-sm:hover {
  box-shadow: var(--us-shadow-sm);
}

.hover\:us-shadow-md:hover {
  box-shadow: var(--us-shadow-md);
}

.hover\:us-shadow-lg:hover {
  box-shadow: var(--us-shadow-lg);
}

.hover\:us-shadow-xl:hover {
  box-shadow: var(--us-shadow-xl);
}

.hover\:us-transition-none:hover {
  transition-property: none;
}

.hover\:us-transition-all:hover {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.hover\:us-transition-shadow:hover {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.active\:us-shadow-none:active {
  box-shadow: var(--us-shadow-none);
}

.active\:us-shadow-xs:active {
  box-shadow: var(--us-shadow-xs);
}

.active\:us-shadow-sm:active {
  box-shadow: var(--us-shadow-sm);
}

.active\:us-shadow-md:active {
  box-shadow: var(--us-shadow-md);
}

.active\:us-shadow-lg:active {
  box-shadow: var(--us-shadow-lg);
}

.active\:us-shadow-xl:active {
  box-shadow: var(--us-shadow-xl);
}

.active\:us-transition-none:active {
  transition-property: none;
}

.active\:us-transition-all:active {
  transition-property: all;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.active\:us-transition-shadow:active {
  transition-property: box-shadow;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

.us-overlay {
  position: absolute;
  inset: 0px;
  border-radius: inherit;
  overflow: hidden;
  color: var(--us-overlay-color);
  opacity: var(--us-overlay-opacity);
  pointer-events: none;
  background-color: currentColor;
  transition: var(--us-overlay-transition, background-color, opacity, 0.1s cubic-bezier(0.215, 0.61, 0.355, 1));
}

:not([hidden]):hover > .us-overlay {
  color: var(--us-_hover-overlay-color, var(--us-overlay-color));
  opacity: var(--us-_hover-overlay-opacity, var(--us-overlay-opacity));
}

:not([hidden]):active > .us-overlay {
  color: var(--us-_active-overlay-color, var(--us-_hover-overlay-color, var(--us-overlay-color)));
  opacity: var(--us-_active-overlay-opacity, var(--us-_hover-overlay-opacity, var(--us-overlay-opacity)));
}

[class*="--focus"] > .us-overlay,
:not([hidden]):focus > .us-overlay {
  color: var(--us-_focus-overlay-color, var(--us-overlay-color));
  opacity: var(--us-_focus-overlay-opacity, var(--us-overlay-opacity));
}

[class*="--focus"]:hover > .us-overlay,
:not([hidden]):focus:hover > .us-overlay {
  color: var(--us-_focus-hover-overlay-color, var(--us-_focus-overlay-color, var(--us-overlay-color)));
  opacity: var(--us-_focus-hover-overlay-opacity, var(--us-_focus-overlay-opacity, var(--us-overlay-opacity)));
}

[class*="--focus"]:active > .us-overlay,
:not([hidden]):focus:active > .us-overlay {
  color: var(--us-_focus-active-overlay-color, var(--us-_focus-overlay-color, var(--us-overlay-color)));
  opacity: var(--us-_focus-active-overlay-opacity, var(--us-_focus-overlay-opacity, var(--us-overlay-opacity)));
}

.us-outline {
  position: absolute;
  inset: 0px;
  border-radius: inherit;
  overflow: hidden;
  border-width: var(--us-outline-border-width);
  border-style: solid;
  border-color: var(--us-outline-border-color);
  opacity: var(--us-outline-opacity);
  pointer-events: none;
  z-index: var(--us-outline-z-index);
}

:not([hidden]):hover > .us-outline {
  border-width: var(--us-outline-hover-border-width, var(--us-outline-border-width));
  border-color: var(--us-outline-hover-border-color, var(--us-outline-border-color));
  opacity: var(--us-outline-hover-opacity, var(--us-outline-opacity));
}

:not([hidden]):active > .us-outline {
  border-width: var(--us-outline-active-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));
  border-color: var(--us-outline-active-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));
  opacity: var(--us-outline-active-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)));
}

[class*="--focus"] > .us-outline,
[class*="--focus"]:hover > .us-outline,
:not([hidden]):focus > .us-outline {
  border-width: var(--us-outline-focus-border-width, var(--us-outline-hover-border-width, var(--us-outline-border-width)));
  border-color: var(--us-outline-focus-border-color, var(--us-outline-hover-border-color, var(--us-outline-border-color)));
  opacity: var(--us-outline-focus-opacity, var(--us-outline-hover-opacity, var(--us-outline-opacity)));
}

.us-glow {
  --shadow-color: rgb(var(--us-glow-color) / var(--us-glow-alpha));
  position: absolute;
  inset: 0;
  border-radius: inherit;
  overflow: hidden;
  pointer-events: none;
  z-index: var(--us-glow-z-index);
  opacity: var(--us-glow-opacity);
  transition: var(--us-glow-transition, box-shadow, opacity, 0.1s cubic-bezier(0.215, 0.61, 0.355, 1));
  /* base color compuesto con alpha */
  color: var(--us-glow-color);
  color: rgb(var(--us-glow-color)/var(--us-glow-alpha));
  box-shadow: 0 0 var(--us-glow-blur) var(--us-glow-spread) var(--shadow-color);
}

/* Hover */
:not([hidden]):hover > .us-glow {
  --border-color: rgb(
  	var(--us-_hover-glow-color, var(--us-glow-color)) /
  		var(--us-_hover-glow-alpha, var(--us-glow-alpha))
  );
  --shadow-color: rgb(
  	var(--us-_hover-glow-color, var(--us-glow-color)) /
  		var(--us-_hover-glow-shadow-alpha, var(--us-glow-shadow-alpha))
  );
  opacity: var(--us-_hover-glow-opacity, var(--us-glow-opacity));
  box-shadow: 0 0 0 1px var(--border-color), 0 0 var(--us-_hover-glow-blur, var(--us-glow-blur)) var(--us-_hover-glow-spread, var(--us-glow-spread)) var(--shadow-color);
}

/* Active */
:not([hidden]):active > .us-glow {
  --border-color: rgb(
  	var(--us-_active-glow-color, var(--us-_hover-glow-color, var(--us-glow-color))) /
  		var(--us-_active-glow-alpha, var(--us-_hover-glow-alpha, var(--us-glow-alpha)))
  );
  --shadow-color: rgb(
  	var(--us-_active-glow-color, var(--us-_hover-glow-color, var(--us-glow-color))) /
  		var(
  			--us-_active-glow-shadow-alpha,
  			var(--us-_hover-glow-shadow-alpha, var(--us-glow-shadow-alpha))
  		)
  );
  opacity: var(--us-_active-glow-opacity, var(--us-_hover-glow-opacity, var(--us-glow-opacity)));
  box-shadow: 0 0 0 1px var(--border-color), 0 0 var(--us-_active-glow-blur, var(--us-_hover-glow-blur, var(--us-glow-blur))) var(--us-_active-glow-spread, var(--us-_hover-glow-spread, var(--us-glow-spread))) var(--shadow-color);
}

/* Focus */
[class*="--focus"] > .us-glow,
:not([hidden]):focus > .us-glow {
  --border-color: rgb(
  	var(--us-_focus-glow-color, var(--us-glow-color)) /
  		var(--us-_focus-glow-alpha, var(--us-glow-alpha))
  );
  --shadow-color: rgb(
  	var(--us-_focus-glow-color, var(--us-glow-color)) /
  		var(--us-_focus-glow-shadow-alpha, var(--us-glow-shadow-alpha))
  );
  opacity: var(--us-_focus-glow-opacity, var(--us-glow-opacity));
  box-shadow: 0 0 0 1px var(--border-color), 0 0 var(--us-_focus-glow-blur, var(--us-glow-blur)) var(--us-_focus-glow-spread, var(--us-glow-spread)) var(--shadow-color);
}

.us-ring {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  overflow: hidden;
  color: var(--us-ring-color);
  opacity: var(--us-ring-opacity, 0);
  pointer-events: none;
  transition: var(--us-ring-transition, outline-color, opacity, 0.1s cubic-bezier(0.215, 0.61, 0.355, 1));
  outline-width: var(--us-ring-width, 2px);
  outline-style: solid;
  outline-color: currentColor;
  outline-offset: var(--us-ring-offset, 4px);
}

/* Hover */
:not([hidden]):hover > .us-ring {
  color: var(--us-_hover-ring-color, var(--us-ring-color));
  opacity: var(--us-_hover-ring-opacity, var(--us-ring-opacity));
  outline-width: var(--us-_hover-ring-width, var(--us-ring-width, 2px));
  outline-offset: var(--us-_hover-ring-offset, var(--us-ring-offset, 4px));
}

/* Active */
:not([hidden]):active > .us-ring {
  color: var(--us-_active-ring-color, var(--us-_hover-ring-color, var(--us-ring-color)));
  opacity: var(--us-_active-ring-opacity, var(--us-_hover-ring-opacity, var(--us-ring-opacity)));
  outline-width: var(--us-_active-ring-width, var(--us-_hover-ring-width, var(--us-ring-width, 2px)));
  outline-offset: var(--us-_active-ring-offset, var(--us-_hover-ring-offset, var(--us-ring-offset, 4px)));
}

/* Focus */
[class*="--focus"] > .us-ring,
:not([hidden]):focus > .us-ring {
  color: var(--us-_focus-ring-color, var(--us-ring-color));
  opacity: var(--us-_focus-ring-opacity, var(--us-ring-opacity));
  outline-width: var(--us-_focus-ring-width, var(--us-ring-width, 2px));
  outline-offset: var(--us-_focus-ring-offset, var(--us-ring-offset, 4px));
}

/* Focus + Hover */
[class*="--focus"]:hover > .us-ring,
:not([hidden]):focus:hover > .us-ring {
  color: var(--us-_focus-hover-ring-color, var(--us-_focus-ring-color, var(--us-ring-color)));
  opacity: var(--us-_focus-hover-ring-opacity, var(--us-_focus-ring-opacity, var(--us-ring-opacity)));
  outline-width: var(--us-_focus-hover-ring-width, var(--us-_focus-ring-width, var(--us-ring-width, 2px)));
  outline-offset: var(--us-_focus-hover-ring-offset, var(--us-_focus-ring-offset, var(--us-ring-offset, 4px)));
}

/* Focus + Active */
[class*="--focus"]:active > .us-ring,
:not([hidden]):focus:active > .us-ring {
  color: var(--us-_focus-active-ring-color, var(--us-_focus-ring-color, var(--us-ring-color)));
  opacity: var(--us-_focus-active-ring-opacity, var(--us-_focus-ring-opacity, var(--us-ring-opacity)));
  outline-width: var(--us-_focus-active-ring-width, var(--us-_focus-ring-width, var(--us-ring-width, 2px)));
  outline-offset: var(--us-_focus-active-ring-offset, var(--us-_focus-ring-offset, var(--us-ring-offset, 4px)));
}

.us-surface {
  position: absolute;
  inset: 0px;
  border-radius: inherit;
  overflow: hidden;
  color: var(--us-surface-color);
  opacity: var(--us-surface-opacity);
  pointer-events: none;
  background-color: currentColor;
  transition: var(--us-surface-transition, background-color, opacity, 0.1s cubic-bezier(0.215, 0.61, 0.355, 1));
}

.us-outline-b {
  position: absolute;
  inset: 0px;
  border-radius: inherit;
  overflow: hidden;
  border-bottom: var(--us-outline-border-width) solid var(--us-outline-border-color);
}

.us-grid {
  display: grid;
}

.us-icon.jodit-icon {
  width: 1em !important;
  height: 1em !important;
  fill: none !important;
  stroke: currentColor !important;
}

/* Contenedor principal */
/* ----------------- Contenedor principal ----------------- */
.win-container {
  width: 100vw;
  height: 100vh;
  background-color: #f1f5f9; /* bg-slate-50 */
  position: relative;
  overflow: hidden;
}

/* ----------------- DraggableResizable ----------------- */
.win-draggable {
  background-color: white;
  user-select: none;
}

.win-header {
  width: 100%;
  height: 2rem; /* h-8 */
  background-color: #fff; /* bg-gray-100 */
  border-bottom: 1px solid #cbd5e1;
  display: flex;
  align-items: center;
  padding: 0 0.5rem; /* px-2 */
  user-select: none;
}

.win-header .us-icon:not(.us-button .us-icon) {
  --us-icon-font-size-default: 18px;
}

.win-header.win-draggable {
  cursor: move; /* solo si draggable */
}

.win-header-icon {
  margin-right: 4px;
}

.win-header-title {
  font-size: 12px; /* text-sm */
  font-weight: 400; /* font-medium */
}

.win-header-buttons {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 0.25rem; /* gap-1 */
}

/* Botones del header */
.win-btn {
  width: 1.75rem; /* w-7 */
  height: 1.5rem; /* h-6 */
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.25rem; /* rounded */
  background-color: transparent;
  outline: none;
  border: none;
}

.win-btn:hover {
  background-color: rgba(0, 0, 0, 0.15);
}

.win-btn--danger:hover {
  background-color: #ef4444; /* hover:bg-red-500 */
  color: white;
}

/* ----------------- Taskbar ----------------- */
.win-taskbar {
  height: 36px;
  background-color: #fff;
  display: flex;
  align-items: center;
  padding: 0 0.25rem;
  gap: 0.25rem;
}

.win-taskbar--top {
  border-top: 1px solid #cbd5e1;
}

.win-taskbar--bottom {
  border-bottom: 1px solid #cbd5e1;
}

.win-taskbar--highlighted {
  background-color: #86efac;
}

.win-taskbar-button {
  position: relative;
  height: 28px;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  font-size: 0.75rem;
  padding: 0 0.5rem;
  border-radius: 0.25rem;
  cursor: pointer;
}

.win-taskbar-button > .us-outline {
  --us-outline-border-width: 1px;
  --us-outline-opacity: 0;
}

.win-taskbar-button > .us-overlay {
  --us-overlay-opacity: 0.075;
  --us-_hover-overlay-opacity: 0.125;
}

.win-taskbar-button--active {
  color: var(--us-black-color);
}

.win-taskbar-button--active > .us-overlay {
  --us-overlay-color: var(--us-primary-color);
  --us-overlay-opacity: 0.125;
  --us-_hover-overlay-opacity: 0.25;
}

.win-taskbar-button__content {
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.25rem;
}

.win-taskbar-button .win-btn {
  width: 1.25rem;
  height: 1.25rem;
  border-radius: 9999px;
}

/* ----------------- Resize handles ----------------- */
/* Base handle */
.win-handle {
  position: absolute;
  width: 0.75rem; /* w-3 */
  height: 0.75rem; /* h-3 */
  background-color: white;
  border: 1px solid #d1d5db; /* border-gray-300 */
  border-radius: 9999px; /* rounded-full */
  z-index: 20;
  transform-origin: center;
  transition: background-color 0.15s ease;
}

/* Hover */
.win-handle:hover {
  background-color: #3b82f6; /* blue-500 */
}

/* Dirección y cursor */
.win-handle-n {
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  cursor: n-resize;
}

.win-handle-s {
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%);
  cursor: s-resize;
}

.win-handle-e {
  top: 50%;
  right: 0;
  transform: translate(50%, -50%);
  cursor: e-resize;
}

.win-handle-w {
  top: 50%;
  left: 0;
  transform: translate(-50%, -50%);
  cursor: w-resize;
}

.win-handle-ne {
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  cursor: ne-resize;
}

.win-handle-nw {
  top: 0;
  left: 0;
  transform: translate(-50%, -50%);
  cursor: nw-resize;
}

.win-handle-se {
  bottom: 0;
  right: 0;
  transform: translate(50%, 50%);
  cursor: se-resize;
}

.win-handle-sw {
  bottom: 0;
  left: 0;
  transform: translate(-50%, 50%);
  cursor: sw-resize;
}

.win-snap-preview {
  position: absolute;
  background-color: rgba(96, 165, 250, 0.3); /* bg-blue-400 + bg-opacity-30 */
  border: 2px solid #2563eb; /* border-blue-600 */
  pointer-events: none;
  z-index: 999998; /* debajo de la ventana */
}

.win-panel {
  background-color: #fff;
  display: flex;
  flex-direction: column;
}

.us-lm-panel--floating {
  border: 1px solid #e0e0e0;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
}

.us-lm-panel--floating .win-header {
  border-radius: 8px 8px 0 0;
}

.us-lm-panel .us-lm-handle {
  display: none;
}

.us-lm-panel:hover .us-lm-handle {
  display: block;
}

/* Estilos CSS aquí */
.slider-container {
  width: 300px;
  height: 20px;
  background-color: #ccc;
  position: relative;
  margin-top: 20px;
}

.slider-point {
  width: 20px;
  height: 20px;
  background-color: #007bff;
  border-radius: 50%;
  position: absolute;
  cursor: pointer;
}

.jodit-popup {
  border-radius: 6px;
  overflow: hidden;
}

.jodit-autocomplete {
  padding: 0.5rem 0.25rem;
}

.jodit-autocomplete-label {
  color: rgb(112, 112, 112);
  align-items: center;
  cursor: default;
  display: flex;
  min-width: 6em;
  font-size: 12px;
  font-weight: 500;
  min-height: 28px;
  padding: 0.25rem 0.5rem;
  border-bottom: 1px solid #ddd;
  margin-bottom: 0.5rem;
  background-color: white;
}

.jodit-autocomplete-item {
  align-items: center;
  cursor: default;
  display: flex;
  min-width: 6em;
  min-height: 32px;
  padding: 0.25rem 0.5rem;
  background-color: white;
  border-radius: 6px;
}

.jodit-autocomplete-item:hover {
  background-color: #ecebe9;
  color: #4c4c4c;
  cursor: pointer;
}

.jodit-autocomplete-item_active_true,
.jodit-autocomplete-item_active_true:hover {
  background-color: var(--us-primary-color);
  color: #fff;
}

.jodit-autocomplete-item_active_false {
  background-color: #fff;
  color: #4c4c4c;
  cursor: pointer;
}