@charset "UTF-8";

/* node_modules/ag-grid-community/styles/ag-grid.css */
.ag-filter-panel-buttons {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding) 0;
  flex-wrap: wrap;
  gap: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
}
.ag-filter-panel-buttons-button {
  line-height: 1.5;
}
.ag-filter-panel .ag-standard-button.ag-filter-panel-buttons-apply-button {
  color: var(--ag-filter-panel-apply-button-color);
  background-color: var(--ag-filter-panel-apply-button-background-color);
}
.ag-filter-panel > *:where(:last-child) {
  padding-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-row.ag-row-pinned-source {
  color: var(--ag-pinned-source-row-text-color);
  background-color: var(--ag-pinned-source-row-background-color);
  font-weight: var(--ag-pinned-source-row-font-weight);
}
.ag-row.ag-row-pinned {
  color: var(--ag-pinned-row-text-color);
  background-color: var(--ag-pinned-row-background-color);
  font-weight: var(--ag-pinned-row-font-weight);
}
.ag-floating-top-viewport {
  border-bottom: var(--ag-pinned-row-border);
}
.ag-floating-bottom-viewport {
  border-top: var(--ag-pinned-row-border);
}
.ag-measurement-container {
  --ag-legacy-styles-loaded: "true";
}
.ag-icon {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  position: relative;
}
.ag-icon::before {
  content: "";
  font-family: inherit;
}
.ag-icon::after {
  background: transparent var(--ag-icon-image, none) center/contain no-repeat;
  display: var(--ag-icon-image-display);
  opacity: var(--ag-icon-image-opacity, 0.9);
  position: absolute;
  inset: 0;
  content: "";
}
.ag-icon-aggregation {
  font-family: var(--ag-icon-font-family-aggregation, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-aggregation, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-aggregation, var(--ag-icon-font-color));
}
.ag-icon-aggregation::before {
  content: var(--ag-icon-font-code-aggregation, "\f101");
  display: var(--ag-icon-font-display-aggregation, var(--ag-icon-font-display));
}
.ag-icon-aggregation::after {
  background-image: var(--ag-icon-image-aggregation, var(--ag-icon-image));
  display: var(--ag-icon-image-display-aggregation, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-aggregation, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-arrows {
  font-family: var(--ag-icon-font-family-arrows, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-arrows, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-arrows, var(--ag-icon-font-color));
}
.ag-icon-arrows::before {
  content: var(--ag-icon-font-code-arrows, "\f102");
  display: var(--ag-icon-font-display-arrows, var(--ag-icon-font-display));
}
.ag-icon-arrows::after {
  background-image: var(--ag-icon-image-arrows, var(--ag-icon-image));
  display: var(--ag-icon-image-display-arrows, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-arrows, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-asc {
  font-family: var(--ag-icon-font-family-asc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-asc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-asc, var(--ag-icon-font-color));
}
.ag-icon-asc::before {
  content: var(--ag-icon-font-code-asc, "\f103");
  display: var(--ag-icon-font-display-asc, var(--ag-icon-font-display));
}
.ag-icon-asc::after {
  background-image: var(--ag-icon-image-asc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-asc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-asc, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-aasc {
  font-family: var(--ag-icon-font-family-aasc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-aasc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-aasc, var(--ag-icon-font-color));
}
.ag-icon-aasc::before {
  content: var(--ag-icon-font-code-aasc, "\f13c");
  display: var(--ag-icon-font-display-aasc, var(--ag-icon-font-display));
}
.ag-icon-aasc::after {
  background-image: var(--ag-icon-image-aasc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-aasc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-aasc, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-adesc {
  font-family: var(--ag-icon-font-family-adesc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-adesc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-adesc, var(--ag-icon-font-color));
}
.ag-icon-adesc::before {
  content: var(--ag-icon-font-code-adesc, "\f13d");
  display: var(--ag-icon-font-display-adesc, var(--ag-icon-font-display));
}
.ag-icon-adesc::after {
  background-image: var(--ag-icon-image-adesc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-adesc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-adesc, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-cancel {
  font-family: var(--ag-icon-font-family-cancel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cancel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cancel, var(--ag-icon-font-color));
}
.ag-icon-cancel::before {
  content: var(--ag-icon-font-code-cancel, "\f104");
  display: var(--ag-icon-font-display-cancel, var(--ag-icon-font-display));
}
.ag-icon-cancel::after {
  background-image: var(--ag-icon-image-cancel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cancel, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cancel, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-chart {
  font-family: var(--ag-icon-font-family-chart, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chart, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chart, var(--ag-icon-font-color));
}
.ag-icon-chart::before {
  content: var(--ag-icon-font-code-chart, "\f105");
  display: var(--ag-icon-font-display-chart, var(--ag-icon-font-display));
}
.ag-icon-chart::after {
  background-image: var(--ag-icon-image-chart, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chart, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chart, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-checkbox-checked {
  font-family: var(--ag-icon-font-family-checkbox-checked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-checked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-checked, var(--ag-icon-font-color));
}
.ag-icon-checkbox-checked::before {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
}
.ag-icon-checkbox-checked::after {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-checkbox-indeterminate {
  font-family: var(--ag-icon-font-family-checkbox-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-indeterminate, var(--ag-icon-font-color));
}
.ag-icon-checkbox-indeterminate::before {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
}
.ag-icon-checkbox-indeterminate::after {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-checkbox-unchecked {
  font-family: var(--ag-icon-font-family-checkbox-unchecked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-checkbox-unchecked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-checkbox-unchecked, var(--ag-icon-font-color));
}
.ag-icon-checkbox-unchecked::before {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
}
.ag-icon-checkbox-unchecked::after {
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-color-picker {
  font-family: var(--ag-icon-font-family-color-picker, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-color-picker, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-color-picker, var(--ag-icon-font-color));
}
.ag-icon-color-picker::before {
  content: var(--ag-icon-font-code-color-picker, "\f109");
  display: var(--ag-icon-font-display-color-picker, var(--ag-icon-font-display));
}
.ag-icon-color-picker::after {
  background-image: var(--ag-icon-image-color-picker, var(--ag-icon-image));
  display: var(--ag-icon-image-display-color-picker, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-color-picker, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-columns {
  font-family: var(--ag-icon-font-family-columns, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-columns, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-columns, var(--ag-icon-font-color));
}
.ag-icon-columns::before {
  content: var(--ag-icon-font-code-columns, "\f10a");
  display: var(--ag-icon-font-display-columns, var(--ag-icon-font-display));
}
.ag-icon-columns::after {
  background-image: var(--ag-icon-image-columns, var(--ag-icon-image));
  display: var(--ag-icon-image-display-columns, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-columns, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-contracted {
  font-family: var(--ag-icon-font-family-contracted, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-contracted, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-contracted, var(--ag-icon-font-color));
}
.ag-icon-contracted::before {
  content: var(--ag-icon-font-code-contracted, "\f10b");
  display: var(--ag-icon-font-display-contracted, var(--ag-icon-font-display));
}
.ag-icon-contracted::after {
  background-image: var(--ag-icon-image-contracted, var(--ag-icon-image));
  display: var(--ag-icon-image-display-contracted, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-contracted, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-copy {
  font-family: var(--ag-icon-font-family-copy, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-copy, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-copy, var(--ag-icon-font-color));
}
.ag-icon-copy::before {
  content: var(--ag-icon-font-code-copy, "\f10c");
  display: var(--ag-icon-font-display-copy, var(--ag-icon-font-display));
}
.ag-icon-copy::after {
  background-image: var(--ag-icon-image-copy, var(--ag-icon-image));
  display: var(--ag-icon-image-display-copy, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-copy, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-cross {
  font-family: var(--ag-icon-font-family-cross, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cross, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cross, var(--ag-icon-font-color));
}
.ag-icon-cross::before {
  content: var(--ag-icon-font-code-cross, "\f10d");
  display: var(--ag-icon-font-display-cross, var(--ag-icon-font-display));
}
.ag-icon-cross::after {
  background-image: var(--ag-icon-image-cross, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cross, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cross, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-csv {
  font-family: var(--ag-icon-font-family-csv, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-csv, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-csv, var(--ag-icon-font-color));
}
.ag-icon-csv::before {
  content: var(--ag-icon-font-code-csv, "\f10e");
  display: var(--ag-icon-font-display-csv, var(--ag-icon-font-display));
}
.ag-icon-csv::after {
  background-image: var(--ag-icon-image-csv, var(--ag-icon-image));
  display: var(--ag-icon-image-display-csv, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-csv, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-cut {
  font-family: var(--ag-icon-font-family-cut, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-cut, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-cut, var(--ag-icon-font-color));
}
.ag-icon-cut::before {
  content: var(--ag-icon-font-code-cut, "\f10f");
  display: var(--ag-icon-font-display-cut, var(--ag-icon-font-display));
}
.ag-icon-cut::after {
  background-image: var(--ag-icon-image-cut, var(--ag-icon-image));
  display: var(--ag-icon-image-display-cut, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-cut, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-desc {
  font-family: var(--ag-icon-font-family-desc, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-desc, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-desc, var(--ag-icon-font-color));
}
.ag-icon-desc::before {
  content: var(--ag-icon-font-code-desc, "\f110");
  display: var(--ag-icon-font-display-desc, var(--ag-icon-font-display));
}
.ag-icon-desc::after {
  background-image: var(--ag-icon-image-desc, var(--ag-icon-image));
  display: var(--ag-icon-image-display-desc, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-desc, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-excel {
  font-family: var(--ag-icon-font-family-excel, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-excel, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-excel, var(--ag-icon-font-color));
}
.ag-icon-excel::before {
  content: var(--ag-icon-font-code-excel, "\f111");
  display: var(--ag-icon-font-display-excel, var(--ag-icon-font-display));
}
.ag-icon-excel::after {
  background-image: var(--ag-icon-image-excel, var(--ag-icon-image));
  display: var(--ag-icon-image-display-excel, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-excel, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-expanded {
  font-family: var(--ag-icon-font-family-expanded, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-expanded, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-expanded, var(--ag-icon-font-color));
}
.ag-icon-expanded::before {
  content: var(--ag-icon-font-code-expanded, "\f112");
  display: var(--ag-icon-font-display-expanded, var(--ag-icon-font-display));
}
.ag-icon-expanded::after {
  background-image: var(--ag-icon-image-expanded, var(--ag-icon-image));
  display: var(--ag-icon-image-display-expanded, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-expanded, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-eye-slash {
  font-family: var(--ag-icon-font-family-eye-slash, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye-slash, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye-slash, var(--ag-icon-font-color));
}
.ag-icon-eye-slash::before {
  content: var(--ag-icon-font-code-eye-slash, "\f113");
  display: var(--ag-icon-font-display-eye-slash, var(--ag-icon-font-display));
}
.ag-icon-eye-slash::after {
  background-image: var(--ag-icon-image-eye-slash, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye-slash, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-eye-slash, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-eye {
  font-family: var(--ag-icon-font-family-eye, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-eye, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-eye, var(--ag-icon-font-color));
}
.ag-icon-eye::before {
  content: var(--ag-icon-font-code-eye, "\f114");
  display: var(--ag-icon-font-display-eye, var(--ag-icon-font-display));
}
.ag-icon-eye::after {
  background-image: var(--ag-icon-image-eye, var(--ag-icon-image));
  display: var(--ag-icon-image-display-eye, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-eye, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-filter {
  font-family: var(--ag-icon-font-family-filter, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-filter, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-filter, var(--ag-icon-font-color));
}
.ag-icon-filter::before {
  content: var(--ag-icon-font-code-filter, "\f115");
  display: var(--ag-icon-font-display-filter, var(--ag-icon-font-display));
}
.ag-icon-filter::after {
  background-image: var(--ag-icon-image-filter, var(--ag-icon-image));
  display: var(--ag-icon-image-display-filter, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-filter, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-first {
  font-family: var(--ag-icon-font-family-first, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-first, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-first, var(--ag-icon-font-color));
}
.ag-icon-first::before {
  content: var(--ag-icon-font-code-first, "\f116");
  display: var(--ag-icon-font-display-first, var(--ag-icon-font-display));
}
.ag-icon-first::after {
  background-image: var(--ag-icon-image-first, var(--ag-icon-image));
  display: var(--ag-icon-image-display-first, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-first, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-grip {
  font-family: var(--ag-icon-font-family-grip, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-grip, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-grip, var(--ag-icon-font-color));
}
.ag-icon-grip::before {
  content: var(--ag-icon-font-code-grip, "\f117");
  display: var(--ag-icon-font-display-grip, var(--ag-icon-font-display));
}
.ag-icon-grip::after {
  background-image: var(--ag-icon-image-grip, var(--ag-icon-image));
  display: var(--ag-icon-image-display-grip, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-grip, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-group {
  font-family: var(--ag-icon-font-family-group, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-group, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-group, var(--ag-icon-font-color));
}
.ag-icon-group::before {
  content: var(--ag-icon-font-code-group, "\f118");
  display: var(--ag-icon-font-display-group, var(--ag-icon-font-display));
}
.ag-icon-group::after {
  background-image: var(--ag-icon-image-group, var(--ag-icon-image));
  display: var(--ag-icon-image-display-group, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-group, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-last {
  font-family: var(--ag-icon-font-family-last, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-last, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-last, var(--ag-icon-font-color));
}
.ag-icon-last::before {
  content: var(--ag-icon-font-code-last, "\f119");
  display: var(--ag-icon-font-display-last, var(--ag-icon-font-display));
}
.ag-icon-last::after {
  background-image: var(--ag-icon-image-last, var(--ag-icon-image));
  display: var(--ag-icon-image-display-last, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-last, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-left {
  font-family: var(--ag-icon-font-family-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-left, var(--ag-icon-font-color));
}
.ag-icon-left::before {
  content: var(--ag-icon-font-code-left, "\f11a");
  display: var(--ag-icon-font-display-left, var(--ag-icon-font-display));
}
.ag-icon-left::after {
  background-image: var(--ag-icon-image-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-left, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-linked {
  font-family: var(--ag-icon-font-family-linked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-linked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-linked, var(--ag-icon-font-color));
}
.ag-icon-linked::before {
  content: var(--ag-icon-font-code-linked, "\f11b");
  display: var(--ag-icon-font-display-linked, var(--ag-icon-font-display));
}
.ag-icon-linked::after {
  background-image: var(--ag-icon-image-linked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-linked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-linked, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-loading {
  font-family: var(--ag-icon-font-family-loading, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-loading, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-loading, var(--ag-icon-font-color));
}
.ag-icon-loading::before {
  content: var(--ag-icon-font-code-loading, "\f11c");
  display: var(--ag-icon-font-display-loading, var(--ag-icon-font-display));
}
.ag-icon-loading::after {
  background-image: var(--ag-icon-image-loading, var(--ag-icon-image));
  display: var(--ag-icon-image-display-loading, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-loading, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-maximize {
  font-family: var(--ag-icon-font-family-maximize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-maximize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-maximize, var(--ag-icon-font-color));
}
.ag-icon-maximize::before {
  content: var(--ag-icon-font-code-maximize, "\f11d");
  display: var(--ag-icon-font-display-maximize, var(--ag-icon-font-display));
}
.ag-icon-maximize::after {
  background-image: var(--ag-icon-image-maximize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-maximize, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-maximize, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-menu {
  font-family: var(--ag-icon-font-family-menu, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-menu, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-menu, var(--ag-icon-font-color));
}
.ag-icon-menu::before {
  content: var(--ag-icon-font-code-menu, "\f11e");
  display: var(--ag-icon-font-display-menu, var(--ag-icon-font-display));
}
.ag-icon-menu::after {
  background-image: var(--ag-icon-image-menu, var(--ag-icon-image));
  display: var(--ag-icon-image-display-menu, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-menu, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-minimize {
  font-family: var(--ag-icon-font-family-minimize, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minimize, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minimize, var(--ag-icon-font-color));
}
.ag-icon-minimize::before {
  content: var(--ag-icon-font-code-minimize, "\f11f");
  display: var(--ag-icon-font-display-minimize, var(--ag-icon-font-display));
}
.ag-icon-minimize::after {
  background-image: var(--ag-icon-image-minimize, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minimize, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-minimize, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-next {
  font-family: var(--ag-icon-font-family-next, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-next, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-next, var(--ag-icon-font-color));
}
.ag-icon-next::before {
  content: var(--ag-icon-font-code-next, "\f120");
  display: var(--ag-icon-font-display-next, var(--ag-icon-font-display));
}
.ag-icon-next::after {
  background-image: var(--ag-icon-image-next, var(--ag-icon-image));
  display: var(--ag-icon-image-display-next, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-next, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-none {
  font-family: var(--ag-icon-font-family-none, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-none, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-none, var(--ag-icon-font-color));
}
.ag-icon-none::before {
  content: var(--ag-icon-font-code-none, "\f121");
  display: var(--ag-icon-font-display-none, var(--ag-icon-font-display));
}
.ag-icon-none::after {
  background-image: var(--ag-icon-image-none, var(--ag-icon-image));
  display: var(--ag-icon-image-display-none, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-none, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-not-allowed {
  font-family: var(--ag-icon-font-family-not-allowed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-not-allowed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-not-allowed, var(--ag-icon-font-color));
}
.ag-icon-not-allowed::before {
  content: var(--ag-icon-font-code-not-allowed, "\f122");
  display: var(--ag-icon-font-display-not-allowed, var(--ag-icon-font-display));
}
.ag-icon-not-allowed::after {
  background-image: var(--ag-icon-image-not-allowed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-not-allowed, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-not-allowed, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-paste {
  font-family: var(--ag-icon-font-family-paste, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-paste, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-paste, var(--ag-icon-font-color));
}
.ag-icon-paste::before {
  content: var(--ag-icon-font-code-paste, "\f123");
  display: var(--ag-icon-font-display-paste, var(--ag-icon-font-display));
}
.ag-icon-paste::after {
  background-image: var(--ag-icon-image-paste, var(--ag-icon-image));
  display: var(--ag-icon-image-display-paste, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-paste, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-pin {
  font-family: var(--ag-icon-font-family-pin, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pin, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pin, var(--ag-icon-font-color));
}
.ag-icon-pin::before {
  content: var(--ag-icon-font-code-pin, "\f124");
  display: var(--ag-icon-font-display-pin, var(--ag-icon-font-display));
}
.ag-icon-pin::after {
  background-image: var(--ag-icon-image-pin, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pin, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pin, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-pivot {
  font-family: var(--ag-icon-font-family-pivot, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pivot, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pivot, var(--ag-icon-font-color));
}
.ag-icon-pivot::before {
  content: var(--ag-icon-font-code-pivot, "\f125");
  display: var(--ag-icon-font-display-pivot, var(--ag-icon-font-display));
}
.ag-icon-pivot::after {
  background-image: var(--ag-icon-image-pivot, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pivot, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pivot, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-previous {
  font-family: var(--ag-icon-font-family-previous, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-previous, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-previous, var(--ag-icon-font-color));
}
.ag-icon-previous::before {
  content: var(--ag-icon-font-code-previous, "\f126");
  display: var(--ag-icon-font-display-previous, var(--ag-icon-font-display));
}
.ag-icon-previous::after {
  background-image: var(--ag-icon-image-previous, var(--ag-icon-image));
  display: var(--ag-icon-image-display-previous, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-previous, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-radio-button-off {
  font-family: var(--ag-icon-font-family-radio-button-off, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-off, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-off, var(--ag-icon-font-color));
}
.ag-icon-radio-button-off::before {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
}
.ag-icon-radio-button-off::after {
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-radio-button-on {
  font-family: var(--ag-icon-font-family-radio-button-on, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-radio-button-on, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-radio-button-on, var(--ag-icon-font-color));
}
.ag-icon-radio-button-on::before {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
}
.ag-icon-radio-button-on::after {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-right {
  font-family: var(--ag-icon-font-family-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-right, var(--ag-icon-font-color));
}
.ag-icon-right::before {
  content: var(--ag-icon-font-code-right, "\f129");
  display: var(--ag-icon-font-display-right, var(--ag-icon-font-display));
}
.ag-icon-right::after {
  background-image: var(--ag-icon-image-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-right, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-save {
  font-family: var(--ag-icon-font-family-save, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-save, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-save, var(--ag-icon-font-color));
}
.ag-icon-save::before {
  content: var(--ag-icon-font-code-save, "\f12a");
  display: var(--ag-icon-font-display-save, var(--ag-icon-font-display));
}
.ag-icon-save::after {
  background-image: var(--ag-icon-image-save, var(--ag-icon-image));
  display: var(--ag-icon-image-display-save, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-save, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-small-down {
  font-family: var(--ag-icon-font-family-small-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-down, var(--ag-icon-font-color));
}
.ag-icon-small-down::before {
  content: var(--ag-icon-font-code-small-down, "\f12b");
  display: var(--ag-icon-font-display-small-down, var(--ag-icon-font-display));
}
.ag-icon-small-down::after {
  background-image: var(--ag-icon-image-small-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-down, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-small-left {
  font-family: var(--ag-icon-font-family-small-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-left, var(--ag-icon-font-color));
}
.ag-icon-small-left::before {
  content: var(--ag-icon-font-code-small-left, "\f12c");
  display: var(--ag-icon-font-display-small-left, var(--ag-icon-font-display));
}
.ag-icon-small-left::after {
  background-image: var(--ag-icon-image-small-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-left, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-small-right {
  font-family: var(--ag-icon-font-family-small-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-right, var(--ag-icon-font-color));
}
.ag-icon-small-right::before {
  content: var(--ag-icon-font-code-small-right, "\f12d");
  display: var(--ag-icon-font-display-small-right, var(--ag-icon-font-display));
}
.ag-icon-small-right::after {
  background-image: var(--ag-icon-image-small-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-right, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-small-up {
  font-family: var(--ag-icon-font-family-small-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-small-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-small-up, var(--ag-icon-font-color));
}
.ag-icon-small-up::before {
  content: var(--ag-icon-font-code-small-up, "\f12e");
  display: var(--ag-icon-font-display-small-up, var(--ag-icon-font-display));
}
.ag-icon-small-up::after {
  background-image: var(--ag-icon-image-small-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-small-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-small-up, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-tick {
  font-family: var(--ag-icon-font-family-tick, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tick, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tick, var(--ag-icon-font-color));
}
.ag-icon-tick::before {
  content: var(--ag-icon-font-code-tick, "\f12f");
  display: var(--ag-icon-font-display-tick, var(--ag-icon-font-display));
}
.ag-icon-tick::after {
  background-image: var(--ag-icon-image-tick, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tick, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tick, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-tree-closed {
  font-family: var(--ag-icon-font-family-tree-closed, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-closed, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-closed, var(--ag-icon-font-color));
}
.ag-icon-tree-closed::before {
  content: var(--ag-icon-font-code-tree-closed, "\f130");
  display: var(--ag-icon-font-display-tree-closed, var(--ag-icon-font-display));
}
.ag-icon-tree-closed::after {
  background-image: var(--ag-icon-image-tree-closed, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-closed, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-closed, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-tree-indeterminate {
  font-family: var(--ag-icon-font-family-tree-indeterminate, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-indeterminate, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-indeterminate, var(--ag-icon-font-color));
}
.ag-icon-tree-indeterminate::before {
  content: var(--ag-icon-font-code-tree-indeterminate, "\f131");
  display: var(--ag-icon-font-display-tree-indeterminate, var(--ag-icon-font-display));
}
.ag-icon-tree-indeterminate::after {
  background-image: var(--ag-icon-image-tree-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-indeterminate, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-tree-open {
  font-family: var(--ag-icon-font-family-tree-open, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-tree-open, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-tree-open, var(--ag-icon-font-color));
}
.ag-icon-tree-open::before {
  content: var(--ag-icon-font-code-tree-open, "\f132");
  display: var(--ag-icon-font-display-tree-open, var(--ag-icon-font-display));
}
.ag-icon-tree-open::after {
  background-image: var(--ag-icon-image-tree-open, var(--ag-icon-image));
  display: var(--ag-icon-image-display-tree-open, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-tree-open, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-unlinked {
  font-family: var(--ag-icon-font-family-unlinked, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-unlinked, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-unlinked, var(--ag-icon-font-color));
}
.ag-icon-unlinked::before {
  content: var(--ag-icon-font-code-unlinked, "\f133");
  display: var(--ag-icon-font-display-unlinked, var(--ag-icon-font-display));
}
.ag-icon-unlinked::after {
  background-image: var(--ag-icon-image-unlinked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-unlinked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-unlinked, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-up {
  font-family: var(--ag-icon-font-family-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-up, var(--ag-icon-font-color));
}
.ag-icon-up::before {
  content: var(--ag-icon-font-code-up, "\f134");
  display: var(--ag-icon-font-display-up, var(--ag-icon-font-display));
}
.ag-icon-up::after {
  background-image: var(--ag-icon-image-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-up, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-down {
  font-family: var(--ag-icon-font-family-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-down, var(--ag-icon-font-color));
}
.ag-icon-down::before {
  content: var(--ag-icon-font-code-down, "\f135");
  display: var(--ag-icon-font-display-down, var(--ag-icon-font-display));
}
.ag-icon-down::after {
  background-image: var(--ag-icon-image-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-down, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-plus {
  font-family: var(--ag-icon-font-family-plus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-plus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-plus, var(--ag-icon-font-color));
}
.ag-icon-plus::before {
  content: var(--ag-icon-font-code-plus, "\f136");
  display: var(--ag-icon-font-display-plus, var(--ag-icon-font-display));
}
.ag-icon-plus::after {
  background-image: var(--ag-icon-image-plus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-plus, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-plus, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-minus {
  font-family: var(--ag-icon-font-family-minus, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-minus, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-minus, var(--ag-icon-font-color));
}
.ag-icon-minus::before {
  content: var(--ag-icon-font-code-minus, "\f137");
  display: var(--ag-icon-font-display-minus, var(--ag-icon-font-display));
}
.ag-icon-minus::after {
  background-image: var(--ag-icon-image-minus, var(--ag-icon-image));
  display: var(--ag-icon-image-display-minus, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-minus, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-menu-alt {
  font-family: var(--ag-icon-font-family-menu-alt, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-menu-alt, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-menu-alt, var(--ag-icon-font-color));
}
.ag-icon-menu-alt::before {
  content: var(--ag-icon-font-code-menu-alt, "\f138");
  display: var(--ag-icon-font-display-menu-alt, var(--ag-icon-font-display));
}
.ag-icon-menu-alt::after {
  background-image: var(--ag-icon-image-menu-alt, var(--ag-icon-image));
  display: var(--ag-icon-image-display-menu-alt, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-menu-alt, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-settings {
  font-family: var(--ag-icon-font-family-settings, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-settings, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-settings, var(--ag-icon-font-color));
}
.ag-icon-settings::before {
  content: var(--ag-icon-font-code-settings, "\f139");
  display: var(--ag-icon-font-display-settings, var(--ag-icon-font-display));
}
.ag-icon-settings::after {
  background-image: var(--ag-icon-image-settings, var(--ag-icon-image));
  display: var(--ag-icon-image-display-settings, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-settings, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-column-arrow {
  font-family: var(--ag-icon-font-family-column-arrow, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-column-arrow, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-column-arrow, var(--ag-icon-font-color));
}
.ag-icon-column-arrow::before {
  content: var(--ag-icon-font-code-column-arrow, "\f13a");
  display: var(--ag-icon-font-display-column-arrow, var(--ag-icon-font-display));
}
.ag-icon-column-arrow::after {
  background-image: var(--ag-icon-image-column-arrow, var(--ag-icon-image));
  display: var(--ag-icon-image-display-column-arrow, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-column-arrow, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-un-pin {
  font-family: var(--ag-icon-font-family-un-pin, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-un-pin, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-un-pin, var(--ag-icon-font-color));
}
.ag-icon-un-pin::before {
  content: var(--ag-icon-font-code-un-pin, "\f13b");
  display: var(--ag-icon-font-display-un-pin, var(--ag-icon-font-display));
}
.ag-icon-un-pin::after {
  background-image: var(--ag-icon-image-un-pin, var(--ag-icon-image));
  display: var(--ag-icon-image-display-un-pin, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-un-pin, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-pinned-bottom {
  font-family: var(--ag-icon-font-family-pinned-bottom, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pinned-bottom, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pinned-bottom, var(--ag-icon-font-color));
}
.ag-icon-pinned-bottom::before {
  content: var(--ag-icon-font-code-pinned-bottom, "\f13e");
  display: var(--ag-icon-font-display-pinned-bottom, var(--ag-icon-font-display));
}
.ag-icon-pinned-bottom::after {
  background-image: var(--ag-icon-image-pinned-bottom, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pinned-bottom, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pinned-bottom, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-pinned-top {
  font-family: var(--ag-icon-font-family-pinned-top, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-pinned-top, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-pinned-top, var(--ag-icon-font-color));
}
.ag-icon-pinned-top::before {
  content: var(--ag-icon-font-code-pinned-top, "\f13f");
  display: var(--ag-icon-font-display-pinned-top, var(--ag-icon-font-display));
}
.ag-icon-pinned-top::after {
  background-image: var(--ag-icon-image-pinned-top, var(--ag-icon-image));
  display: var(--ag-icon-image-display-pinned-top, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-pinned-top, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-chevron-up {
  font-family: var(--ag-icon-font-family-chevron-up, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chevron-up, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chevron-up, var(--ag-icon-font-color));
}
.ag-icon-chevron-up::before {
  content: var(--ag-icon-font-code-chevron-up, "\f140");
  display: var(--ag-icon-font-display-chevron-up, var(--ag-icon-font-display));
}
.ag-icon-chevron-up::after {
  background-image: var(--ag-icon-image-chevron-up, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chevron-up, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chevron-up, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-chevron-down {
  font-family: var(--ag-icon-font-family-chevron-down, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chevron-down, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chevron-down, var(--ag-icon-font-color));
}
.ag-icon-chevron-down::before {
  content: var(--ag-icon-font-code-chevron-down, "\f141");
  display: var(--ag-icon-font-display-chevron-down, var(--ag-icon-font-display));
}
.ag-icon-chevron-down::after {
  background-image: var(--ag-icon-image-chevron-down, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chevron-down, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chevron-down, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-chevron-left {
  font-family: var(--ag-icon-font-family-chevron-left, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chevron-left, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chevron-left, var(--ag-icon-font-color));
}
.ag-icon-chevron-left::before {
  content: var(--ag-icon-font-code-chevron-left, "\f142");
  display: var(--ag-icon-font-display-chevron-left, var(--ag-icon-font-display));
}
.ag-icon-chevron-left::after {
  background-image: var(--ag-icon-image-chevron-left, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chevron-left, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chevron-left, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-chevron-right {
  font-family: var(--ag-icon-font-family-chevron-right, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-chevron-right, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-chevron-right, var(--ag-icon-font-color));
}
.ag-icon-chevron-right::before {
  content: var(--ag-icon-font-code-chevron-right, "\f143");
  display: var(--ag-icon-font-display-chevron-right, var(--ag-icon-font-display));
}
.ag-icon-chevron-right::after {
  background-image: var(--ag-icon-image-chevron-right, var(--ag-icon-image));
  display: var(--ag-icon-image-display-chevron-right, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-chevron-right, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-filter-add {
  font-family: var(--ag-icon-font-family-filter-add, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-filter-add, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-filter-add, var(--ag-icon-font-color));
}
.ag-icon-filter-add::before {
  content: var(--ag-icon-font-code-filter-add, "\f144");
  display: var(--ag-icon-font-display-filter-add, var(--ag-icon-font-display));
}
.ag-icon-filter-add::after {
  background-image: var(--ag-icon-image-filter-add, var(--ag-icon-image));
  display: var(--ag-icon-image-display-filter-add, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-filter-add, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-edit {
  font-family: var(--ag-icon-font-family-edit, var(--ag-icon-font-family));
  font-weight: var(--ag-icon-font-weight-edit, var(--ag-icon-font-weight));
  color: var(--ag-icon-font-color-edit, var(--ag-icon-font-color));
}
.ag-icon-edit::before {
  content: var(--ag-icon-font-code-edit, "\f145");
  display: var(--ag-icon-font-display-edit, var(--ag-icon-font-display));
}
.ag-icon-edit::after {
  background-image: var(--ag-icon-image-edit, var(--ag-icon-image));
  display: var(--ag-icon-image-display-edit, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-edit, var(--ag-icon-image-opacity, 0.9));
}
.ag-icon-row-drag::before {
  content: var(--ag-icon-font-code-grip);
}
.ag-left-arrow::before {
  content: var(--ag-icon-font-code-left);
}
.ag-right-arrow::before {
  content: var(--ag-icon-font-code-right);
}
[class*=ag-theme-] {
  --ag-foreground-color: #000;
  --ag-data-color: var(--ag-foreground-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-header-foreground-color: var(--ag-secondary-foreground-color);
  --ag-disabled-foreground-color: rgba(0, 0, 0, 0.5);
  --ag-background-color: #fff;
  --ag-header-background-color: transparent;
  --ag-tooltip-background-color: transparent;
  --ag-tooltip-error-background-color: color-mix( in srgb, var(--ag-background-color), var(--ag-invalid-color) 10% );
  --ag-tooltip-error-text-color: var(--ag-invalid-color);
  --ag-tooltip-error-border-color: color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 25%);
  --ag-subheader-background-color: transparent;
  --ag-subheader-toolbar-background-color: transparent;
  --ag-control-panel-background-color: transparent;
  --ag-side-button-selected-background-color: var(--ag-control-panel-background-color);
  --ag-selected-row-background-color: #bbb;
  --ag-data-background-color: var(--ag-background-color);
  --ag-odd-row-background-color: var(--ag-data-background-color);
  --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66);
  --ag-menu-background-color: var(--ag-background-color);
  --ag-menu-border-color: var(--ag-border-color);
  --ag-panel-background-color: var(--ag-background-color);
  --ag-panel-border-color: var(--ag-border-color);
  --ag-row-hover-color: transparent;
  --ag-column-hover-color: transparent;
  --ag-range-selection-border-color: var(--ag-foreground-color);
  --ag-row-drag-indicator-color: var(--ag-range-selection-border-color);
  --ag-row-drag-indicator-width: 2px;
  --ag-column-drag-indicator-color: var(--ag-range-selection-border-color);
  --ag-column-drag-indicator-width: 2px;
  --ag-range-selection-border-style: solid;
  --ag-range-selection-background-color: rgba(0, 0, 0, 0.2);
  --ag-range-selection-background-color-2: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-3: var(--ag-range-selection-background-color);
  --ag-range-selection-background-color-4: var(--ag-range-selection-background-color);
  --ag-range-selection-highlight-color: var(--ag-range-selection-border-color);
  --ag-range-header-highlight-color: color-mix( in srgb, var(--ag-header-background-color), var(--ag-foreground-color) 8% );
  --ag-selected-tab-underline-color: var(--ag-range-selection-border-color);
  --ag-selected-tab-underline-width: 0;
  --ag-selected-tab-underline-transition-speed: 0s;
  --ag-range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1);
  --ag-range-selection-chart-background-color: rgba(0, 88, 255, 0.1);
  --ag-header-cell-hover-background-color: transparent;
  --ag-header-cell-moving-background-color: var(--ag-background-color);
  --ag-value-change-value-highlight-background-color: rgba(22, 160, 133, 0.5);
  --ag-value-change-delta-up-color: #43a047;
  --ag-value-change-delta-down-color: #e53935;
  --ag-row-loading-skeleton-effect-color: rgba(66, 66, 66, 0.2);
  --ag-chip-background-color: transparent;
  --ag-chip-border-color: var(--ag-chip-background-color);
  --ag-borders: solid 1px;
  --ag-border-color: rgba(0, 0, 0, 0.25);
  --ag-borders-critical: var(--ag-borders);
  --ag-borders-secondary: var(--ag-borders);
  --ag-secondary-border-color: var(--ag-border-color);
  --ag-row-border-style: solid;
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-row-border-width: 1px;
  --ag-cell-horizontal-border: solid transparent;
  --ag-borders-input: var(--ag-borders-secondary);
  --ag-input-border-color: var(--ag-secondary-border-color);
  --ag-borders-input-invalid: solid 2px;
  --ag-input-border-color-invalid: var(--ag-invalid-color);
  --ag-full-row-invalid-background-color: color-mix( in srgb, var(--ag-background-color), var(--ag-invalid-color) 25% );
  --ag-borders-side-button: var(--ag-borders);
  --ag-border-radius: 0px;
  --ag-wrapper-border-radius: var(--ag-border-radius);
  --ag-row-border-color: var(--ag-secondary-border-color);
  --ag-header-column-separator-display: none;
  --ag-header-column-separator-height: 100%;
  --ag-header-column-separator-width: 1px;
  --ag-header-column-separator-color: var(--ag-secondary-border-color);
  --ag-header-column-resize-handle-display: none;
  --ag-header-column-resize-handle-height: 50%;
  --ag-header-column-resize-handle-width: 1px;
  --ag-header-column-resize-handle-color: var(--ag-secondary-border-color);
  --ag-invalid-color: red;
  --ag-input-disabled-border-color: var(--ag-input-border-color);
  --ag-input-disabled-background-color: transparent;
  --ag-checkbox-background-color: transparent;
  --ag-checkbox-border-radius: var(--ag-border-radius);
  --ag-checkbox-checked-color: var(--ag-foreground-color);
  --ag-checkbox-unchecked-color: var(--ag-foreground-color);
  --ag-checkbox-indeterminate-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-border-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-off-background-color: var(--ag-checkbox-unchecked-color);
  --ag-toggle-button-on-border-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-on-background-color: var(--ag-checkbox-checked-color);
  --ag-toggle-button-switch-background-color: var(--ag-background-color);
  --ag-toggle-button-switch-border-color: var(--ag-toggle-button-off-border-color);
  --ag-toggle-button-border-width: 1px;
  --ag-toggle-button-height: var(--ag-icon-size);
  --ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2);
  --ag-input-focus-box-shadow: none;
  --ag-input-error-focus-box-shadow: none;
  --ag-input-focus-border-color: none;
  --ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color);
  --ag-minichart-selected-page-color: var(--ag-checkbox-checked-color);
  --ag-grid-size: 4px;
  --ag-icon-size: 12px;
  --ag-icon-font-weight: normal;
  --ag-icon-font-color: var(--ag-foreground-color);
  --ag-icon-image-display: block;
  --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5);
  --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 2);
  --ag-widget-vertical-spacing: var(--ag-grid-size);
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding);
  --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px);
  --ag-header-height: var(--ag-row-height);
  --ag-pagination-panel-height: var(--ag-header-height);
  --ag-list-item-height: calc(var(--ag-grid-size) * 5);
  --ag-column-select-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-set-filter-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size));
  --ag-advanced-filter-builder-indent-size: calc(var(--ag-grid-size) * 2 + var(--ag-icon-size));
  --ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size));
  --ag-row-numbers-selected-color: #bbb;
  --ag-filter-tool-panel-group-indent: 16px;
  --ag-tab-min-width: 220px;
  --ag-chart-menu-panel-width: var(--ag-tab-min-width);
  --ag-menu-min-width: 181px;
  --ag-side-bar-panel-width: 200px;
  --ag-font-family: "Helvetica Neue", sans-serif;
  --ag-font-size: 14px;
  --ag-card-radius: var(--ag-border-radius);
  --ag-card-shadow: none;
  --ag-popup-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3);
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
  --ag-find-match-color: var(--ag-foreground-color);
  --ag-find-active-match-color: var(--ag-foreground-color);
  --ag-find-match-background-color: #ffff00;
  --ag-find-active-match-background-color: #ffa500;
  --ag-cell-batch-edit-background-color: rgb(220 181 139 / 16%);
  --ag-cell-batch-edit-text-color: #422f00;
  --ag-row-batch-edit-background-color: var(--ag-cell-batch-edit-background-color);
  --ag-row-batch-edit-text-color: var(--ag-cell-batch-edit-text-color);
  --ag-filter-panel-apply-button-color: var(--ag-foreground-color);
  --ag-filter-panel-apply-button-background-color: var(--ag-background-color);
  --ag-filter-panel-card-subtle-color: var(--ag-foreground-color);
  --ag-filter-panel-card-subtle-hover-color: var(--ag-foreground-color);
}
.ag-root-wrapper,
.ag-dnd-ghost {
  background-color: var(--ag-background-color);
}
.ag-sticky-top,
.ag-sticky-bottom {
  background-color: var(--ag-data-background-color);
}
.ag-sticky-bottom {
  border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}
.ag-root-wrapper,
.ag-popup {
  --ag-indentation-level: 0;
}
[class*=ag-theme-] {
  -webkit-font-smoothing: antialiased;
  font-family: var(--ag-font-family);
  font-size: var(--ag-font-size);
  line-height: normal;
  color: var(--ag-foreground-color);
}
ag-grid,
ag-grid-angular,
ag-grid-ng2,
ag-grid-polymer,
ag-grid-aurelia {
  display: block;
}
.ag-aria-description-container {
  z-index: 9999;
  border: 0px;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  position: absolute;
  overflow: hidden;
  padding: 0px;
  white-space: nowrap;
}
.ag-hidden {
  display: none !important;
}
.ag-invisible {
  visibility: hidden !important;
}
.ag-drag-handle {
  cursor: grab;
}
.ag-column-drop-wrapper {
  display: flex;
}
.ag-column-drop-horizontal-half-width {
  display: inline-block;
  width: 50% !important;
}
.ag-unselectable {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-selectable {
  -moz-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.ag-tab {
  position: relative;
}
.ag-tab-guard {
  position: absolute;
  width: 0;
  height: 0;
  display: block;
}
.ag-virtual-list-viewport .ag-tab-guard {
  position: sticky;
}
.ag-tab-guard-top {
  top: 1px;
}
.ag-tab-guard-bottom {
  bottom: 1px;
}
.ag-select-agg-func-popup {
  position: absolute;
}
.ag-input-wrapper,
.ag-picker-field-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  line-height: normal;
  position: relative;
}
.ag-shake-left-to-right {
  animation-direction: alternate;
  animation-duration: 0.2s;
  animation-iteration-count: infinite;
  animation-name: ag-shake-left-to-right;
}
@keyframes ag-shake-left-to-right {
  from {
    padding-left: 6px;
    padding-right: 2px;
  }
  to {
    padding-left: 2px;
    padding-right: 6px;
  }
}
.ag-root-wrapper {
  cursor: default;
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  white-space: normal;
}
.ag-root-wrapper.ag-layout-normal {
  height: 100%;
}
.ag-watermark {
  position: absolute;
  bottom: 20px;
  right: 25px;
  opacity: 0.7;
  transition: opacity 1s ease-out 3s;
  color: #9b9b9b;
}
.ag-watermark::before {
  content: "";
  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjA5IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkyLjk5MyAyMy42NTgyVjE1LjcxMTdIMTc5LjQ1MkwxNzEuNTA1IDIzLjY1ODJIMTkyLjk5M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTIwOC4yNSAzLjk1MDgxSDE5MS4yNzZMMTgzLjI2NiAxMS44OTczSDIwOC4yNVYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTYzLjYyMiAzMS42MDQ4TDE2Ny42OTEgMjcuNTM2MUgxODEuNDIzVjM1LjQ4MjdIMTYzLjYyMlYzMS42MDQ4WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTY2LjYxIDE5Ljc4MDNIMTc1LjM4M0wxODMuMzkzIDExLjgzMzdIMTY2LjYxVjE5Ljc4MDNaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNTcuMDExIDMxLjYwNDdIMTYzLjYyMkwxNzEuNTA1IDIzLjY1ODJIMTU3LjAxMVYzMS42MDQ3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTkxLjI3NiAzLjk1MDgxTDE4Ny4yMDggOC4wMTk0MUgxNjEuMjdWMC4wNzI4NzZIMTkxLjI3NlYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMjAuODM5MSAzMC4yMDYxSDguMzc4OTJMNi4yMTc0NSAzNS41NDYySDAuNzUwMjQ0TDEyLjI1NjggOC41OTE1NUgxNy4wMjQ3TDI4LjUzMTMgMzUuNTQ2MkgyMy4wMDA1TDIwLjgzOTEgMzAuMjA2MVpNMTkuMTIyNyAyNS45NDY4TDE0LjYwOSAxNC45NDg4TDEwLjA5NTQgMjUuOTQ2OEgxOS4xMjI3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTA0LjQzNyAxOC41MDg5QzEwNi4wMjYgMTYuMTU2NyAxMTAuMDMxIDE1LjkwMjQgMTExLjY4NCAxNS45MDI0VjIwLjQ3OTZDMTA5LjY1IDIwLjQ3OTYgMTA3LjYxNSAyMC41NDMyIDEwNi40MDcgMjEuNDMzMkMxMDUuMiAyMi4zMjMyIDEwNC41NjQgMjMuNTMxMSAxMDQuNTY0IDI0Ljk5MzJWMzUuNTQ2Mkg5OS42MDUxVjE1LjkwMjRIMTA0LjM3M0wxMDQuNDM3IDE4LjUwODlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xMTkuMzc2IDE1LjkwMjRIMTE0LjQxOFYzNS41NDYySDExOS4zNzZWMTUuOTAyNFoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTExOS4zNzYgNy4xMjkzOUgxMTQuNDE4VjEyLjk3OEgxMTkuMzc2VjcuMTI5MzlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNDMuOTc5IDcuMTI5MzlWMzUuNTQ2MkgxMzkuMjExTDEzOS4wODQgMzIuNTU4M0MxMzguMzg0IDMzLjU3NTUgMTM3LjQ5NCAzNC40MDE5IDEzNi40MTQgMzUuMDM3NkMxMzUuMzMzIDM1LjYwOTggMTMzLjk5OCAzNS45Mjc2IDEzMi40NzIgMzUuOTI3NkMxMzEuMTM3IDM1LjkyNzYgMTI5Ljg2NiAzNS42NzMzIDEyOC43ODUgMzUuMjI4M0MxMjcuNjQxIDM0LjcxOTcgMTI2LjYyMyAzNC4wODQgMTI1Ljc5NyAzMy4xOTRDMTI0Ljk3MSAzMi4zMDQgMTI0LjI3MSAzMS4yMjMzIDEyMy44MjYgMzAuMDE1NEMxMjMuMzE4IDI4LjgwNzUgMTIzLjEyNyAyNy40MDkgMTIzLjEyNyAyNS44ODMyQzEyMy4xMjcgMjQuMzU3NSAxMjMuMzgxIDIyLjk1ODkgMTIzLjgyNiAyMS42ODc0QzEyNC4zMzUgMjAuNDE2IDEyNC45NzEgMTkuMzM1MyAxMjUuNzk3IDE4LjQ0NTNDMTI2LjYyMyAxNy41NTUyIDEyNy42NDEgMTYuODU2IDEyOC43ODUgMTYuMzQ3NEMxMjkuOTI5IDE1LjgzODggMTMxLjEzNyAxNS41ODQ1IDEzMi40NzIgMTUuNTg0NUMxMzMuOTk4IDE1LjU4NDUgMTM1LjI2OSAxNS44Mzg4IDEzNi4zNSAxNi40MTA5QzEzNy40MzEgMTYuOTgzMSAxMzguMzIxIDE3Ljc0NTkgMTM5LjAyIDE4LjgyNjdWNy4xOTI5NUgxNDMuOTc5VjcuMTI5MzlaTTEzMy41NTMgMzEuNjY4M0MxMzUuMjA2IDMxLjY2ODMgMTM2LjQ3NyAzMS4wOTYyIDEzNy40OTQgMzAuMDE1NEMxMzguNTExIDI4LjkzNDcgMTM5LjAyIDI3LjQ3MjUgMTM5LjAyIDI1LjY5MjVDMTM5LjAyIDIzLjkxMjUgMTM4LjUxMSAyMi41MTM5IDEzNy40OTQgMjEuMzY5NkMxMzYuNDc3IDIwLjI4ODggMTM1LjIwNiAxOS43MTY3IDEzMy41NTMgMTkuNzE2N0MxMzEuOTYzIDE5LjcxNjcgMTMwLjYyOCAyMC4yODg4IDEyOS42NzUgMjEuMzY5NkMxMjguNjU4IDIyLjQ1MDMgMTI4LjE0OSAyMy45MTI1IDEyOC4xNDkgMjUuNjkyNUMxMjguMTQ5IDI3LjQ3MjUgMTI4LjY1OCAyOC44NzExIDEyOS42NzUgMjkuOTUxOEMxMzAuNjkyIDMxLjA5NjEgMTMxLjk2MyAzMS42NjgzIDEzMy41NTMgMzEuNjY4M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTU3LjIwMjQgMjAuMzUyNUg0NC45MzNWMjQuNjExOEg1MS45MjU5QzUxLjczNTIgMjYuNzczMyA1MC45MDg4IDI4LjQyNjEgNDkuNTEwMiAyOS43NjExQzQ4LjExMTYgMzEuMDMyNiA0Ni4zMzE1IDMxLjY2ODMgNDQuMDQyOSAzMS42NjgzQzQyLjc3MTUgMzEuNjY4MyA0MS41NjM2IDMxLjQxNCA0MC41NDY1IDMwLjk2OUMzOS40NjU3IDMwLjUyNCAzOC41NzU3IDI5Ljg4ODMgMzcuODEyOSAyOC45OTgzQzM3LjA1IDI4LjE3MTggMzYuNDc3OCAyNy4xNTQ3IDM2LjAzMjggMjUuOTQ2OEMzNS41ODc4IDI0LjczODkgMzUuMzk3MSAyMy40Njc1IDM1LjM5NzEgMjIuMDA1M0MzNS4zOTcxIDIwLjU0MzIgMzUuNTg3OCAxOS4yNzE3IDM2LjAzMjggMTguMDYzOEMzNi40MTQzIDE2Ljg1NiAzNy4wNSAxNS45MDI0IDM3LjgxMjkgMTUuMDEyNEMzOC41NzU3IDE0LjE4NTkgMzkuNDY1NyAxMy41NTAyIDQwLjU0NjUgMTMuMDQxNkM0MS42MjcyIDEyLjU5NjYgNDIuNzcxNSAxMi4zNDIzIDQ0LjEwNjUgMTIuMzQyM0M0Ni43NzY2IDEyLjM0MjMgNDguODEwOSAxMi45NzggNTAuMjA5NSAxNC4yNDk1TDUzLjUxNTIgMTAuOTQzOEM1MS4wMzU5IDkuMDM2NTkgNDcuODU3MyA4LjAxOTQxIDQ0LjEwNjUgOC4wMTk0MUM0Mi4wMDg2IDguMDE5NDEgNDAuMTAxNSA4LjMzNzI5IDM4LjM4NSA5LjAzNjU5QzM2LjY2ODYgOS43MzU4OCAzNS4yMDY0IDEwLjYyNTkgMzMuOTk4NSAxMS44MzM3QzMyLjc5MDYgMTMuMDQxNiAzMS44MzcxIDE0LjUwMzggMzEuMjAxNCAxNi4yMjAzQzMwLjU2NTYgMTcuOTM2NyAzMC4yNDc4IDE5Ljg0MzggMzAuMjQ3OCAyMS44NzgyQzMwLjI0NzggMjMuOTEyNSAzMC41NjU2IDI1LjgxOTcgMzEuMjY0OSAyNy41MzYxQzMxLjk2NDIgMjkuMjUyNiAzMi44NTQyIDMwLjcxNDcgMzQuMDYyMSAzMS45MjI2QzM1LjI3IDMzLjEzMDUgMzYuNzMyMSAzNC4wODQxIDM4LjQ0ODYgMzQuNzE5OEM0MC4xNjUgMzUuNDE5MSA0Mi4wNzIyIDM1LjczNyA0NC4xMDY1IDM1LjczN0M0Ni4xNDA4IDM1LjczNyA0Ny45ODQ0IDM1LjQxOTEgNDkuNjM3MyAzNC43MTk4QzUxLjI5MDIgMzQuMDIwNSA1Mi42ODg4IDMzLjEzMDUgNTMuODMzMSAzMS45MjI2QzU0Ljk3NzQgMzAuNzE0NyA1NS44Njc0IDI5LjI1MjYgNTYuNTAzMSAyNy41MzYxQzU3LjEzODggMjUuODE5NyA1Ny40NTY3IDIzLjkxMjUgNTcuNDU2NyAyMS44NzgyVjIxLjA1MTdDNTcuMjY2IDIwLjkyNDYgNTcuMjAyNCAyMC42MDY3IDU3LjIwMjQgMjAuMzUyNVoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTk1Ljk4MTUgMjAuMzUyNUg4My43MTIxVjI0LjYxMThIOTAuNzA1QzkwLjUxNDMgMjYuNzczMyA4OS42ODc5IDI4LjQyNjEgODguMjg5MyAyOS43NjExQzg2Ljg5MDcgMzEuMDMyNiA4NS4xMTA2IDMxLjY2ODMgODIuODIyIDMxLjY2ODNDODEuNTUwNiAzMS42NjgzIDgwLjM0MjcgMzEuNDE0IDc5LjMyNTYgMzAuOTY5Qzc4LjI0NDggMzAuNTI0IDc3LjM1NDggMjkuODg4MyA3Ni41OTIgMjguOTk4M0M3NS44MjkxIDI4LjE3MTggNzUuMjU3IDI3LjE1NDcgNzQuODExOSAyNS45NDY4Qzc0LjM2NjkgMjQuNzM4OSA3NC4xNzYyIDIzLjQ2NzUgNzQuMTc2MiAyMi4wMDUzQzc0LjE3NjIgMjAuNTQzMiA3NC4zNjY5IDE5LjI3MTcgNzQuODExOSAxOC4wNjM4Qzc1LjE5MzQgMTYuODU2IDc1LjgyOTEgMTUuOTAyNCA3Ni41OTIgMTUuMDEyNEM3Ny4zNTQ4IDE0LjE4NTkgNzguMjQ0OCAxMy41NTAyIDc5LjMyNTYgMTMuMDQxNkM4MC40MDYzIDEyLjU5NjYgODEuNTUwNiAxMi4zNDIzIDgyLjg4NTYgMTIuMzQyM0M4NS41NTU3IDEyLjM0MjMgODcuNTkgMTIuOTc4IDg4Ljk4ODYgMTQuMjQ5NUw5Mi4yOTQzIDEwLjk0MzhDODkuODE1IDkuMDM2NTkgODYuNjM2NCA4LjAxOTQxIDgyLjg4NTYgOC4wMTk0MUM4MC43ODc4IDguMDE5NDEgNzguODgwNiA4LjMzNzI5IDc3LjE2NDEgOS4wMzY1OUM3NS40NDc3IDkuNzM1ODggNzMuOTg1NSAxMC42MjU5IDcyLjc3NzYgMTEuODMzN0M3MS41Njk4IDEzLjA0MTYgNzAuNjE2MiAxNC41MDM4IDY5Ljk4MDUgMTYuMjIwM0M2OS4zNDQ3IDE3LjkzNjcgNjkuMDI2OSAxOS44NDM4IDY5LjAyNjkgMjEuODc4MkM2OS4wMjY5IDIzLjkxMjUgNjkuMzQ0NyAyNS44MTk3IDcwLjA0NCAyNy41MzYxQzcwLjc0MzMgMjkuMjUyNiA3MS42MzM0IDMwLjcxNDcgNzIuODQxMiAzMS45MjI2Qzc0LjA0OTEgMzMuMTMwNSA3NS41MTEyIDM0LjA4NDEgNzcuMjI3NyAzNC43MTk4Qzc4Ljk0NDEgMzUuNDE5MSA4MC44NTEzIDM1LjczNyA4Mi44ODU2IDM1LjczN0M4NC45MiAzNS43MzcgODYuNzYzNiAzNS40MTkxIDg4LjQxNjQgMzQuNzE5OEM5MC4wNjkzIDM0LjAyMDUgOTEuNDY3OSAzMy4xMzA1IDkyLjYxMjIgMzEuOTIyNkM5My43NTY1IDMwLjcxNDcgOTQuNjQ2NSAyOS4yNTI2IDk1LjI4MjIgMjcuNTM2MUM5NS45MTggMjUuODE5NyA5Ni4yMzU4IDIzLjkxMjUgOTYuMjM1OCAyMS44NzgyVjIxLjA1MTdDOTYuMDQ1MSAyMC45MjQ2IDk1Ljk4MTUgMjAuNjA2NyA5NS45ODE1IDIwLjM1MjVaIiBmaWxsPSIjOUI5QjlCIi8+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
  background-size: 170px 40px;
  display: block;
  height: 40px;
  width: 170px;
}
.ag-watermark-text {
  opacity: 0.5;
  font-weight: bold;
  font-family: Impact, sans-serif;
  font-size: 19px;
  padding-left: 0.7rem;
}
.ag-root-wrapper-body {
  display: flex;
  flex-direction: row;
}
.ag-root-wrapper-body.ag-layout-normal {
  flex: 1 1 auto;
  height: 0;
  min-height: 0;
}
.ag-root {
  position: relative;
  display: flex;
  flex-direction: column;
}
.ag-root.ag-layout-normal,
.ag-root.ag-layout-auto-height {
  overflow: hidden;
  flex: 1 1 auto;
  width: 0;
}
.ag-root.ag-layout-normal {
  height: 100%;
}
.ag-header-viewport,
.ag-floating-top-viewport,
.ag-body-viewport,
.ag-center-cols-viewport,
.ag-floating-bottom-viewport,
.ag-body-horizontal-scroll-viewport,
.ag-body-vertical-scroll-viewport,
.ag-virtual-list-viewport,
.ag-sticky-top-viewport,
.ag-sticky-bottom-viewport {
  position: relative;
  height: 100%;
  min-width: 0px;
  overflow: hidden;
  flex: 1 1 auto;
}
.ag-body-viewport,
.ag-center-cols-viewport,
.ag-header-viewport,
.ag-floating-top-viewport,
.ag-floating-bottom-viewport,
.ag-sticky-top-viewport,
.ag-sticky-bottom-viewport {
  overflow-x: auto;
  -ms-overflow-style: none !important;
  scrollbar-width: none !important;
}
.ag-body-viewport::-webkit-scrollbar,
.ag-center-cols-viewport::-webkit-scrollbar,
.ag-header-viewport::-webkit-scrollbar,
.ag-floating-top-viewport::-webkit-scrollbar,
.ag-floating-bottom-viewport::-webkit-scrollbar,
.ag-sticky-top-viewport::-webkit-scrollbar,
.ag-sticky-bottom-viewport::-webkit-scrollbar {
  display: none !important;
}
.ag-body-viewport {
  display: flex;
  overflow-x: hidden;
}
.ag-body-viewport.ag-layout-normal {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.ag-viewport {
  position: relative;
}
.ag-spanning-container {
  position: absolute;
  top: 0;
  z-index: 1;
}
.ag-sticky-top-container,
.ag-sticky-bottom-container,
.ag-floating-top-container,
.ag-floating-bottom-container {
  min-height: 1px;
}
.ag-sticky-top,
.ag-sticky-bottom {
  z-index: 1;
}
.ag-center-cols-viewport {
  min-height: 100%;
  width: 100%;
}
.ag-body-horizontal-scroll-viewport {
  overflow-x: scroll;
}
.ag-body-vertical-scroll-viewport {
  overflow-y: scroll;
}
.ag-virtual-list-viewport {
  overflow: auto;
  width: 100%;
}
.ag-header-container,
.ag-floating-top-container,
.ag-body-container,
.ag-pinned-right-cols-container,
.ag-center-cols-container,
.ag-pinned-left-cols-container,
.ag-floating-bottom-container,
.ag-body-horizontal-scroll-container,
.ag-body-vertical-scroll-container,
.ag-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-virtual-list-container,
.ag-sticky-top-container,
.ag-sticky-bottom-container {
  position: relative;
}
.ag-header-container,
.ag-floating-top-container,
.ag-pinned-left-floating-top,
.ag-pinned-right-floating-top,
.ag-floating-bottom-container,
.ag-pinned-left-floating-bottom,
.ag-pinned-right-floating-bottom,
.ag-sticky-top-container,
.ag-sticky-bottom-container {
  height: 100%;
  white-space: nowrap;
}
.ag-center-cols-container {
  display: block;
}
.ag-pinned-right-cols-container {
  display: block;
}
.ag-body-horizontal-scroll-container {
  height: 100%;
}
.ag-body-vertical-scroll-container {
  width: 100%;
}
.ag-full-width-container,
.ag-floating-top-full-width-container,
.ag-floating-bottom-full-width-container,
.ag-sticky-top-full-width-container,
.ag-sticky-bottom-full-width-container {
  position: absolute;
  top: 0px;
  pointer-events: none;
}
.ag-ltr .ag-full-width-container,
.ag-ltr .ag-floating-top-full-width-container,
.ag-ltr .ag-floating-bottom-full-width-container,
.ag-ltr .ag-sticky-top-full-width-container,
.ag-ltr .ag-sticky-bottom-full-width-container {
  left: 0;
}
.ag-rtl .ag-full-width-container,
.ag-rtl .ag-floating-top-full-width-container,
.ag-rtl .ag-floating-bottom-full-width-container,
.ag-rtl .ag-sticky-top-full-width-container,
.ag-rtl .ag-sticky-bottom-full-width-container {
  right: 0;
}
.ag-full-width-container {
  width: 100%;
}
.ag-floating-bottom-full-width-container,
.ag-floating-top-full-width-container {
  display: inline-block;
  overflow: hidden;
  height: 100%;
  width: 100%;
}
.ag-virtual-list-container {
  overflow: hidden;
}
.ag-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  flex-direction: row !important;
  min-height: 0;
}
.ag-body-horizontal-scroll,
.ag-body-vertical-scroll {
  min-height: 0;
  min-width: 0;
  display: flex;
  position: relative;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible,
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  position: absolute;
  bottom: 0;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar {
  opacity: 0;
  transition: opacity 400ms;
  visibility: hidden;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling,
.ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling,
.ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active {
  visibility: visible;
  opacity: 1;
}
.ag-body-horizontal-scroll {
  width: 100%;
}
.ag-body-horizontal-scroll.ag-scrollbar-invisible {
  left: 0;
  right: 0;
}
.ag-body-vertical-scroll {
  height: 100%;
}
.ag-body-vertical-scroll.ag-scrollbar-invisible {
  top: 0;
  z-index: 10;
}
.ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible {
  right: 0;
}
.ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible {
  left: 0;
}
.ag-force-vertical-scroll {
  overflow-y: scroll !important;
}
.ag-horizontal-left-spacer,
.ag-horizontal-right-spacer {
  height: 100%;
  min-width: 0;
  overflow-x: scroll;
}
.ag-horizontal-left-spacer.ag-scroller-corner,
.ag-horizontal-right-spacer.ag-scroller-corner {
  overflow-x: hidden;
}
.ag-header,
.ag-pinned-left-header,
.ag-pinned-right-header {
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.ag-header-cell-sortable .ag-header-cell-label,
.ag-header-group-cell-selectable .ag-header-cell-comp-wrapper {
  cursor: pointer;
}
.ag-header {
  display: flex;
  width: 100%;
  white-space: nowrap;
}
.ag-pinned-left-header {
  height: 100%;
}
.ag-pinned-right-header {
  height: 100%;
}
.ag-header-row {
  position: absolute;
}
.ag-header-row:not(.ag-header-row-column-group) {
  overflow: hidden;
}
.ag-header.ag-header-allow-overflow .ag-header-row {
  overflow: visible;
}
.ag-header-cell {
  display: inline-flex;
  align-items: center;
  position: absolute;
  height: 100%;
  overflow: hidden;
}
.ag-header-cell.ag-header-active .ag-header-cell-menu-button,
.ag-header-cell-filter-button {
  opacity: 1;
}
.ag-header-cell-menu-button:not(.ag-header-menu-always-show) {
  transition: opacity 0.2s;
  opacity: 0;
}
.ag-header-group-cell-label,
.ag-header-cell-label {
  display: flex;
  flex: 1 1 auto;
  align-self: stretch;
  align-items: center;
  overflow: hidden;
}
.ag-header-cell-label {
  text-overflow: ellipsis;
}
.ag-header-group-cell-label.ag-sticky-label {
  position: sticky;
  flex: none;
  max-width: 100%;
  overflow: visible;
}
.ag-header-group-text {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-header-cell-text {
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
}
.ag-header-group-cell .ag-header-cell-comp-wrapper {
  display: flex;
}
.ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper {
  height: 100%;
  display: flex;
  align-items: center;
}
.ag-header-cell-comp-wrapper {
  width: 100%;
}
.ag-header-cell-wrap-text .ag-header-cell-comp-wrapper {
  white-space: normal;
}
.ag-header-cell-comp-wrapper-limited-height > div {
  overflow: hidden;
}
.ag-right-aligned-header .ag-header-cell-label {
  flex-direction: row-reverse;
}
.ag-header-cell-resize {
  position: absolute;
  z-index: 2;
  height: 100%;
  width: 8px;
  top: 0;
  cursor: ew-resize;
}
.ag-ltr .ag-header-cell-resize {
  right: -3px;
}
.ag-rtl .ag-header-cell-resize {
  left: -3px;
}
.ag-pinned-left-header .ag-header-cell-resize {
  right: -3px;
}
.ag-pinned-right-header .ag-header-cell-resize {
  left: -3px;
}
.ag-header-select-all {
  display: flex;
}
.ag-header-cell-menu-button,
.ag-header-cell-filter-button,
.ag-side-button-button,
.ag-panel-title-bar-button,
.ag-floating-filter-button-button {
  cursor: pointer;
}
.ag-column-moving .ag-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-cell {
  transition: left 0.2s;
}
.ag-column-moving .ag-spanned-cell-wrapper {
  transition: left 0.2s;
}
.ag-column-moving .ag-header-group-cell {
  transition: left 0.2s, width 0.2s;
}
.ag-column-panel {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1 1 auto;
}
.ag-column-select {
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 3 1 0px;
}
.ag-column-select-header {
  position: relative;
  display: flex;
  flex: none;
}
.ag-column-select-header-icon {
  position: relative;
}
.ag-column-select-header-filter-wrapper {
  flex: 1 1 auto;
}
.ag-column-select-header-filter {
  width: 100%;
}
.ag-column-select-list {
  flex: 1 1 0px;
  overflow: hidden;
}
.ag-column-drop {
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: auto;
  width: 100%;
}
.ag-column-drop-list {
  display: flex;
  align-items: center;
}
.ag-column-drop-cell {
  position: relative;
  display: flex;
  align-items: center;
}
.ag-column-drop-cell-text {
  overflow: hidden;
  flex: 1 1 auto;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ag-column-drop-vertical {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  align-items: stretch;
  flex: 1 1 0px;
}
.ag-column-drop-vertical-title-bar {
  display: flex;
  align-items: center;
  flex: none;
}
.ag-column-drop-vertical-list {
  position: relative;
  align-items: stretch;
  flex-grow: 1;
  flex-direction: column;
  overflow-x: auto;
}
.ag-column-drop-vertical-list > * {
  flex: none;
}
.ag-column-drop-empty .ag-column-drop-vertical-list {
  overflow: hidden;
}
.ag-column-drop-vertical-empty-message {
  display: block;
}
.ag-column-drop.ag-column-drop-horizontal {
  white-space: nowrap;
  overflow: hidden;
}
.ag-column-drop-cell-button {
  cursor: pointer;
}
.ag-filter-toolpanel {
  flex: 1 1 0px;
  min-width: 0;
}
.ag-filter-toolpanel-header {
  position: relative;
}
.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
  display: flex;
  align-items: center;
}
.ag-filter-toolpanel-header > *,
.ag-filter-toolpanel-search > * {
  display: flex;
  align-items: center;
}
.ag-filter-apply-panel {
  display: flex;
  justify-content: flex-end;
  overflow: hidden;
}
.ag-row-animation .ag-row {
  transition:
    transform 0.4s,
    top 0.4s,
    opacity 0.2s;
}
.ag-row-animation .ag-row.ag-after-created {
  transition:
    transform 0.4s,
    top 0.4s,
    height 0.4s,
    opacity 0.2s;
}
.ag-row-animation.ag-prevent-animation .ag-row,
.ag-row-animation.ag-prevent-animation .ag-row.ag-after-created {
  transition: none !important;
}
.ag-row-no-animation .ag-row {
  transition: none;
}
.ag-row {
  white-space: nowrap;
  width: 100%;
}
.ag-row-loading {
  display: flex;
  align-items: center;
}
.ag-row-position-absolute {
  position: absolute;
}
.ag-row-position-relative {
  position: relative;
}
.ag-full-width-row {
  overflow: hidden;
  pointer-events: all;
}
.ag-row-inline-editing {
  z-index: 1;
}
.ag-row-dragging {
  z-index: 2;
}
.ag-stub-cell {
  display: flex;
  align-items: center;
}
.ag-cell {
  display: inline-block;
  position: absolute;
  white-space: nowrap;
  height: 100%;
}
.ag-cell-value {
  flex: 1 1 auto;
}
.ag-cell-value:not(.ag-allow-overflow),
.ag-group-value {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-cell-wrapper {
  display: flex;
  align-items: center;
}
.ag-cell-wrapper.ag-row-group {
  align-items: flex-start;
}
.ag-cell-wrap-text {
  white-space: normal;
  word-break: break-word;
}
.ag-cell-wrap-text:not(.ag-cell-auto-height) .ag-cell-wrapper {
  align-items: normal;
  height: 100%;
}
.ag-cell-wrap-text:not(.ag-cell-auto-height) .ag-cell-wrapper .ag-cell-value {
  height: 100%;
}
.ag-sparkline-wrapper {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  line-height: initial;
}
.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  height: 100%;
  align-items: center;
}
.ag-cell-inline-editing {
  z-index: 1;
}
.ag-cell-inline-editing .ag-cell-wrapper,
.ag-cell-inline-editing .ag-cell-edit-wrapper,
.ag-cell-inline-editing .ag-cell-editor,
.ag-cell-inline-editing .ag-cell-editor .ag-wrapper,
.ag-cell-inline-editing .ag-cell-editor.ag-cell-editor.ag-cell-editor input {
  height: 100%;
  min-height: 100%;
  width: 100%;
  line-height: normal;
}
.ag-row.ag-row-editing-invalid .ag-cell-inline-editing {
  opacity: 0.8;
}
.ag-cell .ag-icon {
  display: inline-block;
  vertical-align: middle;
}
.ag-set-filter-item {
  display: flex;
  align-items: center;
  height: 100%;
}
.ag-set-filter-item-checkbox {
  display: flex;
  width: 100%;
  height: 100%;
}
.ag-set-filter-group-icons {
  display: block;
}
.ag-set-filter-group-icons > * {
  cursor: pointer;
}
.ag-filter-body-wrapper {
  display: flex;
  flex-direction: column;
}
.ag-filter-filter {
  flex: 1 1 0px;
}
.ag-filter-condition {
  display: flex;
  justify-content: center;
}
.ag-floating-filter-body {
  position: relative;
  display: flex;
  flex: 1 1 auto;
  height: 100%;
}
.ag-floating-filter-full-body {
  display: flex;
  flex: 1 1 auto;
  height: 100%;
  width: 100%;
  align-items: center;
  overflow: hidden;
}
.ag-floating-filter-full-body > div {
  flex: 1 1 auto;
}
.ag-floating-filter-input {
  align-items: center;
  display: flex;
  width: 100%;
}
.ag-floating-filter-input > * {
  flex: 1 1 auto;
}
.ag-floating-filter-button {
  display: flex;
  flex: none;
}
.ag-date-floating-filter-wrapper {
  display: flex;
}
.ag-set-floating-filter-input input[disabled] {
  pointer-events: none;
}
.ag-dnd-ghost {
  display: inline-flex;
  align-items: center;
  cursor: move;
  white-space: nowrap;
}
.ag-overlay {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.ag-overlay-panel {
  display: flex;
  height: 100%;
  width: 100%;
}
.ag-overlay-wrapper {
  display: flex;
  flex: none;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.ag-overlay-loading-wrapper,
.ag-overlay-exporting-wrapper,
.ag-overlay-modal-wrapper {
  pointer-events: all;
}
.ag-popup-child {
  z-index: 5;
  top: 0;
}
.ag-popup-editor {
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-large-text-input {
  display: block;
}
.ag-virtual-list-item {
  position: absolute;
  width: 100%;
}
.ag-floating-top,
.ag-floating-bottom {
  overflow: hidden;
  white-space: nowrap;
  width: 100%;
  position: relative;
  display: flex;
}
.ag-pinned-left-floating-top,
.ag-pinned-right-floating-top,
.ag-pinned-left-floating-bottom,
.ag-pinned-right-floating-bottom {
  overflow: hidden;
  position: relative;
  min-width: 0px;
}
.ag-sticky-top,
.ag-sticky-bottom {
  position: absolute;
  display: flex;
  width: 100%;
  overflow: hidden;
  height: 0px;
}
.ag-sticky-bottom {
  box-sizing: content-box !important;
}
.ag-pinned-left-sticky-top,
.ag-pinned-right-sticky-top {
  position: relative;
  height: 100%;
  overflow: hidden;
}
.ag-sticky-top-full-width-container,
.ag-sticky-bottom-full-width-container {
  overflow: hidden;
  width: 100%;
  height: 100%;
}
.ag-dialog,
.ag-panel {
  display: flex;
  flex-direction: column;
  position: relative;
  overflow: hidden;
}
.ag-panel-title-bar {
  display: flex;
  flex: none;
  align-items: center;
  cursor: default;
}
.ag-panel-title-bar-title {
  flex: 1 1 auto;
}
.ag-panel-title-bar-buttons {
  display: flex;
}
.ag-panel-title-bar-button {
  cursor: pointer;
}
.ag-panel-content-wrapper {
  display: flex;
  flex: 1 1 auto;
  position: relative;
  overflow: hidden;
}
.ag-dialog {
  position: absolute;
}
.ag-resizer {
  position: absolute;
  pointer-events: none;
  z-index: 1;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-resizer.ag-resizer-topLeft {
  top: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-top {
  top: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-topRight {
  top: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-right {
  top: 5px;
  right: 0;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}
.ag-resizer.ag-resizer-bottomRight {
  bottom: 0;
  right: 0;
  height: 5px;
  width: 5px;
  cursor: nwse-resize;
}
.ag-resizer.ag-resizer-bottom {
  bottom: 0;
  left: 5px;
  right: 5px;
  height: 5px;
  cursor: ns-resize;
}
.ag-resizer.ag-resizer-bottomLeft {
  bottom: 0;
  left: 0;
  height: 5px;
  width: 5px;
  cursor: nesw-resize;
}
.ag-resizer.ag-resizer-left {
  left: 0;
  top: 5px;
  bottom: 5px;
  width: 5px;
  cursor: ew-resize;
}
.ag-tooltip {
  position: absolute;
  z-index: 99999;
}
.ag-tooltip-custom {
  position: absolute;
  z-index: 99999;
}
.ag-tooltip:not(.ag-tooltip-interactive),
.ag-tooltip-custom:not(.ag-tooltip-interactive) {
  pointer-events: none;
}
.ag-value-slide-out {
  margin-right: 5px;
  opacity: 1;
  transition: opacity 3s, margin-right 3s;
  transition-timing-function: linear;
}
.ag-value-slide-out-end {
  margin-right: 10px;
  opacity: 0;
}
.ag-opacity-zero {
  opacity: 0 !important;
}
.ag-menu {
  max-height: 100%;
  overflow-y: auto;
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-menu-column-select-wrapper {
  height: 265px;
  overflow: auto;
}
.ag-menu-column-select-wrapper .ag-column-select {
  height: 100%;
}
.ag-dialog .ag-panel-content-wrapper .ag-column-select {
  -webkit-user-select: none;
  user-select: none;
}
.ag-menu-list {
  display: table;
  width: 100%;
}
.ag-menu-option,
.ag-menu-separator {
  display: table-row;
}
.ag-menu-option-part,
.ag-menu-separator-part {
  display: table-cell;
  vertical-align: middle;
}
.ag-menu-option-text {
  white-space: nowrap;
}
.ag-menu-option-custom {
  display: contents;
}
.ag-compact-menu-option {
  width: 100%;
  display: flex;
  flex-wrap: nowrap;
}
.ag-compact-menu-option-text {
  white-space: nowrap;
  flex: 1 1 auto;
}
.ag-context-menu-loading-icon {
  position: absolute;
  pointer-events: none;
}
.ag-pill-container {
  display: flex;
  gap: 0.25rem;
  flex-wrap: nowrap;
}
.ag-pill {
  display: flex;
  white-space: nowrap;
  padding: 0 0.25rem;
  align-items: center;
}
.ag-pill .ag-pill-button {
  border: none;
  padding: 0;
}
.ag-rich-select {
  cursor: default;
  outline: none;
  height: 100%;
}
.ag-rich-select-value {
  display: flex;
  align-items: center;
  height: 100%;
}
.ag-rich-select-value .ag-picker-field-display {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder {
  opacity: 0.5;
}
.ag-rich-select-list {
  position: relative;
}
.ag-rich-select-list .ag-rich-select-loading {
  display: flex;
  min-height: 2rem;
}
.ag-rich-select-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  height: 100%;
}
.ag-rich-select-field-input {
  flex: 1 1 auto;
}
.ag-rich-select-field-input .ag-input-field-input {
  padding: 0 !important;
  border: none !important;
  box-shadow: none !important;
  text-overflow: ellipsis;
}
.ag-rich-select-field-input .ag-input-field-input::placeholder {
  opacity: 0.8;
}
.ag-autocomplete {
  align-items: center;
  display: flex;
}
.ag-autocomplete > * {
  flex: 1 1 auto;
}
.ag-autocomplete-list-popup {
  position: absolute;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-autocomplete-list {
  position: relative;
}
.ag-autocomplete-virtual-list-item {
  display: flex;
}
.ag-autocomplete-row {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  overflow: hidden;
}
.ag-autocomplete-row-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-paging-panel {
  align-items: center;
  display: flex;
  justify-content: flex-end;
}
.ag-paging-page-summary-panel {
  display: flex;
  align-items: center;
}
.ag-paging-button {
  position: relative;
}
.ag-disabled .ag-paging-page-summary-panel {
  pointer-events: none;
}
.ag-tool-panel-wrapper {
  display: flex;
  overflow-y: auto;
  overflow-x: hidden;
  cursor: default;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-column-select-column,
.ag-column-select-column-group,
.ag-select-agg-func-item {
  position: relative;
  align-items: center;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  height: 100%;
}
.ag-column-select-column > *,
.ag-column-select-column-group > *,
.ag-select-agg-func-item > * {
  flex: none;
}
.ag-select-agg-func-item,
.ag-column-select-column-label {
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.ag-column-select-checkbox {
  display: flex;
}
.ag-tool-panel-horizontal-resize {
  cursor: ew-resize;
  height: 100%;
  position: absolute;
  top: 0;
  width: 5px;
  z-index: 1;
}
.ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  right: -3px;
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize {
  left: -3px;
}
.ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  left: -3px;
}
.ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize {
  right: -3px;
}
.ag-details-row {
  width: 100%;
}
.ag-details-row-fixed-height {
  height: 100%;
}
.ag-details-grid {
  width: 100%;
}
.ag-details-grid-fixed-height {
  height: 100%;
}
.ag-header-group-cell {
  display: flex;
  align-items: center;
  height: 100%;
  position: absolute;
  contain: paint;
}
.ag-header-group-cell-no-group.ag-header-span-height {
  display: none;
}
.ag-cell-label-container {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
  height: 100%;
  width: 100%;
}
.ag-header-group-cell-label,
.ag-cell-label-container {
  padding: 5px 0px;
}
.ag-right-aligned-header .ag-cell-label-container {
  flex-direction: row;
}
.ag-right-aligned-header .ag-header-cell-text {
  text-align: end;
}
.ag-side-bar {
  display: flex;
  flex-direction: row-reverse;
}
.ag-side-bar-left {
  order: -1;
  flex-direction: row;
}
.ag-side-button-button {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap;
  white-space: nowrap;
  outline: none;
  cursor: pointer;
}
.ag-side-button-label {
  writing-mode: vertical-lr;
}
.ag-status-bar {
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.ag-status-panel,
.ag-status-panel.ag-status-panel-aggregations .ag-status-name-value {
  display: inline-flex;
}
.ag-status-name-value {
  white-space: nowrap;
}
.ag-status-bar-left {
  display: inline-flex;
}
.ag-status-bar-center {
  display: inline-flex;
}
.ag-status-bar-right {
  display: inline-flex;
}
.ag-row-number-cell {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  -webkit-user-select: none;
  user-select: none;
}
.ag-ltr .ag-row-number-cell {
  text-align: right;
}
.ag-rtl .ag-row-number-cell {
  text-align: left;
}
.ag-row-numbers-resizer {
  position: absolute;
  bottom: -2px;
  left: 0;
  height: 4px;
  width: 100%;
  cursor: ns-resize;
}
.ag-floating-bottom .ag-row-numbers-resizer {
  bottom: unset;
  top: -2px;
}
.ag-icon {
  display: block;
  speak: none;
}
.ag-group {
  position: relative;
  width: 100%;
}
.ag-group-title-bar {
  display: flex;
  align-items: center;
}
.ag-group-title {
  display: inline;
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ag-group-title-bar .ag-group-title {
  cursor: default;
}
.ag-group-toolbar {
  display: flex;
  align-items: center;
}
.ag-group-container {
  display: flex;
}
.ag-disabled .ag-group-container {
  pointer-events: none;
}
.ag-group-container-horizontal {
  flex-direction: row;
  flex-wrap: wrap;
}
.ag-group-container-vertical {
  flex-direction: column;
}
.ag-column-group-icons {
  display: block;
}
.ag-column-group-icons > * {
  cursor: pointer;
}
.ag-group-item-alignment-stretch .ag-group-item {
  align-items: stretch;
}
.ag-group-item-alignment-start .ag-group-item {
  align-items: flex-start;
}
.ag-group-item-alignment-end .ag-group-item {
  align-items: flex-end;
}
.ag-toggle-button-icon {
  transition: right 0.3s;
  position: absolute;
  top: -1px;
}
.ag-input-field,
.ag-select {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.ag-input-field-input {
  flex: 1 1 auto;
}
.ag-floating-filter-input .ag-input-field-input[type=date],
.ag-floating-filter-input .ag-input-field-input[type=datetime-local] {
  width: 1px;
}
.ag-range-field {
  display: flex;
  align-items: center;
}
.ag-angle-select {
  display: flex;
  align-items: center;
}
.ag-angle-select-wrapper {
  display: flex;
}
.ag-angle-select-parent-circle {
  display: block;
  position: relative;
}
.ag-angle-select-child-circle {
  position: absolute;
}
.ag-slider-wrapper {
  display: flex;
}
.ag-slider-wrapper .ag-input-field {
  flex: 1 1 auto;
}
.ag-picker-field-display {
  flex: 1 1 auto;
}
.ag-picker-field {
  display: flex;
  align-items: center;
}
.ag-picker-field-icon {
  display: flex;
  border: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
}
.ag-picker-field-wrapper {
  overflow: hidden;
}
.ag-label-align-right .ag-label {
  order: 1;
}
.ag-label-align-right > * {
  flex: none;
}
.ag-label-align-top {
  flex-direction: column;
  align-items: flex-start;
}
.ag-label-align-top > * {
  align-self: stretch;
}
.ag-label-ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
}
.ag-color-panel {
  width: 100%;
  display: flex;
  flex-direction: column;
  text-align: center;
}
.ag-spectrum-color {
  flex: 1 1 auto;
  position: relative;
  overflow: visible;
  cursor: default;
}
.ag-spectrum-fill {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ag-spectrum-val {
  cursor: pointer;
}
.ag-spectrum-dragger {
  position: absolute;
  pointer-events: none;
  cursor: pointer;
}
.ag-spectrum-hue,
.ag-spectrum-alpha {
  cursor: default;
}
.ag-spectrum-hue-background {
  background:
    linear-gradient(
      to left,
      #ff0000 3%,
      #ffff00 17%,
      #00ff00 33%,
      #00ffff 50%,
      #0000ff 67%,
      #ff00ff 83%,
      #ff0000 100%);
  width: 100%;
  height: 100%;
}
.ag-spectrum-alpha {
  --ag-spectrum-alpha-background-checked: url("data:image/svg+xml;utf8,<svg xmlns=%22http://www.w3.org/2000/svg%22 width=%224%22 height=%224%22><rect x=%220%22 y=%220%22 width=%224%22 height=%224%22 fill=%22%23fff%22/><path d=%22M0 0H2V4H4V2H0Z%22 fill=%22%23b2b2b2%22/></svg>");
}
.ag-spectrum-alpha-background {
  background:
    linear-gradient(
      to right,
      var(--ag-internal-spectrum-alpha-color-from),
      var(--ag-internal-spectrum-alpha-color-to)),
    var(--ag-spectrum-alpha-background-checked) top left/4px 4px;
  width: 100%;
  height: 100%;
}
.ag-spectrum-tool {
  cursor: pointer;
  position: relative;
}
.ag-spectrum-slider {
  position: absolute;
  pointer-events: none;
}
.ag-spectrum-alpha .ag-spectrum-slider {
  background:
    linear-gradient(
      to bottom,
      var(--ag-internal-spectrum-alpha-color),
      var(--ag-internal-spectrum-alpha-color)) white;
}
.ag-recent-colors {
  display: flex;
}
.ag-recent-color {
  cursor: pointer;
}
.ag-pill-select {
  display: flex;
  flex-direction: column;
}
.ag-pill-select .ag-column-drop {
  flex: unset;
}
.ag-ltr {
  direction: ltr;
}
.ag-ltr .ag-body,
.ag-ltr .ag-floating-top,
.ag-ltr .ag-floating-bottom,
.ag-ltr .ag-header,
.ag-ltr .ag-sticky-top,
.ag-ltr .ag-sticky-bottom,
.ag-ltr .ag-body-viewport,
.ag-ltr .ag-body-horizontal-scroll {
  flex-direction: row;
}
.ag-rtl {
  direction: rtl;
}
.ag-rtl .ag-body,
.ag-rtl .ag-floating-top,
.ag-rtl .ag-floating-bottom,
.ag-rtl .ag-header,
.ag-rtl .ag-sticky-top,
.ag-rtl .ag-sticky-bottom,
.ag-rtl .ag-body-viewport,
.ag-rtl .ag-body-horizontal-scroll {
  flex-direction: row-reverse;
}
.ag-rtl .ag-icon-contracted,
.ag-rtl .ag-icon-expanded,
.ag-rtl .ag-icon-tree-closed {
  display: block;
  transform: rotate(180deg);
}
.ag-body .ag-body-viewport {
  -webkit-overflow-scrolling: touch;
}
.ag-measurement-container {
  width: 0;
  overflow: hidden;
  visibility: hidden;
}
.ag-measurement-container div {
  position: absolute;
}
.ag-layout-print.ag-body {
  display: block;
  height: unset;
}
.ag-layout-print.ag-root-wrapper {
  display: inline-block;
}
.ag-layout-print .ag-body-vertical-scroll {
  display: none;
}
.ag-layout-print .ag-body-horizontal-scroll {
  display: none;
}
.ag-layout-print.ag-force-vertical-scroll {
  overflow-y: visible !important;
}
@media print {
  .ag-root-wrapper.ag-layout-print {
    display: table;
  }
  .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body,
  .ag-root-wrapper.ag-layout-print .ag-root,
  .ag-root-wrapper.ag-layout-print .ag-body-viewport,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-container,
  .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport,
  .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport,
  .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport {
    height: auto !important;
    overflow: hidden !important;
    display: block !important;
  }
  .ag-root-wrapper.ag-layout-print .ag-row,
  .ag-root-wrapper.ag-layout-print .ag-cell {
    break-inside: avoid;
  }
}
[class^=ag-],
[class^=ag-]:focus,
[class^=ag-]:after,
[class^=ag-]:before {
  box-sizing: border-box;
  outline: none;
}
[class^=ag-]::-ms-clear {
  display: none;
}
.ag-checkbox .ag-input-wrapper,
.ag-radio-button .ag-input-wrapper {
  overflow: visible;
}
.ag-range-field .ag-input-wrapper {
  height: 100%;
}
.ag-toggle-button {
  flex: none;
  width: unset;
  min-width: unset;
}
.ag-button {
  border-radius: 0px;
  color: var(--ag-foreground-color);
}
.ag-button:hover {
  background-color: transparent;
}
.ag-ltr .ag-label-align-right .ag-label {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-label-align-right .ag-label {
  margin-right: var(--ag-grid-size);
}
input[class^=ag-] {
  margin: 0;
  background-color: var(--ag-background-color);
}
textarea[class^=ag-],
select[class^=ag-] {
  background-color: var(--ag-background-color);
}
input[class^=ag-]:not([type]),
input[class^=ag-][type=text],
input[class^=ag-][type=number],
input[class^=ag-][type=tel],
input[class^=ag-][type=date],
input[class^=ag-][type=datetime-local],
textarea[class^=ag-] {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-family: inherit;
  border: var(--ag-borders-input) var(--ag-input-border-color);
}
input[class^=ag-]:not([type]):disabled,
input[class^=ag-][type=text]:disabled,
input[class^=ag-][type=number]:disabled,
input[class^=ag-][type=tel]:disabled,
input[class^=ag-][type=date]:disabled,
input[class^=ag-][type=datetime-local]:disabled,
textarea[class^=ag-]:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
input[class^=ag-]:not([type]):focus,
input[class^=ag-][type=text]:focus,
input[class^=ag-][type=number]:focus,
input[class^=ag-][type=tel]:focus,
input[class^=ag-][type=date]:focus,
input[class^=ag-][type=datetime-local]:focus,
textarea[class^=ag-]:focus {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}
input[class^=ag-]:not([type]):focus.invalid,
input[class^=ag-]:not([type]):focus:invalid,
input[class^=ag-][type=text]:focus.invalid,
input[class^=ag-][type=text]:focus:invalid,
input[class^=ag-][type=number]:focus.invalid,
input[class^=ag-][type=number]:focus:invalid,
input[class^=ag-][type=tel]:focus.invalid,
input[class^=ag-][type=tel]:focus:invalid,
input[class^=ag-][type=date]:focus.invalid,
input[class^=ag-][type=date]:focus:invalid,
input[class^=ag-][type=datetime-local]:focus.invalid,
input[class^=ag-][type=datetime-local]:focus:invalid,
textarea[class^=ag-]:focus.invalid,
textarea[class^=ag-]:focus:invalid {
  box-shadow: var(--ag-input-error-focus-box-shadow);
  border-color: var(--ag-invalid-color);
}
input[class^=ag-]:not([type]):invalid,
input[class^=ag-][type=text]:invalid,
input[class^=ag-][type=number]:invalid,
input[class^=ag-][type=tel]:invalid,
input[class^=ag-][type=date]:invalid,
input[class^=ag-][type=datetime-local]:invalid,
textarea[class^=ag-]:invalid {
  border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);
}
input[class^=ag-][type=number]:not(.ag-number-field-input-stepper) {
  -moz-appearance: textfield;
}
input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button,
input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[class^=ag-][type=range] {
  padding: 0;
}
input[class^=ag-][type=button]:focus,
button[class^=ag-]:focus {
  box-shadow: var(--ag-input-focus-box-shadow);
}
input[class^=ag-][type=button]:focus:invalid,
input[class^=ag-][type=button]:focus.invalid,
button[class^=ag-]:focus:invalid,
button[class^=ag-]:focus.invalid {
  box-shadow: var(--ag-input-error-focus-box-shadow);
}
.ag-drag-handle {
  color: var(--ag-secondary-foreground-color);
}
.ag-list-item,
.ag-virtual-list-item {
  height: var(--ag-list-item-height);
}
.ag-virtual-list-item:focus-visible {
  outline: none;
}
.ag-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-select-list {
  background-color: var(--ag-background-color);
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}
.ag-list-item {
  display: flex;
  align-items: center;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-list-item.ag-active-item {
  background-color: var(--ag-row-hover-color);
}
.ag-select-list-item {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.ag-ltr .ag-select-list-item {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select-list-item {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-select-list-item span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.ag-row-drag,
.ag-selection-checkbox,
.ag-group-expanded,
.ag-group-contracted {
  color: var(--ag-secondary-foreground-color);
}
.ag-ltr .ag-row-drag,
.ag-ltr .ag-selection-checkbox,
.ag-ltr .ag-group-expanded,
.ag-ltr .ag-group-contracted {
  margin-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-row-drag,
.ag-rtl .ag-selection-checkbox,
.ag-rtl .ag-group-expanded,
.ag-rtl .ag-group-contracted {
  margin-left: var(--ag-cell-widget-spacing);
}
.ag-drag-handle-disabled {
  opacity: 0.35;
  pointer-events: none;
}
.ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) {
  --ag-internal-calculated-line-height: var( --ag-line-height, calc(var(--ag-row-height) - var(--ag-row-border-width)) );
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width) - 2px);
  height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  display: flex;
  align-items: center;
  flex: none;
}
.ag-group-expanded,
.ag-group-contracted {
  cursor: pointer;
}
.ag-group-title-bar-icon {
  cursor: pointer;
  flex: none;
  color: var(--ag-secondary-foreground-color);
}
.ag-ltr .ag-group-child-count {
  margin-left: 2px;
}
.ag-rtl .ag-group-child-count {
  margin-right: 2px;
}
.ag-group-title-bar {
  background-color: var(--ag-subheader-background-color);
  padding: var(--ag-grid-size);
}
.ag-group-toolbar {
  padding: var(--ag-grid-size);
  background-color: var(--ag-subheader-toolbar-background-color);
}
.ag-disabled-group-title-bar,
.ag-disabled-group-container {
  opacity: 0.5;
}
.group-item {
  margin: calc(var(--ag-grid-size) * 0.5) 0;
}
.ag-label {
  white-space: nowrap;
}
.ag-ltr .ag-label {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-label {
  margin-left: var(--ag-grid-size);
}
.ag-label-align-top .ag-label {
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}
.ag-angle-select[disabled] {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}
.ag-angle-select[disabled] .ag-angle-select-field {
  opacity: 0.4;
}
.ag-ltr .ag-slider-field,
.ag-ltr .ag-angle-select-field {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-slider-field,
.ag-rtl .ag-angle-select-field {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-angle-select-parent-circle {
  width: 24px;
  height: 24px;
  border-radius: 12px;
  border: solid 1px;
  border-color: var(--ag-border-color);
  background-color: var(--ag-background-color);
}
.ag-angle-select-child-circle {
  top: 4px;
  left: 12px;
  width: 6px;
  height: 6px;
  margin-left: -3px;
  margin-top: -4px;
  border-radius: 3px;
  background-color: var(--ag-secondary-foreground-color);
}
.ag-picker-field-wrapper {
  border: var(--ag-borders);
  border-color: var(--ag-border-color);
  border-radius: 5px;
  background-color: var(--ag-background-color);
}
.ag-picker-field-wrapper:disabled {
  color: var(--ag-disabled-foreground-color);
  background-color: var(--ag-input-disabled-background-color);
  border-color: var(--ag-input-disabled-border-color);
}
.ag-picker-field-wrapper.ag-picker-has-focus,
.ag-picker-field-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-input-focus-border-color);
}
.ag-picker-field-wrapper.ag-picker-has-focus.invalid,
.ag-picker-field-wrapper:focus-within.invalid {
  box-shadow: var(--ag-input-error-focus-box-shadow);
}
.ag-picker-field-wrapper.invalid {
  border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid);
}
.ag-picker-field-button {
  background-color: var(--ag-background-color);
  color: var(--ag-secondary-foreground-color);
}
.ag-dialog.ag-color-dialog {
  border-radius: 5px;
}
.ag-color-picker .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
}
.ag-color-picker .ag-picker-field-display {
  display: flex;
  flex-direction: row;
  align-items: center;
  min-height: var(--ag-list-item-height);
}
.ag-ltr .ag-color-picker-color,
.ag-ltr .ag-color-picker-value {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-color-picker-color,
.ag-rtl .ag-color-picker-value {
  margin-left: var(--ag-grid-size);
}
.ag-color-panel {
  padding: var(--ag-grid-size);
}
.ag-spectrum-color {
  background-color: rgb(255, 0, 0);
  border-radius: 2px;
}
.ag-spectrum-tools {
  padding: 10px;
}
.ag-spectrum-sat {
  background-image:
    linear-gradient(
      to right,
      white,
      rgba(204, 154, 129, 0));
}
.ag-spectrum-val {
  background-image:
    linear-gradient(
      to top,
      black,
      rgba(204, 154, 129, 0));
}
.ag-spectrum-dragger {
  border-radius: 12px;
  height: 12px;
  width: 12px;
  border: 2px solid white;
  background: black;
  box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24);
}
.ag-spectrum-hue-background {
  border-radius: 2px;
}
.ag-spectrum-alpha-background {
  border-radius: 2px;
}
.ag-spectrum-tool {
  margin-bottom: 10px;
  height: 11px;
  border-radius: 2px;
}
.ag-spectrum-slider {
  margin-top: -12px;
  width: 13px;
  height: 13px;
  border-radius: 13px;
  border: 2px solid white;
  box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37);
}
.ag-recent-colors {
  margin-top: 10px;
}
.ag-recent-color {
  margin: 0 3px;
}
.ag-recent-color:first-child {
  margin-left: 0;
}
.ag-recent-color:last-child {
  margin-right: 0;
}
.ag-spectrum-color:focus-visible:not(:disabled):not([readonly]),
.ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]),
.ag-recent-color:focus-visible:not(:disabled):not([readonly]) {
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-ltr .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
  padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
  padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-color-input .ag-color-input-color {
  position: absolute;
}
.ag-ltr .ag-color-input .ag-color-input-color {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-color-input .ag-color-input-color {
  margin-right: var(--ag-grid-size);
}
.ag-color-picker-color,
.ag-color-input-color {
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-radius: 2px;
}
.ag-dnd-ghost {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  overflow: hidden;
  text-overflow: ellipsis;
  border: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  line-height: var(--ag-header-height);
  margin: 0;
  padding: 0 calc(var(--ag-grid-size) * 2);
  transform: translateY(calc(var(--ag-grid-size) * 2));
}
.ag-dnd-ghost-not-allowed {
  border-color: color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 50%);
}
.ag-dnd-ghost-icon {
  margin-right: var(--ag-grid-size);
  color: var(--ag-foreground-color);
}
.ag-popup-child:not(.ag-tooltip-custom) {
  box-shadow: var(--ag-popup-shadow);
}
.ag-select .ag-picker-field-wrapper {
  min-height: var(--ag-list-item-height);
  cursor: default;
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-select .ag-picker-field-wrapper {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-select .ag-picker-field-wrapper {
  padding-left: var(--ag-grid-size);
}
.ag-select.ag-disabled .ag-picker-field-wrapper:focus {
  box-shadow: none;
}
.ag-select:not(.ag-cell-editor, .ag-label-align-top) {
  min-height: var(--ag-list-item-height);
}
.ag-select .ag-picker-field-display {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-select .ag-picker-field-icon {
  display: flex;
  align-items: center;
}
.ag-select.ag-disabled {
  opacity: 0.5;
}
.ag-rich-select-value,
.ag-rich-select-list {
  background-color: var(--ag-background-color);
}
.ag-rich-select-list {
  width: 100%;
  height: auto;
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}
.ag-rich-select-list .ag-rich-select-loading {
  padding: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing);
}
.ag-rich-select-value {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  padding-top: 0;
  padding-bottom: 0;
}
.ag-ltr .ag-rich-select-value {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-value {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-ltr .ag-rich-select-value {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-rich-select-value {
  padding-left: var(--ag-grid-size);
}
.ag-ltr .ag-rich-select-field-input {
  left: calc(var(--ag-cell-horizontal-padding));
}
.ag-rtl .ag-rich-select-field-input {
  right: calc(var(--ag-cell-horizontal-padding));
}
.ag-popup-editor .ag-rich-select-value {
  height: var(--ag-row-height);
  min-width: 200px;
}
.ag-rich-select-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-rich-select-virtual-list-item:focus-visible::after {
  content: none;
}
.ag-ltr .ag-rich-select-row {
  padding-left: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rtl .ag-rich-select-row {
  padding-right: calc(var(--ag-cell-horizontal-padding) / 2);
}
.ag-rich-select-row-selected {
  background-color: var(--ag-selected-row-background-color);
}
.ag-rich-select-row:hover,
.ag-rich-select-row-highlighted {
  background-image: linear-gradient(var(--ag-row-hover-color), var(--ag-row-hover-color));
}
.ag-rich-select-row-text-highlight {
  font-weight: bold;
}
.ag-autocomplete {
  width: 100%;
}
.ag-autocomplete-list {
  width: 100%;
  min-width: 200px;
  height: calc(var(--ag-row-height) * 6.5);
}
.ag-autocomplete-virtual-list-item {
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-autocomplete-virtual-list-item:focus-visible::after {
  content: none;
}
.ag-autocomplete-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}
.ag-autocomplete-row-label {
  margin: 0px var(--ag-widget-container-horizontal-padding);
}
.ag-autocomplete-row-selected {
  background-color: var(--ag-selected-row-background-color);
}
.ag-pill {
  border: 1px solid var(--ag-chip-border-color);
  border-radius: var(--ag-border-radius);
  background-color: var(--ag-chip-background-color);
}
.ag-ltr .ag-pill .ag-pill-button {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-pill .ag-pill-button {
  margin-right: var(--ag-grid-size);
}
.ag-pill:focus-visible {
  border-color: var(--ag-input-focus-border-color);
}
.ag-pill .ag-pill-button:hover {
  cursor: pointer;
}
.ag-dragging-range-handle .ag-dialog,
.ag-dragging-fill-handle .ag-dialog {
  opacity: 0.7;
  pointer-events: none;
}
.ag-dialog {
  border-radius: var(--ag-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
  box-shadow: var(--ag-popup-shadow);
}
.ag-panel {
  background-color: var(--ag-panel-background-color);
  border-color: var(--ag-panel-border-color);
}
.ag-panel-title-bar {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
  padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-panel-title-bar-button {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-panel-title-bar-button {
  margin-right: var(--ag-grid-size);
}
.ag-tooltip {
  background-color: var(--ag-tooltip-background-color);
  color: var(--ag-foreground-color);
  padding: var(--ag-grid-size);
  border: var(--ag-borders) var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  white-space: normal;
}
.ag-tooltip.ag-cell-editor-tooltip,
.ag-tooltip.ag-cell-formula-tooltip {
  background-color: var(--ag-tooltip-error-background-color);
  color: var(--ag-tooltip-error-text-color);
  border: var(--ag-borders) var(--ag-tooltip-error-border-color);
  font-weight: 500;
}
.ag-tooltip.ag-tooltip-animate,
.ag-tooltip-custom.ag-tooltip-animate {
  transition: opacity 1s;
}
.ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding,
.ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding {
  opacity: 0;
}
.ag-ltr .ag-column-select-column,
.ag-ltr .ag-column-select-column-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}
.ag-rtl .ag-column-select-column,
.ag-rtl .ag-column-select-column-group {
  padding-right: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size));
}
.ag-column-select-header-icon {
  cursor: pointer;
}
.ag-column-select-header-icon:focus-visible {
  outline: none;
}
.ag-column-select-header-icon:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-ltr .ag-column-group-icons:not(:last-child),
.ag-ltr .ag-column-select-header-icon:not(:last-child),
.ag-ltr .ag-column-select-header-checkbox:not(:last-child),
.ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-ltr .ag-column-select-checkbox:not(:last-child),
.ag-ltr .ag-column-select-column-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-ltr .ag-column-select-column-label:not(:last-child) {
  margin-right: var(--ag-widget-horizontal-spacing);
}
.ag-rtl .ag-column-group-icons:not(:last-child),
.ag-rtl .ag-column-select-header-icon:not(:last-child),
.ag-rtl .ag-column-select-header-checkbox:not(:last-child),
.ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child),
.ag-rtl .ag-column-select-checkbox:not(:last-child),
.ag-rtl .ag-column-select-column-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child),
.ag-rtl .ag-column-select-column-label:not(:last-child) {
  margin-left: var(--ag-widget-horizontal-spacing);
}
.ag-column-select-virtual-list-item:focus-visible {
  outline: none;
}
.ag-column-select-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-column-select-column-group:not(:last-child),
.ag-column-select-column:not(:last-child) {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-column-select-column-readonly,
.ag-column-select-column-group-readonly {
  color: var(--ag-disabled-foreground-color);
  pointer-events: none;
}
.ag-ltr .ag-column-select-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-rtl .ag-column-select-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
}
.ag-column-select-virtual-list-viewport {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0px;
}
.ag-column-select-virtual-list-item {
  padding: 0 var(--ag-widget-container-horizontal-padding);
}
.ag-checkbox-edit {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-pill-select .ag-column-drop {
  border-bottom: 0;
  min-height: unset;
}
.ag-pill-select .ag-column-drop-list {
  padding: 0;
}
.ag-pill-select .ag-select {
  padding-top: var(--ag-grid-size);
}
.ag-pill-select .ag-picker-field-wrapper {
  background-color: transparent;
  border: 0;
}
.ag-pill-select .ag-picker-field-display {
  cursor: pointer;
}
.ag-rtl {
  text-align: right;
}
.ag-root-wrapper {
  border-radius: var(--ag-wrapper-border-radius);
  border: var(--ag-borders) var(--ag-border-color);
}
.ag-row > .ag-cell-wrapper.ag-row-group {
  padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
}
.ag-cell-wrapper.ag-row-group,
.ag-cell-wrapper.ag-row-group-leaf-indent,
.ag-cell-wrapper.ag-pivot-leaf-group {
  padding-left: calc(var(--ag-indentation-level) * var(--ag-row-group-indent-size));
}
.ag-cell-wrapper > .ag-group-checkbox-spacing {
  width: var(--ag-icon-size);
  margin-right: var(--ag-cell-widget-spacing);
}
.ag-ltr .ag-row-group-leaf-indent {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-rtl .ag-row-group-leaf-indent {
  margin-right: var(--ag-row-group-indent-size);
}
.ag-row:not(.ag-row-level-0) .ag-pivot-leaf-group {
  margin-left: var(--ag-row-group-indent-size);
}
.ag-value-change-delta {
  padding-right: 2px;
}
.ag-value-change-delta-up {
  color: var(--ag-value-change-delta-up-color);
}
.ag-value-change-delta-down {
  color: var(--ag-value-change-delta-down-color);
}
.ag-value-change-value {
  background-color: transparent;
  border-radius: 1px;
  padding-left: 1px;
  padding-right: 1px;
  transition: background-color 1s;
}
.ag-value-change-value-highlight {
  background-color: var(--ag-value-change-value-highlight-background-color);
  transition: background-color 0.1s;
}
.ag-cell-data-changed {
  background-color: var(--ag-value-change-value-highlight-background-color) !important;
}
.ag-cell-data-changed-animation {
  background-color: transparent;
}
.ag-cell-highlight {
  background-color: var(--ag-range-selection-highlight-color) !important;
}
.ag-row,
.ag-spanned-row {
  color: var(--ag-data-color);
}
.ag-row {
  height: var(--ag-row-height);
  background-color: var(--ag-data-background-color);
  border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width);
}
.ag-row.ag-row-editing-invalid {
  background-color: var(--ag-full-row-invalid-background-color);
}
.ag-spanned-cell-wrapper {
  background-color: var(--ag-data-background-color);
  position: absolute;
}
.ag-spanned-cell-wrapper > .ag-spanned-cell {
  display: block;
  position: relative;
}
.ag-row-highlight-above::after,
.ag-row-highlight-inside::after,
.ag-row-highlight-below::after {
  content: "";
  position: absolute;
  width: calc(100% - 1px);
  height: var(--ag-row-drag-indicator-width);
  background-color: var(--ag-row-drag-indicator-color);
  border-radius: calc(var(--ag-row-drag-indicator-width) / 2);
  left: 1px;
  pointer-events: none;
}
.ag-row-highlight-above::after {
  top: 0;
}
.ag-row-highlight-below::after {
  bottom: 0;
}
.ag-row-highlight-indent::after {
  display: block;
  width: auto;
  left: calc(2 * (var(--ag-cell-widget-spacing) + var(--ag-icon-size)) + var(--ag-cell-horizontal-padding) + var(--ag-row-highlight-level) * var(--ag-row-group-indent-size));
  right: 1px;
}
.ag-row-highlight-inside::after {
  display: block;
  width: auto;
  height: auto;
  inset: 0;
  background-color: var(--ag-selected-row-background-color);
  border: 1px solid var(--ag-range-selection-border-color);
}
.ag-body,
.ag-floating-top,
.ag-floating-bottom {
  background-color: var(--ag-data-background-color);
}
.ag-row-odd {
  background-color: var(--ag-odd-row-background-color);
}
.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-row-selected::before {
  content: "";
  background-color: var(--ag-selected-row-background-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.ag-row-hover:not(.ag-full-width-row)::before,
.ag-row-hover.ag-full-width-row.ag-row-group::before {
  content: "";
  background-color: var(--ag-row-hover-color);
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.ag-row.ag-full-width-row.ag-row-group > * {
  position: relative;
}
.ag-row-hover.ag-row-selected::before {
  background-color: var(--ag-row-hover-color);
  background-image: linear-gradient(var(--ag-selected-row-background-color), var(--ag-selected-row-background-color));
}
.ag-column-hover {
  background-color: var(--ag-column-hover-color);
}
.ag-header-range-highlight {
  background-color: var(--ag-range-header-highlight-color);
}
.ag-ltr .ag-right-aligned-cell {
  text-align: right;
}
.ag-rtl .ag-right-aligned-cell {
  text-align: left;
}
.ag-ltr .ag-right-aligned-cell .ag-cell-value,
.ag-ltr .ag-right-aligned-cell .ag-group-value {
  margin-left: auto;
}
.ag-rtl .ag-right-aligned-cell .ag-cell-value,
.ag-rtl .ag-right-aligned-cell .ag-group-value {
  margin-right: auto;
}
.ag-ltr .ag-right-aligned-cell .ag-skeleton-effect {
  margin-left: auto;
}
.ag-rtl .ag-right-aligned-cell .ag-skeleton-effect {
  margin-right: auto;
}
.ag-cell,
.ag-full-width-row .ag-cell-wrapper.ag-row-group {
  --ag-internal-calculated-line-height: var( --ag-line-height, calc(var(--ag-row-height) - var(--ag-row-border-width)) );
  --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width) - 2px);
  border: 1px solid transparent;
  line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height));
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size) * var(--ag-indentation-level));
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
  -webkit-font-smoothing: subpixel-antialiased;
}
.ag-row > .ag-cell-wrapper {
  padding-left: calc(var(--ag-cell-horizontal-padding) - 1px);
  padding-right: calc(var(--ag-cell-horizontal-padding) - 1px);
}
.ag-row-dragging {
  cursor: move;
  opacity: 0.5;
}
.ag-cell-inline-editing {
  border: 1px solid var(--ag-border-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: 0;
  background-color: var(--ag-control-panel-background-color);
}
.ag-popup-editor .ag-large-text,
.ag-autocomplete-list-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-control-panel-background-color);
  padding: 0;
}
.ag-large-text-input {
  height: auto;
  padding: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-large-text-input textarea {
  resize: none;
}
.ag-details-row {
  padding: calc(var(--ag-grid-size) * 5);
  background-color: var(--ag-data-background-color);
}
.ag-layout-auto-height .ag-center-cols-viewport,
.ag-layout-auto-height .ag-center-cols-container,
.ag-layout-print .ag-center-cols-viewport,
.ag-layout-print .ag-center-cols-container {
  min-height: 50px;
}
.ag-overlay-loading-wrapper,
.ag-overlay-exporting-wrapper,
.ag-overlay-modal-wrapper {
  background-color: var(--ag-modal-overlay-background-color);
}
.ag-overlay-loading-center,
.ag-overlay-exporting-center {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  display: flex;
}
.ag-skeleton-container {
  width: 100%;
  height: 100%;
  align-content: center;
}
.ag-skeleton-effect {
  background-color: var(--ag-row-loading-skeleton-effect-color);
  width: 100%;
  height: 1em;
  border-radius: 0.25rem;
  animation: ag-skeleton-loading 1.5s ease-in-out 0.5s infinite;
}
@keyframes ag-skeleton-loading {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.4;
  }
  100% {
    opacity: 1;
  }
}
.ag-loading {
  display: flex;
  height: 100%;
  align-items: center;
}
.ag-ltr .ag-loading {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-loading {
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-ltr .ag-loading-icon {
  padding-right: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-loading-icon {
  padding-left: var(--ag-cell-widget-spacing);
}
.ag-icon-loading {
  animation-name: spin;
  animation-duration: 1000ms;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.ag-floating-top:not(.ag-invisible) {
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-floating-bottom:not(.ag-invisible) {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-find-cell {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-find-match {
  color: var(--ag-find-match-color);
  background-color: var(--ag-find-match-background-color);
}
.ag-find-active-match {
  color: var(--ag-find-active-match-color);
  background-color: var(--ag-find-active-match-background-color);
}
.ag-ltr .ag-cell {
  border-right: var(--ag-cell-horizontal-border);
}
.ag-rtl .ag-cell {
  border-left: var(--ag-cell-horizontal-border);
}
.ag-ltr .ag-cell {
  border-right-width: 1px;
}
.ag-rtl .ag-cell {
  border-left-width: 1px;
}
.ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-cell-range-selected:not(.ag-cell-focus),
.ag-cell-range-selected.ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart,
.ag-cell-range-selected.ag-cell-range-chart.ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart {
  background-color: var(--ag-range-selection-chart-background-color) !important;
}
.ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category,
.ag-cell-range-selected.ag-cell-range-chart.ag-cell-range-chart.ag-cell-range-chart-category,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category {
  background-color: var(--ag-range-selection-chart-category-background-color) !important;
}
.ag-cell-range-selected-1:not(.ag-cell-focus),
.ag-cell-range-selected-1.ag-cell-range-chart,
.ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) {
  background-color: var(--ag-range-selection-background-color);
}
.ag-cell-range-selected-2:not(.ag-cell-focus),
.ag-cell-range-selected-2.ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 {
  background-color: var(--ag-range-selection-background-color-2);
}
.ag-cell-range-selected-3:not(.ag-cell-focus),
.ag-cell-range-selected-3.ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 {
  background-color: var(--ag-range-selection-background-color-3);
}
.ag-cell-range-selected-4:not(.ag-cell-focus),
.ag-cell-range-selected-4.ag-cell-range-chart,
.ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 {
  background-color: var(--ag-range-selection-background-color-4);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top {
  border-top-color: var(--ag-range-selection-border-color);
  border-top-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right {
  border-right-color: var(--ag-range-selection-border-color);
  border-right-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom {
  border-bottom-color: var(--ag-range-selection-border-color);
  border-bottom-style: var(--ag-range-selection-border-style);
}
.ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left {
  border-left-color: var(--ag-range-selection-border-color);
  border-left-style: var(--ag-range-selection-border-style);
}
.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-ltr .ag-cell-range-single-cell,
.ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle,
.ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within,
.ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected),
.ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group,
.ag-rtl .ag-cell-range-single-cell,
.ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle {
  border: 1px solid;
  border-color: var(--ag-range-selection-border-color);
  border-style: var(--ag-range-selection-border-style);
  outline: initial;
}
.ag-cell.ag-selection-fill-top,
.ag-cell.ag-selection-fill-top.ag-cell-range-selected {
  border-top: 1px dashed;
  border-top-color: var(--ag-range-selection-border-color);
}
.ag-ltr .ag-cell.ag-selection-fill-right,
.ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-right,
.ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-cell.ag-selection-fill-bottom,
.ag-cell.ag-selection-fill-bottom.ag-cell-range-selected {
  border-bottom: 1px dashed;
  border-bottom-color: var(--ag-range-selection-border-color);
}
.ag-ltr .ag-cell.ag-selection-fill-left,
.ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-left: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-rtl .ag-cell.ag-selection-fill-left,
.ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected {
  border-right: 1px dashed var(--ag-range-selection-border-color) !important;
}
.ag-fill-handle,
.ag-range-handle {
  position: absolute;
  width: 6px;
  height: 6px;
  bottom: -1px;
  background-color: var(--ag-range-selection-border-color);
}
.ag-ltr .ag-fill-handle,
.ag-ltr .ag-range-handle {
  right: -1px;
}
.ag-rtl .ag-fill-handle,
.ag-rtl .ag-range-handle {
  left: -1px;
}
.ag-fill-handle {
  cursor: crosshair;
}
.ag-range-handle {
  cursor: nwse-resize;
}
.ag-cell-inline-editing {
  border-color: var(--ag-input-focus-border-color) !important;
}
.ag-cell-inline-editing.ag-cell-editing-error {
  border-color: var(--ag-invalid-color) !important;
}
.ag-menu {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background-color: var(--ag-menu-background-color);
  border-color: var(--ag-menu-border-color);
  padding: 0;
}
.ag-menu.ag-tabs {
  min-width: var(--ag-tab-min-width);
}
.ag-menu-list {
  cursor: default;
  padding: var(--ag-grid-size) 0;
}
.ag-menu-separator {
  height: calc(var(--ag-grid-size) * 2 + 1px);
}
.ag-menu-separator-part::after {
  content: "";
  display: block;
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-menu-option {
  position: relative;
}
.ag-menu-option:focus-visible {
  outline: none;
}
.ag-menu-option:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-menu-option-active,
.ag-compact-menu-option-active {
  background-color: var(--ag-row-hover-color);
}
.ag-menu-option-part,
.ag-compact-menu-option-part {
  line-height: var(--ag-icon-size);
  padding: calc(var(--ag-grid-size) + 2px) 0;
}
.ag-menu-option-disabled,
.ag-compact-menu-option-disabled {
  opacity: 0.5;
}
.ag-menu-option-icon,
.ag-compact-menu-option-icon {
  width: var(--ag-icon-size);
}
.ag-ltr .ag-menu-option-icon,
.ag-ltr .ag-compact-menu-option-icon {
  padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-menu-option-icon,
.ag-rtl .ag-compact-menu-option-icon {
  padding-right: calc(var(--ag-grid-size) * 2);
}
.ag-menu-option-text,
.ag-compact-menu-option-text {
  padding-left: calc(var(--ag-grid-size) * 2);
  padding-right: calc(var(--ag-grid-size) * 2);
}
.ag-ltr .ag-menu-option-shortcut,
.ag-ltr .ag-compact-menu-option-shortcut {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-menu-option-shortcut,
.ag-rtl .ag-compact-menu-option-shortcut {
  padding-left: var(--ag-grid-size);
}
.ag-ltr .ag-menu-option-popup-pointer,
.ag-ltr .ag-compact-menu-option-popup-pointer {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-menu-option-popup-pointer,
.ag-rtl .ag-compact-menu-option-popup-pointer {
  padding-left: var(--ag-grid-size);
}
.ag-tabs-header {
  display: flex;
}
.ag-tabs-header-wrapper {
  display: flex;
}
.ag-tabs-header-wrapper .ag-tabs-header {
  flex: 1;
}
.ag-tabs-close-button-wrapper {
  border: 0;
  border-right: var(--ag-borders) var(--ag-border-color);
  padding: var(--ag-grid-size);
}
.ag-tabs-close-button {
  border: 0;
  background-color: unset;
  cursor: pointer;
  padding: 0;
}
.ag-tab {
  border-bottom: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-bottom var(--ag-selected-tab-underline-transition-speed);
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.ag-tab:focus-visible {
  outline: none;
}
.ag-tab:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-tab-selected {
  border-bottom-color: var(--ag-selected-tab-underline-color);
}
.ag-menu-header {
  color: var(--ag-secondary-foreground-color);
}
.ag-filter-separator {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-filter-select .ag-picker-field-wrapper {
  width: 0;
}
.ag-filter-condition-operator {
  height: 17px;
}
.ag-ltr .ag-filter-condition-operator-or {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-condition-operator-or {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-set-filter-select-all {
  padding-top: var(--ag-widget-container-vertical-padding);
}
.ag-set-filter-list,
.ag-filter-no-matches {
  height: calc(var(--ag-list-item-height) * 6);
}
.ag-set-filter-tree-list {
  height: calc(var(--ag-list-item-height) * 10);
}
.ag-set-filter-filter {
  margin-top: var(--ag-widget-container-vertical-padding);
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-filter-to {
  margin-top: var(--ag-widget-vertical-spacing);
}
.ag-mini-filter {
  margin: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}
.ag-set-filter {
  --ag-indentation-level: 0;
}
.ag-ltr .ag-set-filter-item {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}
.ag-rtl .ag-set-filter-item {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
}
.ag-ltr .ag-set-filter-add-group-indent {
  margin-left: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}
.ag-rtl .ag-set-filter-add-group-indent {
  margin-right: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding));
}
.ag-ltr .ag-set-filter-group-icons {
  margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-set-filter-group-icons {
  margin-left: var(--ag-widget-container-horizontal-padding);
}
.ag-filter-menu .ag-set-filter-list {
  min-width: 200px;
}
.ag-filter-virtual-list-item:focus-visible {
  outline: none;
}
.ag-filter-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-filter-apply-panel {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-filter-apply-panel-button {
  line-height: 1.5;
}
.ag-ltr .ag-filter-apply-panel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-filter-apply-panel-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-simple-filter-body-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
  overflow-y: auto;
  min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing));
}
.ag-simple-filter-body-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-simple-filter-body-wrapper .ag-resizer-wrapper {
  margin: 0;
}
.ag-menu:not(.ag-tabs) .ag-filter .ag-filter-body-wrapper,
.ag-menu:not(.ag-tabs) .ag-filter > *:not(.ag-filter-wrapper) {
  min-width: calc(var(--ag-menu-min-width) - 2px);
}
.ag-filter-no-matches {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
}
.ag-multi-filter-menu-item {
  margin: var(--ag-grid-size) 0;
}
.ag-multi-filter-group-title-bar {
  padding: calc(var(--ag-grid-size) * 2) var(--ag-grid-size);
  background-color: transparent;
}
.ag-group-filter-field-select-wrapper {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-group-filter-field-select-wrapper > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-multi-filter-group-title-bar:focus-visible {
  outline: none;
}
.ag-multi-filter-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-side-bar {
  position: relative;
}
.ag-tool-panel-wrapper {
  width: var(--ag-side-bar-panel-width);
  background-color: var(--ag-control-panel-background-color);
}
.ag-tool-panel-external {
  display: flex;
  flex-direction: row;
}
:where(.ag-tool-panel-external) .ag-tool-panel-wrapper {
  flex-grow: 1;
}
.ag-side-buttons {
  padding-top: calc(var(--ag-grid-size) * 4);
  width: calc(var(--ag-icon-size) + 4px);
  position: relative;
  overflow: hidden;
}
button.ag-side-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  background: transparent;
  padding: calc(var(--ag-grid-size) * 2) 0 calc(var(--ag-grid-size) * 2) 0;
  width: 100%;
  margin: 0;
  min-height: calc(var(--ag-grid-size) * 18);
  background-position-y: center;
  background-position-x: center;
  background-repeat: no-repeat;
  border: none;
  border-top: var(--ag-borders-side-button) var(--ag-border-color);
  border-bottom: var(--ag-borders-side-button) var(--ag-border-color);
}
button.ag-side-button-button:focus {
  box-shadow: none;
}
.ag-side-button-button:focus-visible {
  outline: none;
}
.ag-side-button-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-selected button.ag-side-button-button {
  background-color: var(--ag-side-button-selected-background-color);
}
.ag-side-button-icon-wrapper {
  margin-bottom: 3px;
}
.ag-ltr .ag-side-bar-left,
.ag-rtl .ag-side-bar-right {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-side-bar-left .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-side-button-button {
  border-right: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-right var(--ag-selected-tab-underline-transition-speed);
}
.ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-right-color: var(--ag-selected-tab-underline-color);
}
.ag-rtl .ag-side-bar-left,
.ag-ltr .ag-side-bar-right {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper,
.ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-side-bar-left .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-side-button-button {
  border-left: var(--ag-selected-tab-underline-width) solid transparent;
  transition: border-left var(--ag-selected-tab-underline-transition-speed);
}
.ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button,
.ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button {
  border-left-color: var(--ag-selected-tab-underline-color);
}
.ag-filter-toolpanel-header {
  height: calc(var(--ag-grid-size) * 6);
}
.ag-filter-toolpanel-header,
.ag-filter-toolpanel-search {
  padding: 0 var(--ag-grid-size);
}
.ag-filter-toolpanel-header:focus-visible {
  outline: none;
}
.ag-filter-toolpanel-header:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-filter-toolpanel-group:not(.ag-has-filter) > .ag-group-title-bar .ag-filter-toolpanel-group-instance-header-icon {
  display: none;
}
.ag-filter-toolpanel-group-level-0-header {
  height: calc(var(--ag-grid-size) * 8);
}
.ag-filter-toolpanel-group-item {
  margin-top: calc(var(--ag-grid-size) * 0.5);
  margin-bottom: calc(var(--ag-grid-size) * 0.5);
}
.ag-filter-toolpanel-search {
  height: var(--ag-header-height);
}
.ag-filter-toolpanel-search-input {
  flex-grow: 1;
  height: calc(var(--ag-grid-size) * 4);
}
.ag-ltr .ag-filter-toolpanel-search-input {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-search-input {
  margin-left: var(--ag-grid-size);
}
.ag-filter-toolpanel-group-level-0 {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-ltr .ag-filter-toolpanel-expand,
.ag-ltr .ag-filter-toolpanel-group-title-bar-icon {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-expand,
.ag-rtl .ag-filter-toolpanel-group-title-bar-icon {
  margin-left: var(--ag-grid-size);
}
.ag-filter-toolpanel-group-title-bar {
  background-color: transparent;
}
.ag-ltr .ag-filter-toolpanel-header {
  padding-left: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
}
.ag-rtl .ag-filter-toolpanel-header {
  padding-right: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size));
}
.ag-filter-toolpanel-instance-filter {
  border-bottom: var(--ag-borders) var(--ag-border-color);
  border-top: var(--ag-borders) var(--ag-border-color);
  margin-top: var(--ag-grid-size);
}
.ag-ltr .ag-filter-toolpanel-group-instance-header-icon,
.ag-ltr .ag-filter-toolpanel-instance-header-icon {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-filter-toolpanel-group-instance-header-icon,
.ag-rtl .ag-filter-toolpanel-instance-header-icon {
  margin-right: var(--ag-grid-size);
}
.ag-set-filter-group-icons {
  color: var(--ag-secondary-foreground-color);
}
.ag-filter-panel {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.ag-filter-panel .ag-simple-filter-body-wrapper {
  padding: var(--ag-widget-vertical-spacing) var(--ag-widget-container-horizontal-padding) 0;
}
.ag-filter-panel .ag-mini-filter {
  margin-top: var(--ag-widget-vertical-spacing);
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-filter-panel .ag-standard-button {
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}
.ag-filter-panel .ag-simple-filter-body-wrapper > *:last-child,
.ag-filter-panel .ag-set-filter-body-wrapper {
  margin-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-filter-panel-container {
  flex: 1;
  overflow: auto;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding) 0;
}
.ag-filter-panel-container > *:not(:last-child) {
  margin-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-filter-card {
  border: 1px solid var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  background-color: var(--ag-background-color);
}
.ag-ltr .ag-filter-card .ag-set-filter-item {
  padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
  padding-right: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-filter-card .ag-set-filter-item {
  padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size));
  padding-left: var(--ag-widget-container-horizontal-padding);
}
.ag-filter-card-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-top: var(--ag-widget-vertical-spacing);
}
.ag-ltr .ag-filter-card-header > *:not(:last-child) {
  padding-right: var(--ag-grid-size);
}
.ag-rtl .ag-filter-card-header > *:not(:last-child) {
  padding-left: var(--ag-grid-size);
}
.ag-filter-card-heading {
  flex: 1;
  overflow: hidden;
  padding-top: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-ltr .ag-filter-card-heading {
  padding-left: var(--ag-widget-horizontal-spacing);
}
.ag-rtl .ag-filter-card-heading {
  padding-right: var(--ag-widget-horizontal-spacing);
}
.ag-filter-card-expand {
  display: flex;
  flex-direction: row;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.ag-filter-card-title {
  overflow: hidden;
  text-overflow: ellipsis;
}
.ag-filter-card-expand-icon {
  display: flex;
  flex: 1;
  justify-content: end;
}
.ag-filter-card-editing-icon {
  margin: 0 var(--ag-grid-size);
}
.ag-filter-card-summary,
.ag-filter-card-expand-icon .ag-icon,
.ag-filter-card-delete-icon .ag-icon,
.ag-filter-card-editing-icon .ag-icon {
  color: var(--ag-filter-panel-card-subtle-color);
}
.ag-filter-card-expand-icon .ag-icon,
.ag-filter-card-delete-icon .ag-icon {
  transition: color 0.25s ease-in-out;
}
.ag-filter-card-expand-icon:hover .ag-icon,
.ag-filter-card-delete-icon:hover .ag-icon {
  color: var(--ag-filter-panel-card-subtle-hover-color);
}
.ag-filter-card-heading:hover .ag-filter-card-expand-icon .ag-icon {
  color: var(--ag-filter-panel-card-subtle-hover-color);
}
.ag-filter-card-expand,
.ag-filter-card-delete {
  border-radius: var(--ag-button-border-radius);
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
}
.ag-filter-panel .ag-standard-button {
  cursor: pointer;
}
.ag-filter-card-summary,
.ag-filter-type-select {
  margin-left: var(--ag-widget-container-horizontal-padding);
  margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-ltr .ag-filter-card-delete {
  margin-right: var(--ag-widget-horizontal-spacing);
}
.ag-rtl .ag-filter-card-delete {
  margin-left: var(--ag-widget-horizontal-spacing);
}
.ag-filter-card-summary {
  margin-bottom: var(--ag-widget-container-vertical-padding);
}
.ag-filter-type-select {
  padding-top: var(--ag-widget-vertical-spacing);
}
.ag-filter-card-add {
  padding: 0;
  border: 0;
}
.ag-filter-add-button {
  display: flex;
  flex-direction: row;
  width: 100%;
  align-items: center;
  line-height: 1.5;
}
.ag-ltr .ag-filter-add-button-label {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-filter-add-button-label {
  margin-right: var(--ag-grid-size);
}
.ag-filter-add-select {
  border: 0;
}
.ag-ltr .ag-filter-add-select .ag-text-field-input {
  padding-left: calc(var(--ag-grid-size) * 1.5 + 12px) !important;
}
.ag-rtl .ag-filter-add-select .ag-text-field-input {
  padding-right: calc(var(--ag-grid-size) * 1.5 + 12px) !important;
}
.ag-filter-add-select .ag-rich-select-value {
  padding: calc((1.5 * var(--ag-font-size) + 4 * var(--ag-grid-size) - var(--ag-input-height)) / 2) var(--ag-grid-size);
  border: 0;
}
.ag-pivot-mode-panel {
  min-height: var(--ag-header-height);
  height: var(--ag-header-height);
  display: flex;
}
.ag-pivot-mode-select {
  display: flex;
  align-items: center;
}
.ag-ltr .ag-pivot-mode-select {
  margin-left: var(--ag-widget-container-horizontal-padding);
}
.ag-rtl .ag-pivot-mode-select {
  margin-right: var(--ag-widget-container-horizontal-padding);
}
.ag-column-select-header:focus-visible {
  outline: none;
}
.ag-column-select-header:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-column-select-header {
  height: var(--ag-header-height);
  align-items: center;
  padding: 0 var(--ag-widget-container-horizontal-padding);
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-column-panel-column-select {
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-column-group-icons,
.ag-column-select-header-icon {
  color: var(--ag-secondary-foreground-color);
}
.ag-column-select-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-column-select-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-column-select-list .ag-item-highlight-bottom::after {
  bottom: 0;
}
.ag-header,
.ag-advanced-filter-header {
  background-color: var(--ag-header-background-color);
  border-bottom: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-header-row {
  color: var(--ag-header-foreground-color);
  height: var(--ag-header-height);
}
.ag-pinned-right-header {
  border-left: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-pinned-left-header {
  border-right: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-header-cell:not(.ag-right-aligned-header) .ag-header-col-ref {
  margin-right: var(--ag-grid-size);
  color: var(--ag-subtle-text-color);
}
.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon,
.ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}
.ag-header-cell.ag-right-aligned-header .ag-header-col-ref {
  margin-left: var(--ag-grid-size);
  color: var(--ag-subtle-text-color);
}
.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-right: var(--ag-grid-size);
}
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon,
.ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon {
  margin-left: var(--ag-grid-size);
}
.ag-header-cell,
.ag-header-group-cell {
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-header-cell.ag-header-cell-moving,
.ag-header-group-cell.ag-header-cell-moving {
  background-color: var(--ag-header-cell-moving-background-color);
}
.ag-ltr .ag-header-group-cell-label.ag-sticky-label {
  left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-group-cell-label.ag-sticky-label {
  right: var(--ag-cell-horizontal-padding);
}
.ag-header-cell:focus-visible {
  outline: none;
}
.ag-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-header-group-cell:focus-visible {
  outline: none;
}
.ag-header-group-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-advanced-filter-header-cell:focus-visible {
  outline: none;
}
.ag-advanced-filter-header-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-header-icon {
  color: var(--ag-secondary-foreground-color);
}
.ag-header-expand-icon {
  cursor: pointer;
}
.ag-ltr .ag-header-expand-icon {
  margin-left: 4px;
}
.ag-rtl .ag-header-expand-icon {
  margin-right: 4px;
}
.ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total, .ag-header-parent-hidden),
.ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group {
  border-top: var(--ag-borders-critical) var(--ag-border-color);
}
.ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
.ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover).ag-column-resizing,
.ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-group-cell:first-of-type.ag-column-resizing,
.ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover,
.ag-header-cell:not(.ag-column-hover):first-of-type.ag-column-resizing {
  background-color: var(--ag-header-cell-hover-background-color);
}
.ag-header-cell::before,
.ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-separator-display);
  width: var(--ag-header-column-separator-width);
  height: var(--ag-header-column-separator-height);
  top: calc(50% - var(--ag-header-column-separator-height) * 0.5);
  background-color: var(--ag-header-column-separator-color);
}
.ag-ltr .ag-header-cell::before,
.ag-ltr .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  right: 0;
}
.ag-rtl .ag-header-cell::before,
.ag-rtl .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before {
  left: 0;
}
.ag-header-highlight-before::after,
.ag-header-highlight-after::after {
  content: "";
  position: absolute;
  height: 100%;
  width: var(--ag-column-drag-indicator-width);
  border-radius: calc(var(--ag-column-drag-indicator-width) / 2);
  background-color: var(--ag-column-drag-indicator-color);
}
.ag-header-highlight-before::after {
  left: 0px;
}
.ag-header-highlight-after::after {
  right: 0px;
}
.ag-pinned-left-header .ag-header-highlight-after::after {
  right: 1px;
}
.ag-header-cell-resize {
  display: flex;
  align-items: center;
}
.ag-header-cell-resize::after {
  content: "";
  position: absolute;
  z-index: 1;
  display: var(--ag-header-column-resize-handle-display);
  width: var(--ag-header-column-resize-handle-width);
  height: var(--ag-header-column-resize-handle-height);
  top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5);
  background-color: var(--ag-header-column-resize-handle-color);
}
.ag-header-cell.ag-header-span-height .ag-header-cell-resize::after {
  height: calc(100% - var(--ag-grid-size) * 4);
  top: calc(var(--ag-grid-size) * 2);
}
.ag-ltr .ag-header-viewport .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}
.ag-rtl .ag-header-viewport .ag-header-cell-resize::after {
  right: calc(50% - var(--ag-header-column-resize-handle-width));
}
.ag-pinned-left-header .ag-header-cell-resize::after {
  left: calc(50% - var(--ag-header-column-resize-handle-width));
}
.ag-pinned-right-header .ag-header-cell-resize::after {
  left: 50%;
}
.ag-ltr .ag-header-select-all {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-header-select-all {
  margin-left: var(--ag-cell-horizontal-padding);
}
.ag-ltr .ag-floating-filter-button {
  margin-left: var(--ag-cell-widget-spacing);
}
.ag-rtl .ag-floating-filter-button {
  margin-right: var(--ag-cell-widget-spacing);
}
.ag-floating-filter-button-button {
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  appearance: none;
  background: transparent;
  border: none;
  height: var(--ag-icon-size);
  padding: 0;
  width: var(--ag-icon-size);
}
.ag-filter-loading {
  background-color: var(--ag-control-panel-background-color);
  height: 100%;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  position: absolute;
  width: 100%;
  z-index: 1;
  align-items: unset;
}
.ag-paging-panel {
  border-top: 1px solid;
  border-top-color: var(--ag-border-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-pagination-panel-height);
}
.ag-paging-panel > * {
  margin: 0 var(--ag-cell-horizontal-padding);
}
.ag-paging-panel > .ag-paging-page-size .ag-wrapper {
  min-width: calc(var(--ag-grid-size) * 10);
}
.ag-paging-button {
  cursor: pointer;
}
.ag-paging-button.ag-disabled {
  cursor: default;
  color: var(--ag-disabled-foreground-color);
}
.ag-paging-button:focus-visible {
  outline: none;
}
.ag-paging-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 0px;
  left: 0px;
  display: block;
  width: calc(100% - 0px);
  height: calc(100% - 0px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-paging-button,
.ag-paging-description {
  margin: 0 var(--ag-grid-size);
}
.ag-status-bar {
  border-top: var(--ag-borders) var(--ag-border-color);
  color: var(--ag-disabled-foreground-color);
  padding-right: calc(var(--ag-grid-size) * 4);
  padding-left: calc(var(--ag-grid-size) * 4);
  line-height: 1.5;
}
.ag-status-name-value-value {
  color: var(--ag-foreground-color);
}
.ag-status-bar-center {
  text-align: center;
}
.ag-status-name-value {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
  padding-top: calc(var(--ag-grid-size) * 2);
  padding-bottom: calc(var(--ag-grid-size) * 2);
}
.ag-column-drop-cell {
  background: var(--ag-chip-background-color);
  border-radius: calc(var(--ag-grid-size) * 4);
  height: calc(var(--ag-grid-size) * 4);
  padding: 0 calc(var(--ag-grid-size) * 0.5);
  border: 1px solid var(--ag-chip-border-color);
}
.ag-column-drop-cell:focus-visible {
  outline: none;
}
.ag-column-drop-cell:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 2px;
  left: 2px;
  display: block;
  width: calc(100% - 4px);
  height: calc(100% - 4px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-column-drop-cell-text {
  margin: 0 var(--ag-grid-size);
}
.ag-column-drop-cell-button {
  min-width: calc(var(--ag-grid-size) * 4);
  margin: 0 calc(var(--ag-grid-size) * 0.5);
  color: var(--ag-secondary-foreground-color);
}
.ag-column-drop-cell-drag-handle {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-column-drop-cell-ghost {
  opacity: 0.5;
}
.ag-column-drop-horizontal {
  background-color: var(--ag-header-background-color);
  color: var(--ag-secondary-foreground-color);
  height: var(--ag-header-height);
  border-bottom: var(--ag-borders) var(--ag-border-color);
}
.ag-ltr .ag-column-drop-horizontal {
  padding-left: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal {
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-right: var(--ag-borders) var(--ag-border-color);
}
.ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) {
  border-left: var(--ag-borders) var(--ag-border-color);
}
.ag-column-drop-horizontal-cell-separator {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-secondary-foreground-color);
}
.ag-column-drop-horizontal-empty-message {
  color: var(--ag-disabled-foreground-color);
}
.ag-ltr .ag-column-drop-horizontal-icon {
  margin-right: var(--ag-cell-horizontal-padding);
}
.ag-rtl .ag-column-drop-horizontal-icon {
  margin-left: var(--ag-cell-horizontal-padding);
}
.ag-column-drop-vertical-list {
  padding-bottom: var(--ag-grid-size);
  padding-right: var(--ag-grid-size);
  padding-left: var(--ag-grid-size);
}
.ag-column-drop-vertical-cell {
  margin-top: var(--ag-grid-size);
}
.ag-column-drop-vertical {
  min-height: 50px;
  border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-column-drop-vertical.ag-last-column-drop {
  border-bottom: none;
}
.ag-column-drop-vertical-icon {
  margin-left: var(--ag-grid-size);
  margin-right: var(--ag-grid-size);
}
.ag-column-drop-vertical-empty-message {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  color: var(--ag-disabled-foreground-color);
  margin-top: var(--ag-grid-size);
}
.ag-select-agg-func-popup {
  border: var(--ag-borders) var(--ag-border-color);
  background: var(--ag-background-color);
  border-radius: var(--ag-card-radius);
  box-shadow: var(--ag-card-shadow);
  padding: var(--ag-grid-size);
  background: var(--ag-background-color);
  height: calc(var(--ag-grid-size) * 5 * 3.5);
  padding: 0;
}
.ag-select-agg-func-virtual-list-item {
  cursor: default;
}
.ag-ltr .ag-select-agg-func-virtual-list-item {
  padding-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-select-agg-func-virtual-list-item {
  padding-right: calc(var(--ag-grid-size) * 2);
}
.ag-select-agg-func-virtual-list-item:hover {
  background-color: var(--ag-selected-row-background-color);
}
.ag-select-agg-func-virtual-list-item:focus-visible {
  outline: none;
}
.ag-select-agg-func-virtual-list-item:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 1px;
  left: 1px;
  display: block;
  width: calc(100% - 2px);
  height: calc(100% - 2px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-sort-indicator-container {
  display: flex;
}
.ag-ltr .ag-sort-indicator-icon {
  padding-left: var(--ag-grid-size);
}
.ag-rtl .ag-sort-indicator-icon {
  padding-right: var(--ag-grid-size);
}
.ag-chart {
  position: relative;
  display: flex;
  width: 100%;
  height: 100%;
}
.ag-chart-components-wrapper {
  position: relative;
  display: flex;
  flex: 1 1 auto;
}
.ag-chart-canvas-wrapper {
  position: relative;
  flex: 1 1 auto;
}
.ag-chart-menu {
  position: absolute;
  top: 16px;
  display: flex;
  flex-direction: column;
}
.ag-ltr .ag-chart-menu {
  right: 20px;
}
.ag-rtl .ag-chart-menu {
  left: 20px;
}
.ag-chart-docked-container {
  position: relative;
  min-width: var(--ag-chart-menu-panel-width);
}
.ag-chart-menu-hidden ~ .ag-chart-docked-container {
  display: none;
}
.ag-chart-tabbed-menu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.ag-chart-tabbed-menu-header {
  flex: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.ag-chart-tabbed-menu-body {
  display: flex;
  flex: 1 1 auto;
  align-items: stretch;
  overflow: hidden;
}
.ag-chart-tab {
  width: 100%;
  overflow: hidden;
  overflow-y: auto;
}
.ag-chart-settings {
  overflow-x: hidden;
}
.ag-chart-settings-wrapper {
  position: relative;
  flex-direction: column;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
}
.ag-chart-settings-nav-bar {
  display: flex;
  align-items: center;
  width: 100%;
  height: 30px;
  padding: 0 10px;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ag-chart-settings-card-selector {
  display: flex;
  align-items: center;
  justify-content: space-around;
  flex: 1 1 auto;
  height: 100%;
  padding: 0 10px;
}
.ag-chart-settings-card-item {
  cursor: pointer;
  width: 10px;
  height: 10px;
  background-color: #000;
  position: relative;
}
.ag-chart-settings-card-item.ag-not-selected {
  opacity: 0.2;
}
.ag-chart-settings-card-item::before {
  content: " ";
  display: block;
  position: absolute;
  background-color: transparent;
  left: 50%;
  top: 50%;
  margin-left: -10px;
  margin-top: -10px;
  width: 20px;
  height: 20px;
}
.ag-chart-settings-prev,
.ag-chart-settings-next {
  position: relative;
  flex: none;
}
.ag-chart-settings-prev:focus-within,
.ag-chart-settings-next:focus-within {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-radius: 1px;
}
.ag-chart-settings-prev-button,
.ag-chart-settings-next-button {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  opacity: 0;
}
.ag-chart-settings-mini-charts-container {
  position: relative;
  flex: 1 1 auto;
  overflow-x: hidden;
  overflow-y: auto;
}
.ag-chart-settings-mini-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  flex-direction: column;
  width: 100%;
  min-height: 100%;
  overflow: hidden;
}
.ag-chart-settings-mini-wrapper.ag-animating {
  transition: left 0.3s;
  transition-timing-function: ease-in-out;
}
.ag-chart-mini-thumbnail {
  cursor: pointer;
}
.ag-chart-mini-thumbnail-canvas {
  display: block;
}
.ag-chart-data-wrapper,
.ag-chart-format-wrapper,
.ag-chart-advanced-settings-wrapper {
  display: flex;
  flex-direction: column;
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding-bottom: 16px;
}
.ag-chart-data-wrapper,
.ag-chart-advanced-settings-wrapper {
  height: 100%;
  overflow-y: auto;
}
.ag-chart-advanced-settings {
  background-color: var(--ag-control-panel-background-color);
}
.ag-chart-advanced-settings-wrapper,
.ag-chart-advanced-settings {
  width: 100%;
}
.ag-chart-advanced-settings-wrapper {
  padding-bottom: 0;
}
.ag-chart-data-section,
.ag-chart-format-section,
.ag-chart-advanced-settings-section {
  display: flex;
  margin: 0;
}
.ag-chart-advanced-settings-section {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}
.ag-chart-advanced-settings-section:not(:last-child) {
  border-bottom: 1px solid var(--ag-secondary-border-color);
}
.ag-chart-empty-text {
  display: flex;
  top: 0;
  width: 100%;
  height: 100%;
  align-items: center;
  justify-content: center;
  background-color: var(--ag-background-color);
}
.ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  display: flex;
  flex-direction: row;
  top: 8px;
  gap: 20px;
  width: auto;
}
.ag-ltr .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: right;
}
.ag-rtl .ag-chart .ag-chart-menu-wrapper .ag-chart-menu {
  left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px);
  justify-content: left;
}
.ag-charts-font-size-color {
  display: flex;
  align-self: stretch;
  justify-content: space-between;
}
.ag-charts-data-group-item {
  position: relative;
}
.ag-charts-data-group-item:not(:last-child) {
  margin-bottom: var(--ag-grid-size);
}
.ag-chart-menu {
  border-radius: var(--ag-card-radius);
  background: var(--ag-background-color);
}
.ag-chart-menu-icon {
  opacity: 0.5;
  margin: 2px 0;
  cursor: pointer;
  border-radius: var(--ag-card-radius);
  color: var(--ag-secondary-foreground-color);
}
.ag-chart-menu-icon:hover {
  opacity: 1;
}
.ag-chart-menu-toolbar-button {
  border: 0;
  background-color: unset;
  padding: 0 2px;
  border-radius: 1px;
}
.ag-chart-mini-thumbnail {
  border: 1px solid var(--ag-secondary-border-color);
  border-radius: 5px;
  padding: 1px;
}
.ag-chart-mini-thumbnail.ag-selected {
  border-color: var(--ag-minichart-selected-chart-color);
  border-width: 2px;
  padding: unset;
}
.ag-chart-mini-thumbnail:focus-visible {
  outline: none;
  border-color: var(--ag-minichart-selected-chart-color);
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-chart-settings-card-item {
  background: var(--ag-foreground-color);
  width: 8px;
  height: 8px;
  border-radius: 4px;
}
.ag-chart-settings-card-item.ag-selected {
  background-color: var(--ag-minichart-selected-page-color);
}
.ag-chart-data-column-drag-handle {
  margin-left: var(--ag-grid-size);
}
.ag-charts-settings-group-title-bar,
.ag-charts-data-group-title-bar,
.ag-charts-format-top-level-group-title-bar {
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
  position: relative;
}
.ag-charts-advanced-settings-top-level-group-title-bar {
  position: relative;
  background-color: unset;
}
.ag-charts-data-group-title-bar:focus-visible {
  outline: none;
}
.ag-charts-data-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-charts-format-top-level-group-title-bar:focus-visible {
  outline: none;
}
.ag-charts-format-top-level-group-title-bar:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: 4px;
  left: 4px;
  display: block;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-charts-data-group-title-bar .ag-charts-data-group-title,
.ag-charts-format-top-level-group-title-bar .ag-charts-format-top-level-group-title {
  cursor: pointer;
}
.ag-charts-data-group-container {
  padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) var(--ag-widget-container-horizontal-padding);
}
.ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group):not(.ag-pill-select):not(.ag-select) {
  height: var(--ag-list-item-height);
}
.ag-charts-data-group-container .ag-charts-data-group-item.ag-picker-field {
  margin-top: var(--ag-grid-size);
}
.ag-charts-data-group-container .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-charts-data-group-container .ag-item-highlight-top::after {
  top: 0;
}
.ag-charts-data-group-container .ag-item-highlight-bottom::after {
  bottom: 0;
}
.ag-charts-format-top-level-group-container,
.ag-charts-advanced-settings-top-level-group-container {
  padding: var(--ag-grid-size);
}
.ag-ltr .ag-charts-format-top-level-group-container,
.ag-ltr .ag-charts-advanced-settings-top-level-group-container {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-charts-format-top-level-group-container,
.ag-rtl .ag-charts-advanced-settings-top-level-group-container {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-charts-format-top-level-group-item,
.ag-charts-advanced-settings-top-level-group-item {
  margin: var(--ag-grid-size) 0;
}
.ag-charts-format-sub-level-group-container {
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing));
}
.ag-charts-format-sub-level-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-charts-format-sub-level-no-header-group-container > * {
  margin-bottom: var(--ag-widget-vertical-spacing);
}
.ag-charts-format-sub-level-group-container .ag-charts-format-sub-level-group-item.ag-font-panel-no-header {
  margin: 0;
}
.ag-charts-settings-group-container {
  padding: var(--ag-grid-size);
  row-gap: 8px;
  display: grid;
  grid-template-columns: 60px 1fr 60px 1fr 60px;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+1) {
  grid-column: 1;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+2) {
  grid-column: 3;
}
.ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+3) {
  grid-column: 5;
}
.ag-chart-menu-panel {
  background-color: var(--ag-control-panel-background-color);
}
.ag-ltr .ag-chart-menu-panel {
  border-left: solid 1px var(--ag-border-color);
}
.ag-rtl .ag-chart-menu-panel {
  border-right: solid 1px var(--ag-border-color);
}
.ag-date-time-list-page-title-bar {
  display: flex;
}
.ag-date-time-list-page-title {
  flex-grow: 1;
  text-align: center;
}
.ag-date-time-list-page-column-labels-row,
.ag-date-time-list-page-entries-row {
  display: flex;
}
.ag-date-time-list-page-column-label,
.ag-date-time-list-page-entry {
  flex-basis: 0;
  flex-grow: 1;
}
.ag-date-time-list-page-entry {
  cursor: pointer;
  text-align: center;
}
.ag-date-time-list-page-column-label {
  text-align: center;
}
.ag-advanced-filter-header {
  position: relative;
  display: flex;
  align-items: center;
  padding-left: var(--ag-cell-horizontal-padding);
  padding-right: var(--ag-cell-horizontal-padding);
}
.ag-advanced-filter {
  display: flex;
  align-items: center;
  width: 100%;
}
.ag-advanced-filter-buttons {
  display: contents;
}
.ag-advanced-filter-builder-button {
  display: flex;
  align-items: center;
  border: 0;
  background-color: unset;
  color: var(--ag-foreground-color);
  font-size: var(--ag-font-size);
  font-weight: 600;
  line-height: normal;
  white-space: nowrap;
}
.ag-ltr .ag-advanced-filter-builder-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-rtl .ag-advanced-filter-builder-button {
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-advanced-filter-builder-button:hover:not(:disabled) {
  background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-button:not(:disabled) {
  cursor: pointer;
}
.ag-advanced-filter-builder-button-label {
  margin-left: var(--ag-grid-size);
}
.ag-advanced-filter-builder {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
  background-color: var(--ag-control-panel-background-color);
  display: flex;
  flex-direction: column;
}
.ag-advanced-filter-builder-list {
  flex: 1;
  overflow: auto;
}
.ag-advanced-filter-builder-list .ag-list-item-hovered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
}
.ag-advanced-filter-builder-list .ag-item-highlight-top::after {
  top: 0;
}
.ag-advanced-filter-builder-list .ag-item-highlight-bottom::after {
  bottom: 0;
}
.ag-advanced-filter-builder-button-panel {
  display: flex;
  justify-content: flex-end;
  padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding);
  border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color);
}
.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-apply-button,
.ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-cancel-button {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-advanced-filter-builder-item-wrapper {
  display: flex;
  flex: 1 1 auto;
  align-items: center;
  justify-content: space-between;
  overflow: hidden;
  padding-left: calc(var(--ag-icon-size) / 2);
  padding-right: var(--ag-icon-size);
}
.ag-virtual-list-viewport .ag-advanced-filter-builder-item-wrapper .ag-tab-guard {
  position: absolute;
}
.ag-advanced-filter-builder-item-tree-lines > * {
  width: var(--ag-advanced-filter-builder-indent-size);
}
.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root {
  width: var(--ag-icon-size);
}
.ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root::before {
  top: 50%;
  height: 50%;
}
.ag-advanced-filter-builder-item-tree-line-horizontal,
.ag-advanced-filter-builder-item-tree-line-vertical,
.ag-advanced-filter-builder-item-tree-line-vertical-top,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom {
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
}
.ag-advanced-filter-builder-item-tree-line-horizontal::before,
.ag-advanced-filter-builder-item-tree-line-horizontal::after,
.ag-advanced-filter-builder-item-tree-line-vertical::before,
.ag-advanced-filter-builder-item-tree-line-vertical::after,
.ag-advanced-filter-builder-item-tree-line-vertical-top::before,
.ag-advanced-filter-builder-item-tree-line-vertical-top::after,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before,
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::after {
  content: "";
  position: absolute;
  height: 100%;
}
.ag-advanced-filter-builder-item-tree-line-horizontal::after {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size));
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-bottom: 1px solid;
  border-color: var(--ag-border-color);
}
.ag-advanced-filter-builder-item-tree-line-vertical::before {
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}
.ag-advanced-filter-builder-item-tree-line-vertical-top::before {
  height: 50%;
  width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2);
  top: 0;
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}
.ag-advanced-filter-builder-item-tree-line-vertical-bottom::before {
  height: calc((100% - 1.5 * var(--ag-icon-size)) / 2);
  width: calc(var(--ag-icon-size) / 2);
  top: calc((100% + 1.5 * var(--ag-icon-size)) / 2);
  left: calc(var(--ag-icon-size) / 2);
  border-left: 1px solid;
  border-color: var(--ag-border-color);
}
.ag-advanced-filter-builder-item-condition {
  padding-top: var(--ag-grid-size);
  padding-bottom: var(--ag-grid-size);
}
.ag-advanced-filter-builder-item,
.ag-advanced-filter-builder-item-condition,
.ag-advanced-filter-builder-pill-wrapper,
.ag-advanced-filter-builder-pill,
.ag-advanced-filter-builder-item-buttons,
.ag-advanced-filter-builder-item-tree-lines {
  display: flex;
  align-items: center;
  height: 100%;
}
.ag-advanced-filter-builder-pill-wrapper {
  margin: 0px var(--ag-grid-size);
}
.ag-advanced-filter-builder-pill {
  position: relative;
  border-radius: var(--ag-border-radius);
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  min-height: calc(100% - var(--ag-grid-size) * 3);
  min-width: calc(var(--ag-grid-size) * 2);
}
.ag-advanced-filter-builder-pill .ag-picker-field-display {
  margin-right: var(--ag-grid-size);
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number {
  font-family: monospace;
  font-weight: 700;
}
.ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty {
  color: var(--ag-disabled-foreground-color);
}
.ag-advanced-filter-builder-pill:focus-visible {
  outline: none;
}
.ag-advanced-filter-builder-pill:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-advanced-filter-builder-item-button:focus-visible {
  outline: none;
}
.ag-advanced-filter-builder-item-button:focus-visible::after {
  content: "";
  position: absolute;
  background-color: transparent;
  pointer-events: none;
  top: -4px;
  left: -4px;
  display: block;
  width: calc(100% - -8px);
  height: calc(100% - -8px);
  border: 1px solid;
  border-color: var(--ag-input-focus-border-color);
}
.ag-advanced-filter-builder-pill-display {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}
.ag-advanced-filter-builder-join-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-join-pill-color);
  cursor: pointer;
}
.ag-advanced-filter-builder-column-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-column-pill-color);
  cursor: pointer;
}
.ag-advanced-filter-builder-option-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-option-pill-color);
  cursor: pointer;
}
.ag-advanced-filter-builder-value-pill {
  color: var(--ag-foreground-color);
  background-color: var(--ag-advanced-filter-value-pill-color);
  cursor: text;
  max-width: 140px;
}
.ag-advanced-filter-builder-value-pill .ag-advanced-filter-builder-pill-display {
  display: block;
}
.ag-advanced-filter-builder-item-buttons > * {
  margin: 0 calc(var(--ag-grid-size) * 0.5);
}
.ag-advanced-filter-builder-item-button {
  position: relative;
  cursor: pointer;
  color: var(--ag-secondary-foreground-color);
  opacity: 50%;
}
.ag-advanced-filter-builder-item-button-disabled {
  color: var(--ag-disabled-foreground-color);
  cursor: default;
}
.ag-advanced-filter-builder-virtual-list-container {
  top: var(--ag-grid-size);
}
.ag-advanced-filter-builder-virtual-list-item {
  display: flex;
  cursor: default;
  height: var(--ag-list-item-height);
}
.ag-advanced-filter-builder-virtual-list-item:hover {
  background-color: var(--ag-row-hover-color);
}
.ag-advanced-filter-builder-virtual-list-item:hover .ag-advanced-filter-builder-item-button {
  opacity: 100%;
}
.ag-advanced-filter-builder-virtual-list-item-highlight .ag-advanced-filter-builder-item-button:focus-visible,
.ag-advanced-filter-builder-validation .ag-advanced-filter-builder-invalid {
  opacity: 100%;
}
.ag-advanced-filter-builder-invalid {
  margin: 0 var(--ag-grid-size);
  color: var(--ag-invalid-color);
  cursor: default;
}
.ag-row-number-cell {
  background-color: var(--ag-header-background-color);
  color: var(--ag-header-foreground-color);
  font-size: var(--ag-font-size);
  font-family: var(--ag-font-family);
}
.ag-row-number-header.ag-row-number-selection-enabled {
  cursor: cell;
}
.ag-row-number-range-highlight {
  background-color: var(--ag-range-header-highlight-color);
}
.ag-row-number-range-selected {
  background-color: var(--ag-row-numbers-selected-color);
}
.ag-ltr .ag-row-number-header,
.ag-ltr .ag-cell.ag-row-number-cell:not(.ag-cell-last-left-pinned) {
  border-right: var(--ag-pinned-column-border);
}
.ag-ltr .ag-cell.ag-row-number-cell.ag-row-number-selection-enabled {
  cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjU7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuNTc4NCwwLDAsMS44NjQyOSwtNC40MTM0OSwtNy4yMTIxMikiPgogICAgICAgIDxwYXRoIGQ9Ik0zLjQ0NSw4LjkxMUwzLjQ0NSw3LjQwOUw5Ljc1LDcuNDA5TDkuNzUsNi4wMTRMMTIuMjg1LDguMTZMOS43NSwxMC4zMDZMOS43NSw4LjkxMUwzLjQ0NSw4LjkxMVoiIHN0eWxlPSJzdHJva2U6d2hpdGU7c3Ryb2tlLXdpZHRoOjAuNDFweDsiLz4KICAgIDwvZz4KPC9zdmc+Cg==), auto;
}
.ag-rtl .ag-row-number-header,
.ag-rtl .ag-cell.ag-row-number-cell:not(.ag-cell-first-right-pinned) {
  border-left: var(--ag-pinned-column-border);
}
.ag-rtl .ag-cell.ag-row-number-cell.ag-row-number-selection-enabled {
  cursor: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSIgc3R5bGU9ImZpbGwtcnVsZTpldmVub2RkO2NsaXAtcnVsZTpldmVub2RkO3N0cm9rZS1saW5lY2FwOnJvdW5kO3N0cm9rZS1saW5lam9pbjpyb3VuZDtzdHJva2UtbWl0ZXJsaW1pdDoxLjU7Ij4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDEuNTc4NCwwLDAsMS44NjQyOSwtNC40MTM0OSwtNy4yMTIxMikiPgogICAgICAgIDxwYXRoIGQ9Ik01Ljk3OSw4LjkxMUw1Ljk3OSwxMC4zMDZMMy40NDUsOC4xNkw1Ljk3OSw2LjAxNEw1Ljk3OSw3LjQwOUwxMi4yODUsNy40MDlMMTIuMjg1LDguOTExTDUuOTc5LDguOTExWiIgc3R5bGU9InN0cm9rZTp3aGl0ZTtzdHJva2Utd2lkdGg6MC40MXB4OyIvPgogICAgPC9nPgo8L3N2Zz4K), auto;
}
.ag-cell-batch-edit {
  background-color: var(--ag-cell-batch-edit-background-color);
  color: var(--ag-cell-batch-edit-text-color);
}
.ag-cell.ag-cell-inline-editing {
  background-color: var(--ag-background-color);
  background-image:
    linear-gradient(
      0deg,
      var(--ag-input-background-color),
      var(--ag-input-background-color));
}
.ag-row-batch-edit {
  background-color: var(--ag-row-batch-edit-background-color);
  color: var(--ag-row-batch-edit-text-color);
}
.ag-input-field-input {
  width: 100%;
  min-width: 0;
}
.ag-checkbox-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
}
.ag-checkbox-input-wrapper input,
.ag-checkbox-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-checkbox-input-wrapper:focus-within,
.ag-checkbox-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-cell-editing-error .ag-checkbox-input-wrapper:focus-within,
.ag-cell-editing-error .ag-checkbox-input-wrapper:active {
  box-shadow: var(--ag-input-error-focus-box-shadow);
}
.ag-checkbox-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-checkbox-input-wrapper::after {
  content: var(--ag-icon-font-code-checkbox-unchecked, "\f108");
  font-family: inherit;
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-checkbox-checked, "\f106");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper.ag-indeterminate::after {
  content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107");
  color: var(--ag-checkbox-indeterminate-color);
  display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-checkbox-input-wrapper::before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9));
}
.ag-checkbox-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9));
}
.ag-checkbox-input-wrapper.ag-indeterminate::before {
  background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image));
  display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9));
}
.ag-toggle-button-input-wrapper {
  box-sizing: border-box;
  width: var(--ag-toggle-button-width);
  min-width: var(--ag-toggle-button-width);
  max-width: var(--ag-toggle-button-width);
  height: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-off-background-color);
  border-radius: calc(var(--ag-toggle-button-height) * 0.5);
  position: relative;
  flex: none;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-off-border-color);
}
.ag-toggle-button-input-wrapper input {
  opacity: 0;
  height: 100%;
  width: 100%;
}
.ag-toggle-button-input-wrapper:focus-within {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-toggle-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-toggle-button-input-wrapper.ag-checked {
  background-color: var(--ag-toggle-button-on-background-color);
  border-color: var(--ag-toggle-button-on-border-color);
}
.ag-toggle-button-input-wrapper::before {
  content: " ";
  position: absolute;
  top: calc(0px - var(--ag-toggle-button-border-width));
  left: calc(0px - var(--ag-toggle-button-border-width));
  display: block;
  box-sizing: border-box;
  height: var(--ag-toggle-button-height);
  width: var(--ag-toggle-button-height);
  background-color: var(--ag-toggle-button-switch-background-color);
  border-radius: 100%;
  transition: left 100ms;
  border: var(--ag-toggle-button-border-width) solid;
  border-color: var(--ag-toggle-button-switch-border-color);
}
.ag-toggle-button-input-wrapper.ag-checked::before {
  left: calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width));
  border-color: var(--ag-toggle-button-on-border-color);
}
.ag-radio-button-input-wrapper {
  font-family: var(--ag-icon-font-family);
  font-weight: var(--ag-icon-font-weight);
  color: var(--ag-icon-font-color);
  font-size: var(--ag-icon-size);
  line-height: var(--ag-icon-size);
  font-style: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-checkbox-background-color);
  border-radius: var(--ag-checkbox-border-radius);
  display: inline-block;
  vertical-align: middle;
  flex: none;
  border-radius: var(--ag-icon-size);
}
.ag-radio-button-input-wrapper input,
.ag-radio-button-input-wrapper input {
  -webkit-appearance: none;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.ag-radio-button-input-wrapper:focus-within,
.ag-radio-button-input-wrapper:active {
  outline: none;
  box-shadow: var(--ag-input-focus-box-shadow);
}
.ag-cell-editing-error .ag-radio-button-input-wrapper:focus-within,
.ag-cell-editing-error .ag-radio-button-input-wrapper:active {
  box-shadow: var(--ag-input-error-focus-box-shadow);
}
.ag-radio-button-input-wrapper.ag-disabled {
  opacity: 0.5;
}
.ag-radio-button-input-wrapper::after {
  content: var(--ag-icon-font-code-radio-button-off, "\f127");
  color: var(--ag-checkbox-unchecked-color);
  display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper.ag-checked::after {
  content: var(--ag-icon-font-code-radio-button-on, "\f128");
  color: var(--ag-checkbox-checked-color);
  display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display));
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
.ag-radio-button-input-wrapper::before {
  content: "";
  background: transparent center/contain no-repeat;
  position: absolute;
  inset: 0;
  background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9));
}
.ag-radio-button-input-wrapper.ag-checked::before {
  background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image));
  display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display));
  opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9));
}
.ag-range-field-input {
  -webkit-appearance: none;
  width: 100%;
  height: 100%;
  background: none;
  overflow: visible;
}
.ag-range-field-input::-webkit-slider-runnable-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
.ag-range-field-input::-moz-range-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
}
.ag-range-field-input::-ms-track {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 3px;
  background-color: var(--ag-border-color);
  border-radius: var(--ag-border-radius);
  border-radius: var(--ag-checkbox-border-radius);
  color: transparent;
  width: calc(100% - 2px);
}
.ag-range-field-input::-webkit-slider-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
  transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px));
}
.ag-range-field-input::-ms-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
.ag-range-field-input::-moz-ag-range-thumb {
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  width: var(--ag-icon-size);
  height: var(--ag-icon-size);
  background-color: var(--ag-background-color);
  border: 1px solid;
  border-color: var(--ag-checkbox-unchecked-color);
  border-radius: var(--ag-icon-size);
}
.ag-range-field-input:focus {
  outline: none;
}
.ag-range-field-input:focus::-webkit-slider-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
.ag-range-field-input:focus::-ms-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
.ag-range-field-input:focus::-moz-ag-range-thumb {
  box-shadow: var(--ag-input-focus-box-shadow);
  border-color: var(--ag-checkbox-checked-color);
}
.ag-range-field-input:active::-webkit-slider-runnable-track {
  background-color: var(--ag-input-focus-border-color);
}
.ag-range-field-input:active::-moz-ag-range-track {
  background-color: var(--ag-input-focus-border-color);
}
.ag-range-field-input:active::-ms-track {
  background-color: var(--ag-input-focus-border-color);
}
.ag-range-field-input:disabled {
  opacity: 0.5;
}

/* node_modules/ag-grid-community/styles/ag-theme-balham.css */
@font-face {
  font-family: "agGridBalham";
  src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABrcAAsAAAAAN4gAABqMAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHItkBmAAjSYKw3S3SwE2AiQDglwLgTAABCAFhEYHhhsb6y9VBoWNAwDF6P6IqOIERFEf9qR69v+n5MYYUoGaPRSsRLkLDn1h4nEsTPOkD3q8Y+vATyTL9CvDCrJEtHG0760OxKRjMjTzG/bzPumSXkjosEOS0OR54Bj5LjrpDrSyVgU84gFN5fu8c9WfNp3JElOmSZsi7QGyEff8KU9On9D7A7/N/3PvpS4ISAo4DEwwiYWIFwvBRgV1ba5Yob3JonVzFeqi8vr2Whe4al+kc1Hu7+u2ZwAQ5O34kbIJlEJr1k1oyVCbJdP6cOfIqtDl1Kl6Rk68karzGb7wtSRrhiQnrkgHABBc3deZf6Kn1Zlh4VLGjH3PL7vOFuDESH624MoAuyV/1ArgerQmnBQ4aWUpvcw0qiYql5fWFvsiwI/WflksWqgMOpGStcXdQ3bmHWYLnr4lxBK/QUhfyKahHu0SlqCRKM1qp5TO/M+llskNAIRFTc78/5O7+z/QXa6Yg+3SYcq/nOsAQAFLQAWUlPBuSKqgOrc5QEd2b0r3TdXKTQ0ih6sOb1beOLGtbwgh2xNedOqo6OVDC2PZzC6PsZln7KNwbRAGNZmN8dHvUQAqbWOU9RkU6Dz46Q1GEXV+Aaw3Fxz39D7o3RjSUlOAfkL5seo064Off9lXdUOJ8h6iEDZ3P2lipWk3bxfjqGnT9I/TcU2MYDBJijq9ammy2LS1Ls7mRFG29Co1mH6pXqO0vm9LZUYQOkNGRa3yLOnGuMp7Y6GUIKIkYqbSH3VZV+uD0gqNocmXfMV09IAWOS5m85KK9vWjIhlGphzv6qOJODjPBRIjJQxSxymxfa3jlk29NmS4mDFyrcDpkm1lt4sd2nqsdXhMdoTFNS1SvCnDSRsIgyOwwU3fRc9pYxJijDeyzIruQHARYRbJN46r67ToXOaRLzHDZITG5gZW5K5pldRVy5f6n7/q4UrCOlqtTWX20AxVZJdqsq0e38cWuB7zMt/8Oner/0ht8nx63scwCiZBFczTZG24QT6e3+VDpsi2wq16e5akQ45wf85FdffI0lp/pkOLM+6gtCLVpp1pakYXy6zPcLp90aeS/kPsDHcnZNHqs/DwU7HPRt+hdc8L+nmoIqmejrW6lNx2jagztrpXlvNeztOg8ROZF7qKqJnN1smZtz7XXWipQg+1LNYq6rr1ni/e5iyDVKOIVqOW7ZqMFxRUQmqawCwD88KxIvbCuEJYFlX8pG1CZArFRIxjl6hwM8+5BrlXslvCw/RM9sJOiRrnbdOaZu1VNJ3bt1CSl4A7IJRH6C2SSpFp6LZOKNzzyheHOlpU9tb4bAh+Gc4mjrTKRtCs+FW3v9pg0nDzLsjUc4vpaaHgt5EjkrEtUOOvpSatO1cNvfNXYwu9a8i+PkGHVVTXzNR0Yr+jKo7vWofLkxz7l5RI/m11VCh8WXvgb/j9go+dgheAQlqgfsXWg3yEf21EYj2Ak+LEX/p9vKwVlIAiMAaKoXC0rxa01GVqjKpV+hjiClCNUhAbnnvnR/bgoHH3vfQhaauvninQ7teOW3QIRmiYm+fKgvOGIE+V1gdmuJTnWiK5So1CVddAtWgtzz+MHTp16dajV59+AwYNGTZi1JhxEyZNmTajw6w58xYs6rdk2YpVa/p1WLehw6Y1W1S9tu3YtWffAUJz6MixE6fOnLuAgoq6gzf950+sOy4vm76BYCWRZgZ9UaSFFeUVqnbVQPFdZS7A+AdtgmuaADe0Dm5pCdzRMrinafBA++CRJsETrYJnmgWvtAbeaAW80xb4QPPgI82BT7QDvtAU+EqL4BvNgO+0DX7QHvhJC+AXbYDftAv+NBxAQBEAIQCMAAhMKQRlyiAYUw7BmQoIwVRCSKYKQjHVEJqpgTBMLYRl6iAcUw+5MA2QK9MI4ZkmiMA0Q0SmBSIxrRCZaYMoTDtEZTogGtMJ0ZkuiMF0Q0ymB2IxvRCb6YM4TD/EZQYgns0bPmQQQoYgZBhCRiBkFGJzRYAICBEgQoAYARIESLEayLBpIUe0oUCAEtuOCtEPNVYPDWIMWpgiSGePG3qEFgYEGBFgQoAZARYEWGGKIRtTAtlFDBwIcCLAGwE+CPBFgB8C/HFYxeFXzD/wHypnqO3V46TIX8H+V80gQPcVmEOdpwAiKm1pPhwVh/rgX8xggmJLpTHE3A4R36dWiAJU8XhRwKB+WCKL9MOjGRQBk8nnh4BukciDQoZQSHtHXzLmSXEN0oSebA8exgwbIQ9lsxn46mvCaYFeIhwfImDzZGIahRSJjFI0Co6HRQjJdPoPe+9x3EvkwfDA/XBhoLcEZ0ipVJxOo0pFhKoyODgtFIpIIjMBCMpKuGcosTmKliqkPJwCwkftrPSQ4azZZ+/flz8ubLt3T/dbybkHD3yejN7+8OHwP4uabg2x3YN59q23h/5eev6u79NR2+4Me8BsulfMRJiwQYkXf1B0ULpFMsSKrZwRfI4HDEEymkdVL5MjeTAcuDQQtoG5I7yF0K1orm220XjwC7GrYWmOYUBIfXH90j3pbd292gqr56BOlZnjTIu902eDYY5duWOm19r4SjBtzQ4a1Zm+daceAbl+Pw+7sIEjvuG7cGXdrXPM93u4vWfrrHYHkh3wJQJlFUjIQi8QSAhp6k2L2Bn2T0gE2WZoyPQPzwqYgAR7RiLuSHRaxD+YMMXGGVafrpr7baKYcQwncRbN4gyS2pCFcyyTS4HLgOxoIdgy8LEA0fbxhvJBHfV4oIXzzDQFXrKMzyVJOAqL4//n6Z0jkXT0Li3dP15wnRy7h/Ikh0ucedvnYX6/bAIFtrble8I/il/ifGEnxdgW/IYax55az4Esqw58Az1Pdv4X2zlvuO0XqCnAcqzdH1X2Qn1yJk8p8pzteJaHFckRwvOmjkaruktSyRYljlbSP3f4FOLj1diWxQrPk4Os7PtQZ8JqdQTI5OHzfDlb55htulI1hHqEY8OBFTV7nuVgVjsDtc/lgZirUnF6pqA0Ex4yDkdwTAcVIdWtmj438NCvRHSCCsXUk4E07TBOQLZdrLoSkSQVlVR+KLqD0bRYmK0V3KBaLiPHVYKCo1waNeirSi8yz9RY/ax1/rBx6Nzcx+V3vrXLq4ZTwh/TYXu4thIlV0eMqtSgEVO5UdBoimMKws6V26fMGcsGk4IaAvmnBQsWSz9klP+HghtqSlhow1dbSBzbl0qqy5oHwej6F19r+Ey8QkiwU4jO9g88gM/lJVML57PVchrZMdoaZf12j/Ni5WCNY0nCl83aYSBpCnWDrnr3GKldmmW0M3YRAUwjTXNRO8Fu4bB8phnHnMJyVpaBd1nx+Ry2PFBsjkM063Kl8Ot04BLAvGFi8FXyxsVWLht8VSsWac9VD9Tw4vtfINuDyO1ue3b4Bl74/PZcEC/mYFye2DH+un0HLd+/nAvhK1Qsbcc5MhdD7+t/bEE8m7QMKciP15161jaSqSoYaQPKhYZa3Dq+9WLyyWmVXs5WHdq0y4wVdCFeWd+oerJ0Ll0+qNIoW3syaWFHFEUcbgXq5ebDWdtEuukU3FeLZod6YAvRvknIZkd6QH6iCYKGRhgTStA3hGCEqT6zRdyZSFNuUsnmoOnsSqzoCU62aCFCA2l7lgIIDuNAHC5AVAZJU0j46Itvn8bk1sebSvmbmXa5+/gqkny0MX9NouO+eEw7b3z6YMWRlXRGN5qqfaGpTDWUOWg+uMKh7OpDPpbH14GVa49gYwXMN0Mj+m6OXnrUXuYZIuBysZR6oURkLzQ8/MHp9+jI8mjzrFwYaUZn1iHRaRxfUtvQ0wq/oh+mhLLYiG6tuaEU5Kh9sKuJig7/kWebSS+rB+a5/4eWZFYFhzmzF5SE2nPSrLWvgeLr1s0IN9ffVqP2n1knD7pxBw96pmXQPPKKY7WNicoOTsEOx6K3IPCqzgZswAZrCALMAGMDcm6p8LbAFBN9cYeW13JFEZ4DEX1Fif5CsmTWjMJ2Tr9CJLecFMoXNUz11ZSUBF60hkv75kPSTWGLzcSkgB1L1jxDSovE3eHHydJ6kmRabtuXF+JNM5earBV8RiUzVr7cmovO958uYqFoli47lsLZiDDNbfahBIrRc5pZEAwYBiQyAAP9yA9sKAloZiUl6/LEpRsXxi/Ss78ZtEM7dlGHv9SMO2rf9HhiZd38fvOZ8dx6yp78yhNwAjK5NvgNA+Vk6VbAvTTSlgIvUV6wpaDdSXBHVBzNd2n2UvSLjyhZ+7BGInszaHKbvX55q0Z6lqXkhrKFvfwl5Qab2yFS3H9++eGuqiTRk5uj5SrJbctvQVv/weUeWzIlCTWONwwpAvmjOL8U09v66/yz3Qsfd+BUa/qPeZB3uYZMPUvEzpBvfixRdIcJx0yJuKPvSGAO/wuGeCqeDIYFhB2mcyNQT4UjMs3Z8z9z1sbja1zokzU0LXL3Y6byts5efKvULkGCkPd7kP0qCi/gIZfo+bwtoMhbQs0esAXnPCCX+iXUgoMzk5XKZDo2hBRdmZysnHneCkZ7IUkIqqbAaHR79mJsMl/rL2desr+WfyByrIPz0MnxA+iGfqNxAOP4H/54/2nuzs94QvXLT2O6J3gOGI2uWmaUrjTpaXzU08Rx1qf/fhDcRJNqofOe2UyuRadLms1s9iMN91oXL75+G/D12a5XCNCueaO8DpAmonsLWu6IVvabT/2v2vn4vZe/Z+/IeFkyPR0NeRF67YPs1iVd/ZNspb/fi73OXFnuIr1aea6ppeO7x4Y3YfZcpfngEBH3pwAs2jRhRFe9sm1aRoTR/4qI+0+bIEGn5y7/kyu4IItlBlx5d+nWpWfituJnx7a2tnaHHA7uIklYJovc3ZfIsr+IazfDcl56pB9QkjxumtCsqm+LmwdSTn2qcl5FvRTOYBMtHQnt0ye9Rc4+1N/fr7GSvNCCQ94i+DGA4oS4/TsDtw5q+osjPF8P+CY5JuRrbGq1TZPv9gtX22zqfI2b0i2Ps1tUJqXSpLIcAmjKpLSoDsKZIV1wUBkUsHns2evem+F73KbIe7g5ybXF9dxcZanq6a8eqAbdPHVuVFSuukHtmxulxupGP/wWyod8J18k/26I3PtUh7zdufP6df/Nm6fPkLya8bcNFgNok3qE5qSeb9KH3u937GgpKUHROEMnH7yzo/N43JEjzb12qQJMoJDaXjTD2SdGjfGSmtAQpNoL0NCw5gOXS/6J7oGEIw19YRaVyhKmDVNaLKpwzF9FB6m/BNuDDTvT6Wf6/CGeH6Y0W1RhG4xbgpKD4INva/oy7M6/E8urZ8xPPomETAxRh0wIGeb+XU3LTt/y/rOmrhG5xwiN93yCzNjxwGOl/I7Qc6J6YHuySPFTNSbwig3m49vY9YYqLdfrtMbvUrlfQYF0DmfrCY5UIhLLOdf6+KxmzqxJM1948PL5nB1eH4ftgkjhH2J+A6VWtJ09WZ/1uw+fjY86kCgW7+ngt8U2qy4pSYkKRPWsmgwmVaK7K5m+iXthrETTFclgbuc74RqXkVwfGr2gcdP7wUCVWak026WYlfaUqM4wuVZYNru8QWiSqxjYBtBVhgW8TgiVXW3TtV3V+XKb90VIvjg09fZuofM3QWNo9Np64KdP7A3SMV12p7OwLm1K89Q0sZHLU3yKHWkcue227ScGN8qDl5E5Na/u8np+s0QoGVowJ79+6FIqg+vH5cOah0NKuOiNBsXbcdGTUP5o9EDmvKUBBdcR+cHWt4Vu0mJJCzzIswryhEnR1pho+0DEwv17vva197aTcRv/Sy8oQ4IKrXFZhiJBmXC03B5DtqQaSvX60tggcUL6ksjBtMIyRG6unLbesA1N8/c/nSAOii3Tx5QaAkWJ6erHm6JUqq4pFDWZ3BgV1mJYtY8F37sBRrSYljk1YLJiOtvJKTRmx6jzDfgawvZtqQPjpCMrDNMcPskPJYdYpfOqFFmXLWf20ReNiCmqUlxRTBUesQCyi0bcv4P0UbjNvKsKTV4QaO70MCPxQcX5GfV1HpXkcrCBU8qcWGdNMDSvCjQ5NQSvrj74BitWURb8YmNG9g9qzhXV1/Hg/+15F9tFfUQf9PcTLoJsMLqMlxqivWkIeipxvQfelmpt5bsIV01cDBFTQ7gBH8p+iDtHnAPVHNftxok+AoJXvWpsb0ypMQjhLhbsQhoa/iD+qG6HgFfyMlYZU5azeUO7Y4o7l99gMJTnikyNPOxUIPCS+s5xSn59G3BotmzJtjeOKV1eS65N21bKUGX4uqdMeS1eeGnG8e46ZlmWpDRjH8/hEDZyHRuWxZaXaXnoLsdbvzunBWPadiRm3RmvAv5YYoCY4dPZSYr73p2MlKgHiAF1nC1tLJ48NixH6j9QSh9edKKPH6Emk9NpteZu17ZiBqC5LXUanS4nAcsbnXDjHfboEVaQPXP1ZfQRX/xMa45OTPbyBU+euB+7n8wi3yScUSd8gwPiXvxfwXd3zRjErrVGT92Hj2WVKUcFZWcMt+jOBxYIx4gSiU7jViQPyQ9M9Y2fVtI0NJ7IRsxhScpRKxjZDFtgRlBWTkSmqp2SqbSFK+0KC91GtxauMqlSwzde+UK1UE1ZDd8nBKTSdHh5/SzPSVEO2aINf+Kq9usJSHN1fT3BXOMVL00sbMuhNN8Z4ZU+Vvbff88hRCDnn37Y/Hv+780PT/NdivkSxTmFZL6iL6L7PXlL/ZYqdgbM8X0ynfScTCv7QPLiXYQsSXZOmgxW15o1DJk+a3lnS8+UkqLVBwyEzyO5PP3sHykpE8uoFEmgPrtjyoYN1vHb9NfKqFWnXB9bW8dW8JlSaXWpmF7JW7+hch3rtwde7+7eHbWa+s8xw19TXzFGKsV49cnN4974+Hb2Rc5m0mbLs5HLZoYqU0wqZ9UyMv0ANnLLW5147X18mDyF3jBn1jeQSnHNJf6vSx/5nuNmGY3tsxtmITf3hZ6IWd0w93LDTPOcueCb1DNhTHBhUFNTUGHwGLdAg33ywqAxwe4M3fK42vLYkpiYktjy1w58aUlMuf41EOWnD9L3wliNB338rP39SNKhdy3LwXBeX1BQY+P0TItunJekCxmDen5foCUwL1ABCsuODszwdjhabkJNLQ7HOhtEJ07gcid6LkQnLCCXK8g03jBt2smT7YuXJCQAyZ8jDQKz0oHytDwqr6V1+PDnPWe71pOWMhj2/DmPu7TbJwdponc5ccWeJT7abne3YhKrZS7bUSlMbXmpHanKTF93hh78vOAvu9qb7ln42rz65bWvnTq6YEeJfgT0fjGbpcWScQRDWbWqWHrGEoC1FpryriRzhFkhcFdtrTAG91rovP75vUTvtscp1+fO5xN8+HBWloTpolOjlT6WJWNaHWaTnqFB3CeWBPpdr+fvtafMtKWcvUBcOGczzbSb9s2XEqEmK/3srrqaeXnui8aLZxtAm7J3niQu1G61eeXtIFroYPPYJ5KXHSSWBPP/pRvz2d3A9meDRPNaE3fcec7Je1JdTe7auWsXCZe55eXXMjKZ6IKxra0fXadWRXm6r1utccX8pvOv6kuKpvS0dH5nUjF4k+Hw4fXrp3Rk6wMlFOrEspSUP86mv3E9KPn9d/aTJ8lYfW7uO68Hv7HWVa7fwKuki0urq6oA142XpT/9NJ+YX56kulNgFAC+jnT/OI+YBzvJPwA6j+xdIV39/c9CnqFgF/VQ8NOHjwIcx0L0+3XMaOszjzWPu4O7+/u7/XGeWbdQux45RaVcQHsLgONocLyqeNuNyGOd/HxFUW7Rm7TmxPdjjGMmGScdgNofIpIyJCd53pLI303JfMXIkWBfqvxhMa8wXLVixpGiYrPZp+VtcojvlOn+CUmmlOzs+VO8uNBttSI3hRKAuYOB/6vUL3Cs2DHPBLyZCgAAaAcm3HZ1YE9cYCh2OAYsQRocZKYe7DkAwve0OeqwMhIiMM4CdB1G3RYyx1rRDr8cwOBVTMdeam7SGHMVyTLGtR/TBzFAMzAieGCfCPR1DhYpsQLzFp0p4+WeacNfMY0JvCkqNIVDqfbFFmC1jqnYbMSGYLbI7MxW7I+KrrsSf9AOFLqmYVMt2azOpaLaWMIhl4ptc2YneOdocbPI0Z390R2YDy8nsRFrwhlNNP3v8O5gT3GZdTzX8JHBwnoAkFH4n5fnebC/yJfA8RLgVzmEXAjA8Ak9g7qmf7GYfhtExeu4Q1ZghvXi+0NCzw95pHOFbf/+YIaDML3FAINALk/ocHmEg01kFOg3LBAsEgXgTwn2HU4FFoQNp4EHDCPMDDERWmaBAKYBBggFBwQkMM8ZjgIHNhPsKXgfoUDw5eFUEMMDQoPgl8OZkI9QvhsLgpFRs3H4is6+oh9x+qZh9hjJ1dy3+U8xOeH2af3Iur8vYoqoZNvNvk3L8Kzat32Uqf0UtjvyXtoQ5YeMrkfV8PLw0Hs+r41MKxy+orOv6MdnAPmbbuTZu9sWOdbJk//ThiT40ITbp/Ujp/8Xz9yjo5KVN/uDnJYn+VlDuW93apQp4j+1Ik7iQyKPfMhWf8h4jvUooYaXh3BLPa9jbbSw85zHzarWipq+AjkUUEIFNTRw9FOk4xTO/qD4l17ygijJiqrphmnZjuv5t/vj+QrCKE7SLC/Kqm7arh/GaV7WbT9OnGAwSRabw+XxBUKRWCKVyRVKlUvXYlmMwxBpQHXCFcYo25RjMgXu3SVaeuqpDLIhX5oRo15aUTK/G9l15/lk74k2HFtSipNjVLpmpc7MpT014iV2waXCY/0y5onTsRHWiEbJFkbCvjRRUspNWnIza1G1XNLOx82QAmon9tOQhrrkMY15pFS98xfEZTcUkxZDdKEcosyhyDXQwlOvlXdcsa+1F7SOh2bCnZvcgYqJeG6ulMXqYWE6YdEOvZctpDIIWymHlctUF9HLKPpupNvMqsKd9P0F0RCX0Q2jFgkXOk6ThmKdlS03MTSGaJNPcK2RqJWczczGUUXwcyoZYHCNWdAISptEqganpNO24rvekauZO1Disx3FZLuNVJ46HWNalXBsRlqiQfPmcBqj67A8oTZJOgPGZOG4DTu3Q2sLsk4BYYAIBAoOBBi2kMCABQ8j/MIGdtBNMEOAPSzQw2EF);
  font-weight: normal;
  font-style: normal;
}
.ag-theme-balham,
.ag-theme-balham-dark,
.ag-theme-balham-auto-dark {
  --ag-balham-active-color: #0091ea;
  --ag-foreground-color: #000;
  --ag-background-color: #fff;
  --ag-header-background-color: #f5f7f7;
  --ag-tooltip-background-color: #cbd0d3;
  --ag-subheader-background-color: #e2e9eb;
  --ag-control-panel-background-color: #f5f7f7;
  --ag-border-color: #bdc3c7;
  --ag-odd-row-background-color: #fcfdfe;
  --ag-row-hover-color: #ecf0f1;
  --ag-column-hover-color: #ecf0f1;
  --ag-input-border-color: #95a5a6;
  --ag-invalid-color: #e02525;
  --ag-input-disabled-background-color: #ebebeb;
  --ag-checkbox-unchecked-color: #7f8c8d;
  --ag-input-focus-border-color: #719ece;
  --ag-advanced-filter-join-pill-color: #f08e8d;
  --ag-advanced-filter-column-pill-color: #a6e194;
  --ag-advanced-filter-option-pill-color: #f3c08b;
  --ag-advanced-filter-value-pill-color: #85c0e4;
  --ag-find-match-color: var(--ag-foreground-color);
  --ag-find-match-background-color: #ffff00;
  --ag-find-active-match-color: var(--ag-foreground-color);
  --ag-find-active-match-background-color: #ffa500;
  --ag-input-focus-box-shadow: 0 0 2px 1px var(--ag-input-focus-border-color);
  --ag-input-error-focus-box-shadow: 0 0 2px 1px var(--ag-invalid-color);
  --ag-range-selection-border-color: var(--ag-balham-active-color);
  --ag-checkbox-checked-color: var(--ag-balham-active-color);
  --ag-checkbox-background-color: var(--ag-background-color);
  --ag-panel-background-color: var(--ag-header-background-color);
  --ag-filter-panel-apply-button-color: var(--ag-background-color);
  --ag-filter-panel-apply-button-background-color: var(--ag-balham-active-color);
  --ag-column-drag-indicator-color: var(--ag-balham-active-color);
  --ag-secondary-foreground-color: rgba(0, 0, 0, 0.54);
  --ag-disabled-foreground-color: rgba(0, 0, 0, 0.38);
  --ag-subheader-toolbar-background-color: rgba(226, 233, 235, 0.5);
  --ag-row-border-color: rgba(189, 195, 199, 0.58);
  --ag-chip-background-color: rgba(0, 0, 0, 0.1);
  --ag-range-selection-background-color: rgba(0, 145, 234, 0.2);
  --ag-range-selection-background-color-2: rgba(0, 145, 234, 0.36);
  --ag-range-selection-background-color-3: rgba(0, 145, 234, 0.49);
  --ag-range-selection-background-color-4: rgba(0, 145, 234, 0.59);
  --ag-selected-row-background-color: rgba(0, 145, 234, 0.28);
  --ag-header-column-separator-color: rgba(189, 195, 199, 0.5);
  --ag-input-disabled-border-color: rgba(149, 165, 166, 0.3);
  --ag-row-numbers-selected-color: color-mix(in srgb, transparent, var(--ag-balham-active-color) 50%);
  --ag-header-column-separator-display: block;
  --ag-header-column-separator-height: 50%;
  --ag-grid-size: 4px;
  --ag-icon-size: 16px;
  --ag-row-height: calc(var(--ag-grid-size) * 7);
  --ag-header-height: calc(var(--ag-grid-size) * 8);
  --ag-list-item-height: calc(var(--ag-grid-size) * 6);
  --ag-row-group-indent-size: calc(var(--ag-grid-size) * 3 + var(--ag-icon-size));
  --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3);
  --ag-input-height: calc(var(--ag-grid-size) * 4);
  --ag-chart-menu-panel-width: 240px;
  --ag-font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Oxygen-Sans,
    Ubuntu,
    Cantarell,
    "Helvetica Neue",
    sans-serif;
  --ag-font-size: 12px;
  --ag-icon-font-family: agGridBalham;
  --ag-border-radius: 2px;
  --ag-checkbox-border-radius: 3px;
  --ag-card-shadow: none;
}
.ag-theme-balham-dark {
  --ag-balham-active-color: #00b0ff;
  --ag-foreground-color: #f5f5f5;
  --ag-background-color: #2d3436;
  --ag-header-background-color: #1c1c1c;
  --ag-tooltip-background-color: #1c1f20;
  --ag-subheader-background-color: #111;
  --ag-control-panel-background-color: #202020;
  --ag-border-color: #424242;
  --ag-odd-row-background-color: #262c2e;
  --ag-row-hover-color: #3d4749;
  --ag-column-hover-color: #3d4749;
  --ag-input-border-color: #f0f0f0;
  --ag-input-disabled-background-color: rgba(48, 46, 46, 0.3);
  --ag-modal-overlay-background-color: rgba(45, 52, 54, 0.66);
  --ag-checkbox-unchecked-color: #ecf0f1;
  --ag-advanced-filter-join-pill-color: #7a3a37;
  --ag-advanced-filter-column-pill-color: #355f2d;
  --ag-advanced-filter-option-pill-color: #5a3168;
  --ag-advanced-filter-value-pill-color: #374c86;
  --ag-find-match-color: var(--ag-background-color);
  --ag-find-active-match-color: var(--ag-background-color);
  --ag-filter-panel-apply-button-color: var(--ag-foreground-color);
  --ag-secondary-foreground-color: var(--ag-foreground-color);
  --ag-disabled-foreground-color: rgba(245, 245, 245, 0.38);
  --ag-subheader-toolbar-background-color: rgba(17, 17, 17, 0.5);
  --ag-row-border-color: #5c5c5c;
  --ag-chip-background-color: rgba(245, 245, 245, 0.08);
  --ag-range-selection-background-color: rgba(0, 176, 255, 0.2);
  --ag-range-selection-background-color-2: rgba(0, 176, 255, 0.36);
  --ag-range-selection-background-color-3: rgba(0, 176, 255, 0.49);
  --ag-range-selection-background-color-4: rgba(0, 176, 255, 0.59);
  --ag-selected-row-background-color: rgba(0, 176, 255, 0.28);
  --ag-header-column-separator-color: rgba(66, 66, 66, 0.5);
  --ag-input-disabled-border-color: rgba(240, 240, 240, 0.3);
  --ag-header-foreground-color: rgba(245, 245, 245, 0.64);
  --ag-toggle-button-off-background-color: transparent;
  --ag-toggle-button-off-border-color: var(--ag-foreground-color);
  --ag-range-selection-chart-category-background-color: rgba(26, 177, 74, 0.5);
  --ag-range-selection-chart-background-color: rgba(45, 166, 255, 0.5);
  --ag-input-focus-box-shadow: 0 0 4px 1.5px var(--ag-input-focus-border-color);
  --ag-input-error-focus-box-shadow: 0 0 4px 1.5px color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 0.5%);
  --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
  --ag-cell-batch-edit-text-color: #f3d0b3;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  .ag-theme-balham-auto-dark {
    --ag-balham-active-color: #00b0ff;
    --ag-foreground-color: #f5f5f5;
    --ag-background-color: #2d3436;
    --ag-header-background-color: #1c1c1c;
    --ag-tooltip-background-color: #1c1f20;
    --ag-subheader-background-color: #111;
    --ag-control-panel-background-color: #202020;
    --ag-border-color: #424242;
    --ag-odd-row-background-color: #262c2e;
    --ag-row-hover-color: #3d4749;
    --ag-column-hover-color: #3d4749;
    --ag-input-border-color: #f0f0f0;
    --ag-input-disabled-background-color: rgba(48, 46, 46, 0.3);
    --ag-modal-overlay-background-color: rgba(45, 52, 54, 0.66);
    --ag-checkbox-unchecked-color: #ecf0f1;
    --ag-advanced-filter-join-pill-color: #7a3a37;
    --ag-advanced-filter-column-pill-color: #355f2d;
    --ag-advanced-filter-option-pill-color: #5a3168;
    --ag-advanced-filter-value-pill-color: #374c86;
    --ag-find-match-color: var(--ag-background-color);
    --ag-find-active-match-color: var(--ag-background-color);
    --ag-filter-panel-apply-button-color: var(--ag-foreground-color);
    --ag-secondary-foreground-color: var(--ag-foreground-color);
    --ag-disabled-foreground-color: rgba(245, 245, 245, 0.38);
    --ag-subheader-toolbar-background-color: rgba(17, 17, 17, 0.5);
    --ag-row-border-color: #5c5c5c;
    --ag-chip-background-color: rgba(245, 245, 245, 0.08);
    --ag-range-selection-background-color: rgba(0, 176, 255, 0.2);
    --ag-range-selection-background-color-2: rgba(0, 176, 255, 0.36);
    --ag-range-selection-background-color-3: rgba(0, 176, 255, 0.49);
    --ag-range-selection-background-color-4: rgba(0, 176, 255, 0.59);
    --ag-selected-row-background-color: rgba(0, 176, 255, 0.28);
    --ag-header-column-separator-color: rgba(66, 66, 66, 0.5);
    --ag-input-disabled-border-color: rgba(240, 240, 240, 0.3);
    --ag-header-foreground-color: rgba(245, 245, 245, 0.64);
    --ag-toggle-button-off-background-color: transparent;
    --ag-toggle-button-off-border-color: var(--ag-foreground-color);
    --ag-range-selection-chart-category-background-color: rgba(26, 177, 74, 0.5);
    --ag-range-selection-chart-background-color: rgba(45, 166, 255, 0.5);
    --ag-input-focus-box-shadow: 0 0 4px 1.5px var(--ag-input-focus-border-color);
    --ag-input-error-focus-box-shadow: 0 0 4px 1.5px color-mix(in srgb, var(--ag-background-color), var(--ag-invalid-color) 0.5%);
    --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4);
    --ag-cell-batch-edit-text-color: #f3d0b3;
    color-scheme: dark;
  }
}
.ag-theme-balham .ag-filter-toolpanel-header,
.ag-theme-balham .ag-filter-toolpanel-search,
.ag-theme-balham .ag-status-bar,
.ag-theme-balham .ag-header-row,
.ag-theme-balham .ag-row-number-cell,
.ag-theme-balham .ag-multi-filter-group-title-bar,
.ag-theme-balham-dark .ag-filter-toolpanel-header,
.ag-theme-balham-dark .ag-filter-toolpanel-search,
.ag-theme-balham-dark .ag-status-bar,
.ag-theme-balham-dark .ag-header-row,
.ag-theme-balham-dark .ag-row-number-cell,
.ag-theme-balham-dark .ag-multi-filter-group-title-bar,
.ag-theme-balham-auto-dark .ag-filter-toolpanel-header,
.ag-theme-balham-auto-dark .ag-filter-toolpanel-search,
.ag-theme-balham-auto-dark .ag-status-bar,
.ag-theme-balham-auto-dark .ag-header-row,
.ag-theme-balham-auto-dark .ag-row-number-cell,
.ag-theme-balham-auto-dark .ag-multi-filter-group-title-bar {
  font-weight: 600;
  color: var(--ag-header-foreground-color);
}
.ag-theme-balham .ag-ltr input[class^=ag-]:not([type]),
.ag-theme-balham .ag-ltr input[class^=ag-][type=text],
.ag-theme-balham .ag-ltr input[class^=ag-][type=number],
.ag-theme-balham .ag-ltr input[class^=ag-][type=tel],
.ag-theme-balham .ag-ltr input[class^=ag-][type=date],
.ag-theme-balham .ag-ltr input[class^=ag-][type=datetime-local],
.ag-theme-balham .ag-ltr textarea[class^=ag-],
.ag-theme-balham-dark .ag-ltr input[class^=ag-]:not([type]),
.ag-theme-balham-dark .ag-ltr input[class^=ag-][type=text],
.ag-theme-balham-dark .ag-ltr input[class^=ag-][type=number],
.ag-theme-balham-dark .ag-ltr input[class^=ag-][type=tel],
.ag-theme-balham-dark .ag-ltr input[class^=ag-][type=date],
.ag-theme-balham-dark .ag-ltr input[class^=ag-][type=datetime-local],
.ag-theme-balham-dark .ag-ltr textarea[class^=ag-],
.ag-theme-balham-auto-dark .ag-ltr input[class^=ag-]:not([type]),
.ag-theme-balham-auto-dark .ag-ltr input[class^=ag-][type=text],
.ag-theme-balham-auto-dark .ag-ltr input[class^=ag-][type=number],
.ag-theme-balham-auto-dark .ag-ltr input[class^=ag-][type=tel],
.ag-theme-balham-auto-dark .ag-ltr input[class^=ag-][type=date],
.ag-theme-balham-auto-dark .ag-ltr input[class^=ag-][type=datetime-local],
.ag-theme-balham-auto-dark .ag-ltr textarea[class^=ag-] {
  padding-left: var(--ag-grid-size);
}
.ag-theme-balham .ag-rtl input[class^=ag-]:not([type]),
.ag-theme-balham .ag-rtl input[class^=ag-][type=text],
.ag-theme-balham .ag-rtl input[class^=ag-][type=number],
.ag-theme-balham .ag-rtl input[class^=ag-][type=tel],
.ag-theme-balham .ag-rtl input[class^=ag-][type=date],
.ag-theme-balham .ag-rtl input[class^=ag-][type=datetime-local],
.ag-theme-balham .ag-rtl textarea[class^=ag-],
.ag-theme-balham-dark .ag-rtl input[class^=ag-]:not([type]),
.ag-theme-balham-dark .ag-rtl input[class^=ag-][type=text],
.ag-theme-balham-dark .ag-rtl input[class^=ag-][type=number],
.ag-theme-balham-dark .ag-rtl input[class^=ag-][type=tel],
.ag-theme-balham-dark .ag-rtl input[class^=ag-][type=date],
.ag-theme-balham-dark .ag-rtl input[class^=ag-][type=datetime-local],
.ag-theme-balham-dark .ag-rtl textarea[class^=ag-],
.ag-theme-balham-auto-dark .ag-rtl input[class^=ag-]:not([type]),
.ag-theme-balham-auto-dark .ag-rtl input[class^=ag-][type=text],
.ag-theme-balham-auto-dark .ag-rtl input[class^=ag-][type=number],
.ag-theme-balham-auto-dark .ag-rtl input[class^=ag-][type=tel],
.ag-theme-balham-auto-dark .ag-rtl input[class^=ag-][type=date],
.ag-theme-balham-auto-dark .ag-rtl input[class^=ag-][type=datetime-local],
.ag-theme-balham-auto-dark .ag-rtl textarea[class^=ag-] {
  padding-right: var(--ag-grid-size);
}
.ag-theme-balham .ag-column-drop-vertical-empty-message,
.ag-theme-balham .ag-status-bar,
.ag-theme-balham-dark .ag-column-drop-vertical-empty-message,
.ag-theme-balham-dark .ag-status-bar,
.ag-theme-balham-auto-dark .ag-column-drop-vertical-empty-message,
.ag-theme-balham-auto-dark .ag-status-bar {
  font-weight: 600;
  color: var(--ag-disabled-foreground-color);
}
.ag-theme-balham.ag-dnd-ghost,
.ag-theme-balham-dark.ag-dnd-ghost,
.ag-theme-balham-auto-dark.ag-dnd-ghost {
  font-size: var(--ag-font-size);
  font-weight: 600;
}
.ag-theme-balham .ag-tab,
.ag-theme-balham-dark .ag-tab,
.ag-theme-balham-auto-dark .ag-tab {
  border: 1px solid transparent;
  padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2);
  margin: var(--ag-grid-size);
  margin-bottom: -1px;
}
.ag-theme-balham .ag-tab-selected,
.ag-theme-balham-dark .ag-tab-selected,
.ag-theme-balham-auto-dark .ag-tab-selected {
  background-color: var(--ag-background-color);
  border-color: var(--ag-border-color);
  border-bottom-color: transparent;
}
.ag-theme-balham .ag-tabs-header,
.ag-theme-balham-dark .ag-tabs-header,
.ag-theme-balham-auto-dark .ag-tabs-header {
  border-bottom: 1px solid var(--ag-border-color);
}
.ag-theme-balham .ag-column-drop-cell,
.ag-theme-balham-dark .ag-column-drop-cell,
.ag-theme-balham-auto-dark .ag-column-drop-cell {
  height: calc(var(--ag-grid-size) * 6);
}
.ag-theme-balham .ag-column-drop-vertical-title,
.ag-theme-balham-dark .ag-column-drop-vertical-title,
.ag-theme-balham-auto-dark .ag-column-drop-vertical-title {
  color: var(--ag-foreground-color);
}
.ag-theme-balham .ag-column-drop-vertical-cell,
.ag-theme-balham-dark .ag-column-drop-vertical-cell,
.ag-theme-balham-auto-dark .ag-column-drop-vertical-cell {
  margin-left: calc(var(--ag-grid-size) * 2);
  margin-right: calc(var(--ag-grid-size) * 2);
}
.ag-theme-balham .ag-column-drop-vertical-cell-text,
.ag-theme-balham-dark .ag-column-drop-vertical-cell-text,
.ag-theme-balham-auto-dark .ag-column-drop-vertical-cell-text {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-theme-balham .ag-column-drop-vertical-icon,
.ag-theme-balham-dark .ag-column-drop-vertical-icon,
.ag-theme-balham-auto-dark .ag-column-drop-vertical-icon {
  color: var(--ag-secondary-foreground-color);
}
.ag-theme-balham .ag-ltr .ag-column-drop-vertical-empty-message,
.ag-theme-balham-dark .ag-ltr .ag-column-drop-vertical-empty-message,
.ag-theme-balham-auto-dark .ag-ltr .ag-column-drop-vertical-empty-message {
  padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  padding-right: var(--ag-grid-size);
}
.ag-theme-balham .ag-rtl .ag-column-drop-vertical-empty-message,
.ag-theme-balham-dark .ag-rtl .ag-column-drop-vertical-empty-message,
.ag-theme-balham-auto-dark .ag-rtl .ag-column-drop-vertical-empty-message {
  padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2);
  padding-left: var(--ag-grid-size);
}
.ag-theme-balham .ag-column-drop-horizontal,
.ag-theme-balham-dark .ag-column-drop-horizontal,
.ag-theme-balham-auto-dark .ag-column-drop-horizontal {
  height: var(--ag-header-height);
}
.ag-theme-balham .ag-column-drop-empty,
.ag-theme-balham-dark .ag-column-drop-empty,
.ag-theme-balham-auto-dark .ag-column-drop-empty {
  color: var(--ag-disabled-foreground-color);
}
.ag-theme-balham .ag-column-drop-horizontal-cell-text,
.ag-theme-balham-dark .ag-column-drop-horizontal-cell-text,
.ag-theme-balham-auto-dark .ag-column-drop-horizontal-cell-text {
  margin-left: calc(var(--ag-grid-size) * 2);
}
.ag-theme-balham .ag-column-drop-vertical,
.ag-theme-balham-dark .ag-column-drop-vertical,
.ag-theme-balham-auto-dark .ag-column-drop-vertical {
  padding-top: calc(var(--ag-grid-size) * 2);
}
.ag-theme-balham .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-balham .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-balham-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-balham-dark .ag-column-select-column-readonly .ag-icon-grip,
.ag-theme-balham-auto-dark .ag-column-select-column-readonly.ag-icon-grip,
.ag-theme-balham-auto-dark .ag-column-select-column-readonly .ag-icon-grip {
  opacity: 0.35;
}
.ag-theme-balham .ag-menu-header,
.ag-theme-balham-dark .ag-menu-header,
.ag-theme-balham-auto-dark .ag-menu-header {
  background-color: var(--ag-header-background-color);
}
.ag-theme-balham .ag-overlay-loading-center,
.ag-theme-balham .ag-overlay-exporting-center,
.ag-theme-balham-dark .ag-overlay-loading-center,
.ag-theme-balham-dark .ag-overlay-exporting-center,
.ag-theme-balham-auto-dark .ag-overlay-loading-center,
.ag-theme-balham-auto-dark .ag-overlay-exporting-center {
  background-color: var(--ag-background-color);
  border: 1px solid var(--ag-border-color);
  color: var(--ag-foreground-color);
  padding: calc(var(--ag-grid-size) * 4);
}
.ag-theme-balham .ag-tooltip,
.ag-theme-balham-dark .ag-tooltip,
.ag-theme-balham-auto-dark .ag-tooltip {
  border: none;
}
.ag-theme-balham .ag-panel-title-bar-button-icon,
.ag-theme-balham-dark .ag-panel-title-bar-button-icon,
.ag-theme-balham-auto-dark .ag-panel-title-bar-button-icon {
  font-size: calc(var(--ag-icon-size) + var(--ag-grid-size));
}
.ag-theme-balham .ag-panel,
.ag-theme-balham-dark .ag-panel,
.ag-theme-balham-auto-dark .ag-panel {
  background-color: var(--ag-header-background-color);
}
.ag-theme-balham .ag-chart-data-section,
.ag-theme-balham .ag-chart-format-section,
.ag-theme-balham .ag-chart-advanced-settings-section,
.ag-theme-balham-dark .ag-chart-data-section,
.ag-theme-balham-dark .ag-chart-format-section,
.ag-theme-balham-dark .ag-chart-advanced-settings-section,
.ag-theme-balham-auto-dark .ag-chart-data-section,
.ag-theme-balham-auto-dark .ag-chart-format-section,
.ag-theme-balham-auto-dark .ag-chart-advanced-settings-section {
  padding-bottom: calc(var(--ag-grid-size) * 0.5);
}
.ag-theme-balham .ag-group-toolbar,
.ag-theme-balham-dark .ag-group-toolbar,
.ag-theme-balham-auto-dark .ag-group-toolbar {
  background-color: var(--ag-subheader-toolbar-background-color);
}
.ag-theme-balham .ag-chart-tab,
.ag-theme-balham-dark .ag-chart-tab,
.ag-theme-balham-auto-dark .ag-chart-tab {
  padding-top: calc(var(--ag-grid-size) * 0.5);
}
.ag-theme-balham .ag-charts-format-sub-level-group-item,
.ag-theme-balham-dark .ag-charts-format-sub-level-group-item,
.ag-theme-balham-auto-dark .ag-charts-format-sub-level-group-item {
  margin-bottom: calc(var(--ag-grid-size) * 1.5);
}
.ag-theme-balham .ag-filter-active .ag-icon-filter,
.ag-theme-balham-dark .ag-filter-active .ag-icon-filter,
.ag-theme-balham-auto-dark .ag-filter-active .ag-icon-filter {
  color: var(--ag-balham-active-color);
}
.ag-theme-balham .ag-color-input input[class^=ag-][type=text].ag-input-field-input,
.ag-theme-balham-dark .ag-color-input input[class^=ag-][type=text].ag-input-field-input,
.ag-theme-balham-auto-dark .ag-color-input input[class^=ag-][type=text].ag-input-field-input {
  min-height: calc(var(--ag-icon-size) + 4px);
}
.ag-theme-balham .ag-list-item-hovered::after,
.ag-theme-balham-dark .ag-list-item-hovered::after,
.ag-theme-balham-auto-dark .ag-list-item-hovered::after {
  background-color: var(--ag-balham-active-color);
}
.ag-theme-balham .ag-pill .ag-pill-button:hover,
.ag-theme-balham-dark .ag-pill .ag-pill-button:hover,
.ag-theme-balham-auto-dark .ag-pill .ag-pill-button:hover {
  color: var(--ag-balham-active-color);
}
.ag-theme-balham .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-balham .ag-disabled .ag-icon,
.ag-theme-balham .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-balham [disabled] .ag-icon,
.ag-theme-balham-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-balham-dark .ag-disabled .ag-icon,
.ag-theme-balham-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-balham-dark [disabled] .ag-icon,
.ag-theme-balham-auto-dark .ag-advanced-filter-builder-item-button-disabled .ag-icon,
.ag-theme-balham-auto-dark .ag-disabled .ag-icon,
.ag-theme-balham-auto-dark .ag-column-select-column-group-readonly .ag-icon,
.ag-theme-balham-auto-dark [disabled] .ag-icon {
  color: var(--ag-disabled-foreground-color);
}
.ag-theme-balham .ag-filter-panel .ag-standard-button.ag-filter-panel-buttons-apply-button:disabled,
.ag-theme-balham-dark .ag-filter-panel .ag-standard-button.ag-filter-panel-buttons-apply-button:disabled,
.ag-theme-balham-auto-dark .ag-filter-panel .ag-standard-button.ag-filter-panel-buttons-apply-button:disabled {
  color: unset;
  background-color: unset;
}
.ag-theme-balham .ag-filter-card-title,
.ag-theme-balham-dark .ag-filter-card-title,
.ag-theme-balham-auto-dark .ag-filter-card-title {
  font-weight: 600;
}

/* node_modules/primeicons/primeicons.css */
@font-face {
  font-family: "primeicons";
  font-display: block;
  src: url("./media/primeicons.eot");
  src:
    url("./media/primeicons.eot?#iefix") format("embedded-opentype"),
    url("./media/primeicons.woff2") format("woff2"),
    url("./media/primeicons.woff") format("woff"),
    url("./media/primeicons.ttf") format("truetype"),
    url("./media/primeicons.svg?#primeicons") format("svg");
  font-weight: normal;
  font-style: normal;
}
.pi {
  font-family: "primeicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.pi:before {
  --webkit-backface-visibility:hidden;
  backface-visibility: hidden;
}
.pi-fw {
  width: 1.28571429em;
  text-align: center;
}
.pi-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
@media (prefers-reduced-motion: reduce) {
  .pi-spin {
    -webkit-animation-delay: -1ms;
    animation-delay: -1ms;
    -webkit-animation-duration: 1ms;
    animation-duration: 1ms;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    -webkit-transition-duration: 0s;
    transition-duration: 0s;
  }
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.pi-folder-plus:before {
  content: "\ea05";
}
.pi-receipt:before {
  content: "\ea06";
}
.pi-asterisk:before {
  content: "\ea07";
}
.pi-face-smile:before {
  content: "\ea08";
}
.pi-pinterest:before {
  content: "\ea09";
}
.pi-expand:before {
  content: "\ea0a";
}
.pi-pen-to-square:before {
  content: "\ea0b";
}
.pi-wave-pulse:before {
  content: "\ea0c";
}
.pi-turkish-lira:before {
  content: "\ea0d";
}
.pi-spinner-dotted:before {
  content: "\ea0e";
}
.pi-crown:before {
  content: "\ea0f";
}
.pi-pause-circle:before {
  content: "\ea10";
}
.pi-warehouse:before {
  content: "\ea11";
}
.pi-objects-column:before {
  content: "\ea12";
}
.pi-clipboard:before {
  content: "\ea13";
}
.pi-play-circle:before {
  content: "\ea14";
}
.pi-venus:before {
  content: "\ea15";
}
.pi-cart-minus:before {
  content: "\ea16";
}
.pi-file-plus:before {
  content: "\ea17";
}
.pi-microchip:before {
  content: "\ea18";
}
.pi-twitch:before {
  content: "\ea19";
}
.pi-building-columns:before {
  content: "\ea1a";
}
.pi-file-check:before {
  content: "\ea1b";
}
.pi-microchip-ai:before {
  content: "\ea1c";
}
.pi-trophy:before {
  content: "\ea1d";
}
.pi-barcode:before {
  content: "\ea1e";
}
.pi-file-arrow-up:before {
  content: "\ea1f";
}
.pi-mars:before {
  content: "\ea20";
}
.pi-tiktok:before {
  content: "\ea21";
}
.pi-arrow-up-right-and-arrow-down-left-from-center:before {
  content: "\ea22";
}
.pi-ethereum:before {
  content: "\ea23";
}
.pi-list-check:before {
  content: "\ea24";
}
.pi-thumbtack:before {
  content: "\ea25";
}
.pi-arrow-down-left-and-arrow-up-right-to-center:before {
  content: "\ea26";
}
.pi-equals:before {
  content: "\ea27";
}
.pi-lightbulb:before {
  content: "\ea28";
}
.pi-star-half:before {
  content: "\ea29";
}
.pi-address-book:before {
  content: "\ea2a";
}
.pi-chart-scatter:before {
  content: "\ea2b";
}
.pi-indian-rupee:before {
  content: "\ea2c";
}
.pi-star-half-fill:before {
  content: "\ea2d";
}
.pi-cart-arrow-down:before {
  content: "\ea2e";
}
.pi-calendar-clock:before {
  content: "\ea2f";
}
.pi-sort-up-fill:before {
  content: "\ea30";
}
.pi-sparkles:before {
  content: "\ea31";
}
.pi-bullseye:before {
  content: "\ea32";
}
.pi-sort-down-fill:before {
  content: "\ea33";
}
.pi-graduation-cap:before {
  content: "\ea34";
}
.pi-hammer:before {
  content: "\ea35";
}
.pi-bell-slash:before {
  content: "\ea36";
}
.pi-gauge:before {
  content: "\ea37";
}
.pi-shop:before {
  content: "\ea38";
}
.pi-headphones:before {
  content: "\ea39";
}
.pi-eraser:before {
  content: "\ea04";
}
.pi-stopwatch:before {
  content: "\ea01";
}
.pi-verified:before {
  content: "\ea02";
}
.pi-delete-left:before {
  content: "\ea03";
}
.pi-hourglass:before {
  content: "\e9fe";
}
.pi-truck:before {
  content: "\ea00";
}
.pi-wrench:before {
  content: "\e9ff";
}
.pi-microphone:before {
  content: "\e9fa";
}
.pi-megaphone:before {
  content: "\e9fb";
}
.pi-arrow-right-arrow-left:before {
  content: "\e9fc";
}
.pi-bitcoin:before {
  content: "\e9fd";
}
.pi-file-edit:before {
  content: "\e9f6";
}
.pi-language:before {
  content: "\e9f7";
}
.pi-file-export:before {
  content: "\e9f8";
}
.pi-file-import:before {
  content: "\e9f9";
}
.pi-file-word:before {
  content: "\e9f1";
}
.pi-gift:before {
  content: "\e9f2";
}
.pi-cart-plus:before {
  content: "\e9f3";
}
.pi-thumbs-down-fill:before {
  content: "\e9f4";
}
.pi-thumbs-up-fill:before {
  content: "\e9f5";
}
.pi-arrows-alt:before {
  content: "\e9f0";
}
.pi-calculator:before {
  content: "\e9ef";
}
.pi-sort-alt-slash:before {
  content: "\e9ee";
}
.pi-arrows-h:before {
  content: "\e9ec";
}
.pi-arrows-v:before {
  content: "\e9ed";
}
.pi-pound:before {
  content: "\e9eb";
}
.pi-prime:before {
  content: "\e9ea";
}
.pi-chart-pie:before {
  content: "\e9e9";
}
.pi-reddit:before {
  content: "\e9e8";
}
.pi-code:before {
  content: "\e9e7";
}
.pi-sync:before {
  content: "\e9e6";
}
.pi-shopping-bag:before {
  content: "\e9e5";
}
.pi-server:before {
  content: "\e9e4";
}
.pi-database:before {
  content: "\e9e3";
}
.pi-hashtag:before {
  content: "\e9e2";
}
.pi-bookmark-fill:before {
  content: "\e9df";
}
.pi-filter-fill:before {
  content: "\e9e0";
}
.pi-heart-fill:before {
  content: "\e9e1";
}
.pi-flag-fill:before {
  content: "\e9de";
}
.pi-circle:before {
  content: "\e9dc";
}
.pi-circle-fill:before {
  content: "\e9dd";
}
.pi-bolt:before {
  content: "\e9db";
}
.pi-history:before {
  content: "\e9da";
}
.pi-box:before {
  content: "\e9d9";
}
.pi-at:before {
  content: "\e9d8";
}
.pi-arrow-up-right:before {
  content: "\e9d4";
}
.pi-arrow-up-left:before {
  content: "\e9d5";
}
.pi-arrow-down-left:before {
  content: "\e9d6";
}
.pi-arrow-down-right:before {
  content: "\e9d7";
}
.pi-telegram:before {
  content: "\e9d3";
}
.pi-stop-circle:before {
  content: "\e9d2";
}
.pi-stop:before {
  content: "\e9d1";
}
.pi-whatsapp:before {
  content: "\e9d0";
}
.pi-building:before {
  content: "\e9cf";
}
.pi-qrcode:before {
  content: "\e9ce";
}
.pi-car:before {
  content: "\e9cd";
}
.pi-instagram:before {
  content: "\e9cc";
}
.pi-linkedin:before {
  content: "\e9cb";
}
.pi-send:before {
  content: "\e9ca";
}
.pi-slack:before {
  content: "\e9c9";
}
.pi-sun:before {
  content: "\e9c8";
}
.pi-moon:before {
  content: "\e9c7";
}
.pi-vimeo:before {
  content: "\e9c6";
}
.pi-youtube:before {
  content: "\e9c5";
}
.pi-flag:before {
  content: "\e9c4";
}
.pi-wallet:before {
  content: "\e9c3";
}
.pi-map:before {
  content: "\e9c2";
}
.pi-link:before {
  content: "\e9c1";
}
.pi-credit-card:before {
  content: "\e9bf";
}
.pi-discord:before {
  content: "\e9c0";
}
.pi-percentage:before {
  content: "\e9be";
}
.pi-euro:before {
  content: "\e9bd";
}
.pi-book:before {
  content: "\e9ba";
}
.pi-shield:before {
  content: "\e9b9";
}
.pi-paypal:before {
  content: "\e9bb";
}
.pi-amazon:before {
  content: "\e9bc";
}
.pi-phone:before {
  content: "\e9b8";
}
.pi-filter-slash:before {
  content: "\e9b7";
}
.pi-facebook:before {
  content: "\e9b4";
}
.pi-github:before {
  content: "\e9b5";
}
.pi-twitter:before {
  content: "\e9b6";
}
.pi-step-backward-alt:before {
  content: "\e9ac";
}
.pi-step-forward-alt:before {
  content: "\e9ad";
}
.pi-forward:before {
  content: "\e9ae";
}
.pi-backward:before {
  content: "\e9af";
}
.pi-fast-backward:before {
  content: "\e9b0";
}
.pi-fast-forward:before {
  content: "\e9b1";
}
.pi-pause:before {
  content: "\e9b2";
}
.pi-play:before {
  content: "\e9b3";
}
.pi-compass:before {
  content: "\e9ab";
}
.pi-id-card:before {
  content: "\e9aa";
}
.pi-ticket:before {
  content: "\e9a9";
}
.pi-file-o:before {
  content: "\e9a8";
}
.pi-reply:before {
  content: "\e9a7";
}
.pi-directions-alt:before {
  content: "\e9a5";
}
.pi-directions:before {
  content: "\e9a6";
}
.pi-thumbs-up:before {
  content: "\e9a3";
}
.pi-thumbs-down:before {
  content: "\e9a4";
}
.pi-sort-numeric-down-alt:before {
  content: "\e996";
}
.pi-sort-numeric-up-alt:before {
  content: "\e997";
}
.pi-sort-alpha-down-alt:before {
  content: "\e998";
}
.pi-sort-alpha-up-alt:before {
  content: "\e999";
}
.pi-sort-numeric-down:before {
  content: "\e99a";
}
.pi-sort-numeric-up:before {
  content: "\e99b";
}
.pi-sort-alpha-down:before {
  content: "\e99c";
}
.pi-sort-alpha-up:before {
  content: "\e99d";
}
.pi-sort-alt:before {
  content: "\e99e";
}
.pi-sort-amount-up:before {
  content: "\e99f";
}
.pi-sort-amount-down:before {
  content: "\e9a0";
}
.pi-sort-amount-down-alt:before {
  content: "\e9a1";
}
.pi-sort-amount-up-alt:before {
  content: "\e9a2";
}
.pi-palette:before {
  content: "\e995";
}
.pi-undo:before {
  content: "\e994";
}
.pi-desktop:before {
  content: "\e993";
}
.pi-sliders-v:before {
  content: "\e991";
}
.pi-sliders-h:before {
  content: "\e992";
}
.pi-search-plus:before {
  content: "\e98f";
}
.pi-search-minus:before {
  content: "\e990";
}
.pi-file-excel:before {
  content: "\e98e";
}
.pi-file-pdf:before {
  content: "\e98d";
}
.pi-check-square:before {
  content: "\e98c";
}
.pi-chart-line:before {
  content: "\e98b";
}
.pi-user-edit:before {
  content: "\e98a";
}
.pi-exclamation-circle:before {
  content: "\e989";
}
.pi-android:before {
  content: "\e985";
}
.pi-google:before {
  content: "\e986";
}
.pi-apple:before {
  content: "\e987";
}
.pi-microsoft:before {
  content: "\e988";
}
.pi-heart:before {
  content: "\e984";
}
.pi-mobile:before {
  content: "\e982";
}
.pi-tablet:before {
  content: "\e983";
}
.pi-key:before {
  content: "\e981";
}
.pi-shopping-cart:before {
  content: "\e980";
}
.pi-comments:before {
  content: "\e97e";
}
.pi-comment:before {
  content: "\e97f";
}
.pi-briefcase:before {
  content: "\e97d";
}
.pi-bell:before {
  content: "\e97c";
}
.pi-paperclip:before {
  content: "\e97b";
}
.pi-share-alt:before {
  content: "\e97a";
}
.pi-envelope:before {
  content: "\e979";
}
.pi-volume-down:before {
  content: "\e976";
}
.pi-volume-up:before {
  content: "\e977";
}
.pi-volume-off:before {
  content: "\e978";
}
.pi-eject:before {
  content: "\e975";
}
.pi-money-bill:before {
  content: "\e974";
}
.pi-images:before {
  content: "\e973";
}
.pi-image:before {
  content: "\e972";
}
.pi-sign-in:before {
  content: "\e970";
}
.pi-sign-out:before {
  content: "\e971";
}
.pi-wifi:before {
  content: "\e96f";
}
.pi-sitemap:before {
  content: "\e96e";
}
.pi-chart-bar:before {
  content: "\e96d";
}
.pi-camera:before {
  content: "\e96c";
}
.pi-dollar:before {
  content: "\e96b";
}
.pi-lock-open:before {
  content: "\e96a";
}
.pi-table:before {
  content: "\e969";
}
.pi-map-marker:before {
  content: "\e968";
}
.pi-list:before {
  content: "\e967";
}
.pi-eye-slash:before {
  content: "\e965";
}
.pi-eye:before {
  content: "\e966";
}
.pi-folder-open:before {
  content: "\e964";
}
.pi-folder:before {
  content: "\e963";
}
.pi-video:before {
  content: "\e962";
}
.pi-inbox:before {
  content: "\e961";
}
.pi-lock:before {
  content: "\e95f";
}
.pi-unlock:before {
  content: "\e960";
}
.pi-tags:before {
  content: "\e95d";
}
.pi-tag:before {
  content: "\e95e";
}
.pi-power-off:before {
  content: "\e95c";
}
.pi-save:before {
  content: "\e95b";
}
.pi-question-circle:before {
  content: "\e959";
}
.pi-question:before {
  content: "\e95a";
}
.pi-copy:before {
  content: "\e957";
}
.pi-file:before {
  content: "\e958";
}
.pi-clone:before {
  content: "\e955";
}
.pi-calendar-times:before {
  content: "\e952";
}
.pi-calendar-minus:before {
  content: "\e953";
}
.pi-calendar-plus:before {
  content: "\e954";
}
.pi-ellipsis-v:before {
  content: "\e950";
}
.pi-ellipsis-h:before {
  content: "\e951";
}
.pi-bookmark:before {
  content: "\e94e";
}
.pi-globe:before {
  content: "\e94f";
}
.pi-replay:before {
  content: "\e94d";
}
.pi-filter:before {
  content: "\e94c";
}
.pi-print:before {
  content: "\e94b";
}
.pi-align-right:before {
  content: "\e946";
}
.pi-align-left:before {
  content: "\e947";
}
.pi-align-center:before {
  content: "\e948";
}
.pi-align-justify:before {
  content: "\e949";
}
.pi-cog:before {
  content: "\e94a";
}
.pi-cloud-download:before {
  content: "\e943";
}
.pi-cloud-upload:before {
  content: "\e944";
}
.pi-cloud:before {
  content: "\e945";
}
.pi-pencil:before {
  content: "\e942";
}
.pi-users:before {
  content: "\e941";
}
.pi-clock:before {
  content: "\e940";
}
.pi-user-minus:before {
  content: "\e93e";
}
.pi-user-plus:before {
  content: "\e93f";
}
.pi-trash:before {
  content: "\e93d";
}
.pi-external-link:before {
  content: "\e93c";
}
.pi-window-maximize:before {
  content: "\e93b";
}
.pi-window-minimize:before {
  content: "\e93a";
}
.pi-refresh:before {
  content: "\e938";
}
.pi-user:before {
  content: "\e939";
}
.pi-exclamation-triangle:before {
  content: "\e922";
}
.pi-calendar:before {
  content: "\e927";
}
.pi-chevron-circle-left:before {
  content: "\e928";
}
.pi-chevron-circle-down:before {
  content: "\e929";
}
.pi-chevron-circle-right:before {
  content: "\e92a";
}
.pi-chevron-circle-up:before {
  content: "\e92b";
}
.pi-angle-double-down:before {
  content: "\e92c";
}
.pi-angle-double-left:before {
  content: "\e92d";
}
.pi-angle-double-right:before {
  content: "\e92e";
}
.pi-angle-double-up:before {
  content: "\e92f";
}
.pi-angle-down:before {
  content: "\e930";
}
.pi-angle-left:before {
  content: "\e931";
}
.pi-angle-right:before {
  content: "\e932";
}
.pi-angle-up:before {
  content: "\e933";
}
.pi-upload:before {
  content: "\e934";
}
.pi-download:before {
  content: "\e956";
}
.pi-ban:before {
  content: "\e935";
}
.pi-star-fill:before {
  content: "\e936";
}
.pi-star:before {
  content: "\e937";
}
.pi-chevron-left:before {
  content: "\e900";
}
.pi-chevron-right:before {
  content: "\e901";
}
.pi-chevron-down:before {
  content: "\e902";
}
.pi-chevron-up:before {
  content: "\e903";
}
.pi-caret-left:before {
  content: "\e904";
}
.pi-caret-right:before {
  content: "\e905";
}
.pi-caret-down:before {
  content: "\e906";
}
.pi-caret-up:before {
  content: "\e907";
}
.pi-search:before {
  content: "\e908";
}
.pi-check:before {
  content: "\e909";
}
.pi-check-circle:before {
  content: "\e90a";
}
.pi-times:before {
  content: "\e90b";
}
.pi-times-circle:before {
  content: "\e90c";
}
.pi-plus:before {
  content: "\e90d";
}
.pi-plus-circle:before {
  content: "\e90e";
}
.pi-minus:before {
  content: "\e90f";
}
.pi-minus-circle:before {
  content: "\e910";
}
.pi-circle-on:before {
  content: "\e911";
}
.pi-circle-off:before {
  content: "\e912";
}
.pi-sort-down:before {
  content: "\e913";
}
.pi-sort-up:before {
  content: "\e914";
}
.pi-sort:before {
  content: "\e915";
}
.pi-step-backward:before {
  content: "\e916";
}
.pi-step-forward:before {
  content: "\e917";
}
.pi-th-large:before {
  content: "\e918";
}
.pi-arrow-down:before {
  content: "\e919";
}
.pi-arrow-left:before {
  content: "\e91a";
}
.pi-arrow-right:before {
  content: "\e91b";
}
.pi-arrow-up:before {
  content: "\e91c";
}
.pi-bars:before {
  content: "\e91d";
}
.pi-arrow-circle-down:before {
  content: "\e91e";
}
.pi-arrow-circle-left:before {
  content: "\e91f";
}
.pi-arrow-circle-right:before {
  content: "\e920";
}
.pi-arrow-circle-up:before {
  content: "\e921";
}
.pi-info:before {
  content: "\e923";
}
.pi-info-circle:before {
  content: "\e924";
}
.pi-home:before {
  content: "\e925";
}
.pi-spinner:before {
  content: "\e926";
}

/* node_modules/fullcalendar/dist/fullcalendar.css */
/*!
 * FullCalendar v3.10.5
 * Docs & License: https://fullcalendar.io/
 * (c) 2019 Adam Shaw
 */
.fc {
  direction: ltr;
  text-align: left;
}
.fc-rtl {
  text-align: right;
}
body .fc {
  font-size: 1em;
}
.fc-highlight {
  background: #bce8f1;
  opacity: .3;
}
.fc-bgevent {
  background: #8fdf82;
  opacity: .3;
}
.fc-nonbusiness {
  background: #d7d7d7;
}
.fc button {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  height: 2.1em;
  padding: 0 .6em;
  font-size: 1em;
  white-space: nowrap;
  cursor: pointer;
}
.fc button::-moz-focus-inner {
  margin: 0;
  padding: 0;
}
.fc-state-default {
  border: 1px solid;
}
.fc-state-default.fc-corner-left {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.fc-state-default.fc-corner-right {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.fc button .fc-icon {
  position: relative;
  top: -0.05em;
  margin: 0 .2em;
  vertical-align: middle;
}
.fc-state-default {
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image:
    linear-gradient(
      to bottom,
      #ffffff,
      #e6e6e6);
  background-repeat: repeat-x;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  color: #333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-hover,
.fc-state-down,
.fc-state-active,
.fc-state-disabled {
  color: #333333;
  background-color: #e6e6e6;
}
.fc-state-hover {
  color: #333333;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  -moz-transition: background-position 0.1s linear;
  -o-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
}
.fc-state-down,
.fc-state-active {
  background-color: #cccccc;
  background-image: none;
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.fc-state-disabled {
  cursor: default;
  background-image: none;
  opacity: 0.65;
  box-shadow: none;
}
.fc-button-group {
  display: inline-block;
}
.fc .fc-button-group > * {
  float: left;
  margin: 0 0 0 -1px;
}
.fc .fc-button-group > :first-child {
  margin-left: 0;
}
.fc-popover {
  position: absolute;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
}
.fc-popover .fc-header {
  padding: 2px 4px;
}
.fc-popover .fc-header .fc-title {
  margin: 0 2px;
}
.fc-popover .fc-header .fc-close {
  cursor: pointer;
}
.fc-ltr .fc-popover .fc-header .fc-title,
.fc-rtl .fc-popover .fc-header .fc-close {
  float: left;
}
.fc-rtl .fc-popover .fc-header .fc-title,
.fc-ltr .fc-popover .fc-header .fc-close {
  float: right;
}
.fc-divider {
  border-style: solid;
  border-width: 1px;
}
hr.fc-divider {
  height: 0;
  margin: 0;
  padding: 0 0 2px;
  border-width: 1px 0;
}
.fc-clear {
  clear: both;
}
.fc-bg,
.fc-bgevent-skeleton,
.fc-highlight-skeleton,
.fc-helper-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.fc-bg {
  bottom: 0;
}
.fc-bg table {
  height: 100%;
}
.fc table {
  width: 100%;
  box-sizing: border-box;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  font-size: 1em;
}
.fc th {
  text-align: center;
}
.fc th,
.fc td {
  border-style: solid;
  border-width: 1px;
  padding: 0;
  vertical-align: top;
}
.fc td.fc-today {
  border-style: double;
}
a[data-goto] {
  cursor: pointer;
}
a[data-goto]:hover {
  text-decoration: underline;
}
.fc .fc-row {
  border-style: solid;
  border-width: 0;
}
.fc-row table {
  border-left: 0 hidden transparent;
  border-right: 0 hidden transparent;
  border-bottom: 0 hidden transparent;
}
.fc-row:first-child table {
  border-top: 0 hidden transparent;
}
.fc-row {
  position: relative;
}
.fc-row .fc-bg {
  z-index: 1;
}
.fc-row .fc-bgevent-skeleton,
.fc-row .fc-highlight-skeleton {
  bottom: 0;
}
.fc-row .fc-bgevent-skeleton table,
.fc-row .fc-highlight-skeleton table {
  height: 100%;
}
.fc-row .fc-highlight-skeleton td,
.fc-row .fc-bgevent-skeleton td {
  border-color: transparent;
}
.fc-row .fc-bgevent-skeleton {
  z-index: 2;
}
.fc-row .fc-highlight-skeleton {
  z-index: 3;
}
.fc-row .fc-content-skeleton {
  position: relative;
  z-index: 4;
  padding-bottom: 2px;
}
.fc-row .fc-helper-skeleton {
  z-index: 5;
}
.fc .fc-row .fc-content-skeleton table,
.fc .fc-row .fc-content-skeleton td,
.fc .fc-row .fc-helper-skeleton td {
  background: none;
  border-color: transparent;
}
.fc-row .fc-content-skeleton td,
.fc-row .fc-helper-skeleton td {
  border-bottom: 0;
}
.fc-row .fc-content-skeleton tbody td,
.fc-row .fc-helper-skeleton tbody td {
  border-top: 0;
}
.fc-scroller {
  -webkit-overflow-scrolling: touch;
}
.fc-scroller > .fc-day-grid,
.fc-scroller > .fc-time-grid {
  position: relative;
  width: 100%;
}
.fc-event {
  position: relative;
  display: block;
  font-size: .85em;
  line-height: 1.3;
  border-radius: 3px;
  border: 1px solid #3a87ad;
}
.fc-event,
.fc-event-dot {
  background-color: #3a87ad;
}
.fc-event,
.fc-event:hover {
  color: #fff;
  text-decoration: none;
}
.fc-event[href],
.fc-event.fc-draggable {
  cursor: pointer;
}
.fc-not-allowed,
.fc-not-allowed .fc-event {
  cursor: not-allowed;
}
.fc-event .fc-bg {
  z-index: 1;
  background: #fff;
  opacity: .25;
}
.fc-event .fc-content {
  position: relative;
  z-index: 2;
}
.fc-event .fc-resizer {
  position: absolute;
  z-index: 4;
}
.fc-event .fc-resizer {
  display: none;
}
.fc-event.fc-allow-mouse-resize .fc-resizer,
.fc-event.fc-selected .fc-resizer {
  display: block;
}
.fc-event.fc-selected .fc-resizer:before {
  content: "";
  position: absolute;
  z-index: 9999;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  margin-left: -20px;
  margin-top: -20px;
}
.fc-event.fc-selected {
  z-index: 9999 !important;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.fc-event.fc-selected.fc-dragging {
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.3);
}
.fc-h-event.fc-selected:before {
  content: "";
  position: absolute;
  z-index: 3;
  top: -10px;
  bottom: -10px;
  left: 0;
  right: 0;
}
.fc-ltr .fc-h-event.fc-not-start,
.fc-rtl .fc-h-event.fc-not-end {
  margin-left: 0;
  border-left-width: 0;
  padding-left: 1px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.fc-ltr .fc-h-event.fc-not-end,
.fc-rtl .fc-h-event.fc-not-start {
  margin-right: 0;
  border-right-width: 0;
  padding-right: 1px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.fc-ltr .fc-h-event .fc-start-resizer,
.fc-rtl .fc-h-event .fc-end-resizer {
  cursor: w-resize;
  left: -1px;
}
.fc-ltr .fc-h-event .fc-end-resizer,
.fc-rtl .fc-h-event .fc-start-resizer {
  cursor: e-resize;
  right: -1px;
}
.fc-h-event.fc-allow-mouse-resize .fc-resizer {
  width: 7px;
  top: -1px;
  bottom: -1px;
}
.fc-h-event.fc-selected .fc-resizer {
  border-radius: 4px;
  border-width: 1px;
  width: 6px;
  height: 6px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  top: 50%;
  margin-top: -4px;
}
.fc-ltr .fc-h-event.fc-selected .fc-start-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-end-resizer {
  margin-left: -4px;
}
.fc-ltr .fc-h-event.fc-selected .fc-end-resizer,
.fc-rtl .fc-h-event.fc-selected .fc-start-resizer {
  margin-right: -4px;
}
.fc-day-grid-event {
  margin: 1px 2px 0;
  padding: 0 1px;
}
tr:first-child > td > .fc-day-grid-event {
  margin-top: 2px;
}
.fc-day-grid-event.fc-selected:after {
  content: "";
  position: absolute;
  z-index: 1;
  top: -1px;
  right: -1px;
  bottom: -1px;
  left: -1px;
  background: #000;
  opacity: .25;
}
.fc-day-grid-event .fc-content {
  white-space: nowrap;
  overflow: hidden;
}
.fc-day-grid-event .fc-time {
  font-weight: bold;
}
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer {
  margin-left: -2px;
}
.fc-ltr .fc-day-grid-event.fc-allow-mouse-resize .fc-end-resizer,
.fc-rtl .fc-day-grid-event.fc-allow-mouse-resize .fc-start-resizer {
  margin-right: -2px;
}
a.fc-more {
  margin: 1px 3px;
  font-size: .85em;
  cursor: pointer;
  text-decoration: none;
}
a.fc-more:hover {
  text-decoration: underline;
}
.fc-limited {
  display: none;
}
.fc-day-grid .fc-row {
  z-index: 1;
}
.fc-more-popover {
  z-index: 2;
  width: 220px;
}
.fc-more-popover .fc-event-container {
  padding: 10px;
}
.fc-now-indicator {
  position: absolute;
  border: 0 solid red;
}
.fc-unselectable {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.fc-unthemed th,
.fc-unthemed td,
.fc-unthemed thead,
.fc-unthemed tbody,
.fc-unthemed .fc-divider,
.fc-unthemed .fc-row,
.fc-unthemed .fc-content,
.fc-unthemed .fc-popover,
.fc-unthemed .fc-list-view,
.fc-unthemed .fc-list-heading td {
  border-color: #ddd;
}
.fc-unthemed .fc-popover {
  background-color: #fff;
}
.fc-unthemed .fc-divider,
.fc-unthemed .fc-popover .fc-header,
.fc-unthemed .fc-list-heading td {
  background: #eee;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
  color: #666;
}
.fc-unthemed td.fc-today {
  background: #fcf8e3;
}
.fc-unthemed .fc-disabled-day {
  background: #d7d7d7;
  opacity: .3;
}
.fc-icon {
  display: inline-block;
  height: 1em;
  line-height: 1em;
  font-size: 1em;
  text-align: center;
  overflow: hidden;
  font-family:
    "Courier New",
    Courier,
    monospace;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fc-icon:after {
  position: relative;
}
.fc-icon-left-single-arrow:after {
  content: "\2039";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}
.fc-icon-right-single-arrow:after {
  content: "\203a";
  font-weight: bold;
  font-size: 200%;
  top: -7%;
}
.fc-icon-left-double-arrow:after {
  content: "\ab";
  font-size: 160%;
  top: -7%;
}
.fc-icon-right-double-arrow:after {
  content: "\bb";
  font-size: 160%;
  top: -7%;
}
.fc-icon-left-triangle:after {
  content: "\25c4";
  font-size: 125%;
  top: 3%;
}
.fc-icon-right-triangle:after {
  content: "\25ba";
  font-size: 125%;
  top: 3%;
}
.fc-icon-down-triangle:after {
  content: "\25bc";
  font-size: 125%;
  top: 2%;
}
.fc-icon-x:after {
  content: "\d7";
  font-size: 200%;
  top: 6%;
}
.fc-unthemed .fc-popover {
  border-width: 1px;
  border-style: solid;
}
.fc-unthemed .fc-popover .fc-header .fc-close {
  font-size: .9em;
  margin-top: 2px;
}
.fc-unthemed .fc-list-item:hover td {
  background-color: #f5f5f5;
}
.ui-widget .fc-disabled-day {
  background-image: none;
}
.fc-popover > .ui-widget-header + .ui-widget-content {
  border-top: 0;
}
.ui-widget .fc-event {
  color: #fff;
  text-decoration: none;
  font-weight: normal;
}
.ui-widget td.fc-axis {
  font-weight: normal;
}
.fc-time-grid .fc-slats .ui-widget-content {
  background: none;
}
.fc.fc-bootstrap3 a {
  text-decoration: none;
}
.fc.fc-bootstrap3 a[data-goto]:hover {
  text-decoration: underline;
}
.fc-bootstrap3 hr.fc-divider {
  border-color: inherit;
}
.fc-bootstrap3 .fc-today.alert {
  border-radius: 0;
}
.fc-bootstrap3 .fc-popover .panel-body {
  padding: 0;
}
.fc-bootstrap3 .fc-time-grid .fc-slats table {
  background: none;
}
.fc.fc-bootstrap4 a {
  text-decoration: none;
}
.fc.fc-bootstrap4 a[data-goto]:hover {
  text-decoration: underline;
}
.fc-bootstrap4 hr.fc-divider {
  border-color: inherit;
}
.fc-bootstrap4 .fc-today.alert {
  border-radius: 0;
}
.fc-bootstrap4 a.fc-event:not([href]):not([tabindex]) {
  color: #fff;
}
.fc-bootstrap4 .fc-popover.card {
  position: absolute;
}
.fc-bootstrap4 .fc-popover .card-body {
  padding: 0;
}
.fc-bootstrap4 .fc-time-grid .fc-slats table {
  background: none;
}
.fc-toolbar {
  text-align: center;
}
.fc-toolbar.fc-header-toolbar {
  margin-bottom: 1em;
}
.fc-toolbar.fc-footer-toolbar {
  margin-top: 1em;
}
.fc-toolbar .fc-left {
  float: left;
}
.fc-toolbar .fc-right {
  float: right;
}
.fc-toolbar .fc-center {
  display: inline-block;
}
.fc .fc-toolbar > * > * {
  float: left;
  margin-left: .75em;
}
.fc .fc-toolbar > * > :first-child {
  margin-left: 0;
}
.fc-toolbar h2 {
  margin: 0;
}
.fc-toolbar button {
  position: relative;
}
.fc-toolbar .fc-state-hover,
.fc-toolbar .ui-state-hover {
  z-index: 2;
}
.fc-toolbar .fc-state-down {
  z-index: 3;
}
.fc-toolbar .fc-state-active,
.fc-toolbar .ui-state-active {
  z-index: 4;
}
.fc-toolbar button:focus {
  z-index: 5;
}
.fc-view-container *,
.fc-view-container *:before,
.fc-view-container *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fc-view,
.fc-view > table {
  position: relative;
  z-index: 1;
}
.fc-basicWeek-view .fc-content-skeleton,
.fc-basicDay-view .fc-content-skeleton {
  padding-bottom: 1em;
}
.fc-basic-view .fc-body .fc-row {
  min-height: 4em;
}
.fc-row.fc-rigid {
  overflow: hidden;
}
.fc-row.fc-rigid .fc-content-skeleton {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.fc-day-top.fc-other-month {
  opacity: 0.3;
}
.fc-basic-view .fc-week-number,
.fc-basic-view .fc-day-number {
  padding: 2px;
}
.fc-basic-view th.fc-week-number,
.fc-basic-view th.fc-day-number {
  padding: 0 2px;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
  float: right;
}
.fc-rtl .fc-basic-view .fc-day-top .fc-day-number {
  float: left;
}
.fc-ltr .fc-basic-view .fc-day-top .fc-week-number {
  float: left;
  border-radius: 0 0 3px 0;
}
.fc-rtl .fc-basic-view .fc-day-top .fc-week-number {
  float: right;
  border-radius: 0 0 0 3px;
}
.fc-basic-view .fc-day-top .fc-week-number {
  min-width: 1.5em;
  text-align: center;
  background-color: #f2f2f2;
  color: #808080;
}
.fc-basic-view td.fc-week-number {
  text-align: center;
}
.fc-basic-view td.fc-week-number > * {
  display: inline-block;
  min-width: 1.25em;
}
.fc-agenda-view .fc-day-grid {
  position: relative;
  z-index: 2;
}
.fc-agenda-view .fc-day-grid .fc-row {
  min-height: 3em;
}
.fc-agenda-view .fc-day-grid .fc-row .fc-content-skeleton {
  padding-bottom: 1em;
}
.fc .fc-axis {
  vertical-align: middle;
  padding: 0 4px;
  white-space: nowrap;
}
.fc-ltr .fc-axis {
  text-align: right;
}
.fc-rtl .fc-axis {
  text-align: left;
}
.fc-time-grid-container,
.fc-time-grid {
  position: relative;
  z-index: 1;
}
.fc-time-grid {
  min-height: 100%;
}
.fc-time-grid table {
  border: 0 hidden transparent;
}
.fc-time-grid > .fc-bg {
  z-index: 1;
}
.fc-time-grid .fc-slats,
.fc-time-grid > hr {
  position: relative;
  z-index: 2;
}
.fc-time-grid .fc-content-col {
  position: relative;
}
.fc-time-grid .fc-content-skeleton {
  position: absolute;
  z-index: 3;
  top: 0;
  left: 0;
  right: 0;
}
.fc-time-grid .fc-business-container {
  position: relative;
  z-index: 1;
}
.fc-time-grid .fc-bgevent-container {
  position: relative;
  z-index: 2;
}
.fc-time-grid .fc-highlight-container {
  position: relative;
  z-index: 3;
}
.fc-time-grid .fc-event-container {
  position: relative;
  z-index: 4;
}
.fc-time-grid .fc-now-indicator-line {
  z-index: 5;
}
.fc-time-grid .fc-helper-container {
  position: relative;
  z-index: 6;
}
.fc-time-grid .fc-slats td {
  height: 1.5em;
  border-bottom: 0;
}
.fc-time-grid .fc-slats .fc-minor td {
  border-top-style: dotted;
}
.fc-time-grid .fc-highlight-container {
  position: relative;
}
.fc-time-grid .fc-highlight {
  position: absolute;
  left: 0;
  right: 0;
}
.fc-ltr .fc-time-grid .fc-event-container {
  margin: 0 2.5% 0 2px;
}
.fc-rtl .fc-time-grid .fc-event-container {
  margin: 0 2px 0 2.5%;
}
.fc-time-grid .fc-event,
.fc-time-grid .fc-bgevent {
  position: absolute;
  z-index: 1;
}
.fc-time-grid .fc-bgevent {
  left: 0;
  right: 0;
}
.fc-v-event.fc-not-start {
  border-top-width: 0;
  padding-top: 1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.fc-v-event.fc-not-end {
  border-bottom-width: 0;
  padding-bottom: 1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.fc-time-grid-event {
  overflow: hidden;
}
.fc-time-grid-event.fc-selected {
  overflow: visible;
}
.fc-time-grid-event.fc-selected .fc-bg {
  display: none;
}
.fc-time-grid-event .fc-content {
  overflow: hidden;
}
.fc-time-grid-event .fc-time,
.fc-time-grid-event .fc-title {
  padding: 0 1px;
}
.fc-time-grid-event .fc-time {
  font-size: .85em;
  white-space: nowrap;
}
.fc-time-grid-event.fc-short .fc-content {
  white-space: nowrap;
}
.fc-time-grid-event.fc-short .fc-time,
.fc-time-grid-event.fc-short .fc-title {
  display: inline-block;
  vertical-align: top;
}
.fc-time-grid-event.fc-short .fc-time span {
  display: none;
}
.fc-time-grid-event.fc-short .fc-time:before {
  content: attr(data-start);
}
.fc-time-grid-event.fc-short .fc-time:after {
  content: "\a0-\a0";
}
.fc-time-grid-event.fc-short .fc-title {
  font-size: .85em;
  padding: 0;
}
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer {
  left: 0;
  right: 0;
  bottom: 0;
  height: 8px;
  overflow: hidden;
  line-height: 8px;
  font-size: 11px;
  font-family: monospace;
  text-align: center;
  cursor: s-resize;
}
.fc-time-grid-event.fc-allow-mouse-resize .fc-resizer:after {
  content: "=";
}
.fc-time-grid-event.fc-selected .fc-resizer {
  border-radius: 5px;
  border-width: 1px;
  width: 8px;
  height: 8px;
  border-style: solid;
  border-color: inherit;
  background: #fff;
  left: 50%;
  margin-left: -5px;
  bottom: -5px;
}
.fc-time-grid .fc-now-indicator-line {
  border-top-width: 1px;
  left: 0;
  right: 0;
}
.fc-time-grid .fc-now-indicator-arrow {
  margin-top: -5px;
}
.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
  left: 0;
  border-width: 5px 0 5px 6px;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.fc-rtl .fc-time-grid .fc-now-indicator-arrow {
  right: 0;
  border-width: 5px 6px 5px 0;
  border-top-color: transparent;
  border-bottom-color: transparent;
}
.fc-event-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
}
.fc-rtl .fc-list-view {
  direction: rtl;
}
.fc-list-view {
  border-width: 1px;
  border-style: solid;
}
.fc .fc-list-table {
  table-layout: auto;
}
.fc-list-table td {
  border-width: 1px 0 0;
  padding: 8px 14px;
}
.fc-list-table tr:first-child td {
  border-top-width: 0;
}
.fc-list-heading {
  border-bottom-width: 1px;
}
.fc-list-heading td {
  font-weight: bold;
}
.fc-ltr .fc-list-heading-main {
  float: left;
}
.fc-ltr .fc-list-heading-alt {
  float: right;
}
.fc-rtl .fc-list-heading-main {
  float: right;
}
.fc-rtl .fc-list-heading-alt {
  float: left;
}
.fc-list-item.fc-has-url {
  cursor: pointer;
}
.fc-list-item-marker,
.fc-list-item-time {
  white-space: nowrap;
  width: 1px;
}
.fc-ltr .fc-list-item-marker {
  padding-right: 0;
}
.fc-rtl .fc-list-item-marker {
  padding-left: 0;
}
.fc-list-item-title a {
  text-decoration: none;
  color: inherit;
}
.fc-list-item-title a[href]:hover {
  text-decoration: underline;
}
.fc-list-empty-wrap2 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.fc-list-empty-wrap1 {
  width: 100%;
  height: 100%;
  display: table;
}
.fc-list-empty {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.fc-unthemed .fc-list-empty {
  background-color: #eee;
}

/* node_modules/fullcalendar-scheduler/dist/scheduler.min.css */
/*!
 * FullCalendar Scheduler v1.10.4
 * Docs & License: https://fullcalendar.io/scheduler/
 * (c) 2019 Adam Shaw
 */
.fc-resource-area .fc-cell-content,
.fc-timeline .fc-cell-text {
  padding-left: 4px;
  padding-right: 4px;
}
.fc-scroller-clip {
  overflow: hidden;
  position: relative;
}
.fc-no-scrollbars {
  background: rgba(255, 255, 255, 0);
}
.fc-timeline .fc-body .fc-divider.ui-widget-header,
.fc-timeline .fc-body .ui-widget-content {
  background-image: none;
}
.fc-no-scrollbars::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.fc-scroller-canvas {
  position: relative;
  box-sizing: border-box;
  min-height: 100%;
}
.fc-scroller-canvas > .fc-bg {
  z-index: 1;
}
.fc-scroller-canvas > .fc-content {
  z-index: 2;
  position: relative;
  border-style: solid;
  border-width: 0;
}
.ui-widget .fc-scroller-canvas > .fc-content {
  border-color: transparent;
}
.fc-scroller-canvas.fc-gutter-left > .fc-content {
  border-left-width: 1px;
  margin-left: -1px;
}
.fc-scroller-canvas.fc-gutter-right > .fc-content {
  border-right-width: 1px;
  margin-right: -1px;
}
.fc-scroller-canvas.fc-gutter-top > .fc-content {
  border-top-width: 1px;
  margin-top: -1px;
}
.fc-rtl .fc-timeline {
  direction: rtl;
}
.fc-timeline .fc-divider {
  width: 3px;
  border-style: double;
}
.fc-timeline .fc-head > tr > .fc-divider {
  border-bottom: 0;
}
.fc-timeline .fc-body > tr > .fc-divider {
  border-top: 0;
}
.fc-scrolled .fc-head .fc-scroller {
  z-index: 2;
}
.fc-timeline.fc-scrolled .fc-head .fc-scroller {
  box-shadow: 0 3px 4px rgba(0, 0, 0, .075);
}
.fc-timeline .fc-body .fc-scroller {
  z-index: 1;
}
.fc-timeline .fc-scroller-canvas > div > div > table,
.fc-timeline .fc-scroller-canvas > div > table {
  border-style: hidden;
}
.fc-timeline .fc-scroller-canvas > .fc-content > .fc-rows > table {
  border-bottom-style: none;
}
.fc-timeline td,
.fc-timeline th {
  white-space: nowrap;
}
.fc-timeline .fc-cell-content {
  overflow: hidden;
}
.fc-timeline .fc-col-resizer {
  cursor: col-resize;
}
.fc-timeline th {
  vertical-align: middle;
}
.fc-timeline .fc-head .fc-cell-content {
  padding-top: 3px;
  padding-bottom: 3px;
}
.fc-resource-area {
  width: 30%;
}
.fc-resource-area col {
  width: 40%;
  min-width: 70px;
}
.fc-resource-area col.fc-main-col {
  width: 60%;
}
.fc-flat .fc-expander-space {
  display: none;
}
.fc-ltr .fc-resource-area tr > * {
  text-align: left;
}
.fc-rtl .fc-resource-area tr > * {
  text-align: right;
}
.fc-resource-area .fc-super th {
  text-align: center;
}
.fc-resource-area th > div {
  position: relative;
}
.fc-resource-area th .fc-cell-content {
  position: relative;
  z-index: 1;
}
.fc-resource-area th .fc-col-resizer {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  width: 5px;
}
.fc-ltr .fc-resource-area th .fc-col-resizer {
  right: -3px;
}
.fc-rtl .fc-resource-area th .fc-col-resizer {
  left: -3px;
}
tr.fc-collapsed > td,
tr.fc-transitioning > td {
  overflow: hidden;
}
tr.fc-transitioning > td > div {
  transition: margin-top .2s;
}
tr.fc-collapsed > td > div {
  margin-top: -10px;
}
.fc-body .fc-resource-area .fc-cell-content {
  position: relative;
  padding-top: 8px;
  padding-bottom: 8px;
}
.fc-no-overlap .fc-body .fc-resource-area .fc-cell-content {
  padding-top: 5px;
  padding-bottom: 5px;
}
.fc-resource-area .fc-icon {
  width: 1em;
  font-size: .9em;
  vertical-align: middle;
  margin-top: -1%;
}
.fc-resource-area .fc-expander {
  cursor: pointer;
  color: #666;
}
.fc-time-area col {
  min-width: 2.2em;
}
.fc-ltr .fc-time-area .fc-chrono th {
  text-align: left;
}
.fc-rtl .fc-time-area .fc-chrono th {
  text-align: right;
}
.fc-time-area .fc-slats {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.fc-time-area .fc-slats table {
  height: 100%;
}
.fc-time-area .fc-slats .fc-minor {
  border-style: dotted;
}
.fc-time-area .fc-slats td {
  border-width: 0 1px;
}
.fc-ltr .fc-time-area .fc-slats td {
  border-right-width: 0;
}
.fc-rtl .fc-time-area .fc-slats td {
  border-left-width: 0;
}
.fc-time-area .fc-bgevent-container,
.fc-time-area .fc-highlight-container {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: 0;
  width: 0;
}
.fc-ltr .fc-time-area .fc-bgevent-container,
.fc-ltr .fc-time-area .fc-helper-container,
.fc-ltr .fc-time-area .fc-highlight-container {
  left: 0;
}
.fc-rtl .fc-time-area .fc-bgevent-container,
.fc-rtl .fc-time-area .fc-helper-container,
.fc-rtl .fc-time-area .fc-highlight-container {
  right: 0;
}
.fc-time-area .fc-bgevent,
.fc-time-area .fc-highlight {
  position: absolute;
  top: 0;
  bottom: 0;
}
.fc-time-area .fc-rows {
  position: relative;
  z-index: 3;
}
.fc-time-area .fc-rows .ui-widget-content {
  background: 0 0;
}
.fc-time-area .fc-rows td > div {
  position: relative;
}
.fc-time-area .fc-rows .fc-bgevent-container,
.fc-time-area .fc-rows .fc-highlight-container {
  z-index: 1;
}
.fc-time-area .fc-event-container {
  position: relative;
  z-index: 2;
  width: 0;
}
.fc-time-area .fc-helper-container {
  position: absolute;
  z-index: 3;
  top: 0;
}
.fc-time-area .fc-event-container {
  padding-bottom: 8px;
  top: -1px;
}
.fc-time-area tr:first-child .fc-event-container {
  top: 0;
}
.fc-no-overlap .fc-time-area .fc-event-container {
  padding-bottom: 0;
  top: 0;
}
.fc-timeline .fc-now-indicator {
  z-index: 3;
  top: 0;
}
.fc-time-area .fc-now-indicator-arrow {
  margin: 0 -6px;
  border-width: 6px 5px 0;
  border-left-color: transparent;
  border-right-color: transparent;
}
.fc-time-area .fc-now-indicator-line {
  margin: 0 -1px;
  bottom: 0;
  border-left-width: 1px;
}
.fc-timeline-event {
  position: absolute;
  border-radius: 0;
  padding: 2px 0;
  margin-bottom: 1px;
}
.fc-no-overlap .fc-timeline-event {
  padding: 5px 0;
  margin-bottom: 0;
}
.fc-ltr .fc-timeline-event {
  margin-right: 1px;
}
.fc-rtl .fc-timeline-event {
  margin-left: 1px;
}
.fc-timeline-event .fc-content {
  padding: 0 1px;
  white-space: nowrap;
  overflow: hidden;
}
.fc-timeline-event .fc-time {
  font-weight: 700;
  padding: 0 1px;
}
.fc-rtl .fc-timeline-event .fc-time {
  display: inline-block;
}
.fc-timeline-event .fc-title {
  position: relative;
  padding: 0 1px;
}
.fc-timeline-event.fc-selected .fc-bg {
  display: none;
}
.fc-ltr .fc-timeline-event .fc-title {
  padding-left: 10px;
  margin-left: -8px;
}
.fc-rtl .fc-timeline-event .fc-title {
  padding-right: 10px;
  margin-right: -8px;
}
.fc-ltr .fc-timeline-event.fc-not-start .fc-title {
  margin-left: -2px;
}
.fc-rtl .fc-timeline-event.fc-not-start .fc-title {
  margin-right: -2px;
}
.fc-body .fc-time-area .fc-following,
.fc-timeline-event.fc-not-start .fc-title {
  position: relative;
}
.fc-body .fc-time-area .fc-following:before,
.fc-timeline-event.fc-not-start .fc-title:before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -5px;
  border: 5px solid #000;
  border-top-color: transparent;
  border-bottom-color: transparent;
  opacity: .5;
}
.fc-ltr .fc-body .fc-time-area .fc-following:before,
.fc-ltr .fc-timeline-event.fc-not-start .fc-title:before {
  border-left: 0;
  left: 2px;
}
.fc-rtl .fc-body .fc-time-area .fc-following:before,
.fc-rtl .fc-timeline-event.fc-not-start .fc-title:before {
  border-right: 0;
  right: 2px;
}
.fc-license-message {
  position: absolute;
  z-index: 99999;
  bottom: 1px;
  left: 1px;
  background: #eee;
  border-color: #ddd;
  border-style: solid;
  border-width: 1px 1px 0 0;
  padding: 2px 4px;
  font-size: 12px;
  border-top-right-radius: 3px;
}

/* node_modules/survey-core/defaultV2.css */
/*!
 * surveyjs - Survey JavaScript library v1.12.59
 * Copyright (c) 2015-2025 Devsoft Baltic OÜ  - http://surveyjs.io/
 * License: MIT (http://www.opensource.org/licenses/mit-license.php)
 */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");
  unicode-range:
    U+0460-052F,
    U+1C80-1C88,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");
  unicode-range:
    U+0590-05FF,
    U+200C-2010,
    U+20AA,
    U+25CC,
    U+FB1D-FB4F;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");
  unicode-range:
    U+0100-024F,
    U+0259,
    U+1E00-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20CF,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+2000-206F,
    U+2074,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");
  unicode-range:
    U+0460-052F,
    U+1C80-1C88,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");
  unicode-range:
    U+0590-05FF,
    U+200C-2010,
    U+20AA,
    U+25CC,
    U+FB1D-FB4F;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");
  unicode-range:
    U+0100-024F,
    U+0259,
    U+1E00-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20CF,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+2000-206F,
    U+2074,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");
  unicode-range:
    U+0460-052F,
    U+1C80-1C88,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");
  unicode-range:
    U+0590-05FF,
    U+200C-2010,
    U+20AA,
    U+25CC,
    U+FB1D-FB4F;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");
  unicode-range:
    U+0100-024F,
    U+0259,
    U+1E00-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20CF,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+2000-206F,
    U+2074,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
:root {
  --font-family:
    "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
}
:root {
  --sjs-transition-duration: 150ms;
}
.sv-action-bar {
  display: flex;
  box-sizing: content-box;
  position: relative;
  align-items: center;
  margin-left: auto;
  overflow: hidden;
  white-space: nowrap;
}
.sv-action-bar-separator {
  display: inline-block;
  width: 1px;
  height: 24px;
  vertical-align: middle;
  margin-right: 16px;
  background-color: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sv-action-bar--default-size-mode .sv-action-bar-separator {
  margin: 0 var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-action-bar--small-size-mode .sv-action-bar-separator {
  margin: 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-action-bar-item {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  box-sizing: border-box;
  border: none;
  border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));
  background-color: transparent;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  cursor: pointer;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  overflow-x: hidden;
  white-space: nowrap;
}
button.sv-action-bar-item {
  overflow: hidden;
}
.sv-action-bar--default-size-mode .sv-action-bar-item {
  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
  margin: 0 var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-action-bar--small-size-mode .sv-action-bar-item {
  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
  line-height: var(--sjs-font-size, 16px);
  margin: 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-action:first-of-type .sv-action-bar-item {
  margin-inline-start: 0;
}
.sv-action:last-of-type .sv-action-bar-item {
  margin-inline-end: 0;
}
.sv-action-bar--default-size-mode .sv-action-bar-item__title--with-icon {
  margin-inline-start: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-action-bar--small-size-mode .sv-action-bar-item__title--with-icon {
  margin-inline-start: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-action-bar-item__icon svg {
  display: block;
}
.sv-action-bar-item__icon use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,
.sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled {
  outline: none;
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sv-action-bar-item--active.sv-action-bar-item--pressed:focus,
.sv-action-bar-item--active.sv-action-bar-item--pressed:focus-visible {
  outline: none;
}
.sv-action-bar-item:not(.sv-action-bar-item--pressed):active:enabled {
  opacity: 0.5;
}
.sv-action-bar-item:disabled {
  opacity: 0.25;
  cursor: default;
}
.sv-action-bar-item__title {
  color: inherit;
  vertical-align: middle;
  white-space: nowrap;
}
.sv-action-bar-item--secondary .sv-action-bar-item__icon use {
  fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
}
.sv-action-bar-item--active .sv-action-bar-item__icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sv-action-bar-item-dropdown {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  box-sizing: border-box;
  border: none;
  border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));
  background-color: transparent;
  cursor: pointer;
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
  font-size: var(--sjs-font-size, 16px);
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
}
.sv-expand-action:before {
  content: "";
  display: inline-block;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 21.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 10 10' style='enable-background:new 0 0 10 10;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23404040;%7D%0A%3C/style%3E%3Cpolygon class='st0' points='2,2 0,4 5,9 10,4 8,2 5,5 '/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center center;
  height: 10px;
  width: 12px;
  margin: auto 8px;
}
.sv-expand-action--expanded:before {
  transform: rotate(180deg);
}
.sv-dots {
  width: 48px;
}
.sv-dots__item {
  width: 100%;
}
.sv-dots__item .sv-action-bar-item__icon {
  margin: auto;
}
.sv-action--hidden {
  width: 0px;
  height: 0px;
  overflow: hidden;
  visibility: hidden;
}
.sv-action--hidden .sv-action__content {
  min-width: fit-content;
}
.sv-action__content {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sv-action__content > * {
  flex: 0 0 auto;
}
.sv-action--space {
  margin-left: auto;
}
.sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  opacity: 50%;
}
:root {
  --sjs-transition-duration: 150ms;
}
.sv-dragged-element-shortcut {
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  min-width: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  cursor: grabbing;
  position: absolute;
  z-index: 10000;
  box-shadow: 0px 8px 16px rgba(0, 0, 0, 0.1);
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-size: var(--sjs-font-size, 16px);
  padding-left: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
}
.sv-matrixdynamic__drag-icon {
  padding-top: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-matrixdynamic__drag-icon:after {
  content: " ";
  display: block;
  height: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border: 1px solid #e7e7e7;
  box-sizing: border-box;
  border-radius: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  cursor: move;
  margin-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-matrixdynamic-dragged-row {
  cursor: grabbing;
  position: absolute;
  z-index: 10000;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
}
.sv-matrixdynamic-dragged-row .sd-table__row {
  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
  align-items: center;
  line-height: 0;
}
.sv-matrixdynamic-dragged-row .sd-table__cell.sd-table__cell--drag > div {
  background-color: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
  min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-table__cell--header.sd-table__cell--drag,
.sd-table__cell.sd-table__cell--drag {
  padding-right: 0;
  padding-left: 0;
}
.sd-question--mobile .sd-table__cell--header.sd-table__cell--drag,
.sd-question--mobile .sd-table__cell.sd-table__cell--drag {
  display: none;
}
.sv-matrix-row--drag-drop-ghost-mod td {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sv-matrix-row--drag-drop-ghost-mod td > * {
  visibility: hidden;
}
.sv-drag-drop-choices-shortcut {
  cursor: grabbing;
  position: absolute;
  z-index: 10000;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  min-width: 100px;
  max-width: 400px;
}
.sv-drag-drop-choices-shortcut .sv-ranking-item {
  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-drag-drop-choices-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-viewer,
.sv-drag-drop-choices-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-editor {
  overflow: hidden;
  white-space: nowrap;
}
.sv-drag-drop-choices-shortcut__content.sv-drag-drop-choices-shortcut__content {
  min-width: 100px;
  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  border-radius: calc(4.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
  margin-left: 0;
}
:root {
  --sjs-transition-duration: 150ms;
}
sv-popup {
  display: block;
  position: absolute;
}
.sv-popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100vw;
  outline: none;
  z-index: 2000;
  height: 100vh;
}
.sv-dropdown-popup {
  height: 0;
}
.sv-popup.sv-popup-inner {
  height: 0;
}
.sv-popup-inner > .sv-popup__container {
  margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-list__item--with-icon .sv-popup-inner > .sv-popup__container {
  margin-top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup__container {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
  border-radius: var(--sjs-corner-radius, 4px);
  position: absolute;
  padding: 0;
}
.sv-popup__body-content {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  border-radius: var(--sjs-corner-radius, 4px);
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  max-height: 90vh;
  max-width: 100vw;
}
.sv-popup--modal {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--background-semitransparent, rgba(144, 144, 144, 0.5));
  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
}
.sv-popup--modal > .sv-popup__container {
  position: static;
  display: flex;
}
.sv-popup--modal > .sv-popup__container > .sv-popup__body-content {
  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: auto;
  gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--modal .sv-popup__body-footer .sv-footer-action-bar {
  overflow: visible;
}
.sv-popup--confirm .sv-popup__container {
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-popup--confirm .sv-popup__body-content {
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
  max-width: min-content;
  align-items: flex-end;
  min-width: 452px;
}
.sv-popup--confirm .sv-popup__body-header {
  color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
  align-self: self-start;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-size: var(--sjs-font-size, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
}
.sv-popup--confirm .sv-popup__scrolling-content {
  display: none;
}
.sv-popup--confirm .sv-popup__body-footer {
  max-width: max-content;
}
.sv-popup--confirm .sv-popup__body-footer .sv-action-bar {
  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern--mobile .sv-popup--confirm .sv-popup__body-content {
  min-width: auto;
}
.sv-popup--overlay {
  width: 100%;
  height: var(--sv-popup-overlay-height, 100vh);
}
.sv-popup--overlay .sv-popup__container {
  background: var(--background-semitransparent, rgba(144, 144, 144, 0.5));
  max-width: 100vw;
  max-height: calc(var(--sv-popup-overlay-height, 100vh) - 1 * var(--sjs-base-unit, var(--base-unit, 8px)));
  height: calc(var(--sv-popup-overlay-height, 100vh) - 1 * var(--sjs-base-unit, var(--base-unit, 8px)));
  width: 100%;
  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border: unset;
  box-shadow: unset;
  box-sizing: content-box;
}
.sv-popup--overlay .sv-popup__body-content {
  max-height: var(--sv-popup-overlay-height, 100vh);
  max-width: 100vw;
  border-radius: calc(4 * (var(--sjs-corner-radius, 4px))) calc(4 * (var(--sjs-corner-radius, 4px))) 0px 0px;
  background: var(--sjs-general-backcolor, var(--background, #fff));
  padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(100% - 1 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sv-popup--overlay .sv-popup__scrolling-content {
  height: calc(100% - 10 * var(--base-unit, 8px));
}
.sv-popup--overlay .sv-popup__body-footer .sv-action-bar {
  width: 100%;
}
.sv-popup--overlay .sv-popup__body-footer-item {
  width: 100%;
}
.sv-popup--overlay .sv-popup__body-footer .sv-action {
  flex: 1 0 0;
}
.sv-popup--overlay .sv-popup__button.sv-popup__button {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sv-popup--modal .sv-popup__scrolling-content {
  padding: 2px;
  margin: -2px;
}
.sv-popup__scrolling-content {
  height: 100%;
  overflow: auto;
  display: flex;
  flex-direction: column;
}
.sv-popup__scrolling-content::-webkit-scrollbar,
.sv-popup__scrolling-content *::-webkit-scrollbar {
  height: 6px;
  width: 6px;
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sv-popup__scrolling-content::-webkit-scrollbar-thumb,
.sv-popup__scrolling-content *::-webkit-scrollbar-thumb {
  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.sv-popup__content {
  min-width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
  position: relative;
}
.sv-popup--show-pointer.sv-popup--top .sv-popup__pointer {
  transform: translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))))) rotate(180deg);
}
.sv-popup--show-pointer.sv-popup--bottom .sv-popup__pointer {
  transform: translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))), calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.sv-popup--show-pointer.sv-popup--right .sv-popup__container {
  transform: translate(var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sv-popup--show-pointer.sv-popup--right .sv-popup__container .sv-popup__pointer {
  transform: translate(-12px, -4px) rotate(-90deg);
}
.sv-popup--show-pointer.sv-popup--left .sv-popup__container {
  transform: translate(calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.sv-popup--show-pointer.sv-popup--left .sv-popup__container .sv-popup__pointer {
  transform: translate(-4px, -4px) rotate(90deg);
}
.sv-popup__pointer {
  display: block;
  position: absolute;
}
.sv-popup__pointer:after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-left: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;
  border-right: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;
  border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid var(--sjs-general-backcolor, var(--background, #fff));
  align-self: center;
}
.sv-popup__body-header {
  font-family: Open Sans;
  font-size: calc(1.5 * (var(--sjs-font-size, 16px)));
  line-height: calc(2 * (var(--sjs-font-size, 16px)));
  font-style: normal;
  font-weight: 700;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sv-popup__body-footer {
  display: flex;
}
.sv-popup__body-footer .sv-action-bar {
  gap: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--modal .sv-list__filter,
.sv-popup--overlay .sv-list__filter {
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-popup--modal .sv-list__filter-icon,
.sv-popup--overlay .sv-list__filter-icon {
  top: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--dropdown .sv-list__filter {
  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-popup--dropdown .sv-popup__body-content {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
  height: 100%;
}
.sv-popup--dropdown > .sv-popup__container > .sv-popup__body-content .sv-list {
  background-color: transparent;
}
.sv-dropdown-popup .sv-popup__body-content {
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
}
.sv-dropdown-popup .sv-list__filter {
  margin-bottom: 0;
}
.sv-popup--overlay .sv-popup__body-content {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--dropdown-overlay {
  z-index: 2001;
  padding: 0;
}
.sv-popup--dropdown-overlay .sv-popup__body-content {
  padding: 0;
  border-radius: 0;
}
.sv-popup--dropdown-overlay .sv-popup__body-footer .sv-action-bar .sv-action {
  flex: 0 0 auto;
}
.sv-popup--dropdown-overlay .sv-popup__button.sv-popup__button {
  background-color: transparent;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  border: none;
  box-shadow: none;
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--dropdown-overlay .sv-popup__container {
  max-height: calc(var(--sv-popup-overlay-height, 100vh));
  height: calc(var(--sv-popup-overlay-height, 100vh));
  padding-top: 0;
}
.sv-popup--dropdown-overlay .sv-popup__body-content {
  height: calc(var(--sv-popup-overlay-height, 100vh));
  gap: 0;
}
.sv-popup--dropdown-overlay .sv-popup__body-footer {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
  border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
}
.sv-popup--dropdown-overlay .sv-popup__scrolling-content {
  height: calc(100% - 6 * var(--base-unit, 8px));
}
.sv-popup--dropdown-overlay .sv-list__filter-icon .sv-svg-icon {
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--dropdown-overlay .sv-list__container {
  padding: 0;
}
.sv-popup--dropdown-overlay .sv-list {
  flex-grow: 1;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
}
.sv-popup--dropdown-overlay .sv-list__filter {
  display: flex;
  align-items: center;
  margin-bottom: 0;
  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--dropdown-overlay .sv-list__filter-icon {
  position: static;
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--dropdown-overlay .sv-list__empty-container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  flex-grow: 1;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.sv-popup--dropdown-overlay .sv-popup__button:disabled {
  pointer-events: none;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: 0.25;
}
.sv-popup--dropdown-overlay .sv-list__filter-clear-button {
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  appearance: none;
  border: none;
  border-radius: 100%;
  background-color: transparent;
}
.sv-popup--dropdown-overlay .sv-list__filter-clear-button svg {
  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--dropdown-overlay .sv-list__filter-clear-button svg use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-popup--dropdown-overlay .sv-list__input {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  font-size: max(16px, var(--sjs-font-size, 16px));
  line-height: max(24px, 1.5 * (var(--sjs-font-size, 16px)));
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--dropdown-overlay .sv-list__item:hover .sv-list__item-body,
.sv-popup--dropdown-overlay .sv-list__item:focus .sv-list__item-body,
.sv-popup--dropdown-overlay .sv-list__item--focused .sv-list__item-body {
  background: var(--sjs-general-backcolor, var(--background, #fff));
}
.sv-popup--dropdown-overlay .sv-list__item:hover.sv-list__item--selected .sv-list__item-body,
.sv-popup--dropdown-overlay .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,
.sv-popup--dropdown-overlay .sv-list__item--focused.sv-list__item--selected .sv-list__item-body {
  background: var(--sjs-primary-backcolor, var(--primary, #19b394));
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  font-weight: 600;
}
.sv-popup--dropdown-overlay .sv-popup__body-footer .sv-action-bar {
  justify-content: flex-start;
}
.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list__filter {
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list {
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-popup__button.sv-popup__button {
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-popup__body-footer {
  padding-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
}
.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list__filter-icon .sv-svg-icon {
  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list__filter-icon {
  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-list__input {
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-popup--dropdown-overlay.sv-multi-select-list .sv-list__item:hover.sv-list__item--selected .sv-list__item-body,
.sv-popup--dropdown-overlay.sv-multi-select-list .sv-list__item:focus.sv-list__item--selected .sv-list__item-body,
.sv-popup--dropdown-overlay.sv-multi-select-list .sv-list__item--focused.sv-list__item--selected .sv-list__item-body {
  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  font-weight: 400;
}
.sv-popup--dropdown-overlay.sv-popup--tablet {
  background: var(--background-semitransparent, rgba(144, 144, 144, 0.5));
}
.sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__container {
  --sv-popup-overlay-max-height: calc(var(--sv-popup-overlay-height, 100vh) - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);
  --sv-popup-overlay-max-width: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  max-height: var(--sv-popup-overlay-max-height);
  min-height: min(var(--sv-popup-overlay-max-height), 30 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: auto;
  width: auto;
  min-width: min(40 * (var(--sjs-base-unit, var(--base-unit, 8px))), var(--sv-popup-overlay-max-width));
  max-width: var(--sv-popup-overlay-max-width);
  border-radius: var(--sjs-corner-radius, 4px);
  overflow: hidden;
  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
}
.sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__body-content {
  max-height: calc(var(--sv-popup-overlay-height, 100vh) - var(--sjs-base-unit, var(--base-unit, 8px)) * 8);
  min-height: min(var(--sv-popup-overlay-max-height), 30 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: auto;
}
.sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__content,
.sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__scrolling-content,
.sv-popup--dropdown-overlay.sv-popup--tablet .sv-list__container {
  flex-grow: 1;
}
.sv-popup--visible {
  opacity: 1;
}
.sv-popup--hidden {
  opacity: 0;
}
.sv-popup--enter {
  animation-name: fadeIn;
  animation-fill-mode: forwards;
  animation-duration: 0.15s;
}
.sv-popup--modal.sv-popup--enter {
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-duration: 0.25s;
}
.sv-popup--leave {
  animation-direction: reverse;
  animation-name: fadeIn;
  animation-fill-mode: forwards;
  animation-duration: 0.15s;
}
.sv-popup--modal.sv-popup--leave {
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-duration: 0.25s;
}
.sv-popup--hidden {
  opacity: 0;
}
@keyframes modalMoveUp {
  from {
    transform: translateY(64px);
  }
  to {
    transform: translateY(0);
  }
}
.sv-popup--modal.sv-popup--leave .sv-popup__container,
.sv-popup--modal.sv-popup--enter .sv-popup__container {
  animation-name: modalMoveUp;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-fill-mode: forwards;
  animation-duration: 0.25s;
}
.sv-popup--modal.sv-popup--leave .sv-popup__container {
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
:root {
  --sjs-transition-duration: 150ms;
}
.sv-button-group {
  display: flex;
  align-items: center;
  flex-direction: row;
  font-size: var(--sjs-font-size, 16px);
  overflow: auto;
  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
}
.sv-button-group:focus-within {
  box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));
  border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sv-button-group__item {
  display: flex;
  box-sizing: border-box;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  appearance: none;
  width: 100%;
  padding: 11px calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
  outline: none;
  font-size: var(--sjs-font-size, 16px);
  font-weight: 400;
  background: var(--sjs-general-backcolor, var(--background, #fff));
  cursor: pointer;
  overflow: hidden;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  position: relative;
}
.sv-button-group__item:not(:last-of-type) {
  border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
}
.sv-button-group__item--hover:hover {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sv-button-group__item-icon {
  display: block;
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-button-group__item-icon use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-button-group__item--selected {
  font-weight: 600;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sv-button-group__item--selected .sv-button-group__item-icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sv-button-group__item--selected:hover {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.sv-button-group__item-decorator {
  display: flex;
  align-items: center;
  max-width: 100%;
}
.sv-button-group__item-caption {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sv-button-group__item-icon + .sv-button-group__item-caption {
  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-button-group__item--disabled {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  cursor: default;
}
.sv-button-group__item--disabled .sv-button-group__item-decorator {
  opacity: 0.25;
  font-weight: normal;
}
.sv-button-group__item--disabled .sv-button-group__item-icon use {
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sv-button-group__item--disabled:hover {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.sv-button-group:focus-within {
  box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));
  border-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sv-visuallyhidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
}
.sv-hidden {
  display: none !important;
}
.sv-title-actions {
  display: flex;
  align-items: center;
  width: 100%;
}
.sv-title-actions__title {
  flex-wrap: wrap;
  max-width: 90%;
  min-width: 50%;
  white-space: initial;
}
.sv-action-title-bar {
  min-width: 56px;
}
.sv-title-actions .sv-title-actions__title {
  flex-wrap: wrap;
  flex: 0 1 auto;
  max-width: unset;
  min-width: unset;
}
.sv-title-actions .sv-action-title-bar {
  flex: 1 1 auto;
  justify-content: flex-end;
  min-width: unset;
}
:root {
  --sjs-transition-duration: 150ms;
}
:root {
  --sjs-transition-duration: 150ms;
}
.sv_window {
  position: fixed;
  bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
  border: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));
  background-clip: padding-box;
  z-index: 100;
  max-height: 50vh;
  overflow: auto;
  box-sizing: border-box;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  width: calc(100% - 4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) !important;
}
@-moz-document url-prefix() {
  .sv_window,
  .sv_window * {
    scrollbar-width: thin;
    scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent;
  }
}
.sv_window::-webkit-scrollbar,
.sv_window *::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background-color: transparent;
}
.sv_window::-webkit-scrollbar-thumb,
.sv_window *::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 32px;
  background-color: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sv_window::-webkit-scrollbar-track,
.sv_window *::-webkit-scrollbar-track {
  background: transparent;
}
.sv_window::-webkit-scrollbar-thumb:hover,
.sv_window *::-webkit-scrollbar-thumb:hover {
  border: 2px solid rgba(0, 0, 0, 0);
  background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv_window_root-content {
  height: 100%;
}
.sv_window--full-screen {
  top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  max-height: 100%;
  width: initial !important;
  max-width: initial !important;
}
.sv_window_header {
  display: flex;
  justify-content: flex-end;
}
.sv_window_content {
  overflow: hidden;
}
.sv_window--collapsed {
  height: initial;
}
.sv_window--collapsed .sv_window_header {
  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
  display: flex;
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  box-sizing: content-box;
}
.sv_window--collapsed .sv_window_content {
  display: none;
}
.sv_window--collapsed .sv_window_buttons_container {
  margin-top: 0;
  margin-right: 0;
}
.sv_window_header_title_collapsed {
  color: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-style: normal;
  font-weight: 600;
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
  flex: 1;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
.sv_window_header_description {
  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
  font-feature-settings: "salt" on;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-style: normal;
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sv_window_buttons_container {
  position: fixed;
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
  display: flex;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  z-index: 10000;
}
.sv_window_button {
  display: flex;
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  justify-content: center;
  align-items: center;
  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  cursor: pointer;
}
.sv_window_button:hover,
.sv_window_button:active {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.sv_window_button:hover svg use,
.sv_window_button:hover svg path,
.sv_window_button:active svg use,
.sv_window_button:active svg path {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sv_window_button:active {
  opacity: 0.5;
}
.sv_window_button svg use,
.sv_window_button svg path {
  fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
}
sv-brand-info,
.sv-brand-info {
  z-index: 1;
  position: relative;
  margin-top: 1px;
}
.sv-brand-info {
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  text-align: right;
  color: #161616;
  padding: 24px 40px;
}
.sv-brand-info a {
  color: #161616;
  text-decoration-line: underline;
}
.sd-body--static .sv-brand-info {
  padding-top: 0;
  margin-top: 16px;
}
.sd-body--responsive .sv-brand-info {
  padding-top: 16px;
  margin-top: -8px;
}
.sd-root-modern--mobile .sv-brand-info {
  padding: 48px 24px 8px 24px;
  margin-top: 0;
  text-align: center;
}
.sv-brand-info__text {
  font-weight: 600;
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
  color: #161616;
}
.sv-brand-info__logo {
  display: inline-block;
}
.sv-brand-info__logo img {
  width: 118px;
}
.sv-brand-info__terms {
  font-weight: 400;
  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
  line-height: var(--sjs-font-size, 16px);
  padding-top: 4px;
}
.sv-brand-info__terms a {
  color: #909090;
}
.sd-body--responsive .sv-brand-info {
  padding-right: 0;
  padding-left: 0;
}
:root {
  --sjs-transition-duration: 150ms;
}
:root {
  --sjs-transition-duration: 150ms;
}
.sv-ranking {
  outline: none;
  user-select: none;
  -webkit-user-select: none;
}
.sv-ranking-item {
  cursor: pointer;
  position: relative;
  opacity: 1;
}
.sv-ranking-item:focus .sv-ranking-item__icon--hover {
  visibility: hidden;
}
.sv-ranking-item:hover:not(:focus) .sv-ranking-item__icon--hover {
  visibility: visible;
}
.sv-question--disabled .sv-ranking-item:hover .sv-ranking-item__icon--hover {
  visibility: hidden;
}
.sv-ranking-item:focus {
  outline: none;
}
.sv-ranking-item:focus .sv-ranking-item__icon--focus {
  visibility: visible;
  top: calc(0.6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking-item:focus .sv-ranking-item__index {
  background: var(--sjs-general-backcolor, var(--background, #fff));
  outline: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sv-ranking-item__content.sv-ranking-item__content {
  display: flex;
  align-items: center;
  line-height: 1em;
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0px;
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking-item__icon-container {
  position: relative;
  left: 0;
  bottom: 0;
  flex-shrink: 0;
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  align-self: flex-start;
  padding-left: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-right: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: content-box;
}
.sv-ranking-item--disabled.sv-ranking-item--disabled,
.sv-ranking-item--readonly.sv-ranking-item--readonly,
.sv-ranking-item--preview.sv-ranking-item--preview {
  cursor: initial;
  user-select: initial;
  -webkit-user-select: initial;
}
.sv-ranking-item--disabled.sv-ranking-item--disabled .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon,
.sv-ranking-item--readonly.sv-ranking-item--readonly .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon,
.sv-ranking-item--preview.sv-ranking-item--preview .sv-ranking-item__icon-container.sv-ranking-item__icon-container .sv-ranking-item__icon.sv-ranking-item__icon {
  visibility: hidden;
}
.sv-ranking-item__icon.sv-ranking-item__icon {
  visibility: hidden;
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
  position: absolute;
  top: var(--sjs-base-unit, var(--base-unit, 8px));
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking-item__index.sv-ranking-item__index {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  display: flex;
  flex-shrink: 0;
  align-items: center;
  justify-content: center;
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  font-size: var(--sjs-internal-font-editorfont-size);
  border-radius: 100%;
  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;
  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
  box-sizing: border-box;
  font-weight: 600;
  margin-left: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  transition: outline var(--sjs-transition-duration, 150ms), background var(--sjs-transition-duration, 150ms);
  outline: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;
  align-self: self-start;
}
.sv-ranking-item__index.sv-ranking-item__index svg {
  fill: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  width: var(--sjs-internal-font-editorfont-size);
  height: var(--sjs-internal-font-editorfont-size);
}
.sv-ranking-item__text {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
  margin: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  overflow-wrap: break-word;
  word-break: normal;
  align-self: self-start;
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-ranking-item__text .sv-string-viewer,
.sv-ranking-item__text .sv-string-editor {
  overflow: initial;
  white-space: pre-line;
}
.sd-ranking--disabled .sv-ranking-item__text {
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  opacity: 0.25;
}
.sv-ranking-item--disabled .sv-ranking-item__text {
  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
  opacity: 0.25;
}
.sv-ranking-item--readonly .sv-ranking-item__index {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sv-ranking-item--preview .sv-ranking-item__index {
  background-color: transparent;
  border: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616));
  box-sizing: border-box;
}
.sv-ranking-item__ghost.sv-ranking-item__ghost {
  display: none;
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(31 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  z-index: 1;
  position: absolute;
  left: 0;
  top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
[dir=rtl] .sv-ranking-item__ghost {
  left: initilal;
  right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking-item--ghost {
  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking-item--ghost .sv-ranking-item__text .sv-string-viewer,
.sv-ranking-item--ghost .sv-ranking-item__text .sv-string-editor {
  white-space: unset;
}
.sv-ranking-item--ghost .sv-ranking-item__ghost {
  display: block;
}
.sv-ranking-item--ghost .sv-ranking-item__content {
  visibility: hidden;
}
.sv-ranking-item--drag .sv-ranking-item__content {
  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking--drag .sv-ranking-item:hover .sv-ranking-item__icon {
  visibility: hidden;
}
.sv-ranking-item--drag .sv-ranking-item__icon--hover {
  visibility: visible;
}
.sv-ranking--mobile .sv-ranking-item__icon--hover {
  visibility: visible;
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-ranking--mobile.sv-ranking--drag .sv-ranking-item--ghost .sv-ranking-item__icon.sv-ranking-item__icon--hover {
  visibility: hidden;
}
.sv-ranking--mobile.sv-ranking-shortcut {
  max-width: 80%;
}
.sv-ranking--mobile .sv-ranking-item__index.sv-ranking-item__index {
  margin-left: 0;
}
.sv-ranking--mobile .sd-element--with-frame .sv-ranking-item__icon {
  margin-left: 0;
}
.sv-ranking--design-mode .sv-ranking-item:hover .sv-ranking-item__icon {
  visibility: hidden;
}
.sv-ranking--disabled {
  opacity: 0.8;
}
.sv-ranking-shortcut[hidden] {
  display: none;
}
.sv-ranking-shortcut .sv-ranking-item__icon {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sv-ranking-shortcut .sv-ranking-item__text {
  margin-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking-shortcut .sv-ranking-item__icon--hover {
  visibility: visible;
}
.sv-ranking-shortcut .sv-ranking-item__icon {
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-ranking-shortcut .sv-ranking-item__content {
  padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking-shortcut .sv-ranking-item__icon-container {
  margin-left: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking-shortcut {
  cursor: grabbing;
  position: absolute;
  z-index: 10000;
  border-radius: calc(12.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
  min-width: 100px;
  max-width: 400px;
  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1));
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
}
.sv-ranking-shortcut .sv-ranking-item {
  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-viewer,
.sv-ranking-shortcut .sv-ranking-item .sv-ranking-item__text .sv-string-editor {
  overflow: hidden;
  white-space: nowrap;
}
.sv-ranking--select-to-rank {
  display: flex;
}
.sv-ranking--select-to-rank-vertical {
  flex-direction: column-reverse;
}
.sv-ranking--select-to-rank-vertical .sv-ranking__containers-divider {
  margin: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
  height: 1px;
}
.sv-ranking--select-to-rank-vertical .sv-ranking__container--empty {
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
  display: flex;
  justify-content: center;
  align-items: center;
}
.sv-ranking-item--animate-item-removing {
  animation-name: moveIn, fadeIn;
  animation-direction: reverse;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-duration: var(--sjs-ranking-move-out-duration, 150ms), var(--sjs-ranking-fade-out-duration, 100ms);
  animation-delay: var(--sjs-ranking-move-out-delay, 0ms), 0s;
}
.sv-ranking-item--animate-item-adding {
  animation-name: moveIn, fadeIn;
  opacity: 0;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-duration: var(--sjs-ranking-move-in-duration, 150ms), var(--sjs-ranking-fade-in-duration, 100ms);
  animation-delay: 0s, var(--sjs-ranking-fade-in-delay, 150ms);
}
.sv-ranking-item--animate-item-adding-empty {
  animation-name: fadeIn;
  opacity: 0;
  animation-timing-function: linear;
  animation-duration: var(--sjs-ranking-fade-in-duration, 100ms);
  animation-delay: 0;
}
.sv-ranking-item--animate-item-removing-empty {
  animation-name: fadeIn;
  animation-direction: reverse;
  animation-timing-function: linear;
  animation-duration: var(--sjs-ranking-fade-out-duration, 100ms);
  animation-delay: 0;
}
@keyframes sv-animate-item-opacity-reverse-keyframes {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes sv-animate-item-opacity-keyframes {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container {
  max-width: calc(50% - 1px);
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__containers-divider {
  width: 1px;
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {
  left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item {
  left: initial;
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {
  padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder {
  padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking__container-placeholder {
  color: var(--sjs-font-questiondescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-style: normal;
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
  white-space: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
}
.sv-ranking__container {
  flex: 1;
}
.sv-ranking__container--empty {
  box-sizing: border-box;
  text-align: center;
}
.sv-ranking__containers-divider {
  background: var(--sjs-border-default, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));
}
.sv-ranking__container--from .sv-ranking-item__icon--focus {
  display: none;
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {
  left: 0 !important;
  padding-left: 16px;
}
.sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item .sv-ranking-item__ghost {
  left: initial;
}
.sv-ranking--select-to-rank-swap-areas {
  flex-direction: row-reverse;
}
.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--to .sv-ranking-item {
  padding-left: 0;
  left: -24px !important;
}
.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--from .sv-ranking-item {
  padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  left: 0;
}
.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--from .sv-ranking-item__ghost.sv-ranking-item__ghost {
  left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {
  padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: 0;
}
.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item__ghost.sv-ranking-item__ghost {
  right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking--select-to-rank-swap-areas .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder {
  padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-right: 0;
}
.sd-question--mobile .sv-ranking-item__icon-container,
.sd-root-modern.sd-root-modern--mobile .sv-ranking-item__icon-container {
  margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  justify-content: flex-end;
  padding: 0;
  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
:root {
  --sjs-transition-duration: 150ms;
}
.sv-list {
  padding: 0;
  margin: 0;
  overflow-y: auto;
  background: var(--sjs-general-backcolor, var(--background, #fff));
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  list-style-type: none;
}
.sv-list__empty-container {
  width: 100%;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  box-sizing: border-box;
  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-list__empty-text {
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
  font-size: var(--sjs-font-size, 16px);
  font-weight: 400;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-list__item {
  width: 100%;
  align-items: center;
  box-sizing: border-box;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  cursor: pointer;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sv-list__item-body {
  --sjs-list-item-padding-left-default: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sjs-list-item-padding-left: calc(var(--sjs-list-item-level) * var(--sjs-list-item-padding-left-default));
  position: relative;
  width: 100%;
  align-items: center;
  box-sizing: border-box;
  padding-block: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-inline-end: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-start: var(--sjs-list-item-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  font-weight: normal;
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
  cursor: pointer;
  overflow: hidden;
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  transition: background-color var(--sjs-transition-duration, 150ms), color var(--sjs-transition-duration, 150ms);
}
.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) {
  outline: none;
}
.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-list__item-body {
  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-border-light, var(--border-light, #eaeaea));
  border-radius: var(--sjs-corner-radius, 4px);
  padding-block: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-end: calc(7.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-start: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-string-viewer {
  margin-inline-start: calc(-0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-list__item:hover,
.sv-list__item:focus {
  outline: none;
}
.sv-list__item:focus .sv-list__item-body,
.sv-list__item--hovered > .sv-list__item-body {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sv-list__item--with-icon.sv-list__item--with-icon {
  padding: 0;
}
.sv-list__item--with-icon.sv-list__item--with-icon > .sv-list__item-body {
  padding-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
}
.sv-list__item-icon {
  float: left;
  flex-shrink: 0;
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-list__item-icon svg {
  display: block;
}
.sv-list__item-icon use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-list-item__marker-icon {
  position: absolute;
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  flex-shrink: 0;
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: content-box;
}
.sv-list-item__marker-icon svg {
  display: block;
}
.sv-list-item__marker-icon use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
[dir=rtl] .sv-list__item-icon,
[style*="direction:rtl"] .sv-list__item-icon,
[style*="direction: rtl"] .sv-list__item-icon {
  float: right;
}
.sv-list__item-separator {
  margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
  height: 1px;
  background-color: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sv-list--filtering .sv-list__item-separator {
  display: none;
}
.sv-list__item.sv-list__item--selected > .sv-list__item-body,
.sv-list__item.sv-list__item--selected:hover > .sv-list__item-body,
.sv-list__item.sv-list__item--selected.sv-list__item--focused > .sv-list__item-body,
.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused > .sv-list__item-body,
li:focus .sv-list__item.sv-list__item--selected > .sv-list__item-body {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  font-weight: 600;
}
.sv-list__item.sv-list__item--selected .sv-list__item-icon use,
.sv-list__item.sv-list__item--selected:hover .sv-list__item-icon use,
.sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use,
.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list__item-icon use,
li:focus .sv-list__item.sv-list__item--selected .sv-list__item-icon use {
  fill: var(--sjs-general-backcolor, var(--background, #fff));
}
.sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use,
.sv-list__item.sv-list__item--selected:hover .sv-list-item__marker-icon use,
.sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list-item__marker-icon use,
.sv-multi-select-list .sv-list__item.sv-list__item--selected.sv-list__item--focused .sv-list-item__marker-icon use,
li:focus .sv-list__item.sv-list__item--selected .sv-list-item__marker-icon use {
  fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sv-multi-select-list .sv-list__item.sv-list__item--selected .sv-list__item-body,
.sv-multi-select-list .sv-list__item.sv-list__item--selected:hover .sv-list__item-body {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  font-weight: 400;
}
.sv-list__item--group-selected > .sv-list__item-body {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  font-weight: 400;
}
.sv-list__item--group-selected > .sv-list__item-body use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-list__item.sv-list__item--disabled .sv-list__item-body {
  cursor: default;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-list__item span {
  white-space: nowrap;
}
.sv-list__item-text--wrap span {
  white-space: normal;
  word-wrap: break-word;
}
.sv-list__container {
  position: relative;
  display: flex;
  height: 100%;
  flex-direction: column;
  display: flex;
  min-height: 0;
}
.sv-list__filter {
  border-bottom: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-list__filter-icon {
  display: block;
  position: absolute;
  top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  inset-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-list__filter-icon .sv-svg-icon {
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-list__filter-icon .sv-svg-icon use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-list__input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-sizing: border-box;
  width: 100%;
  min-width: calc(30 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  outline: none;
  font-size: var(--sjs-font-size, 16px);
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-start: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
  border: none;
}
.sv-list__input::placeholder {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-list__input:disabled,
.sv-list__input:disabled::placeholder {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-list__loading-indicator {
  pointer-events: none;
}
.sv-list__loading-indicator .sv-list__item-body {
  background-color: transparent;
}
:root {
  --sjs-transition-duration: 150ms;
}
.sv-save-data_root {
  position: fixed;
  left: 50%;
  bottom: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  opacity: 0;
  padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));
  border-radius: calc(2 * (var(--sjs-corner-radius, 4px)));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  min-width: calc(30 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  text-align: center;
  z-index: 1600;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  transform: translateX(-50%) translateY(calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  transition-timing-function: ease-in;
  transition-property: transform, opacity;
  transition-delay: 0.25s;
  transition: 0.5s;
}
.sv-save-data_root.sv-save-data_root--shown {
  transition-timing-function: ease-out;
  transition-property: transform, opacity;
  transform: translateX(-50%) translateY(0);
  transition-delay: 0.25s;
  opacity: 0.75;
}
.sv-save-data_root span {
  display: flex;
  flex-grow: 1;
}
.sv-save-data_root .sv-action-bar {
  display: flex;
  flex-grow: 0;
  flex-shrink: 0;
}
.sv-save-data_root--shown.sv-save-data_success,
.sv-save-data_root--shown.sv-save-data_error {
  opacity: 1;
}
.sv-save-data_root.sv-save-data_root--with-buttons {
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-save-data_root.sv-save-data_error {
  background-color: var(--sjs-special-red, var(--red, #e60a3e));
  color: var(--sjs-general-backcolor, var(--background, #fff));
  font-weight: 600;
  gap: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-save-data_root.sv-save-data_error .sv-save-data_button {
  font-weight: 600;
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  color: #ffffff;
  background-color: var(--sjs-special-red, var(--red, #e60a3e));
  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid #ffffff;
  border-radius: calc(1.5 * (var(--sjs-corner-radius, 4px)));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  align-items: center;
}
.sv-save-data_root.sv-save-data_error .sv-save-data_button:hover,
.sv-save-data_root.sv-save-data_error .sv-save-data_button:focus {
  color: var(--sjs-special-red, var(--red, #e60a3e));
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.sv-save-data_root.sv-save-data_success {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  color: #ffffff;
  font-weight: 600;
}
.sv-string-viewer.sv-string-viewer--multiline {
  white-space: pre-wrap;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes changeHeight {
  from {
    height: var(--animation-height-from);
  }
  to {
    height: var(--animation-height-to);
  }
}
@keyframes moveInWithOverflow {
  from {
    overflow: hidden;
    height: var(--animation-height-from);
    min-height: var(--animation-height-from);
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-top-width: 0;
    border-bottom-width: 0;
  }
  99% {
    overflow: hidden;
    margin-top: var(--animation-margin-top);
    margin-bottom: var(--animation-margin-bottom);
    padding-top: var(--animation-padding-top);
    padding-bottom: var(--animation-padding-bottom);
    border-top-width: var(--animation-border-top-width);
    border-bottom-width: var(--animation-border-bottom-width);
    height: var(--animation-height-to);
    min-height: var(--animation-height-to);
  }
  to {
    overflow: visible;
    margin-top: var(--animation-margin-top);
    margin-bottom: var(--animation-margin-bottom);
    padding-top: var(--animation-padding-top);
    padding-bottom: var(--animation-padding-bottom);
    border-top-width: var(--animation-border-top-width);
    border-bottom-width: var(--animation-border-bottom-width);
    height: var(--animation-height-to);
    min-height: var(--animation-height-to);
  }
}
@keyframes moveIn {
  from {
    height: 0;
  }
  to {
    height: var(--animation-height);
  }
}
@keyframes paddingFadeIn {
  from {
    padding-top: 0;
    padding-bottom: 0;
  }
  to {
    padding-bottom: var(--animation-padding-bottom);
    padding-top: var(--animation-padding-top);
  }
}
.sd-element {
  padding-left: var(--sv-element-add-padding-left, 0px);
  padding-right: var(--sv-element-add-padding-right, 0px);
}
.sd-element__title {
  outline: none;
}
.sd-element__title.sd-element__title--disabled {
  opacity: 0.25;
}
.sd-root--readonly .sd-element__title.sd-element__title--disabled {
  opacity: 1;
}
.sd-element--invisible {
  opacity: 0.35;
}
.sd-title.sd-element__title {
  font-family: var(--sjs-font-questiontitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-questiontitle-weight, 600);
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.sd-element__header .sv-string-editor {
  max-width: 100%;
  white-space: normal;
}
.sd-element__title {
  font-size: 0;
  line-height: 0;
  position: static;
  margin: 0;
}
.sd-element__title .sd-element__num {
  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
  line-height: var(--sjs-font-size, 16px);
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-element__title span {
  font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
  line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
}
.sd-element__title .sv-title-actions__title {
  font-size: 0;
  line-height: 0;
}
.sd-element__title .sv-title-actions__title {
  white-space: nowrap;
}
.sd-element__title .sv-string-viewer {
  white-space: normal;
}
.sd-element__title .sv-string-viewer.sv-string-viewer--multiline {
  white-space: pre-wrap;
}
.sd-element__num {
  float: left;
  padding-top: calc(0.625 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(0.375 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-start: 0;
  padding-inline-end: var(--sjs-base-unit, var(--base-unit, 8px));
  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
  line-height: var(--sjs-font-size, 16px);
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  margin-inline-start: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  text-align: end;
  box-sizing: border-box;
  white-space: nowrap;
  flex-shrink: 0;
}
.sd-page__num + span,
.sd-element__num + span {
  float: left;
  width: 0;
}
[dir=rtl] .sd-element__num,
[style*="direction:rtl"] .sd-element__num,
[style*="direction: rtl"] .sd-element__num {
  float: right;
}
[dir=rtl] .sd-element__title--collapsed .sd-element__title-expandable-svg,
[style*="direction:rtl"] .sd-element__title--collapsed .sd-element__title-expandable-svg,
[style*="direction: rtl"] .sd-element__title--collapsed .sd-element__title-expandable-svg {
  transform: rotate(180deg);
}
.sd-element__title--num-inline .sd-element__num {
  float: none;
  margin-inline-start: 0;
  width: auto;
  padding-inline-start: 0;
  padding-inline-end: 0;
}
.sd-element__title--num-inline .sd-element__num + span {
  float: none;
  width: auto;
}
.sd-element__title--expandable.sd-element__title--expandable {
  position: relative;
  display: block;
}
.sd-element__title-expandable-svg {
  display: inline-block;
  width: var(--lbr-question-panel-expand-button-icon-width, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--lbr-question-panel-expand-button-icon-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  position: absolute;
  inset-inline-start: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-element__title-expandable-svg use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-element--with-frame {
  border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));
  box-sizing: border-box;
  padding-top: var(--sd-base-padding);
  padding-left: calc(var(--sd-base-padding) + var(--sv-element-add-padding-left, 0px));
  padding-right: calc(var(--sd-base-padding) + var(--sv-element-add-padding-right, 0px));
  padding-bottom: var(--sd-base-padding);
  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
}
.sd-element--with-frame.sd-element--compact {
  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));
  box-shadow: none;
  background-color: transparent;
}
@keyframes elementMoveIn {
  from {
    flex-basis: 0;
    flex-grow: 0;
    max-width: 0;
    min-width: 0;
    width: 0;
    height: 0;
    padding-left: 0;
    overflow: hidden;
  }
  to {
    height: var(--animation-height);
    flex-basis: var(--animation-width);
    width: var(--animation-width);
    min-width: var(--animation-width);
    padding-left: var(--animation-padding-left);
    overflow: visible;
  }
}
.sd-element-wrapper--enter {
  animation-name: elementMoveIn, fadeIn;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-fill-mode: forwards;
  animation-duration: var(--sjs-element-move-in-duration, 250ms), var(--sjs-element-fade-in-duration, 500ms);
  animation-delay: 0s, var(--sjs-element-fade-in-delay, 100ms);
  opacity: 0;
}
.sd-element-wrapper--leave {
  animation-name: elementMoveIn, fadeIn;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-fill-mode: forwards;
  animation-direction: reverse;
  animation-duration: var(--sjs-element-move-out-duration, 250ms), var(--sjs-element-fade-out-duration, 150ms);
  animation-delay: var(--sjs-element-move-out-delay, 0ms), 0s;
}
.sd-element__content {
  box-sizing: border-box;
}
.sd-element__content--enter,
.sd-element__content--leave {
  --animation-padding-top: 0;
  --animation-padding-bottom: 0;
}
.sd-element__content--enter {
  animation-name: fadeIn, moveInWithOverflow;
  min-height: 0 !important;
  opacity: 0;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-duration: var(--sjs-expand-fade-in-duration, 500ms), var(--sjs-expand-move-in-duration, 150ms);
  animation-delay:
    var(--sjs-expand-fade-in-delay, 150ms),
    0s,
    0s;
}
.sd-element__content--leave {
  animation-name: fadeIn, moveInWithOverflow;
  min-height: 0 !important;
  animation-direction: reverse;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-duration: var(--sjs-collapse-fade-out-duration, 150ms), var(--sjs-collapse-move-out-duration, 250ms);
  animation-delay:
    0s,
    var(--sjs-collapse-move-out-delay, 100ms),
    var(--sjs-collapse-move-out-delay, 100ms);
}
.sd-element--expandable.sd-elemenet--expandable--animating > .sd-element__header:focus-within,
.sd-element--expandable.sd-elemenet--expandable--animating > .sd-element__header:hover {
  background-color: transparent;
}
.sd-elemenet--expandable--animating.sd-element--expandable {
  transition-property: padding-top, padding-bottom;
}
.sd-elemenet--expandable--animating.sd-element--expandable > .sd-element__header {
  transition-property: padding-top, padding-bottom;
}
.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--expanded {
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
  transition-duration: var(--sjs-expand-move-in-duration, 150ms);
}
.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--expanded > .sd-element__header {
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
  transition-duration: var(--sjs-expand-move-in-duration, 150ms);
}
.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--expanded > .sd-element__header .sd-element__title:before {
  transition-duration: var(--sjs-expand-move-in-duration, 150ms);
}
.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--collapsed {
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
  transition-duration: var(--sjs-collapse-move-out-duration, 250ms);
  transition-delay: var(--sjs-collapse-move-out-delay, 100ms);
}
.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--collapsed > .sd-element__header {
  transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
  transition-duration: var(--sjs-collapse-move-out-duration, 250ms);
  transition-delay: var(--sjs-collapse-move-out-delay, 100ms);
}
.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--collapsed > .sd-element__header .sd-element__title:before {
  transition-duration: var(--sjs-collapse-move-out-duration, 250ms);
  transition-delay: var(--sjs-collapse-move-out-delay, 100ms);
}
.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--complex:not(.sd-question--empty) > .sd-element__header--location-top:after {
  display: block;
  opacity: 0;
  height: 0;
  --animation-height: 1px;
  animation-name: fadeIn, moveIn;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-delay: var(--sjs-expand-fade-in-delay, 150ms), 0s;
  animation-duration: var(--sjs-expand-fade-in-duration, 500ms), var(--sjs-expand-move-in-duration, 150ms);
}
.sd-elemenet--expandable--animating.sd-element--expandable.sd-element--complex:not(.sd-question--empty).sd-element--collapsed .sd-element__header--location-top:after {
  animation-direction: reverse;
  opacity: 1;
  height: 1px;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-delay: 0s, var(--sjs-collapse-move-out-delay, 100ms);
  animation-duration: var(--sjs-collapse-fade-out-duration, 150ms), var(--sjs-collapse-move-out-duration, 250ms);
}
.sd-question {
  position: relative;
}
.sd-question--no-pointer-events .sd-selectbase label,
.sd-question--no-pointer-events .sd-rating label {
  pointer-events: none;
}
.sd-element__erbox--above-element {
  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-question__erbox--below-question {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-question__content--support-container-queries {
  container-type: inline-size;
}
.sd-question--title-top > .sd-question__erbox--above-question {
  margin-bottom: calc(0.5 * var(--sd-base-vertical-padding));
}
.sd-question--description-under-input > .sd-question__erbox--below-question,
.sd-question--title-bottom > .sd-question__erbox--below-question {
  margin-top: calc(0.25 * var(--sd-base-vertical-padding) + 0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-element--with-frame > .sd-element__erbox--above-element {
  margin-bottom: var(--sd-base-padding);
  border-radius: var(--sjs-corner-radius, 4px) var(--sjs-corner-radius, 4px) 0 0;
}
.sd-question--left > .sd-element__erbox--above-element {
  margin-bottom: 0;
}
.sd-element--with-frame.sd-question--left > .sd-element__erbox--above-element {
  margin-bottom: calc(1 * var(--sd-base-vertical-padding));
}
.sd-element--with-frame > .sd-question__erbox--below-question {
  margin-top: auto;
  border-radius: 0 0 var(--sjs-corner-radius, 4px) var(--sjs-corner-radius, 4px);
}
.sd-element--with-frame.sd-question--title-top > .sd-question__erbox--above-question {
  margin-bottom: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-element--with-frame.sd-question--description-under-input > .sd-question__erbox--below-question,
.sd-element--with-frame.sd-question--title-bottom > .sd-question__erbox--below-question {
  margin-top: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-question__header {
  width: 100%;
}
.sd-question__header--location-top {
  padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));
}
.sd-question__header--location--bottom {
  padding-top: calc(0.375 * var(--sd-base-vertical-padding));
}
.sd-element--with-frame.sd-question--title-top {
  padding-top: var(--sd-base-vertical-padding);
}
.sd-element--with-frame.sd-question--error-top {
  padding-top: 0;
}
.sd-element--with-frame.sd-question--error-bottom {
  padding-bottom: 0;
  display: flex;
  flex-direction: column;
}
.sd-element--with-frame.sd-question--error-bottom > .sd-question__content {
  margin-bottom: var(--sd-base-padding);
}
.sd-element--with-frame > .sd-element__erbox {
  margin-left: calc(-1 * var(--sd-base-padding));
  margin-right: calc(-1 * var(--sd-base-padding));
  width: calc(100% + 2 * var(--sd-base-padding));
  position: sticky;
  left: calc(-1 * var(--sd-base-padding));
}
.sd-scrollable .sd-question__content {
  overflow-x: auto;
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
}
.sd-question__header--location--left {
  display: inline-block;
  width: auto;
  vertical-align: top;
  margin-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--left {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  column-gap: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  row-gap: calc(0.25 * var(--sd-base-vertical-padding));
}
.sd-question__content--left {
  display: inline-block;
  flex: 1;
  margin-top: calc(0.25 * var(--sd-base-vertical-padding)) 0;
  max-width: 100%;
}
.sd-element--with-frame > .sd-question__content--left {
  margin: 0;
}
.sd-question__required-text {
  color: var(--sjs-special-red, var(--red, #e60a3e));
  vertical-align: top;
}
.sd-question__comment-area {
  font-size: var(--sjs-font-size, 16px);
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  flex-direction: column;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  white-space: normal;
}
.sd-question__placeholder {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  justify-content: center;
  min-height: calc(24 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
}
.sd-question__placeholder > div .sv-string-viewer,
.sd-question__placeholder > span .sv-string-viewer {
  white-space: pre-line;
}
.sd-scrollable-container:not(.sd-scrollable-container--compact) {
  width: max-content;
  overflow: visible;
  max-width: 100%;
}
.sd-question__title--empty .sv-string-viewer {
  display: inline-block;
  height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
}
.sd-question__content {
  box-sizing: border-box;
}
.sd-error {
  display: block;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: var(--sjs-corner-radius, 4px);
  line-height: var(--sjs-font-size, 16px);
  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
  font-weight: 600;
  text-align: left;
  color: var(--sjs-special-red, var(--red, #e60a3e));
  white-space: normal;
  width: 100%;
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
  box-sizing: border-box;
}
.sd-element--expanded > .sd-element__header,
.sd-element--collapsed > .sd-element__header {
  cursor: pointer;
}
.sd-element--collapsed > .sd-element__header {
  padding: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sd-base-padding);
  box-sizing: border-box;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  margin-inline-start: calc(-1 * var(--sd-base-padding));
  width: calc(100% + 2 * var(--sd-base-padding));
}
.sd-element--collapsed.sd-element--with-frame {
  padding-top: 0;
  padding-bottom: 0;
}
.sd-element--collapsed.sd-element--with-frame > .sd-element__header {
  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: var(--sjs-questionpanel-cornerRadius, var(--sjs-corner-radius, 4px));
}
.sd-element--collapsed > .sd-element__header:focus-within,
.sd-element--collapsed > .sd-element__header:hover {
  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
}
.sd-element--collapsed.sd-element--nested > .sd-element__header:hover,
.sd-element--collapsed.sd-element--nested > .sd-element__header:focus-within {
  box-shadow: 0 calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0 var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)), 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
}
.sd-element--complex.sd-element--with-frame {
  padding-top: 0;
}
.sd-element--complex.sd-element--nested-with-borders > .sd-element__erbox,
.sd-element--complex.sd-element--with-frame > .sd-element__erbox {
  margin-top: 0;
  margin-bottom: 0;
}
.sd-element--complex > .sd-element__header:after {
  content: " ";
  display: block;
  height: 1px;
  position: relative;
  background: var(--sjs-border-light, var(--border-light, #eaeaea));
  bottom: 0;
}
.sd-element--complex.sd-element--with-frame > .sd-element__header {
  padding-top: var(--sd-base-vertical-padding);
  padding-bottom: var(--sd-base-vertical-padding);
}
.sd-element--collapsed.sd-element--complex > .sd-element__header {
  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-element--nested.sd-element--complex > .sd-element__header--location-top:after {
  bottom: calc(-0.5 * var(--sd-base-vertical-padding));
}
.sd-element--nested-with-borders {
  border: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
  border-radius: calc(var(--sjs-corner-radius, 4px) - 4px);
  box-sizing: border-box;
  padding-left: var(--sd-base-padding);
  padding-right: var(--sd-base-padding);
}
.sd-element--nested-with-borders > .sd-element__header--location-top {
  padding-top: calc(0.5 * var(--sd-base-vertical-padding));
  padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));
}
.sd-element--nested-with-borders > .sd-element__erbox {
  margin-left: calc(-1 * var(--sd-base-padding));
  margin-right: calc(-1 * var(--sd-base-padding));
  width: calc(100% + 2 * var(--sd-base-padding));
}
.sd-element--nested-with-borders > .sd-question__erbox--below-question {
  bottom: 0;
  margin-top: 0;
}
.sd-element--nested-with-borders.sd-element--collapsed > .sd-element__header--location-top:hover,
.sd-element--nested-with-borders.sd-element--collapsed > .sd-element__header--location-top:focus-within {
  box-shadow: none;
}
.sd-element--nested-with-borders > .sd-element__header--location-top:after,
.sd-element--complex.sd-element--with-frame > .sd-element__header--location-top:after {
  bottom: calc(-1 * var(--sd-base-vertical-padding));
  inset-inline-start: calc(-1 * var(--sd-base-padding));
  width: calc(100% + 2 * var(--sd-base-padding));
}
.sd-element--collapsed.sd-element--complex > .sd-element__header--location-top:after {
  display: none;
}
.sd-question--empty.sd-question--complex > .sd-question__content {
  padding-top: 0;
  padding-bottom: 0;
}
.sd-question--empty.sd-question--complex > .sd-question__content:first-of-type {
  padding-top: var(--sd-base-padding);
}
.sd-question--empty.sd-question--complex > .sd-question__header--location-top {
  padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));
}
.sd-question--empty.sd-question--complex > .sd-question__header--location-top:after {
  display: none;
}
.sd-input {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: static;
  width: 100%;
  box-sizing: border-box;
  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-editorfont-weight, 400);
  color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
  font-size: var(--sjs-internal-font-editorfont-size);
  background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));
  border: none;
  border-radius: var(--sjs-editorpanel-cornerRadius, var(--sjs-corner-radius, 4px));
  text-align: start;
  box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
  transition: box-shadow var(--sjs-transition-duration, 150ms);
  display: block;
}
.sd-input:focus {
  box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-input.sd-input:focus {
  outline: none;
}
input.sd-input:disabled:not(.sd-input--disabled),
textarea.sd-input:disabled:not(.sd-input--disabled) {
  opacity: 1;
}
.sd-input--disabled {
  background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));
}
.sd-input--readonly {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sd-input.sd-input--preview {
  background: none;
  box-shadow: none;
  transition: none;
  border-bottom: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616));
  border-radius: 0;
  padding-left: 0;
  padding-right: 0;
}
.sd-input::placeholder {
  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.sd-input.sd-input--disabled,
.sd-input.sd-input--disabled::placeholder {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: 0.25;
}
.sd-input.sd-input--readonly {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  box-shadow: none;
  transition: none;
}
.sd-input.sd-input--readonly::placeholder {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-root--readonly .sd-input--disabled,
.sd-root--readonly .sd-input--disabled::placeholder {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-input--error {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.sd-text__content {
  position: relative;
}
.sd-text__character-counter {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sd-text__character-counter:focus-within {
  padding-inline-end: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-text__character-counter.sd-text__character-counter--big:focus-within {
  padding-inline-end: calc(11 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-remaining-character-counter {
  display: none;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 0px;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
  font-size: var(--sjs-font-size, 16px);
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  position: absolute;
  inset-inline-end: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  inset-block-end: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-text__content:focus-within .sd-remaining-character-counter,
.sd-comment__content:focus-within .sd-remaining-character-counter,
.sd-multipletext__content:focus-within .sd-remaining-character-counter,
.sd-matrix__question-wrapper:focus-within .sd-remaining-character-counter {
  display: flex;
}
.sd-input[type=time],
.sd-input[type=date],
.sd-input[type=datetime-local],
.sd-input[type=week],
.sd-input[type=month],
.sd-input[type=tel],
.sd-input[type=password],
.sd-input[type=url],
.sd-input[type=email],
.sd-input[type=color],
.sd-input[type=range] {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  box-sizing: content-box;
  width: calc(100% - 4 * var(--sjs-base-unit, var(--base-unit, 8px)));
  height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
}
.sd-input[type=time].sd-text__character-counter:focus-within,
.sd-input[type=date].sd-text__character-counter:focus-within,
.sd-input[type=datetime-local].sd-text__character-counter:focus-within,
.sd-input[type=week].sd-text__character-counter:focus-within,
.sd-input[type=month].sd-text__character-counter:focus-within,
.sd-input[type=tel].sd-text__character-counter:focus-within,
.sd-input[type=password].sd-text__character-counter:focus-within,
.sd-input[type=url].sd-text__character-counter:focus-within,
.sd-input[type=email].sd-text__character-counter:focus-within,
.sd-input[type=color].sd-text__character-counter:focus-within,
.sd-input[type=range].sd-text__character-counter:focus-within {
  width: calc(100% - 10 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-input[type=range]::-webkit-slider-runnable-track {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
  height: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  margin-top: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: 100%;
  border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  box-shadow: inset 0 0 0 2px var(--background, #fff);
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-input[type=range]::-moz-range-track {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
  height: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  appearance: none;
  margin-top: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: 100%;
  border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  box-shadow: inset 0 0 0 2px var(--background, #fff);
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-comment {
  display: block;
  height: auto;
  min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  max-width: 100%;
}
.sd-comment__content {
  position: relative;
}
.sd-panel {
  position: relative;
}
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header {
  padding-top: 0;
  padding-bottom: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header:after {
  content: none;
}
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title {
  --page-title-font-size: var(--sjs-font-pagetitle-size, calc(1.5 * (var(--sjs-font-size, 16px))));
  font-family: var(--sjs-font-pagetitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-pagetitle-weight, 700);
  font-size: var(--page-title-font-size);
  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
  position: static;
  line-height: calc(1.33 * (var(--page-title-font-size)));
  margin: 0 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0px;
}
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__title span {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  color: inherit;
  line-height: inherit;
}
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-element__num {
  padding: initial;
  margin: initial;
  float: initial;
  width: initial;
}
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__description {
  font-family: var(--sjs-font-pagedescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-pagedescription-weight, 400);
  font-size: var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px));
  color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
  position: static;
  line-height: calc(1.5 * (var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px))));
  margin: 0 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
}
.sd-panel.sd-panel--as-page > .sd-panel__header.sd-panel__header .sd-panel__required-text {
  display: none;
}
.sd-panel.sd-panel--as-page > .sd-panel__errbox {
  margin: 0 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
  padding: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-base-padding);
}
.sd-panel.sd-panel--as-page > .sd-panel__content {
  padding-top: 0;
}
.sd-root--compact .sd-panel--as-page > .sd-panel__errbox {
  margin: 0 0 var(--sd-base-vertical-padding) 0;
}
.sd-row ~ .sd-row .sd-panel--as-page {
  padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-panel__required-text {
  color: var(--sjs-special-red, var(--red, #e60a3e));
}
.sd-panel__footer {
  box-sizing: border-box;
  padding-left: calc(var(--sd-base-padding) - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  margin-left: calc(-1 * var(--sd-base-padding));
  width: calc(100% + 2 * var(--sd-base-padding));
  margin-bottom: calc(-1 * var(--sd-base-padding) + 0.5 * var(--sd-base-vertical-padding));
  margin-top: calc(0.5 * var(--sd-base-vertical-padding));
  border-top: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
  padding-top: calc(0.5 * var(--sd-base-vertical-padding));
}
.sd-panel--as-page .sd-panel__footer {
  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0;
  margin: 0;
  border: none;
  width: initial;
}
.sd-panel__content {
  padding-top: var(--sd-base-padding);
}
.sd-panel.sd-element--nested > .sd-panel__content {
  padding-bottom: var(--sd-base-padding);
  --animation-padding-top: var(--sd-base-padding);
}
.sd-panel__content {
  --animation-padding-top: var(--sd-base-padding);
}
.sjs_sp_placeholder {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
}
.sjs_sp_container {
  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
  box-sizing: content-box;
}
.sd-question--readonly .sjs_sp_container,
.sd-question--preview .sjs_sp_container {
  border: none;
}
.sd-question--readonly .sjs_sp_placeholder,
.sd-question--preview .sjs_sp_placeholder {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sjs_sp_controls.sd-signaturepad__controls {
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  top: var(--sjs-base-unit, var(--base-unit, 8px));
  left: auto;
  bottom: auto;
}
.sd-question--signature.sd-question--error .sjs_sp_placeholder {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.sd-signaturepad__background-image {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
}
.sd-signaturepad__loading-indicator {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}
.sd-signaturepad__loading-indicator .sd-loading-indicator {
  position: absolute;
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-checkbox__decorator {
  border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));
}
.sd-checkbox__svg {
  display: block;
  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-checkbox__svg use {
  fill: transparent;
  transition: fill var(--sjs-transition-duration, 150ms);
}
.sd-checkbox--checked .sd-checkbox__svg use {
  fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use {
  fill: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-checkbox--checked.sd-checkbox--readonly .sd-checkbox__svg use {
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-checkbox--checked.sd-checkbox--preview .sd-checkbox__svg use {
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {
  position: sticky;
  left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  z-index: 12;
}
.sd-question--mobile .sd-matrixdynamic__footer::before {
  z-index: 12;
  content: " ";
  display: block;
  position: relative;
  height: 1px;
  background-color: var(--sjs-border-light, var(--border-light, #eaeaea));
  left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(100% + 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
  z-index: 12;
}
.sd-matrixdynamic__footer:first-child {
  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-matrixdynamic__footer:first-child::before {
  display: none;
}
.sd-matrixdynamic__footer {
  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-action.sd-matrixdynamic__remove-btn {
  opacity: 0.5;
}
.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  width: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
  height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
}
.sd-matrixdynamic__btn {
  appearance: none;
  background: transparent;
  border: none;
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
  font-size: var(--sjs-font-size, 16px);
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: 600;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
}
.sd-matrixdynamic__drag-element {
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-matrixdynamic__drag-element:hover {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.sd-matrixdynamic__drag-element:after {
  content: " ";
  display: block;
  height: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  box-sizing: border-box;
  border-radius: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-matrixdynamic__placeholder .sd-matrixdynamic__add-btn {
  margin-left: 0;
}
.sd-table__row:hover .sd-drag-element__svg {
  visibility: visible;
}
.sd-table__cell.sd-table__cell--drag > div {
  display: flex;
  justify-content: end;
  align-items: center;
  margin-left: calc(-4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
  min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-drag-element__svg {
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: block;
  cursor: pointer;
  visibility: hidden;
}
.sd-drag-element__svg use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
@keyframes borderAnimation {
  from {
    border-width: 0px;
  }
  to {
    border-width: 8px;
  }
}
@keyframes paddingAnimation {
  from {
    padding-top: 0;
    padding-bottom: 0;
  }
  to {
    padding-top: 24px;
    padding-bottom: 32px;
  }
}
@keyframes empty {
}
.sd-table__row--leave,
.sd-table__row--enter {
  animation-name: empty;
  --move-whole-animation-duration: calc(var(--move-animation-duration) + var(--move-animation-delay));
  --fade-whole-animation-duration: calc(var(--fade-animation-duration) + var(--fade-animation-delay));
  animation-duration: max(var(--fade-whole-animation-duration), var(--move-whole-animation-duration));
}
.sd-table__row--leave > td,
.sd-table__row--enter > td {
  animation-name: borderAnimation;
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
  animation-duration: var(--move-animation-duration);
  animation-fill-mode: forwards;
  animation-delay: var(--move-animation-delay);
}
.sd-table__row--leave > td > div,
.sd-table__row--enter > td > div {
  animation-name: fadeIn, moveInWithOverflow;
  opacity: 0;
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
  animation-fill-mode: forwards;
  animation-duration: var(--fade-animation-duration), var(--move-animation-duration);
  animation-delay: var(--fade-animation-delay), var(--move-animation-delay);
}
.sd-table__row--enter {
  --move-animation-delay: 0s;
  --move-animation-duration: var(--sjs-matrix-row-move-in-duration, 150ms);
  --fade-animation-duration: var(--sjs-matrix-row-fade-in-duration, 250ms);
  --fade-animation-delay: var(--sjs-matrix-row-fade-in-delay, 150ms);
  --animation-direction: normal;
  --animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
.sd-table__row--leave {
  --move-animation-delay: var(--sjs-matrix-row-move-out-delay, 100ms);
  --move-animation-duration: var(--sjs-matrix-row-move-out-duration, 250ms);
  --fade-animation-duration: var(--sjs-matrix-row-fade-out-duration, 100ms);
  --fade-animation-delay: 0s;
  --animation-direction: reverse;
  --animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
.sd-table__row--detail.sd-table__row--enter > td,
.sd-table__row--detail.sd-table__row--leave > td {
  animation-name: borderAnimation, paddingAnimation;
  animation-duration: var(--move-animation-duration);
  animation-fill-mode: forwards;
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
}
.sd-table__row--detail.sd-table__row--enter {
  --move-animation-delay: 0s;
  --move-animation-duration: var(--sjs-matrix-detail-row-move-in-duration, 150ms);
  --fade-animation-duration: var(--sjs-matrix-detail-row-fade-in-duration, 500ms);
  --fade-animation-delay: var(--sjs-matrix-detail-row-fade-in-delay, 150ms);
  --animation-direction: normal;
  --animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
.sd-table__row--detail.sd-table__row--leave {
  --move-animation-delay: var(--sjs-matrix-detail-row-move-out-delay, 100ms);
  --move-animation-duration: var(--sjs-matrix-detail-row-move-out-duration, 250ms);
  --fade-animation-duration: var(--sjs-matrix-detail-row-fade-out-duration, 150ms);
  --fade-animation-delay: 0s;
  --animation-direction: reverse;
  --animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
.sd-table {
  width: 100%;
  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
  border-collapse: separate;
  border-spacing: 0;
  white-space: normal;
}
.sd-table > thead > tr > th {
  border-top: 0;
  border-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;
}
.sd-table__cell {
  border-top: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;
  border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;
  border-left: none;
  border-right: none;
  background-clip: padding-box;
  box-sizing: content-box;
}
.sd-table.sd-table--columnsautowidth .sd-table__cell:not(.sd-table__cell--actions):not(.sd-table__cell--action):not(.sd-table__cell--empty.sd-table__cell--error) {
  width: 10000px;
}
.sd-table__row:first-of-type > .sd-table__cell {
  border-top: 0;
}
.sd-table__row:last-of-type > .sd-table__cell {
  border-bottom: 0;
}
.sd-table--align-top .sd-table__cell {
  vertical-align: top;
}
.sd-table--no-header {
  padding-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-table--no-header {
  padding-top: 0;
}
.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table .sd-question__content {
  padding-bottom: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(-0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table > .sd-question__header ~ .sd-question__content {
  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  --animation-padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table > .sd-question__header ~ .sd-question__content .sd-table--no-header {
  padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {
  margin-top: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table.sd-question--error-top > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {
  margin-top: 0;
}
.sd-panel:not(.sd-panel--as-page) > .sd-panel__content > .sd-row:not(:first-of-type) .sd-question--table > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {
  margin-top: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-panel:not(.sd-panel--as-page) > .sd-panel__content > .sd-row:not(:first-of-type) .sd-question--table.sd-question--error-top > .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {
  margin-top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-panel:not(.sd-panel--as-page) > .sd-panel__content .sd-question--table > .sd-question__header ~ .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-panel:not(.sd-panel--as-page) > .sd-panel__content > .sd-row:not(:first-of-type) .sd-question--table > .sd-question__header ~ .sd-question__content .sd-table-wrapper .sd-table:not(.sd-table--no-header) {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows {
  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
  width: calc(100% - 2 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__cell:not(.sd-table__cell--header):first-of-type {
  padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__cell:last-of-type {
  padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:first-of-type > .sd-table__cell {
  border-top: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;
}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:last-of-type > .sd-table__cell {
  border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;
}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions),
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type {
  border-top-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
  border-bottom-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions).sd-matrix__text--checked,
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type.sd-matrix__text--checked {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-input,
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-input {
  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error) .sd-item__decorator,
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error) .sd-item__decorator {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--checked .sd-item__decorator,
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--checked .sd-item__decorator {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--checked .sd-item__control:focus + .sd-item__decorator,
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--checked .sd-item__control:focus + .sd-item__decorator {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--readonly.sd-item--checked .sd-item__decorator,
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--readonly.sd-item--checked .sd-item__decorator {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) > td.sd-table__cell:not(.sd-table__cell--actions) .sd-item:not(.sd-item--error).sd-item--preview.sd-item--preview .sd-item__decorator,
.sd-question:not(.sd-question--mobile) .sd-table--alternate-rows .sd-table__row:nth-of-type(odd) td:first-of-type .sd-item:not(.sd-item--error).sd-item--preview.sd-item--preview .sd-item__decorator {
  background-color: transparent;
}
.sd-table__cell {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  font-weight: normal;
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  text-align: center;
}
.sd-table__cell:not(.sd-table__cell--empty):not(.sd-table__cell--actions):not(:empty) {
  min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-table__cell .sd-item {
  text-align: initial;
}
.sd-table__cell--error {
  border: none;
  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-table__cell--error .sd-question__erbox {
  margin: 0;
}
.sd-table__cell--error-top {
  vertical-align: bottom;
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-table__cell--error-bottom {
  vertical-align: top;
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-table__cell--item .sd-selectbase__item {
  text-align: center;
  justify-content: center;
}
.sd-table__cell--item .sd-selectbase__label {
  justify-content: center;
}
.sd-question--disabled .sd-table__cell {
  opacity: 0.25;
}
.sd-root--readonly .sd-question--disabled .sd-table__cell {
  opacity: 1;
}
.sd-table__cell--header .sv-vue-title-additional-div,
.sd-table__cell--header {
  font-size: 0;
  line-height: 0;
}
.sd-table__cell--header span {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
  font-weight: var(--sjs-font-questiontitle-weight, 600);
}
.sd-table__cell--header {
  font-weight: 600;
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  vertical-align: top;
  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-table__cell--header:not(.sd-table__cell--empty) {
  min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--empty {
  min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-matrixdropdown .sd-table__cell--header.sd-table__cell--action {
  min-width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty) {
  min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--dropdown,
.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--rating {
  min-width: calc(22 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-matrixdropdown .sd-table__cell--header:not(.sd-table__cell--empty).sd-table__cell--boolean {
  min-width: calc(18 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-table__cell--footer {
  text-align: end;
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-table__cell--footer-total {
  font-weight: 600;
  text-align: start;
}
.sd-table__cell--detail-panel {
  border-top: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;
  padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px)) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid transparent;
}
.sd-table__cell--actions .sv-action-bar,
.sd-matrixdynamic__add-btn .sv-action-bar {
  overflow: visible;
}
.sd-table__cell--actions:not(.sd-table__cell--vertical) {
  width: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-table__cell--actions:not(.sd-table__cell--vertical):not(.sd-table__cell--drag):first-of-type {
  padding-left: 0;
  width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  min-width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-table__cell--detail-button {
  border: none;
  background: transparent;
  border-radius: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  transition: background var(--sjs-transition-duration, 150ms);
}
.sd-table__cell--detail-button svg {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  display: block;
  width: var(--sjs-internal-font-editorfont-size);
  height: var(--sjs-internal-font-editorfont-size);
  fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
  transition: fill var(--sjs-transition-duration, 150ms);
}
.sd-table__cell--detail-button:hover,
.sd-table__cell--detail-button:focus {
  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  outline: none;
}
.sd-table__cell--detail-button:hover svg,
.sd-table__cell--detail-button:focus svg {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-table__cell--actions {
  white-space: nowrap;
}
.sd-table__cell--actions.sd-table__cell--vertical .sd-action-bar {
  justify-content: center;
}
.sd-table__cell--row-text {
  font-weight: var(--sjs-font-questiontitle-weight, 600);
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  text-align: start;
  min-width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-matrix__question-wrapper {
  position: relative;
}
.sd-table__question-wrapper:not(:focus-within):hover {
  position: relative;
}
.sd-table__cell--actions:not(.sd-table__cell--vertical),
.sd-table__cell--empty,
.sd-table__cell--row-text,
.sd-table__cell--footer-total,
.sd-matrix__cell:first-of-type,
.sd-matrix tr > td:first-of-type {
  position: sticky;
  background-color: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
  z-index: 12;
}
.sd-table__cell--actions:not(.sd-table__cell--vertical):first-of-type,
.sd-table__cell--empty:first-of-type,
.sd-table__cell--row-text:first-of-type,
.sd-table__cell--footer-total:first-of-type,
.sd-matrix__cell:first-of-type:first-of-type,
.sd-matrix tr > td:first-of-type:first-of-type {
  left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-table__cell--actions:not(.sd-table__cell--vertical):last-of-type,
.sd-table__cell--empty:last-of-type,
.sd-table__cell--row-text:last-of-type,
.sd-table__cell--footer-total:last-of-type,
.sd-matrix__cell:first-of-type:last-of-type,
.sd-matrix tr > td:first-of-type:last-of-type {
  right: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-table__cell--actions:not(.sd-table__cell--vertical):last-child .sd-action-bar {
  margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  justify-content: flex-end;
  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
}
.sd-question.sd-question--table {
  position: relative;
  overflow-x: auto;
}
.sd-question--table.sd-element--collapsed,
.sd-question--table.sd-element--nested {
  overflow-x: visible;
}
.sd-question--table .sd-question__header--location--left {
  z-index: 12;
}
.sd-table-wrapper {
  display: flex;
  margin: 0 calc(-1 * var(--sd-base-padding));
  width: fit-content;
  min-width: calc(100% + 2 * var(--sd-base-padding));
}
.sd-table-wrapper:before,
.sd-table-wrapper:after {
  content: "";
  display: block;
  position: sticky;
  min-height: 100%;
  width: calc(var(--sd-base-padding) - var(--sjs-base-unit, var(--base-unit, 8px)));
  flex-shrink: 0;
  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
  z-index: 11;
}
.sd-table-wrapper::before {
  left: calc(-1 * var(--sd-base-padding));
}
.sd-table-wrapper:after {
  right: calc(-1 * var(--sd-base-padding));
}
.sd-table-wrapper > * {
  flex-basis: 100%;
}
.sd-element--with-frame.sd-element--compact .sd-table {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sd-element--with-frame.sd-element--compact .sd-table-wrapper:before,
.sd-element--with-frame.sd-element--compact .sd-table-wrapper:after {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sd-element--with-frame.sd-element--compact .sd-table__cell--actions:not(.sd-table__cell--vertical):last-child .sd-action-bar {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sd-element--with-frame.sd-element--compact .sd-table__cell--actions:not(.sd-table__cell--vertical),
.sd-element--with-frame.sd-element--compact .sd-table__cell--empty,
.sd-element--with-frame.sd-element--compact .sd-table__cell--row-text,
.sd-element--with-frame.sd-element--compact .sd-table__cell--footer-total,
.sd-element--with-frame.sd-element--compact .sd-matrix__cell:first-of-type,
.sd-element--with-frame.sd-element--compact .sd-matrix tr > td:first-of-type {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sd-question--table > .sd-question__header,
.sd-question--table .sd-question__description--under-input .sv-string-viewer {
  position: sticky;
  left: 0;
}
.sd-question--table > .sd-question__content {
  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  --animation-padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  min-width: min-content;
}
.sd-question--table.sd-element--nested > .sd-question__content {
  min-width: auto;
  overflow-x: auto;
}
.sd-question--table.sd-element--nested > .sd-question__content,
.sd-question--table:not(.sd-element--with-frame):not(.sd-element--nested) {
  padding-right: var(--sd-base-padding);
  margin-right: calc(-1 * var(--sd-base-padding));
  padding-left: var(--sd-base-padding);
  margin-left: calc(-1 * var(--sd-base-padding));
  box-sizing: content-box;
}
.sd-row--multiple .sd-question--table.sd-element--nested > .sd-question__content {
  padding-right: calc(var(--sd-base-padding) + 2px);
}
.sd-question--scroll {
  overflow-x: scroll;
}
.sd-table__row-disabled > .sd-table__cell {
  opacity: 0.25;
}
.sd-question--mobile.sd-question.sd-question--table > .sd-question__content {
  padding-top: 0;
  --animation-padding-top: 0;
}
.sd-question--mobile.sd-question--table,
.sd-question--mobile.sd-question--scroll {
  overflow-x: visible;
}
.sd-question--mobile > .sd-question__content {
  min-width: auto;
}
.sd-question--mobile .sd-table-wrapper {
  width: auto;
}
.sd-question--mobile .sd-table {
  display: block;
  width: calc(100% - 2 * var(--sd-base-padding) + 2 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-question--mobile .sd-table > tbody {
  display: block;
}
.sd-question--mobile .sd-table > tfoot {
  display: block;
}
.sd-question--mobile .sd-table__cell.sd-matrix__cell {
  display: flex;
  align-items: flex-start;
  border-top: none;
  border-bottom: none;
}
.sd-question--mobile .sd-table__cell.sd-matrix__cell .sd-matrix__responsive-title {
  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
  text-align: start;
}
.sd-question--mobile .sd-table__cell.sd-matrix__cell:first-of-type {
  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-question--mobile .sd-table thead {
  display: none;
}
.sd-question--mobile .sd-table tr {
  display: flex;
  flex-direction: column;
}
.sd-question--mobile .sd-matrix__table .sd-table__row {
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-question--mobile .sd-table__row {
  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--mobile .sd-table__row--expanded .sd-table__cell-action--show-detail-mobile {
  display: none;
}
.sd-question--mobile .sd-table:not(.sd-matrix__table) .sd-table__row {
  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--mobile .sd-table:not(.sd-matrix__table) .sd-table__row.sd-table__row--has-end-actions {
  padding-bottom: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions) {
  padding-bottom: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions):not(:last-of-type) {
  padding-bottom: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--has-end-actions):not(:last-of-type)::after {
  bottom: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--mobile .sd-table:not(.sd-matrix__table) tfoot tr::before,
.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--expanded)::after {
  z-index: 12;
  content: " ";
  display: block;
  position: relative;
  height: 1px;
  background-color: var(--sjs-border-light, var(--border-light, #eaeaea));
  left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));
  z-index: 12;
}
.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:not(.sd-table__row--expanded)::after {
  bottom: 0;
}
.sd-question--mobile .sd-table:not(.sd-matrix__table) tr:last-of-type::after {
  display: none;
}
.sd-question--mobile .sd-table:not(.sd-matrix__table) tfoot tr {
  padding-top: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--mobile .sd-table:not(.sd-matrix__table) tfoot tr::before {
  background-color: transparent;
}
.sd-question--mobile .sd-table:not(.sd-table--has-footer) .sd-table__row:last-of-type .sd-table__cell-action--show-detail-mobile,
.sd-question--mobile .sd-table:not(.sd-table--has-footer) .sd-table__row:last-of-type .sd-table__cell-action--remove-row {
  margin-bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--mobile .sd-matrix__label {
  justify-content: flex-start;
}
.sd-question--mobile .sd-table__cell {
  border-top: none;
  border-bottom: none;
  display: block;
  padding-top: 0;
  padding-bottom: 0;
  text-align: start;
}
.sd-question--mobile .sd-table__cell {
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--mobile .sd-table__cell--error {
  margin-top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--mobile .sd-table__cell--error.sd-table__cell--error-bottom .sd-question__erbox {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-question--mobile .sd-table__cell:first-of-type,
.sd-question--mobile .sd-matrix__cell {
  margin-top: 0;
}
.sd-question--mobile .sd-table__cell--footer:not(.sd-question--answered) {
  display: none;
}
.sd-question--mobile .sd-table__responsive-title {
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
  font-weight: 600;
  display: block;
  text-align: start;
}
.sd-question--mobile .sd-table__responsive-title .sv-string-viewer {
  white-space: normal;
}
.sd-question--mobile .sd-table--no-header {
  padding-top: 0;
}
.sd-question--mobile .sd-table--no-header .sd-table__responsive-title {
  display: none;
}
.sd-question--mobile .sd-table__cell--detail-panel {
  padding-top: 0;
  padding-bottom: 0;
  border-top: 0;
  border-bottom: 0;
}
.sd-question--mobile .sd-table__cell--detail-panel .sd-panel__content {
  padding-top: 0;
}
.sd-question--mobile .sd-table__cell.sd-table__cell--actions {
  width: auto;
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-question--mobile .sd-table__cell.sd-table__cell--actions .sd-action-bar {
  margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-general-backcolor, var(--background, #fff));
}
.sd-question--mobile .sd-table__cell.sd-table__cell--actions #show-detail-mobile {
  flex-grow: 1;
}
.sd-question--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn {
  opacity: 1;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn .sd-action__icon {
  display: none;
}
.sd-question--mobile .sd-action.sd-action.sd-matrixdynamic__remove-btn:after {
  content: attr(title);
}
.sd-question--mobile .sd-matrixdynamic__footer {
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--mobile .sd-table__cell--footer-total:not(.sd-matrix__cell),
.sd-question--mobile .sd-table__cell--row-text:not(.sd-matrix__cell) {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-question--mobile .sd-matrixdropdown.sd-table tr::after {
  bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--mobile .sd-matrixdropdown.sd-table tr:last-child:after {
  content: none;
}
.sd-question--mobile .sd-table__cell.sd-table__cell--error-top {
  margin-top: 0;
}
.sd-question--mobile .sd-table__cell--error-top:first-of-type ~ .sd-table__cell:nth-of-type(2) {
  margin-top: 0;
}
.sd-question--mobile .sd-table__cell--error-top .sd-question__erbox {
  margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-question--mobile .sd-table__cell--error-top:first-of-type .sd-question__erbox {
  margin-top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-question--mobile .sd-table__question-wrapper .sd-boolean-root {
  margin: initial;
}
.sd-table__cell--detail-panel .sd-panel__content {
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-table__question-wrapper .sd-boolean-root {
  margin: auto;
}
.sd-table__cell--footer .sd-table__question-wrapper--expression .sd-expression {
  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border-bottom: 1px solid var(--sjs-border-light, var(--border-light, #eaeaea));
  font-size: var(--sjs-font-size, 16px);
  font-weight: 600;
  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-table__cell--footer .sd-table__question-wrapper--left {
  text-align: start;
}
.sd-table__cell--footer .sd-table__question-wrapper--center {
  text-align: center;
}
.sd-table__cell--footer .sd-table__question-wrapper--right {
  text-align: end;
}
.sd-table.sd-matrixdynamic {
  table-layout: auto;
}
.sd-page {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0 calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
  box-sizing: border-box;
}
.sd-root-modern--mobile .sd-page {
  padding: 0;
}
.sd-page .sd-page__title {
  --page-title-font-size: var(--sjs-font-pagetitle-size, calc(1.5 * (var(--sjs-font-size, 16px))));
  font-family: var(--sjs-font-pagetitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-pagetitle-weight, 700);
  font-size: var(--page-title-font-size);
  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
  position: static;
  line-height: calc(1.33 * (var(--page-title-font-size)));
  margin: 0 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0px;
}
.sd-page .sd-page__description {
  font-family: var(--sjs-font-pagedescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-pagedescription-weight, 400);
  font-size: var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px));
  color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
  position: static;
  line-height: calc(1.5 * (var(--sjs-font-pagedescription-size, var(--sjs-font-size, 16px))));
  margin: 0 0 calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
}
.sd-page__errbox {
  padding: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px))) var(--sd-base-padding);
}
.sd-page__title ~ .sd-page__errbox,
.sd-page__description ~ .sd-page__errbox {
  margin-top: calc(0.5 * var(--sd-base-vertical-padding) + var(--sjs-base-unit, var(--base-unit, 8px)));
  margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root--compact .sd-page__title ~ .sd-page__errbox,
.sd-root--compact .sd-page__description ~ .sd-page__errbox {
  margin-bottom: 0;
}
.sd-row {
  display: flex;
  flex-direction: row;
  width: 100%;
  box-sizing: border-box;
  margin-top: var(--sd-base-vertical-padding);
}
.sd-row.sd-page__row {
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-page__row.sd-row--compact {
  margin-top: var(--sd-base-vertical-padding);
}
.sd-row:first-of-type {
  margin-top: 0;
}
.sd-page__title ~ .sd-row.sd-page__row:not(.sd-row--compact),
.sd-page__description ~ .sd-row.sd-page__row:not(.sd-row--compact) {
  margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-page__title ~ .sd-page__row.sd-row--compact,
.sd-page__description ~ .sd-page__row.sd-row--compact {
  margin-top: var(--sd-base-vertical-padding);
}
.sd-page__title ~ .sd-page__row.sd-row.sd-row--enter.sd-row-delayed-enter,
.sd-page__description ~ .sd-page__row.sd-row.sd-row--enter.sd-row-delayed-enter {
  margin-top: 0;
}
.sd-row.sd-page__row:not(.sd-row--compact) ~ .sd-row.sd-page__row:not(.sd-row--compact) {
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-row.sd-page__row:not(.sd-row--compact) ~ .sd-page__row.sd-row.sd-row--enter.sd-row-delayed-enter {
  margin-top: 0;
}
.sd-row--multiple {
  row-gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: calc(-1 * var(--sd-base-padding));
  width: calc(100% + var(--sd-base-padding));
  flex-wrap: wrap;
}
.sd-row--multiple > div {
  box-sizing: border-box;
  --animation-padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  align-items: stretch;
}
.sd-panel.sd-panel--as-page > .sd-panel__content > .sd-row--multiple:not(.sd-row--compact) {
  margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(100% + var(--base-unit) * 2);
}
.sd-panel:not(.sd-panel--as-page) .sd-row--multiple {
  row-gap: var(--sd-base-vertical-padding);
}
.sd-panel:not(.sd-panel--as-page) .sd-row--multiple > div {
  --animation-padding-left: var(--sd-base-padding);
  padding-left: var(--sd-base-padding);
}
.sd-row--multiple.sd-row--compact > div {
  --animation-padding-left: var(--sd-base-padding);
  padding-left: var(--sd-base-padding);
}
.sd-page__row.sd-row--multiple {
  margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(100% + 2 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-page__row.sd-row--multiple.sd-row--compact {
  padding: 0;
  row-gap: var(--sd-base-vertical-padding);
  margin-left: calc(-1 * var(--sd-base-padding));
  width: calc(100% + var(--sd-base-padding));
}
.sd-row__panel {
  box-sizing: border-box;
  width: 100%;
}
.sd-row__question {
  box-sizing: border-box;
  width: 100%;
  white-space: nowrap;
}
.sd-row.sd-row--enter {
  margin-top: 0;
}
.sd-row--enter {
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  min-height: 0 !important;
  opacity: 0;
  height: 0;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-delay:
    var(--sjs-row-fade-in-delay, 150ms),
    0s,
    0s;
  animation-duration:
    var(--sjs-row-fade-in-duration, 500ms),
    var(--sjs-row-move-in-duration, 150ms),
    var(--sjs-row-move-in-duration, 150ms);
}
.sd-row--delayed-enter {
  animation-delay:
    calc(var(--sjs-row-fade-in-delay, 150ms) + var(--sjs-row-fade-in-animation-delay, 400ms)),
    var(--sjs-row-fade-in-animation-delay, 400ms),
    var(--sjs-row-fade-in-animation-delay, 400ms);
}
.sd-row--leave {
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-fill-mode: forwards;
  animation-direction: reverse;
  min-height: 0 !important;
  animation-delay:
    0s,
    var(--sjs-row-move-out-delay, 100ms),
    var(--sjs-row-move-out-delay, 100ms);
  animation-duration:
    var(--sjs-row-fade-out-duration, 150ms),
    var(--sjs-row-move-out-duration, 250ms),
    var(--sjs-row-move-out-duration, 250ms);
}
.sd-row--enter .sd-element-wrapper--enter {
  animation: none;
}
.sd-row--leave .sd-element-wrapper--leave {
  animation: none;
}
.sd-title {
  display: block;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-style: normal;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  flex-direction: row;
  white-space: normal;
}
.sd-title.sd-container-modern__title {
  display: flex;
  align-items: center;
  padding: var(--sd-page-vertical-padding) var(--sd-page-vertical-padding);
  overflow: auto;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-shadow: 0px 2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-title.sd-container-modern__title .sd-logo.sv-logo--right {
  margin-left: auto;
}
.sd-title.sd-container-modern__title .sd-logo__image {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-header__text {
  display: flex;
  flex-direction: column;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  flex-grow: 1;
}
.sd-header__text .sd-title {
  --survey-title-font-size: var(--sjs-font-surveytitle-size, calc(2 * (var(--sjs-font-size, 16px))));
  font-size: var(--survey-title-font-size);
  line-height: calc(1.25 * (var(--survey-title-font-size)));
  color: var(--sjs-font-surveytitle-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  font-family: var(--sjs-font-surveytitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-surveytitle-weight, 700);
}
.sd-header__text h3 {
  line-height: calc(2.5 * (var(--sjs-font-size, 16px)));
}
.sd-header__text h5 {
  font-size: var(--sjs-font-size, 16px);
  font-weight: 400;
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
}
.sd-header__text .sd-description {
  --survey-description-font-size: var(--sjs-font-surveydescription-size, var(--sjs-font-size, 16px));
  font-size: var(--survey-description-font-size);
  line-height: calc(1.5 * (var(--survey-description-font-size)));
  color: var(--sjs-font-surveydescription-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  font-family: var(--sjs-font-surveydescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-surveydescription-weight, 400);
}
.sd-title .sv-title-actions {
  width: 100%;
  justify-content: space-between;
}
.sd-root-modern .sd-container-modern__title {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.sd-root-modern .sd-container-modern__title .sd-header__text h3 {
  margin: 0;
}
.sd-root-modern .sd-container-modern__title .sd-description {
  margin: 0;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-title .sv-title-actions {
  align-items: flex-start;
  width: calc(100% + 3 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-title .sv-title-actions .sv-title-actions__title {
  flex-wrap: wrap;
  flex: 0 1 auto;
  max-width: calc(100% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  white-space: initial;
  min-width: unset;
}
.sd-root--compact .sd-title .sv-title-actions {
  width: 100%;
}
.sd-action-title-bar {
  flex: 1 9 auto;
  min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  justify-content: flex-end;
  margin: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
}
.sd-action-title-bar .sv-action {
  flex: 0 0 auto;
}
.sd-action-title-bar.sd-action-bar--empty {
  min-width: 0;
}
.sd-description {
  font-style: normal;
  font-family: var(--sjs-font-questiondescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-questiondescription-weight, 400);
  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
  font-size: var(--sjs-font-questiondescription-size, var(--sjs-font-size, 16px));
  line-height: calc(1.5 * (var(--sjs-font-questiondescription-size, var(--sjs-font-size, 16px))));
  white-space: normal;
}
.sd-description.sd-question__description--under-input {
  padding-top: calc(0.375 * var(--sd-base-vertical-padding));
}
.sd-element__header .sd-description {
  margin-top: calc(0.25 * var(--sd-base-vertical-padding) - 0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-item {
  display: flex;
  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
}
.sd-item--disabled.sd-item--disabled .sd-item__decorator,
.sd-item__decorator {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));
  border: none;
  flex-shrink: 0;
  margin-top: calc((1.5 * (var(--sjs-internal-font-editorfont-size)) - 3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) / 2);
  box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
  transition: box-shadow var(--sjs-transition-duration, 150ms), background var(--sjs-transition-duration, 150ms);
}
.sd-item--readonly.sd-item--readonly .sd-item__decorator {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
  box-shadow: none;
  transition: none;
}
.sd-item--preview.sd-item--preview .sd-item__decorator {
  background-color: transparent;
  box-shadow: none;
  transition: none;
}
.sd-item--checked .sd-item__decorator {
  box-shadow: none;
}
.sd-item__control:focus + .sd-item__decorator {
  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
  outline: none;
  box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-item--allowhover:not(.sd-item--readonly) .sd-selectbase__label:hover .sd-item__decorator {
  background: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));
  outline: none;
}
.sd-item--checked .sd-item__decorator {
  background: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-item__control-label {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-style: normal;
  font-weight: var(--sjs-font-editorfont-weight, 400);
  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
  font-size: var(--sjs-internal-font-editorfont-size);
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  white-space: normal;
  width: 100%;
  text-align: start;
  min-width: 0;
}
.sd-item__control-label .sv-string-viewer {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
.sd-item--disabled .sd-item__control-label {
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  opacity: 0.25;
}
.sd-root--readonly .sd-item--disabled .sd-item__control-label {
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.sd-item--error .sd-item__decorator {
  background: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.sd-selectbase {
  border: none;
  margin: 0;
  padding: 0;
  min-inline-size: 0;
  min-width: 0;
}
.sd-selectbase--row {
  border: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  column-gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-selectbase--multi-column {
  display: flex;
  flex: 1 1 0px;
  flex-wrap: nowrap;
  overflow: auto;
  padding: 0 2px;
  margin: 0 -2px;
}
.sd-selectbase__label {
  display: inline-flex;
  position: relative;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  vertical-align: top;
  max-width: 100%;
}
.sd-selectbase__column {
  vertical-align: top;
}
.sd-selectbase__column {
  display: block;
  box-sizing: border-box;
  flex: 1 1 0px;
  max-width: 100%;
}
.sd-selectbase__column:not(:last-child) {
  padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-selectbase__column.sv-q-column-1 {
  width: 100%;
}
.sd-item--enter,
.sd-item--leave {
  animation-name: moveInWithOverflow, fadeIn;
  opacity: 0;
  animation-fill-mode: forwards;
  animation-timing-function: linear;
  animation-direction: var(--animation-direction);
  animation-duration: var(--move-animation-duration), var(--fade-animation-duration);
  animation-delay: var(--move-animation-delay), var(--fade-animation-delay);
}
.sd-item--enter {
  --animation-direction: normal;
  --move-animation-duration: var(--sjs-ranking-move-in-duration, 150ms);
  --move-animation-delay: 0s;
  --fade-animation-duration: var(--sjs-ranking-fade-in-duration, 100ms);
  --fade-animation-delay: var(--sjs-ranking-fade-in-delay, 150ms);
}
.sd-item--leave {
  --animation-direction: reverse;
  --move-animation-duration: var(--sjs-ranking-move-out-duration, 150ms);
  --move-animation-delay: var(--sjs-ranking-move-out-delay, 0ms);
  --fade-animation-duration: var(--sjs-ranking-fade-out-duration, 100ms);
  --fade-animation-delay: 0s;
}
div[class*=sv-q-column-]:not(:first-of-type) .sd-item--enter {
  --move-animation-duration: 0s;
  --fade-animation-delay: 0s;
}
.sd-checkbox__decorator {
  border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));
}
.sd-checkbox__svg {
  display: block;
  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-checkbox__svg use {
  fill: transparent;
  transition: fill var(--sjs-transition-duration, 150ms);
}
.sd-checkbox--checked .sd-checkbox__svg use {
  fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-checkbox--checked.sd-checkbox--disabled .sd-checkbox__svg use {
  fill: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sd-checkbox--checked .sd-checkbox__control:focus + .sd-checkbox__decorator .sd-checkbox__svg use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-checkbox--checked.sd-checkbox--readonly .sd-checkbox__svg use {
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-checkbox--checked.sd-checkbox--preview .sd-checkbox__svg use {
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-radio__decorator {
  border-radius: 50%;
}
.sd-radio__decorator:after {
  content: " ";
  display: block;
  width: var(--sjs-base-unit, var(--base-unit, 8px));
  height: var(--sjs-base-unit, var(--base-unit, 8px));
  border-radius: 50%;
  background-color: transparent;
  transition: background-color var(--sjs-transition-duration, 150ms);
}
.sd-radio--checked .sd-radio__decorator:after {
  content: " ";
  display: block;
  width: var(--sjs-base-unit, var(--base-unit, 8px));
  height: var(--sjs-base-unit, var(--base-unit, 8px));
  border-radius: 50%;
  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-radio--checked.sd-radio--disabled .sd-radio__decorator:after {
  background-color: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sd-radio--checked.sd-radio--readonly .sd-radio__decorator:after {
  background-color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-radio--checked.sd-radio--preview .sd-radio__decorator:after {
  display: none;
}
.sd-radio--checked.sd-radio--preview .sd-radio__decorator .sd-radio__svg {
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
  display: block;
  width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-radio--checked .sd-radio__control:focus + .sd-radio__decorator:after {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-radio__svg {
  display: none;
}
.sd-visuallyhidden {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.sd-matrix fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
.sd-matrix__label {
  display: flex;
  position: relative;
  justify-content: center;
}
.sd-matrix__text {
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-matrix__text--checked {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-matrix__cell:first-of-type {
  font-weight: var(--sjs-font-questiontitle-weight, 600);
  text-align: start;
}
:root {
  --sd-rating-bad-color: var(--sjs-special-red, var(--red, #e60a3e));
  --sd-rating-normal-color: var(--sjs-special-yellow, var(--yellow, #ff9814));
  --sd-rating-good-color: var(--sjs-special-green, var(--green, #19b394));
  --sd-rating-bad-color-light: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
  --sd-rating-normal-color-light: var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1)));
  --sd-rating-good-color-light: var(--sjs-special-green-light, var(--green-light, rgba(25, 179, 148, 0.1)));
}
.sd-rating {
  overflow-x: auto;
  min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-rating fieldset {
  display: flex;
  border: none;
  padding: 0 0 2px 0;
  flex-wrap: nowrap;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-inline-start: 0;
  align-items: center;
}
.sd-rating.sd-rating--wrappable fieldset {
  flex-wrap: wrap;
  min-width: 0;
}
.sd-rating.sd-rating--labels-top fieldset {
  padding-top: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  position: relative;
}
.sd-rating.sd-rating--labels-top fieldset .sd-rating__min-text {
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  border: 0;
}
.sd-rating.sd-rating--labels-top fieldset .sd-rating__max-text {
  position: absolute;
  margin: 0;
  right: 0;
  top: 0;
  border: 0;
}
.sd-rating.sd-rating--labels-bottom fieldset {
  padding-bottom: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  position: relative;
}
.sd-rating.sd-rating--labels-bottom fieldset .sd-rating__min-text {
  position: absolute;
  margin: 0;
  left: 0;
  bottom: 0;
  border: 0;
}
.sd-rating.sd-rating--labels-bottom fieldset .sd-rating__max-text {
  position: absolute;
  margin: 0;
  right: 0;
  bottom: 0;
  border: 0;
}
.sd-rating.sd-rating--labels-diagonal fieldset {
  padding-top: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  position: relative;
}
.sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__min-text {
  position: absolute;
  margin: 0;
  left: 0;
  top: 0;
  border: 0;
}
.sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__max-text {
  position: absolute;
  margin: 0;
  right: 0;
  bottom: 0;
  border: 0;
}
.sd-rating--small {
  min-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: auto;
}
.sd-rating--small fieldset {
  padding: 0;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-rating__item {
  position: relative;
  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  white-space: nowrap;
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  text-align: center;
  border: 0px solid transparent;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
  font-size: var(--sjs-font-size, 16px);
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), inset 0 0 0 0px var(--sjs-general-backcolor, var(--background, #fff));
  transition: box-shadow var(--sjs-transition-duration, 150ms), background-color var(--sjs-transition-duration, 150ms);
}
.sd-rating__item--fixed-size {
  width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: 0;
}
legend + .sd-rating__item,
legend + sv-ng-rating-item-smiley + .sd-rating__item-smiley,
legend + sv-ng-rating-item + .sd-rating__item {
  margin-inline-start: 2px;
}
.sd-rating__item--error {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
  box-shadow: 0px 1px 2px transparent;
  border: none;
}
.sd-rating__item.sd-rating__item--disabled {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-rating__item.sd-rating__item--selected.sd-rating__item--disabled {
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
  background-color: var(--background-semitransparent, rgba(144, 144, 144, 0.5));
  border: none;
}
.sd-rating__item.sd-rating__item--readonly {
  fill: transparent;
  background-color: transparent;
  border: 2px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
  box-shadow: none;
  transform: none;
}
.sd-rating__item.sd-rating__item--readonly .sd-rating__item-text.sd-rating__item-text {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-rating__item.sd-rating__item--selected.sd-rating__item--readonly {
  border-color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-rating__item.sd-rating__item--selected.sd-rating__item--readonly .sd-rating__item-text.sd-rating__item-text {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-rating__item.sd-rating__item--preview {
  fill: transparent;
  background-color: transparent;
  border: 1px solid transparent;
  box-shadow: none;
  transform: none;
}
.sd-rating__item.sd-rating__item--preview:focus-within {
  box-shadow: none;
}
.sd-rating__item.sd-rating__item--preview .sd-rating__item-text.sd-rating__item-text {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-rating__item.sd-rating__item--selected.sd-rating__item--preview {
  border-color: var(--sjs-general-forecolor, var(--foreground, #161616));
  border-width: 1px;
}
.sd-rating__item.sd-rating__item--selected.sd-rating__item--preview .sd-rating__item-text.sd-rating__item-text {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-question--disabled .sd-rating__item-text {
  opacity: 0.25;
}
.sd-rating__item--allowhover:hover {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sd-rating__item:focus-within {
  box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-rating__item--selected {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  font-weight: 600;
  box-shadow: 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-rating__item--selected:focus-within {
  box-shadow:
    var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)),
    inset 0 0 0 4px var(--sjs-general-backcolor, var(--background, #fff)),
    0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-rating__item-smiley {
  position: relative;
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  white-space: nowrap;
  padding: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 2px solid var(--sjs-border-default, var(--border, #d6d6d6));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  fill: var(--sjs-border-default, var(--border, #d6d6d6));
  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), inset 0 0 0 0px var(--sjs-general-backcolor, var(--background, #fff));
  transition: box-shadow var(--sjs-transition-duration, 150ms), background-color var(--sjs-transition-duration, 150ms);
}
.sd-rating__item-smiley svg {
  display: block;
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-rating__item-smiley--small {
  padding: calc(0.625 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  min-width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  min-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border-width: 1px;
}
.sd-rating__item-smiley--small svg {
  width: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within {
  box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-rating__item-smiley--colored.sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within {
  box-shadow: 0 0 0 1px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.sd-rating__item-smiley--small.sd-rating__item-smiley--selected:focus-within {
  box-shadow: inset 0 0 0 2px var(--sjs-general-backcolor, var(--background, #fff)), 0 0 0 1px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
legend + .sd-rating__item-smiley,
legend + sv-ng-rating-item + .sd-rating__item-smiley {
  margin-inline-start: 2px;
}
.sd-rating__item-smiley--scale-colored {
  border-color: var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  fill: var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  transition:
    box-shadow var(--sjs-transition-duration, 150ms),
    opacity var(--sjs-transition-duration, 150ms),
    background-color var(--sjs-transition-duration, 150ms);
}
.sd-rating__item-smiley--error {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
  border-color: transparent;
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-rating__item-smiley--error.sd-rating__item-smiley--scale-colored:hover {
  fill: var(--sd-rating-item-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.sd-rating__item-smiley--error.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {
  opacity: initial;
}
.sd-rating__item-smiley.sd-rating__item-smiley--disabled {
  opacity: 0.5;
}
.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--disabled {
  opacity: initial;
  fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-rating__item-smiley.sd-rating__item-smiley--readonly {
  fill: var(--sjs-border-default, var(--border, #d6d6d6));
  border-color: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--readonly {
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
  border-color: var(--sjs-general-forecolor, var(--foreground, #161616));
  background-color: unset;
}
.sd-rating__item-smiley.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview {
  border: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616));
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-rating__item-smiley.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview:focus-within {
  box-shadow: none;
}
.sd-rating__item-smiley.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview svg {
  margin: 1px;
}
.sd-rating__item-smiley.sd-rating__item-smiley--selected.sd-rating__item-smiley--preview.sd-rating__item-smiley--preview {
  fill: var(--sjs-general-backcolor, var(--background, #fff));
  background-color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-rating__item-smiley--allowhover:hover {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
  border-color: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sd-rating__item-smiley:focus-within {
  border: none;
  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-rating__item-smiley:focus-within {
  border: none;
  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-rating__item-smiley--selected {
  background-color: var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  border-color: var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  font-weight: 600;
}
.sd-rating__item-smiley--selected:focus-within {
  border: 0px solid var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow:
    var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)),
    inset 0 0 0 4px var(--sjs-general-backcolor, var(--background, #fff)),
    0 0 0 2px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected) {
  opacity: 0.25;
}
.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected).sd-rating__item-smiley--allowhover:hover {
  background-color: var(--sd-rating-item-color-light, var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))));
  border-color: var(--sd-rating-item-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  opacity: 0.5;
}
.sd-rating__item-smiley--rate-colored:not(.sd-rating__item-smiley--selected).sd-rating__item-smiley--allowhover:hover {
  opacity: 0.5;
}
.sd-rating__item-smiley--scale-colored:not(.sd-rating__item-smiley--selected):focus-within {
  opacity: 1;
  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--small:not(.sd-rating__item-smiley--selected):focus-within {
  opacity: 1;
  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 1px var(--sd-rating-item-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--selected,
.sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--readonly,
.sd-rating__item-smiley--scale-colored.sd-rating__item-smiley--preview {
  opacity: 1;
}
.sd-rating__item-star {
  position: relative;
  width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: content-box;
}
.sd-rating__item-star:not(:first-of-type) {
  padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-rating__item-star:not(:last-of-type) {
  padding-right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-right: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-rating__item-star svg {
  stroke: var(--sjs-border-default, var(--border, #d6d6d6));
  stroke-width: 2px;
  fill: transparent;
  width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: block;
  position: absolute;
  transition:
    stroke var(--sjs-transition-duration, 150ms),
    opacity var(--sjs-transition-duration, 150ms),
    fill var(--sjs-transition-duration, 150ms);
}
.sd-rating__item-star .sv-star {
  opacity: 1;
}
.sd-rating__item-star .sv-star-2 {
  opacity: 0;
}
.sd-rating__item-star--small {
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-rating__item-star--small svg {
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-rating__item-star--small.sd-rating__item-star--selected svg {
  stroke-width: 1px;
}
.sd-rating__item-star--selected svg {
  stroke: transparent;
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-rating__item-star--selected:nth-child(1) svg {
  transition-delay: 0ms;
}
.sd-rating__item-star--selected:nth-child(2) svg {
  transition-delay: 25ms;
}
.sd-rating__item-star--selected:nth-child(3) svg {
  transition-delay: 50ms;
}
.sd-rating__item-star--selected:nth-child(4) svg {
  transition-delay: 75ms;
}
.sd-rating__item-star--selected:nth-child(5) svg {
  transition-delay: 100ms;
}
.sd-rating__item-star--selected:nth-child(6) svg {
  transition-delay: 125ms;
}
.sd-rating__item-star--selected:nth-child(7) svg {
  transition-delay: 150ms;
}
.sd-rating__item-star--selected:nth-child(8) svg {
  transition-delay: 175ms;
}
.sd-rating__item-star--selected:nth-child(9) svg {
  transition-delay: 200ms;
}
.sd-rating__item-star--selected:nth-child(10) svg {
  transition-delay: 225ms;
}
.sd-rating__item-star--selected:nth-child(11) svg {
  transition-delay: 250ms;
}
.sd-rating__item-star--selected:nth-child(12) svg {
  transition-delay: 275ms;
}
.sd-rating__item-star--selected:nth-child(13) svg {
  transition-delay: 300ms;
}
.sd-rating__item-star--selected:nth-child(14) svg {
  transition-delay: 325ms;
}
.sd-rating__item-star--selected:nth-child(15) svg {
  transition-delay: 350ms;
}
.sd-rating__item-star--selected:nth-child(16) svg {
  transition-delay: 375ms;
}
.sd-rating__item-star--selected:nth-child(17) svg {
  transition-delay: 400ms;
}
.sd-rating__item-star--selected:nth-child(18) svg {
  transition-delay: 425ms;
}
.sd-rating__item-star--selected:nth-child(19) svg {
  transition-delay: 450ms;
}
.sd-rating__item-star--selected:nth-child(20) svg {
  transition-delay: 475ms;
}
.sd-rating__item-star--selected:nth-child(21) svg {
  transition-delay: 500ms;
}
.sd-rating__item-star--selected:nth-child(22) svg {
  transition-delay: 525ms;
}
.sd-rating__item-star--selected:nth-child(23) svg {
  transition-delay: 550ms;
}
.sd-rating__item-star--selected:nth-child(24) svg {
  transition-delay: 575ms;
}
.sd-rating__item-star--selected:nth-child(25) svg {
  transition-delay: 600ms;
}
.sd-rating__item-star--error svg {
  stroke: none;
  fill: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.sd-rating__item-star--disabled {
  opacity: 0.5;
}
.sd-rating__item-star--disabled svg {
  stroke: var(--sjs-border-default, var(--border, #d6d6d6));
  fill: none;
}
.sd-rating__item-star--selected.sd-rating__item-star--disabled svg {
  stroke: none;
  fill: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sd-rating__item-star--readonly svg {
  stroke: var(--sjs-border-default, var(--border, #d6d6d6));
  fill: none;
}
.sd-rating__item-star--selected.sd-rating__item-star--readonly svg {
  stroke: none;
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-rating__item-star--preview svg {
  stroke: var(--sjs-general-forecolor, var(--foreground, #161616));
  stroke-width: 1px;
  fill: none;
}
.sd-rating__item-star--selected.sd-rating__item-star--preview svg {
  stroke: none;
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-rating__item-star:not(.sd-rating__item-star--preview):focus-within svg {
  stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));
  fill: transparent;
}
.sd-rating__item-star--unhighlighted svg {
  stroke: transparent;
  fill: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sd-rating__item-star--highlighted svg {
  stroke: var(--sjs-border-default, var(--border, #d6d6d6));
  fill: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sd-rating__item-star--selected:not(.sd-rating__item-star--preview).sd-rating__item-star--unhighlighted:focus-within svg {
  stroke: var(--sjs-border-default, var(--border, #d6d6d6));
  fill: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sd-rating__item-star--selected:not(.sd-rating__item-star--preview):focus-within svg {
  stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-rating__item-star--selected:not(.sd-rating__item-star--preview):focus-within .sv-star {
  opacity: 0;
}
.sd-rating__item-star--selected:not(.sd-rating__item-star--preview):focus-within .sv-star-2 {
  opacity: 1;
}
.sd-rating__item-text.sd-rating__item-text {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-editorfont-weight, 400);
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
  display: inline-block;
  box-sizing: border-box;
  transition: color var(--sjs-transition-duration, 150ms);
}
.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text,
.sd-rating__item-text.sd-rating__item-text.sd-rating__max-text {
  margin-top: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
  border: 2px solid rgba(0, 0, 0, 0);
}
.sd-rating__item-text.sd-rating__item-text.sd-rating__min-text {
  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
  border-left: 0px;
}
.sd-rating__item-text.sd-rating__item-text.sd-rating__max-text {
  margin-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-rating__item-text.sd-rating__item-text .sv-string-editor {
  white-space: nowrap;
}
.sd-rating__item-text.sd-rating__item-text.sd-rating__item--fixed-size {
  min-width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-rating__item-text.sd-rating__item-text::after {
  display: block;
  content: attr(data-text);
  font-weight: 600;
  height: 0;
  color: transparent;
  overflow: hidden;
  visibility: hidden;
}
.sd-rating--wrappable .sd-rating__item-text {
  max-width: 100%;
}
.sd-rating--wrappable .sd-rating__item-text .sv-string-viewer {
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.sd-rating__item:focus-within .sd-rating__item-text.sd-rating__item-text {
  border: none;
}
.sd-rating__item--selected .sd-rating__item-text.sd-rating__item-text {
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  font-weight: inherit;
  border: none;
}
.sd-rating-dropdown-item {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-rating-dropdown-item_description {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-style: normal;
  font-weight: normal;
  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
  line-height: var(--sjs-font-size, 16px);
}
.sv-list__item.sv-list__item--selected .sd-rating-dropdown-item_description {
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sv-ranking-item--error .sv-ranking-item__index {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
  box-shadow: 0px 1px 2px transparent;
  border-color: transparent;
}
.sd-element--with-frame .sv-ranking-item {
  left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-ranking.sd-ranking--readonly {
  user-select: initial;
  -webkit-user-select: initial;
}
.sv-ranking.sd-ranking--readonly.sv-ranking--select-to-rank-empty-value .sv-ranking__containers-divider {
  visibility: hidden;
}
.sv-ranking.sd-ranking--readonly .sv-ranking__container--empty {
  visibility: hidden;
}
.sv-ranking.sd-ranking--preview {
  user-select: initial;
  -webkit-user-select: initial;
}
.sv-ranking.sd-ranking--preview.sv-ranking--select-to-rank-empty-value .sv-ranking__containers-divider {
  visibility: hidden;
}
.sv-ranking.sd-ranking--preview .sv-ranking__container--empty {
  visibility: hidden;
}
@container (max-width: 496px) {
  .sv-ranking--select-to-rank-horizontal {
    flex-direction: column-reverse;
  }
  .sv-ranking--select-to-rank-horizontal .sv-ranking__containers-divider {
    margin: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
    height: 1px;
    width: initial;
  }
  .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty {
    padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
    padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .sv-ranking--select-to-rank-horizontal .sv-ranking__container {
    max-width: initial;
  }
  .sv-ranking--select-to-rank-horizontal .sv-ranking__container--to .sv-ranking-item {
    left: initial;
  }
  .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking-item {
    left: initial;
  }
  .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {
    padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
    padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  }
  .sv-ranking--select-to-rank-horizontal .sv-ranking__container--empty.sv-ranking__container--from .sv-ranking__container-placeholder {
    padding-right: initial;
  }
}
@container (max-width: 176px) {
  .sv-ranking__container--empty.sv-ranking__container--to .sv-ranking__container-placeholder {
    margin-left: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
    margin-right: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  }
}
.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item__icon-container {
  margin-left: 0;
  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-element--with-frame .sv-ranking--mobile .sv-ranking-item {
  left: 0;
}
.sv-ranking-item__content.sd-ranking-item__content {
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
}
.sv-dragdrop-movedown {
  transform: translate(0, 0);
  animation: svdragdropmovedown 0.1s;
  animation-timing-function: ease-in-out;
}
@keyframes svdragdropmovedown {
  0% {
    transform: translate(0, -50px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.sv-dragdrop-moveup {
  transform: translate(0, 0);
  animation: svdragdropmoveup 0.1s;
  animation-timing-function: ease-in-out;
}
@keyframes svdragdropmoveup {
  0% {
    transform: translate(0, 50px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.sv-dropdown_select-wrapper {
  position: relative;
}
.sv-dropdown_select-wrapper use {
  fill: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.sd-dropdown {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-inline-end: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  opacity: 1;
  display: flex;
  justify-content: space-between;
  word-spacing: normal;
}
.sd-dropdown[disabled] {
  pointer-events: none;
}
.sd-dropdown--empty:not(.sd-input--disabled),
.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__value {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-dropdown__input-field-component {
  height: auto;
}
.sd-dropdown option {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-size: var(--sjs-font-size, 16px);
}
.sd-dropdown input[readonly] {
  pointer-events: none;
}
.sd-dropdown__value {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  width: 100%;
  min-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-editorfont-weight, 400);
  color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
  font-size: var(--sjs-internal-font-editorfont-size);
  position: relative;
}
.sd-dropdown_clean-button {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
  margin: auto 0;
}
.sd-dropdown_chevron-button {
  position: absolute;
  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  top: 0;
  bottom: 0;
  inset-inline-end: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  padding-inline-end: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: content-box;
}
.sd-dropdown_chevron-button-svg,
.sd-dropdown_clean-button-svg {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  width: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
  height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
}
.sd-input.sd-dropdown:focus-within {
  box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-input.sd-dropdown.sd-input--readonly {
  box-shadow: none;
  transition: none;
}
.sd-dropdown__filter-string-input {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  max-width: 100%;
  border: none;
  outline: none;
  padding: 0;
  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-editorfont-weight, 400);
  color: var(--sjs-font-editorfont-color, var(--sjs-general-forecolor, rgba(0, 0, 0, 0.91)));
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
  background-color: transparent;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  appearance: none;
}
.sd-dropdown--empty:not(.sd-input--disabled) .sd-dropdown__filter-string-input::placeholder {
  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.sd-dropdown--empty > * {
  min-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
}
.sd-dropdown__filter-string-input::placeholder {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  appearance: none;
}
.sd-dropdown__hint-prefix {
  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.sd-dropdown__hint-prefix span {
  white-space: pre;
}
.sd-dropdown__hint-suffix {
  display: flex;
  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.sd-dropdown__hint-suffix span {
  white-space: pre;
}
.sd-input--disabled .sv-string-viewer,
.sd-input--readonly .sv-string-viewer,
.sd-input--preview .sv-string-viewer {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sd-question--readonly .sd-dropdown_chevron-button use {
  opacity: 0.24;
}
.sd-question--preview .sd-dropdown_chevron-button {
  display: none;
}
.sv-dropdown-popup .sd-list__item-body {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
  font-size: var(--sjs-internal-font-editorfont-size);
  font-weight: var(--sjs-font-editorfont-weight, 400);
  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  padding-inline-end: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-block: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-start: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;
  border-radius: var(--sjs-corner-radius, 4px);
  transition: border-color var(--sjs-transition-duration, 150ms);
}
.sv-dropdown-popup .sv-list__item.sv-list__item--focused:not(.sv-list__item--selected) .sv-list__item-body {
  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-border-light, var(--border-light, #eaeaea));
  padding-inline-end: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-block: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-start: calc(1.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-dropdown-popup .sv-list__item span {
  margin-inline-start: calc(-0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-dropdown-popup.sv-single-select-list.sv-popup--leave .sd-list__item.sv-list__item--selected .sv-list__item-body {
  font-weight: normal;
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  background-color: transparent;
}
.sv-dropdown-popup.sv-popup--dropdown.sv-popup--top .sv-popup__container {
  transform: translateY(-2px);
}
.sv-dropdown-popup.sv-popup--dropdown.sv-popup--bottom .sv-popup__container {
  transform: translateY(2px);
}
[dir=rtl] .sd-dropdown,
[style*="direction:rtl"] .sd-dropdown,
[style*="direction: rtl"] .sd-dropdown {
  background-position: left calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) top 50%, 0 0;
}
.sd-input.sd-tagbox:not(.sd-tagbox--empty).sd-input--editable {
  height: auto;
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-end: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-start: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-tagbox.sd-input--disabled,
.sd-tagbox.sd-input--readonly,
.sd-tagbox.sd-input--preview {
  white-space: normal;
}
.sd-tagbox_clean-button {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
  padding: calc(0.5 * (var(--sjs-internal-font-editorfont-size)));
  margin: auto 0;
}
.sd-input.sd-tagbox:focus-within {
  box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sv-tagbox__item {
  position: relative;
  display: flex;
  align-items: center;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  border-radius: calc(0.5 * (var(--sjs-corner-radius, 4px)));
  max-width: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)));
  box-sizing: border-box;
}
.sv-tagbox__item-text {
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  min-width: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  text-align: center;
  font-weight: 600;
}
.sv-tagbox__item-text span {
  display: block;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sv-tagbox__item:hover .sd-tagbox-item_clean-button,
.sv-tagbox__item:focus .sd-tagbox-item_clean-button,
.sv-tagbox__item:focus-within .sd-tagbox-item_clean-button {
  align-self: center;
  opacity: 1;
}
.sd-tagbox-item_clean-button {
  display: flex;
  position: absolute;
  inset-inline-end: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: 0;
  padding-inline-start: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background:
    linear-gradient(
      270deg,
      var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%,
      rgba(25, 179, 148, 0) 100%);
  opacity: 0;
  transition: opacity var(--sjs-transition-duration, 150ms);
}
.sd-tagbox-item_clean-button-svg {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  display: block;
  padding: calc(0.25 * (var(--sjs-internal-font-editorfont-size)));
  width: var(--sjs-internal-font-editorfont-size);
  height: var(--sjs-internal-font-editorfont-size);
  box-sizing: content-box;
}
.sd-tagbox-item_clean-button-svg:hover {
  border-radius: 100px;
  background: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(255, 255, 255, 0.25)));
}
.sd-tagbox-item_clean-button-svg use {
  fill: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-tagbox__value.sd-dropdown__value {
  position: relative;
  gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  flex-wrap: wrap;
  flex-grow: 1;
  padding-inline: unset;
  margin-inline: unset;
  margin-block: unset;
}
.sd-tagbox__filter-string-input {
  width: 100%;
  display: flex;
  flex-grow: 1;
}
.sd-tagbox__placeholder {
  position: absolute;
  top: 0;
  left: 0;
  max-width: 100%;
  width: auto;
  height: 100%;
  text-align: start;
  cursor: text;
  pointer-events: none;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
[dir=rtl] .sd-tagbox-item_clean-button,
[style*="direction:rtl"] .sd-tagbox-item_clean-button,
[style*="direction: rtl"] .sd-tagbox-item_clean-button {
  background:
    linear-gradient(
      90deg,
      var(--sjs-primary-backcolor, var(--primary, #19b394)) 53.12%,
      rgba(25, 179, 148, 0) 100%);
}
.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint,
.sd-tagbox.sd-tagbox--empty .sd-tagbox__hint-suffix-wrapper,
.sd-tagbox.sd-tagbox--empty .sd-tagbox__filter-string-input {
  width: 100%;
}
.sd-tagbox__hint {
  display: flex;
  flex-grow: 1;
  max-width: 100%;
}
.sd-tagbox__hint-suffix-wrapper {
  position: relative;
  width: 100%;
}
.sd-dropdown__hint-suffix.sd-tagbox__hint-suffix {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
  height: 100%;
  display: flex;
  align-items: center;
}
.sd-dropdown__hint-prefix.sd-tagbox__hint-prefix {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
  height: 100%;
  display: flex;
  align-items: center;
  max-width: 50%;
  justify-content: flex-end;
}
.sd-imagepicker {
  padding: 0;
  border: none;
  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
  margin: 0;
}
.sd-imagepicker--static {
  display: flex;
  flex-wrap: wrap;
}
.sd-imagepicker--responsive {
  display: grid;
}
.sd-imagepicker--column {
  align-items: flex-start;
  flex-direction: column;
}
@supports not (aspect-ratio: 1/1) {
  .sd-imagepicker > div {
    margin-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  }
}
.sd-imagepicker__item img,
.sd-imagepicker__item .sd-imagepicker__image-container > div {
  border-radius: var(--sjs-corner-radius, 4px);
  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
}
.sd-imagepicker__item-decorator {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.sd-imagepicker__label {
  position: relative;
}
.sd-imagepicker__label .sd-visuallyhidden {
  height: 100%;
  margin: 0;
}
.sd-imagepicker__image-container {
  position: relative;
}
.sd-imagepicker__check-decorator {
  display: block;
  opacity: 0;
  position: absolute;
  top: var(--sjs-base-unit, var(--base-unit, 8px));
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  border-radius: 100%;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  z-index: 1;
  transition: opacity var(--sjs-transition-duration, 150ms);
}
.sd-imagepicker__check-icon {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  display: block;
  width: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
  height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-imagepicker__item--checked .sd-imagepicker__check-decorator {
  opacity: 1;
}
.sd-imagepicker__item--error .sd-imagepicker__image-container::before {
  display: block;
  position: absolute;
  content: " ";
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
  border-radius: var(--sjs-corner-radius, 4px);
  background:
    linear-gradient(
      0deg,
      var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))),
      var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));
}
.sd-imagepicker__item:focus-within .sd-imagepicker__image .sd-imagepicker__image:hover,
.sd-imagepicker__item--allowhover:not(.sd-imagepicker__item--readonly, .sd-imagepicker__item--preview) .sd-imagepicker__image:hover {
  opacity: 0.5;
}
.sd-imagepicker__image {
  display: block;
  box-sizing: border-box;
  max-width: 100%;
  transition: opacity var(--sjs-transition-duration, 150ms);
}
.sd-imagepicker__text {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.sd-imagepicker__no-image {
  display: flex;
  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
  inset-block-start: 0;
}
.sd-imagepicker__no-image-svg {
  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: auto;
}
.sd-imagepicker__no-image-svg use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  opacity: 0.5;
}
.sd-imagepicker__column {
  display: flex;
  flex-direction: column;
  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  align-items: flex-start;
  padding-right: 0;
}
.sd-imagepicker__column.sd-selectbase__column {
  min-width: 0;
}
.sd-imagepicker__column .sd-imagepicker__item {
  width: 100%;
}
.sd-imagepicker__column .sd-imagepicker__text {
  width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
}
.sd-selectbase__column.sd-imagepicker__column:not(:last-child) {
  padding-right: 0;
}
.sd-imagepicker__item--readonly .sd-imagepicker__check-icon {
  fill: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-imagepicker__item--preview .sd-imagepicker__check-decorator {
  display: none;
}
.sd-imagepicker__item--preview .sd-imagepicker__image {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  opacity: 0.25;
}
.sd-imagepicker__item--preview.sd-imagepicker__item--checked .sd-imagepicker__image {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
  opacity: 1;
}
.sd-image__image {
  display: block;
  max-width: 100%;
  border-radius: var(--sjs-corner-radius, 4px);
}
.sd-image__image--adaptive {
  width: 100%;
  height: auto;
  max-width: calc(80 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-image__no-image {
  background: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
  min-width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  min-height: calc(27.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sd-image__no-image use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  opacity: 0.5;
}
.sd-question--image {
  width: 100%;
}
:root {
  --sjs-transition-duration: 150ms;
}
.sd-html {
  white-space: initial;
}
.sd-html {
  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));
  text-decoration: var(--sjs-article-font-default-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-default-fontWeight, 400);
  font-style: var(--sjs-article-font-default-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-default-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);
  line-height: var(--sjs-article-font-default-lineHeight, 28px);
  text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-default-textCase, "none");
  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
}
.sd-html h1 {
  font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-xx-large-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-xx-large-fontWeight, 700);
  font-style: var(--sjs-article-font-xx-large-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-xx-large-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-xx-large-letterSpacing, 0);
  line-height: var(--sjs-article-font-xx-large-lineHeight, 64px);
  text-indent: var(--sjs-article-font-xx-large-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-xx-large-textCase, "none");
}
.sd-html h2 {
  font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-x-large-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-x-large-fontWeight, 700);
  font-style: var(--sjs-article-font-x-large-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-x-large-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-x-large-letterSpacing, 0);
  line-height: var(--sjs-article-font-x-large-lineHeight, 56px);
  text-indent: var(--sjs-article-font-x-large-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-x-large-textCase, "none");
}
.sd-html h3 {
  font-size: var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-large-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-large-fontWeight, 700);
  font-style: var(--sjs-article-font-large-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-large-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-large-letterSpacing, 0);
  line-height: var(--sjs-article-font-large-lineHeight, 40px);
  text-indent: var(--sjs-article-font-large-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-large-textCase, "none");
}
.sd-html h4,
.sd-html h5,
.sd-html h6 {
  font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-medium-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-medium-fontWeight, 700);
  font-style: var(--sjs-article-font-medium-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-medium-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-medium-letterSpacing, 0);
  line-height: var(--sjs-article-font-medium-lineHeight, 32px);
  text-indent: var(--sjs-article-font-medium-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-medium-textCase, "none");
}
.sd-html td,
.sd-html span,
.sd-html div,
.sd-html p {
  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));
  text-decoration: var(--sjs-article-font-default-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-default-fontWeight, 400);
  font-style: var(--sjs-article-font-default-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-default-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);
  line-height: var(--sjs-article-font-default-lineHeight, 28px);
  text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-default-textCase, "none");
}
.sd-html a {
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-html button {
  display: flex;
  align-items: center;
  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  vertical-align: baseline;
  text-align: center;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  border: none;
  border-radius: var(--sjs-corner-radius, 4px);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  font-weight: 600;
  font-style: normal;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
  line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
  transition: box-shadow var(--sjs-transition-duration, 150ms);
}
.sd-html button:hover {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sd-html button:focus {
  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-html button span {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: center;
}
.sd-html--nested {
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.sd-expression {
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  font-size: var(--sjs-font-size, 16px);
  white-space: break-spaces;
}
.sd-question__content--left .sd-expression {
  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
}
.sd-progress {
  height: 2px;
  background-color: var(--sjs-border-light, var(--border-light, #eaeaea));
  position: relative;
}
.sd-progress__bar {
  position: relative;
  height: 100%;
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  overflow: hidden;
}
.sd-progress__text {
  position: absolute;
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
  line-height: var(--sjs-font-size, 16px);
  font-weight: 600;
}
@media only screen and (min-width: 1000px) {
  .sd-progress__text {
    margin-left: 5%;
  }
}
@media only screen and (max-width: 1000px) {
  .sd-progress__text {
    margin-left: 10px;
  }
}
.sd-body__progress--top {
  margin-bottom: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  position: sticky;
  top: 0;
  z-index: 50;
}
.sd-body__progress--bottom .sd-progress__text {
  margin-top: calc(-3.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-root--sticky-top .sd-progress__text {
  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));
  opacity: 0.75;
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
}
.sd-boolean {
  display: flex;
  width: max-content;
  position: relative;
  gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-editorpanel-backcolor, var(--sjs-editor-background, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
  transition: box-shadow var(--sjs-transition-duration, 150ms);
}
.sd-boolean.sd-boolean--allowhover:focus-within {
  box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-boolean__thumb,
.sd-boolean__label {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  display: block;
  font-family: var(--sjs-font-editorfont-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-editorfont-weight, 400);
  font-size: var(--sjs-internal-font-editorfont-size);
  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-boolean__switch {
  display: flex;
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  overflow: hidden;
}
.sd-boolean.sd-boolean--checked .sd-boolean__label--true,
.sd-boolean:not(.sd-boolean--checked):not(sd-boolean--indeterminate) .sd-boolean__label--false {
  color: transparent;
  transition-duration: 0.15s;
  transition-property: color;
  transition-timing-function: linear;
}
.sd-boolean.sd-boolean--indeterminate .sd-boolean__switch {
  display: none;
}
.sd-boolean--indeterminate .sd-boolean__thumb {
  display: none;
}
.sd-boolean__thumb {
  position: absolute;
  left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  transform: translateX(0);
  background-color: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  transition-duration: 0.2s;
  transition-property: transform, left;
  transition-timing-function: linear;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  font-weight: 600;
  z-index: 2;
}
.sd-boolean__thumb .sv-string-viewer.sv-string-viewer--multiline {
  white-space: nowrap;
}
.sd-boolean--checked:not(.sd-boolean--exchanged) .sd-boolean__thumb,
.sd-boolean--exchanged:not(.sd-boolean--checked) .sd-boolean__thumb {
  left: calc(100% - 0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
  transform: translateX(-100%);
}
[dir=rtl] .sd-boolean__thumb,
[style*="direction:rtl"] .sd-boolean__thumb,
[style*="direction: rtl"] .sd-boolean__thumb {
  left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  right: unset;
  transform: translateX(100%);
}
[dir=rtl] .sd-boolean--checked:not(.sd-boolean--exchanged) .sd-boolean__thumb,
[dir=rtl] .sd-boolean--exchanged:not(.sd-boolean--checked) .sd-boolean__thumb,
[style*="direction:rtl"] .sd-boolean--checked:not(.sd-boolean--exchanged) .sd-boolean__thumb,
[style*="direction:rtl"] .sd-boolean--exchanged:not(.sd-boolean--checked) .sd-boolean__thumb,
[style*="direction: rtl"] .sd-boolean--checked:not(.sd-boolean--exchanged) .sd-boolean__thumb,
[style*="direction: rtl"] .sd-boolean--exchanged:not(.sd-boolean--checked) .sd-boolean__thumb {
  left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  right: unset;
  transform: translateX(0);
}
.sd-boolean--exchanged.sd-boolean:not(.sd-boolean--checked):not(sd-boolean--indeterminate) .sd-boolean__label--false,
.sd-boolean--exchanged.sd-boolean.sd-boolean--checked .sd-boolean__label--true {
  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.sd-boolean--disabled {
  pointer-events: none;
}
.sd-boolean--disabled .sd-boolean__thumb,
.sd-boolean--disabled .sd-boolean__label {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: 0.25;
}
.sd-boolean--readonly {
  pointer-events: none;
  box-shadow: none;
  transition: none;
  background: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sd-boolean--readonly .sd-boolean__thumb {
  box-shadow: inset 0px 0px 0px 2px var(--sjs-general-forecolor, var(--foreground, #161616));
  transition: none;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-boolean--preview {
  pointer-events: none;
  box-shadow: none;
  transition: none;
  background: transparent;
}
.sd-boolean--preview .sd-boolean__thumb {
  border: 1px solid var(--sjs-general-forecolor, var(--foreground, #161616));
  box-shadow: none;
  transition: none;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-boolean--preview.sd-boolean--checked .sd-boolean__thumb,
.sd-boolean--preview.sd-boolean--indeterminate .sd-boolean__thumb {
  margin-left: auto;
}
.sd-boolean--preview .sd-checkbox__label--preview {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-boolean__thumb-ghost {
  z-index: 1;
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: transparent;
  transition: background-color var(--sjs-transition-duration, 150ms);
}
.sd-boolean.sd-boolean--allowhover .sd-boolean__thumb-ghost:hover {
  background-color: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));
}
.sd-boolean--error {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.sd-paneldynamic .sd-progress {
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  z-index: 2;
  transform: translateY(-1px);
}
.sd-paneldynamic > .sd-panel {
  padding-top: 1px;
  padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));
}
.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header {
  padding-top: var(--sd-base-vertical-padding);
  padding-bottom: 0;
}
.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header:after {
  display: none;
}
.sd-paneldynamic .sd-paneldynamic__panel-wrapper > .sd-panel > .sd-panel__header > .sd-panel__title {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-question--readonly .sd-paneldynamic .sd-question__placeholder,
.sd-question--preview .sd-paneldynamic .sd-question__placeholder {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-paneldynamic__separator {
  display: none;
}
.sd-paneldynamic__panel-wrapper {
  box-sizing: border-box;
  padding-bottom: calc(1 * var(--sd-base-padding));
}
.sd-paneldynamic__panel-wrapper:after {
  display: table;
  clear: both;
  content: " ";
}
.sd-paneldynamic__footer .sd-paneldynamic__separator,
.sd-paneldynamic__panel-wrapper--list ~ .sd-paneldynamic__panel-wrapper--list:before {
  content: " ";
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0;
  border-color: var(--sjs-border-light, var(--border-light, #eaeaea));
  background: var(--sjs-border-light, var(--border-light, #eaeaea));
  height: 1px;
  border: none;
}
.sd-paneldynamic__separator:only-child {
  display: none;
}
.sd-paneldynamic__panel-wrapper--in-row {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.sd-paneldynamic__footer {
  clear: both;
}
.sd-paneldynamic__footer .sd-paneldynamic__prev-btn,
.sd-paneldynamic__footer .sd-paneldynamic__next-btn {
  display: block;
}
.sd-paneldynamic__footer .sd-paneldynamic__prev-btn svg,
.sd-paneldynamic__footer .sd-paneldynamic__next-btn svg {
  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-paneldynamic__footer .sd-paneldynamic__add-btn,
.sd-paneldynamic__footer .sd-paneldynamic__progress-text,
.sd-paneldynamic__footer .sd-paneldynamic__progress--bottom {
  display: initial;
}
.sd-paneldynamic__buttons-container {
  display: flex;
  align-items: center;
  padding: calc(var(--sd-base-vertical-padding) - var(--sjs-base-unit, var(--base-unit, 8px))) 0;
}
.sd-paneldynamic__progress-container {
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-paneldynamic__progress-text {
  font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
  line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
  margin: 0;
  margin-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-paneldynamic__prev-btn,
.sd-paneldynamic__next-btn {
  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-paneldynamic__prev-btn .sv-svg-icon,
.sd-paneldynamic__next-btn .sv-svg-icon {
  display: block;
}
.sd-paneldynamic__prev-btn {
  margin-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-paneldynamic__next-btn {
  margin-left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  transform: rotate(180deg);
}
.sd-paneldynamic__placeholder .sd-paneldynamic__add-btn {
  display: initial;
  margin-left: 0;
}
.sd-question--empty.sd-question--paneldynamic > .sd-question__content {
  padding-bottom: var(--sd-base-padding);
  --animation-padding-bottom: var(--sd-base-padding);
}
.sd-question--paneldynamic:not(.sd-question--empty) > .sd-question__content > .sd-question__comment-area {
  padding-bottom: var(--sd-base-padding);
}
.sd-paneldynamic__buttons-container .sd-action-bar {
  width: 100%;
  margin: 0 calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(100% + 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-paneldynamic__panel-footer {
  border-top: none;
  position: relative;
  top: calc(0.5 * var(--sd-base-vertical-padding));
  margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  justify-content: flex-end;
}
.sd-paneldynamic__panel-footer .sv-action:not(.sv-action--hidden) {
  margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-paneldynamic__tabs-container {
  padding-top: var(--sd-base-padding);
}
.sd-paneldynamic__tabs-container .sd-tabs-toolbar {
  margin: 0 0 -1px calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-paneldynamic__tabs-container:after {
  content: " ";
  display: block;
  height: 1px;
  position: relative;
  background: var(--sjs-border-light, var(--border-light, #eaeaea));
  bottom: 0;
  inset-inline-start: calc(-1 * var(--sd-base-padding));
  width: calc(100% + 2 * var(--sd-base-padding));
}
.sd-paneldynamic__tabs-container--with-header {
  padding-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-tabs-toolbar.sv-action-bar {
  align-items: flex-start;
  z-index: 1;
}
.sd-tabs-toolbar.sd-tabs-toolbar--left {
  justify-content: flex-start;
}
.sd-tabs-toolbar.sd-tabs-toolbar--right {
  justify-content: flex-end;
}
.sd-tabs-toolbar.sd-tabs-toolbar--center {
  justify-content: center;
}
.sd-tab-item {
  margin: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-tab-item {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  box-sizing: border-box;
  border: none;
  background-color: transparent;
  cursor: pointer;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
  overflow-x: hidden;
  white-space: nowrap;
  box-shadow: inset 0px 0px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
  transition: box-shadow var(--sjs-transition-duration, 150ms);
}
.sd-tab-item:hover,
.sd-tab-item:focus-visible {
  outline: none;
  box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-tab-item.sd-tab-item--pressed {
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  box-shadow: inset 0px -2px 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-tab-item--icon {
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  width: auto;
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-tab-item--icon use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  opacity: 0.5;
}
.sd-tab-item--icon:hover,
.sd-tab-item--icon.sd-tab-item--pressed {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  box-shadow: none;
}
.sd-tab-item--icon:hover use,
.sd-tab-item--icon.sd-tab-item--pressed use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-tab-item--icon:hover use {
  opacity: 1;
}
.sd-tabs-toolbar .sv-dots {
  width: auto;
}
.sd-tabs-toolbar .sv-dots.sv-action--hidden {
  width: 0;
}
.sd-tab-item__title {
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  align-items: center;
}
.sd-question__title ~ .sd-tabs-toolbar {
  margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab {
  padding-bottom: 0;
}
.sd-element--collapsed .sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab {
  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-paneldynamic__header.sd-element__header.sd-paneldynamic__header-tab::after {
  content: none;
}
.sd-question--paneldynamic.sd-element--with-frame {
  padding-bottom: 0;
}
.sd-paneldynamic__panels-container {
  position: relative;
  overflow: hidden;
  margin-left: calc(-1 * var(--sd-base-padding));
  padding-left: var(--sd-base-padding);
  margin-right: calc(-1 * var(--sd-base-padding));
  padding-right: var(--sd-base-padding);
}
.sd-paneldynamic__panel-wrapper {
  box-sizing: border-box;
}
@keyframes movePanel {
  from {
    transform: translateX(var(--sjs-pd-tab-move-margin));
  }
  to {
    transform: translateX(0);
  }
}
.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-left,
.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-right {
  --sjs-pd-tab-animation-delay: 0ms;
  animation-name:
    movePanel,
    changeHeight,
    paddingFadeIn,
    fadeIn;
  animation-duration:
    var(--sjs-pd-tab-move-in-duration, 250ms),
    var(--sjs-pd-tab-height-change-duration, 250ms),
    var(--sjs-pd-tab-height-change-duration, 250ms),
    var(--sjs-pd-tab-fade-in-duration, 250ms);
  animation-delay:
    calc(var(--sjs-pd-tab-move-in-delay, 100ms) + var(--sjs-pd-tab-animation-delay)),
    calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay)),
    calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay)),
    calc(var(--sjs-pd-tab-fade-in-delay, 100ms) + var(--sjs-pd-tab-animation-delay));
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-fill-mode: forwards;
  opacity: 0;
  padding-bottom: 0;
  transform: translateX(var(--sjs-pd-tab-move-margin));
  height: var(--animation-height-from);
  --animation-padding-top: 0;
  --animation-padding-bottom: calc(1 * var(--sd-base-padding));
}
.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-left {
  --sjs-pd-tab-move-margin: calc(1 * var(--sjs-pd-tab-move-in-margin, 50%));
}
.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-right {
  --sjs-pd-tab-move-margin: calc(-1 * var(--sjs-pd-tab-move-in-margin, 50%));
}
.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-left,
.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-right {
  animation-name: fadeIn, movePanel;
  animation-duration: var(--sjs-pd-tab-fade-out-duration, 250ms), var(--sjs-pd-tab-move-out-duration, 250ms);
  animation-delay: var(--sjs-pd-tab-fade-out-delay, 0ms), var(--sjs-pd-tab-move-out-delay, 0ms);
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-direction: reverse;
  animation-fill-mode: forwards;
  position: absolute;
  left: var(--sd-base-padding);
  top: 0;
  width: calc(100% - 2 * var(--sd-base-padding));
}
.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-left {
  --sjs-pd-tab-move-margin: calc(-1 * var(--sjs-pd-tab-move-out-margin, 50%));
}
.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-right {
  --sjs-pd-tab-move-margin: calc(1 * var(--sjs-pd-tab-move-out-margin, 50%));
}
.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-adding {
  animation-name:
    fadeIn,
    changeHeight,
    paddingFadeIn;
  animation-duration:
    var(--sjs-pd-tab-add-fade-in-duration, 500ms),
    var(--sjs-pd-tab-height-change-duration, 250ms),
    var(--sjs-pd-tab-height-change-duration, 250ms);
  animation-delay:
    calc(var(--sjs-pd-tab-add-fade-in-delay, 250ms) + var(--sjs-pd-tab-animation-delay)),
    calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay)),
    calc(var(--sjs-pd-tab-height-change-delay, 0ms) + var(--sjs-pd-tab-animation-delay));
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-fill-mode: forwards;
  transform: translateX(0);
}
.sd-paneldynamic__panel-wrapper--enter.sv-pd-animation-removing {
  --sjs-pd-tab-animation-delay: var(--sjs-pd-tab-remove-fade-in-delay, 150ms);
}
.sd-paneldynamic__panel-wrapper--leave.sv-pd-animation-removing {
  animation-name: fadeIn;
  animation-duration: var(--sjs-pd-tab-remove-fade-out-duration, 150ms);
  animation-delay: var(--sjs-pd-tab-remove-fade-out-delay, 0ms);
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-direction: reverse;
  animation-fill-mode: forwards;
  position: absolute;
  left: var(--sd-base-padding);
  top: 0;
  width: calc(100% - 2 * var(--sd-base-padding));
}
.sd-paneldynamic__panel-wrapper--enter,
.sd-paneldynamic__panel-wrapper--leave {
  animation-name: fadeIn, moveInWithOverflow;
  animation-fill-mode: forwards;
  --animation-padding-top: 0;
  --animation-padding-bottom: calc(1 * var(--sd-base-padding));
  min-height: 0 !important;
}
.sd-paneldynamic__panel-wrapper--enter {
  opacity: 0;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-duration:
    var(--sjs-pd-list-fade-in-duration, 500ms),
    var(--sjs-pd-list-move-in-duration, 250ms),
    var(--sjs-pd-list-move-in-duration, 250ms);
  animation-delay:
    var(--sjs-pd-list-fade-in-delay, 250ms),
    0s,
    0s;
}
.sd-paneldynamic__panel-wrapper--leave {
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-duration:
    var(--sjs-pd-list-fade-out-duration, 150ms),
    var(--sjs-pd-list-move-out-duration, 250ms),
    var(--sjs-pd-list-move-out-duration, 250ms);
  animation-delay:
    0s,
    var(--sjs-pd-list-move-out-delay, 100ms),
    var(--sjs-pd-list-move-out-delay, 100ms);
  --animation-padding-bottom: calc(1 * var(--sd-base-padding));
}
:root {
  --sjs-transition-duration: 150ms;
}
.sd-file {
  position: relative;
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
  min-height: calc(36 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  padding: 0 calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-file .sv-action-bar {
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
  justify-content: center;
  position: absolute;
  width: 100%;
  left: 0;
  bottom: 0;
}
.sd-file .sv-action-bar .sv-action-bar-item {
  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  border-radius: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-file .sv-action-bar #fileIndex .sv-action-bar-item {
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
  font-weight: 600;
}
.sd-file .sv-action-bar #fileIndex .sv-action-bar-item:hover {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.sd-file .sv-action-bar #fileIndex .sv-action-bar-item:disabled {
  opacity: initial;
}
.sd-file__decorator {
  display: flex;
  flex-direction: column;
  position: absolute;
  position: absolute;
  left: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  justify-content: center;
  align-items: center;
  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
  container-type: inline-size;
}
.sd-file--answered .sd-file__decorator {
  container-type: unset;
}
.sd-file__decorator--drag {
  z-index: 1;
  border: 1px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  box-shadow: inset 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-file__no-file-chosen {
  display: none;
}
.sd-file__drag-area-placeholder {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  text-align: center;
  white-space: normal;
  color: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
  padding: 0 calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
@container (max-width: 496px) {
  .sd-file__drag-area-placeholder {
    padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
  }
}
@container (max-width: 176px) {
  .sd-file__drag-area-placeholder {
    display: none;
  }
  .sd-file__decorator .sd-action {
    padding: var(--sjs-base-unit, var(--base-unit, 8px));
  }
  .sd-file__decorator .sd-action .sv-svg-icon {
    margin-left: 0;
  }
  .sd-file__decorator .sd-file__actions-container {
    flex-direction: column;
  }
  .sd-file__decorator .sd-file__actions-container span {
    display: none;
  }
}
.sd-root-modern--mobile .sd-file__decorator {
  padding: 0 calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-file__choose-btn--text {
  display: block;
  font-weight: 600;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  cursor: pointer;
}
.sd-file__choose-btn--text .sv-svg-icon {
  margin-left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-file__choose-btn--icon > span {
  display: none;
}
.sd-file__wrapper {
  width: max-content;
  max-width: 100%;
}
.sd-file__actions-container {
  margin-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  flex-wrap: wrap;
  justify-content: center;
}
.sd-file__actions-container .sv-action--hidden {
  display: none;
}
.sd-file--answered .sd-file__actions-container {
  z-index: 2;
  margin-top: 0;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-file--answered .sd-file__actions-container {
  top: var(--sjs-base-unit, var(--base-unit, 8px));
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  position: absolute;
}
.sd-file--chose-btn--as .sd-file--answered .sd-file__actions-container {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  inset-inline-end: calc(1.5 * (var(--sjs-internal-font-editorfont-size)) + 5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-file__list {
  display: flex;
  position: relative;
  overflow: hidden;
  box-sizing: content-box;
  flex-direction: row;
  padding: calc(10.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
  min-height: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  max-height: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
}
.sd-file__page {
  display: flex;
  left: 0;
  align-items: stretch;
  justify-content: center;
  gap: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(100% - 21 * var(--sjs-base-unit, var(--base-unit, 8px)));
  width: 100%;
  position: absolute;
}
@keyframes file-page-to-right {
  from {
    opacity: 1;
    left: 0;
  }
  to {
    opacity: 0;
    left: 100%;
  }
}
@keyframes file-page-from-right {
  from {
    opacity: 0;
    left: 100%;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
@keyframes file-page-from-left {
  from {
    opacity: 0;
    left: -100%;
  }
  to {
    opacity: 1;
    left: 0;
  }
}
@keyframes file-page-to-left {
  from {
    opacity: 1;
    left: 0;
  }
  to {
    opacity: 0;
    left: -100%;
  }
}
.sd-file__page--leave-to-right,
.sd-file__page--enter-from-right,
.sd-file__page--leave-to-left,
.sd-file__page--enter-from-left {
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}
.sd-file__page--leave-to-right {
  animation-name: file-page-to-right;
}
.sd-file__page--enter-from-right {
  animation-name: file-page-from-right;
}
.sd-file__page--leave-to-left {
  animation-name: file-page-to-left;
}
.sd-file__page--enter-from-left {
  animation-name: file-page-from-left;
}
.sd-file__preview-item {
  position: relative;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  min-height: 100%;
  width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: 0;
  cursor: pointer;
}
.sd-file__preview-item .sd-file__default-image {
  width: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-file__preview-item .sd-file__default-image use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-file__preview-item:hover .sd-file__remove-file-button {
  opacity: 1;
}
.sd-file__preview-item:hover .sd-file__sign a {
  text-decoration: underline;
}
.sd-file__sign {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
  text-align: center;
  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
  line-height: var(--sjs-font-size, 16px);
}
.sd-file__sign a {
  display: block;
  text-decoration: none;
  color: var(--sjs-font-questiontitle-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  white-space: normal;
  word-break: break-all;
  width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  min-width: 100%;
  max-width: 100%;
  overflow: hidden;
  max-height: calc(3 * (var(--sjs-font-size, 16px)));
  text-overflow: ellipsis;
  line-height: var(--sjs-font-size, 16px);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.sd-file__remove-file-button {
  display: block;
  opacity: 0;
  position: absolute;
  left: 100%;
  top: 0;
  transform: translate(-50%, -50%);
  transition: opacity var(--sjs-transition-duration, 150ms);
}
.sd-file__image-wrapper--default-image .sd-file__remove-file-button {
  left: 50%;
  top: 50%;
  transform: translate(calc(3.5 * var(--sjs-base-unit, var(--base-unit, 8px)) - 50% - 1.5px), calc(-4.25 * var(--sjs-base-unit, var(--base-unit, 8px)) - 50% + 1.5px));
}
.sd-file__decorator--error {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.sd-file__image-wrapper {
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  min-height: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sd-file__image-wrapper img:not(.sd-file__default-image) {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  object-fit: contain;
}
.sd-file__image-wrapper--default-image {
  background: transparent;
}
.sd-file--single .sd-file__preview-item .sd-file__remove-file-button {
  display: none;
}
.sd-file--single-image {
  height: calc(36 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-file--single-image .sd-file__page {
  height: 100%;
}
.sd-file--single-image .sd-file__preview-item {
  width: 100%;
  margin: 0;
}
.sd-file--single-image .sd-file__list {
  position: absolute;
  left: 0;
  padding: 0;
  height: 100%;
  max-height: 100%;
  width: 100%;
}
.sd-file--single-image .sd-file__image-wrapper {
  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
}
.sd-file--single-image .sd-file__image-wrapper {
  min-height: 100%;
  min-width: 100%;
}
.sd-file--single-image .sd-file__image-wrapper img {
  width: 100%;
  height: 100%;
}
.sd-file--single-image .sd-file__sign {
  position: absolute;
  margin: 0;
  width: 100%;
  min-height: 100%;
}
.sd-file--single-image .sd-file__sign a {
  color: transparent;
  width: 100%;
  min-width: 100%;
  max-width: 100%;
  height: 100%;
  outline: none;
}
.sd-file__image-wrapper.sd-file__image-wrapper--default-image {
  background: transparent;
}
.sd-file > input:focus + .sd-file__decorator .sd-file__choose-btn.sd-file__choose-btn--icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-file > input:focus + .sd-file__decorator .sd-file__choose-btn:not(.sd-file__choose-btn--icon) {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.sd-file__drag-area {
  position: static;
  width: 100%;
}
.sd-file__change-camera-button {
  position: absolute;
  z-index: 2;
  left: var(--sjs-base-unit, var(--base-unit, 8px));
  top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-file__close-camera-button {
  position: absolute;
  z-index: 2;
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-context-btn.sd-file__take-picture-button {
  background-color: var(--sjs-special-red, var(--red, #e60a3e));
  position: absolute;
  bottom: 16px;
  left: 50%;
  transform: translateX(-50%);
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-context-btn.sd-file__take-picture-button:hover,
.sd-context-btn.sd-file__take-picture-button:focus {
  box-shadow: 0 0 0 2px var(--sjs-special-red, var(--red, #e60a3e));
}
.sd-context-btn.sd-file__take-picture-button .sv-svg-icon {
  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-context-btn.sd-file__take-picture-button .sv-svg-icon use {
  fill: var(--sjs-general-backcolor, var(--background, #fff));
}
.sd-file__video-container {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.sd-file__loading-indicator {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  position: absolute;
  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
  left: 0;
}
.sd-file__loading-indicator .sd-loading-indicator {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.sd-file__choose-file-btn--disabled {
  opacity: 0.25;
  cursor: default;
}
.sd-file--readonly .sd-context-btn {
  display: none;
}
.sd-file--readonly .sd-file__decorator {
  border-color: transparent;
}
.sd-file--readonly .sd-file__actions-container {
  display: none;
}
.sd-file--readonly .sd-file__image-wrapper {
  background: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sd-file--readonly .sd-file__drag-area-placeholder {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-file--preview .sd-context-btn {
  display: none;
}
.sd-file--preview .sd-file__decorator {
  border-color: transparent;
}
.sd-file--preview .sd-file__image-wrapper {
  background: transparent;
}
.sd-file--preview .sd-file__actions-container {
  display: none;
}
.sd-file--preview .sd-file__drag-area-placeholder {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.sd-hidden {
  display: none !important;
}
.sd-body__navigation .sd-btn {
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
  line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
}
.sd-root--compact .sd-body__navigation .sd-btn:not(.sd-btn--action) {
  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
}
.sd-root--compact .sd-body__navigation .sd-btn:not(.sd-btn--action):hover {
  background-color: var(--sjs-editorpanel-hovercolor, var(--sjs-general-backcolor-dim-dark, rgb(243, 243, 243)));
}
.sd-root-modern--mobile .sd-body__navigation .sv-action:not(.sv-action--hidden),
.sd-root-modern--mobile .sd-body__navigation .sd-btn {
  flex-grow: 1;
}
.sd-root-modern--mobile .sd-body__navigation .sd-btn {
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-body__navigation .sv-action--hidden {
  display: none;
}
:root {
  --sjs-transition-duration: 150ms;
}
.sd-btn {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-questionpanel-backcolor, var(--sjs-question-background, var(--sjs-general-backcolor, var(--background, #fff))));
  border-radius: var(--sjs-corner-radius, 4px);
  cursor: pointer;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-style: normal;
  font-weight: 600;
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
  text-align: center;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  border: none;
  outline: none;
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
  transition: box-shadow var(--sjs-transition-duration, 150ms), background var(--sjs-transition-duration, 150ms);
}
.sd-btn--small {
  flex-grow: 1;
  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-btn:hover {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sd-btn:focus-visible {
  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-btn:disabled {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: 0.25;
  pointer-events: none;
}
.sd-btn--action {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-btn--action:hover {
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  background-color: var(--sjs-primary-backcolor-dark, rgb(20, 164, 139));
}
.sd-btn--action:disabled {
  color: var(--sjs-primary-forecolor-light, var(--primary-foreground-disabled, rgba(255, 255, 255, 0.25)));
  pointer-events: none;
}
.sd-btn--danger {
  background-color: var(--sjs-special-red, var(--red, #e60a3e));
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-btn--danger:hover {
  background-color: var(--sjs-special-red, var(--red, #e60a3e));
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-btn--danger:disabled {
  color: var(--sjs-special-red-forecolor, #ffffff);
  pointer-events: none;
}
:root {
  --sjs-transition-duration: 150ms;
}
.sd-body {
  width: 100%;
  box-sizing: border-box;
}
.sd-body .sd-body__page {
  min-width: min(100%, 300px);
}
.sd-body .sd-body__timer {
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
  box-sizing: border-box;
}
.sd-body.sd-body--static {
  max-width: calc(90 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: auto;
  margin-right: auto;
  padding-top: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-body.sd-body--static .sd-body__timer,
.sd-body.sd-body--static .sd-body__navigation,
.sd-body.sd-body--static .sd-body__page {
  margin-left: 0;
  margin-right: 0;
}
.sd-body.sd-body--static .sd-body__navigation {
  padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-body.sd-body--static .sd-body__navigation.sd-action-bar {
  padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-body.sd-body--responsive {
  max-width: initial;
  padding: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
}
.sd-body.sd-body--responsive .sd-page {
  padding: 0;
}
.sd-body.sd-body--responsive .sd-body__timer,
.sd-body.sd-body--responsive .sd-body__navigation {
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
}
.sd-body.sd-body--responsive .sd-body__navigation {
  padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-body.sd-body--responsive.sd-body--with-timer {
  max-width: calc(100% + var(--sd-timer-size) * -1.4444444444 + 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
  margin-left: auto;
  margin-right: auto;
}
.sd-root-modern--mobile .sd-body.sd-body--with-timer.sd-body--responsive {
  max-width: initial;
  margin-left: 0;
  margin-right: 0;
}
.sd-root-modern--mobile .sd-body.sd-body--responsive,
.sd-root-modern--mobile .sd-body.sd-body--static {
  padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern--mobile .sd-body.sd-body--responsive .sd-body__navigation,
.sd-root-modern--mobile .sd-body.sd-body--static .sd-body__navigation {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0;
}
.sd-root--compact .sd-body.sd-body--responsive .sd-body__navigation,
.sd-root--compact .sd-body.sd-body--static .sd-body__navigation {
  padding-top: calc(7 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-body__navigation.sd-action-bar {
  box-sizing: border-box;
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  flex-wrap: wrap;
  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-body--empty {
  min-height: 400px;
  text-align: center;
  padding-top: 180px;
  box-sizing: border-box;
}
.sd-body--empty,
.sd-body--loading {
  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));
  text-decoration: var(--sjs-article-font-default-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-default-fontWeight, 400);
  font-style: var(--sjs-article-font-default-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-default-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);
  line-height: var(--sjs-article-font-default-lineHeight, 28px);
  text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-default-textCase, "none");
  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
}
.sd-body--empty h1,
.sd-body--loading h1 {
  font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-xx-large-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-xx-large-fontWeight, 700);
  font-style: var(--sjs-article-font-xx-large-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-xx-large-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-xx-large-letterSpacing, 0);
  line-height: var(--sjs-article-font-xx-large-lineHeight, 64px);
  text-indent: var(--sjs-article-font-xx-large-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-xx-large-textCase, "none");
}
.sd-body--empty h2,
.sd-body--loading h2 {
  font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-x-large-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-x-large-fontWeight, 700);
  font-style: var(--sjs-article-font-x-large-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-x-large-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-x-large-letterSpacing, 0);
  line-height: var(--sjs-article-font-x-large-lineHeight, 56px);
  text-indent: var(--sjs-article-font-x-large-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-x-large-textCase, "none");
}
.sd-body--empty h3,
.sd-body--loading h3 {
  font-size: var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-large-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-large-fontWeight, 700);
  font-style: var(--sjs-article-font-large-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-large-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-large-letterSpacing, 0);
  line-height: var(--sjs-article-font-large-lineHeight, 40px);
  text-indent: var(--sjs-article-font-large-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-large-textCase, "none");
}
.sd-body--empty h4,
.sd-body--empty h5,
.sd-body--empty h6,
.sd-body--loading h4,
.sd-body--loading h5,
.sd-body--loading h6 {
  font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-medium-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-medium-fontWeight, 700);
  font-style: var(--sjs-article-font-medium-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-medium-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-medium-letterSpacing, 0);
  line-height: var(--sjs-article-font-medium-lineHeight, 32px);
  text-indent: var(--sjs-article-font-medium-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-medium-textCase, "none");
}
.sd-body--empty td,
.sd-body--empty span,
.sd-body--empty div,
.sd-body--empty p,
.sd-body--loading td,
.sd-body--loading span,
.sd-body--loading div,
.sd-body--loading p {
  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));
  text-decoration: var(--sjs-article-font-default-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-default-fontWeight, 400);
  font-style: var(--sjs-article-font-default-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-default-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);
  line-height: var(--sjs-article-font-default-lineHeight, 28px);
  text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-default-textCase, "none");
}
.sd-body--empty a,
.sd-body--loading a {
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-body--empty button,
.sd-body--loading button {
  display: flex;
  align-items: center;
  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  vertical-align: baseline;
  text-align: center;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  border: none;
  border-radius: var(--sjs-corner-radius, 4px);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  font-weight: 600;
  font-style: normal;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
  line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
  transition: box-shadow var(--sjs-transition-duration, 150ms);
}
.sd-body--empty button:hover,
.sd-body--loading button:hover {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sd-body--empty button:focus,
.sd-body--loading button:focus {
  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-body--empty button span,
.sd-body--loading button span {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: center;
}
.sd-root_background-image {
  background-position-x: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
:root {
  --sjs-transition-duration: 150ms;
}
.sd-multipletext {
  width: 100%;
  table-layout: fixed;
  border-spacing: 0;
  height: 1px;
}
.sd-multipletext__cell {
  height: 100%;
}
.sd-multipletext__cell:not(:first-of-type) {
  padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-multipletext__item-container.sd-input:focus-within {
  box-shadow: var(--sjs-shadow-inner-reset, inset 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-multipletext__item-container {
  display: flex;
  align-items: flex-start;
  height: 100%;
  padding-top: 0;
  padding-bottom: 0;
}
.sd-multipletext__item-container .sd-input {
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 0;
  border: none;
  box-shadow: none;
}
.sd-multipletext__item-container .sd-input,
.sd-multipletext__item-title {
  margin-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-multipletext__item-title {
  font-size: 0;
  line-height: 0;
}
.sd-multipletext__item-title span {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  font-size: var(--sjs-internal-font-editorfont-size);
  line-height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
}
.sd-multipletext__item-title {
  height: calc(100% - var(--sjs-base-unit, var(--base-unit, 8px)) * 3);
  max-width: 30%;
  padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  white-space: normal;
  color: var(--sjs-font-editorfont-placeholdercolor, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  box-sizing: content-box;
}
.sd-question--preview .sd-multipletext__item-title {
  border: none;
}
.sd-multipletext__item {
  flex-grow: 1;
}
.sd-multipletext__content .sd-multipletext__item-container {
  position: relative;
}
.sd-multipletext__item-container--error {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.sd-multipletext__item-container--error .sd-input--error {
  background-color: transparent;
}
.sd-multipletext-item__character-counter {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.sd-question__content:focus-within .sd-multipletext-item__character-counter {
  padding-inline-end: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-multipletext__cell {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-multipletext__cell--error-bottom,
.sd-multipletext__row:first-of-type .sd-multipletext__cell {
  padding-top: 0;
}
.sd-multipletext__cell--error-top,
.sd-multipletext__row:last-of-type .sd-multipletext__cell {
  padding-bottom: 0;
}
.sd-multipletext__cell--error .sd-question__erbox {
  margin: 0;
}
.sd-multipletext .sd-input .sd-input {
  background: transparent;
}
.sd-action {
  appearance: none;
  border: none;
  display: flex;
  align-items: center;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  background: transparent;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  font-weight: 600;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-style: normal;
  font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
  line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
  outline: none;
  transition: background-color var(--sjs-transition-duration, 150ms);
  box-sizing: content-box;
}
.sd-action--negative {
  color: var(--sjs-special-red, var(--red, #e60a3e));
}
.sd-action--icon {
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-action__icon {
  margin-left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-action__icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-action--icon .sd-action__icon {
  margin-left: 0;
}
.sd-action--icon use {
  fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
  transition: fill var(--sjs-transition-duration, 150ms);
}
svg.sd-action--icon {
  fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
}
.sd-action:disabled,
.sd-action--disabled {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  cursor: default;
  opacity: 0.25;
  pointer-events: none;
}
.sd-action:disabled use,
.sd-action--disabled use {
  fill: var(--sjs-font-questiondescription-color, var(--sjs-general-forecolor-light, rgba(0, 0, 0, 0.45)));
}
.sd-action:not(.sd-action--pressed):hover,
.sd-action:not(.sd-action--pressed):focus {
  outline: none;
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  cursor: pointer;
  opacity: 1;
}
.sd-action:not(.sd-action--pressed):hover.sd-action--icon,
.sd-action:not(.sd-action--pressed):focus.sd-action--icon {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sd-action:not(.sd-action--pressed):hover.sd-action--negative,
.sd-action:not(.sd-action--pressed):focus.sd-action--negative {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
.sd-action:not(.sd-action--pressed):hover.sd-action--negative.sd-action--icon use,
.sd-action:not(.sd-action--pressed):focus.sd-action--negative.sd-action--icon use {
  fill: var(--sjs-special-red, var(--red, #e60a3e));
}
.sd-action:not(.sd-action--pressed):hover:active,
.sd-action:not(.sd-action--pressed):focus:active {
  opacity: 0.5;
}
.sd-action__icon {
  display: block;
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-action--pressed:not(.sd-action--active) {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  opacity: 0.5;
}
.sd-action-bar {
  display: flex;
  align-items: center;
}
.sd-action-bar .sv-action:not(:last-child) .sv-action__content {
  padding-right: 0;
}
.sd-context-btn {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border: none;
  outline: none;
  cursor: pointer;
}
.sd-context-btn .sv-svg-icon {
  margin: 0;
}
.sd-context-btn svg {
  --sjs-internal-font-editorfont-size: var(--sjs-mobile-font-editorfont-size, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
  display: block;
  width: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
  height: calc(1.5 * (var(--sjs-internal-font-editorfont-size)));
}
.sd-context-btn use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  transition: fill var(--sjs-transition-duration, 150ms);
}
.sd-context-btn:hover use,
.sd-context-btn:focus use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-context-btn:hover.sd-context-btn--negative use,
.sd-context-btn:focus.sd-context-btn--negative use {
  fill: var(--sjs-special-red, var(--red, #e60a3e));
}
.sd-context-btn:disabled {
  opacity: 0.25;
}
.sd-context-btn--small {
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-context-btn--small svg {
  width: var(--sjs-internal-font-editorfont-size);
  height: var(--sjs-internal-font-editorfont-size);
}
.sd-context-btn--with-border {
  --box-shadow-color: var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
  box-shadow: 0 0 0 1px var(--box-shadow-color);
}
.sd-context-btn--colorful use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-context-btn--colorful.sd-context-btn--negative use {
  fill: red;
}
.sd-context-btn--colorful:focus,
.sd-context-btn--colorful:hover {
  background: linear-gradient(var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))), var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)))), linear-gradient(var(--sjs-general-backcolor, var(--background, #fff)), var(--sjs-general-backcolor, var(--background, #fff)));
}
.sd-context-btn--colorful:focus.sd-context-btn--negative,
.sd-context-btn--colorful:hover.sd-context-btn--negative {
  background: linear-gradient(var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))), var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)))), linear-gradient(var(--sjs-general-backcolor, var(--background, #fff)), var(--sjs-general-backcolor, var(--background, #fff)));
}
.sd-context-btn--colorful:focus.sd-context-btn--with-border,
.sd-context-btn--colorful:hover.sd-context-btn--with-border {
  --box-shadow-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-context-btn--colorful:focus.sd-context-btn--with-border.sd-context-btn--negative,
.sd-context-btn--colorful:hover.sd-context-btn--with-border.sd-context-btn--negative {
  --box-shadow-color: var(--sjs-special-red, var(--red, #e60a3e));
}
:root {
  --sjs-transition-duration: 150ms;
}
.sd-completedpage,
.sd-completed-before-page {
  align-items: center;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: bold;
  box-sizing: border-box;
  text-align: center;
  height: auto;
  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));
  text-decoration: var(--sjs-article-font-default-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-default-fontWeight, 400);
  font-style: var(--sjs-article-font-default-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-default-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);
  line-height: var(--sjs-article-font-default-lineHeight, 28px);
  text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-default-textCase, "none");
  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
}
.sd-completedpage h1,
.sd-completed-before-page h1 {
  font-size: var(--sjs-article-font-xx-large-fontSize, calc(4 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-xx-large-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-xx-large-fontWeight, 700);
  font-style: var(--sjs-article-font-xx-large-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-xx-large-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-xx-large-letterSpacing, 0);
  line-height: var(--sjs-article-font-xx-large-lineHeight, 64px);
  text-indent: var(--sjs-article-font-xx-large-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-xx-large-textCase, "none");
}
.sd-completedpage h2,
.sd-completed-before-page h2 {
  font-size: var(--sjs-article-font-x-large-fontSize, calc(3 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-x-large-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-x-large-fontWeight, 700);
  font-style: var(--sjs-article-font-x-large-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-x-large-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-x-large-letterSpacing, 0);
  line-height: var(--sjs-article-font-x-large-lineHeight, 56px);
  text-indent: var(--sjs-article-font-x-large-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-x-large-textCase, "none");
}
.sd-completedpage h3,
.sd-completed-before-page h3 {
  font-size: var(--sjs-article-font-large-fontSize, calc(2 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-large-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-large-fontWeight, 700);
  font-style: var(--sjs-article-font-large-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-large-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-large-letterSpacing, 0);
  line-height: var(--sjs-article-font-large-lineHeight, 40px);
  text-indent: var(--sjs-article-font-large-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-large-textCase, "none");
}
.sd-completedpage h4,
.sd-completedpage h5,
.sd-completedpage h6,
.sd-completed-before-page h4,
.sd-completed-before-page h5,
.sd-completed-before-page h6 {
  font-size: var(--sjs-article-font-medium-fontSize, calc(1.5 * (var(--sjs-font-size, 16px))));
  text-decoration: var(--sjs-article-font-medium-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-medium-fontWeight, 700);
  font-style: var(--sjs-article-font-medium-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-medium-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-medium-letterSpacing, 0);
  line-height: var(--sjs-article-font-medium-lineHeight, 32px);
  text-indent: var(--sjs-article-font-medium-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-medium-textCase, "none");
}
.sd-completedpage td,
.sd-completedpage span,
.sd-completedpage div,
.sd-completedpage p,
.sd-completed-before-page td,
.sd-completed-before-page span,
.sd-completed-before-page div,
.sd-completed-before-page p {
  font-size: var(--sjs-article-font-default-fontSize, var(--sjs-font-size, 16px));
  text-decoration: var(--sjs-article-font-default-textDecoration, "none");
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-weight: var(--sjs-article-font-default-fontWeight, 400);
  font-style: var(--sjs-article-font-default-fontStyle, "normal");
  font-stretch: var(--sjs-article-font-default-fontStretch, "normal");
  letter-spacing: var(--sjs-article-font-default-letterSpacing, 0);
  line-height: var(--sjs-article-font-default-lineHeight, 28px);
  text-indent: var(--sjs-article-font-default-paragraphIndent, 0px);
  text-transform: var(--sjs-article-font-default-textCase, "none");
}
.sd-completedpage a,
.sd-completed-before-page a {
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-completedpage button,
.sd-completed-before-page button {
  display: flex;
  align-items: center;
  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  vertical-align: baseline;
  text-align: center;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  border: none;
  border-radius: var(--sjs-corner-radius, 4px);
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  font-weight: 600;
  font-style: normal;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  font-size: var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px));
  line-height: calc(1.5 * (var(--sjs-font-questiontitle-size, var(--sjs-font-size, 16px))));
  box-shadow: var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15)), 0 0 0 0px var(--sjs-primary-backcolor, var(--primary, #19b394));
  transition: box-shadow var(--sjs-transition-duration, 150ms);
}
.sd-completedpage button:hover,
.sd-completed-before-page button:hover {
  background-color: var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248)));
}
.sd-completedpage button:focus,
.sd-completed-before-page button:focus {
  box-shadow: var(--sjs-shadow-small-reset, 0px 0px 0px 0px rgba(0, 0, 0, 0.15)), 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-completedpage button span,
.sd-completed-before-page button span {
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: center;
}
.sd-completedpage:before,
.sd-completedpage:after {
  display: block;
  width: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: calc(50% - 4.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
  content: "";
}
.sd-completedpage:before {
  height: calc(13 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-completedpage:after {
  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons__image-button-left {
  display: none;
}
.sd-progress-buttons__image-button-right {
  display: none;
}
.sd-progress-buttons__image-button--hidden {
  visibility: hidden;
}
.sd-progress-buttons__page-description {
  display: none;
}
.sd-progress-buttons {
  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: flex;
  flex-direction: column;
}
.sd-progress-buttons__list-container {
  display: flex;
  overflow: hidden;
  margin: 0 calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons__connector {
  display: none;
}
.sd-progress-buttons__list {
  display: inline-flex;
  flex-direction: row;
  flex-grow: 1;
  margin: 0 auto;
  padding: 0;
}
.sd-progress-buttons__list li {
  display: flex;
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
  position: relative;
  flex-wrap: nowrap;
  text-align: center;
  flex-direction: column;
  cursor: pointer;
}
.sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {
  display: block;
  content: "";
  height: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
  opacity: 0.5;
  position: absolute;
  bottom: calc(1.125 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(50% + 10px);
  width: calc(100% - 20px);
  pointer-events: none;
}
.sd-progress-buttons__list li .sd-progress-buttons__button {
  position: relative;
  display: flex;
  content: attr(data-page-number);
  width: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;
  border-radius: 50%;
  align-self: center;
  z-index: 1;
  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
  font-weight: 600;
  line-height: var(--sjs-font-size, 16px);
  justify-content: center;
  color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  box-sizing: content-box;
}
.sd-progress-buttons__list li .sd-progress-buttons__button .sd-progress-buttons__button-background {
  position: absolute;
  width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  left: calc(-1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  z-index: -2;
}
.sd-progress-buttons__list li .sd-progress-buttons__button .sd-progress-buttons__button-content {
  position: absolute;
  width: 100%;
  height: 100%;
  top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  left: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
  opacity: 0.5;
  z-index: -1;
  border: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;
  border-radius: 50%;
  box-sizing: content-box;
}
.sd-progress-buttons__list li:hover .sd-progress-buttons__button {
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.sd-progress-buttons__list li:hover .sd-progress-buttons__button .sd-progress-buttons__button-background {
  left: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons__list li:hover .sd-progress-buttons__button .sd-progress-buttons__button-content {
  top: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  left: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  opacity: 1;
}
.sd-progress-buttons__list .sd-progress-buttons__list-element--passed:not(:first-child) > .sd-progress-buttons__connector {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  opacity: 1;
}
.sd-progress-buttons__list .sd-progress-buttons__list-element--passed .sd-progress-buttons__button {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sd-progress-buttons__list .sd-progress-buttons__list-element--passed .sd-progress-buttons__button .sd-progress-buttons__button-content {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  opacity: 1;
}
.sd-progress-buttons__list .sd-progress-buttons__list-element--current:not(:first-child) > .sd-progress-buttons__connector {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  opacity: 1;
}
.sd-progress-buttons__list .sd-progress-buttons__list-element--current .sd-progress-buttons__button {
  border: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons__list .sd-progress-buttons__list-element--current .sd-progress-buttons__button .sd-progress-buttons__button-background {
  left: calc(-0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons__list .sd-progress-buttons__list-element--current .sd-progress-buttons__button .sd-progress-buttons__button-content {
  border: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  opacity: 1;
}
.sd-progress-buttons__page-title {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
  font-weight: 600;
  line-height: var(--sjs-font-size, 16px);
  flex-grow: 1;
  text-align: center;
  padding: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons__header .sd-progress-buttons__page-title {
  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-progress-buttons__footer .sd-progress-buttons__page-title {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-bottom: 0;
  justify-content: flex-end;
  padding: 0;
  color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
}
.sd-progress-buttons--bottom {
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  flex-direction: column-reverse;
}
.sd-progress-buttons--bottom .sd-progress-buttons__list li {
  flex-direction: column-reverse;
}
.sd-progress-buttons--bottom .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {
  top: calc(1.125 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons--bottom .sd-progress-buttons__page-title {
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: 0;
}
.sd-progress-buttons--bottom .sd-progress-buttons__header .sd-progress-buttons__page-title {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-bottom: 0;
}
.sd-progress-buttons--bottom .sd-progress-buttons__footer .sd-progress-buttons__page-title {
  margin-top: 0;
  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-progress-buttons--numbered .sd-progress-buttons__list-container {
  margin: 0 calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {
  bottom: calc(2.175 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(50% + 18px);
  width: calc(100% - 36px);
}
.sd-progress-buttons--numbered .sd-progress-buttons__list li .sd-progress-buttons__button {
  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons--numbered .sd-progress-buttons__list li .sd-progress-buttons__button .sd-progress-buttons__button-background {
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons--numbered .sd-progress-buttons__list li:hover .sd-progress-buttons__button {
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons--with-titles .sd-progress-buttons__list-container {
  margin: 0;
}
.sd-root-modern--mobile .sd-progress-buttons__list,
.sd-progress-buttons--no-titles .sd-progress-buttons__list {
  justify-content: space-between;
  width: 100%;
}
.sd-root-modern--mobile .sd-progress-buttons__list li,
.sd-progress-buttons--no-titles .sd-progress-buttons__list li {
  flex-grow: 0;
}
.sd-progress-buttons--bottom.sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {
  top: calc(2.175 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern--mobile .sd-progress-buttons {
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-progress-buttons--fit-survey-width {
  max-width: calc(90 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  width: 100%;
  margin: auto;
}
[dir=rtl] .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector,
[style*="direction:rtl"] .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector,
[style*="direction: rtl"] .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {
  right: unset;
  left: calc(50% + 10px);
}
[dir=rtl] .sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector,
[style*="direction:rtl"] .sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector,
[style*="direction: rtl"] .sd-progress-buttons--numbered .sd-progress-buttons__list li:not(:first-child) > .sd-progress-buttons__connector {
  right: unset;
  left: calc(50% + 20px);
}
.sv_progress-toc {
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  max-width: calc(42 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: 100%;
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-sizing: border-box;
  min-width: calc(32 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv_progress-toc .sv-list__item.sv-list__item--selected .sv-list__item-body {
  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  font-weight: 400;
}
.sv_progress-toc .sv-list__item span {
  white-space: break-spaces;
}
.sv_progress-toc .sv-list__item-body {
  padding-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-end: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: var(--sjs-corner-radius, 4px);
  padding-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv_progress-toc use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv_progress-toc--left {
  border-right: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
}
.sv_progress-toc--right {
  border-left: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
}
.sv_progress-toc--mobile {
  position: fixed;
  top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: auto;
  min-width: auto;
  height: auto;
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  z-index: 15;
  border-radius: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv_progress-toc--mobile > div {
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv_progress-toc--mobile:hover {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.sd-title + .sv-components-row > .sv-components-column .sv_progress-toc:not(.sv_progress-toc--mobile),
.sd-title ~ .sv-components-row > .sv-components-column .sv_progress-toc:not(.sv_progress-toc--mobile) {
  margin-top: 2px;
}
.sv_progress-toc.sv_progress-toc--sticky {
  position: sticky;
  height: auto;
  overflow-y: auto;
  top: 0;
}
.sd-list {
  padding-right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-list__item {
  padding: 0;
}
.sd-list__item-body {
  padding-block: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: var(--sjs-corner-radius, 4px);
  font-size: var(--sjs-font-size, 16px);
  line-height: calc(1.5 * (var(--sjs-font-size, 16px)));
}
.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) {
  outline: none;
}
.sd-list__item.sd-list__item--focused:not(.sd-list__item--selected) .sd-list__item-body {
  padding-block: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-timer {
  z-index: 2;
  position: fixed;
  bottom: calc(var(--sd-timer-size) / 144 * 32);
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  background: white;
  width: var(--sd-timer-size);
  height: var(--sd-timer-size);
  margin-right: calc(var(--sd-timer-size) / 144 * 32);
  display: flex;
  border-radius: 100%;
  padding: calc(var(--sd-timer-size) / 144 * 8);
  box-shadow: var(--sjs-shadow-large, 0px 8px 16px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1));
  box-sizing: border-box;
}
.sd-timer--top {
  top: calc(var(--sd-timer-size) / 144 * 32);
  margin-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(-1 * var(--sd-timer-size));
}
.sd-timer--bottom {
  bottom: calc(var(--sd-timer-size) / 144 * 32);
  margin-top: calc(var(--sd-timer-size) * -1.2222222222);
}
.sd-timer__progress {
  --sd-timer-stroke-background-color: var(--background-dim, #f3f3f3);
  --sd-timer-stroke-background-width: 2px;
  stroke-linecap: round;
  height: 100%;
  width: 100%;
  transform: rotate(-90deg);
  stroke: var(--sjs-primary-backcolor, var(--primary, #19b394));
  stroke-dashoffset: 0;
  fill: none;
  stroke-width: 4px;
}
.sd-timer__progress--animation {
  stroke-dashoffset: 0;
  transition: stroke-dashoffset 1s linear;
}
.sd-timer__text-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  font-weight: 700;
  font-size: calc(var(--sd-timer-size) / 144 * 32);
}
.sd-timer__text--major {
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  font-weight: 700;
  font-size: calc(var(--sd-timer-size) / 144 * 32);
}
.sd-timer__text--minor {
  color: var(--lbr-timer-text-color-secondary, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
  font-size: var(--lbr-font-default-size, var(--sjs-font-size, 16px));
  font-style: normal;
  font-weight: 600;
  line-height: var(--lbr-font-default-line-height, calc(1.5 * (var(--sjs-font-size, 16px))));
  margin-top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-header {
  position: relative;
  background-color: var(--sjs-header-backcolor, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.sv-header__overlap {
  padding-bottom: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: content-box;
}
.sv-header__overlap ~ div .sd-body,
.sv-header__overlap ~ div .sv-body {
  margin-top: calc(-14 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern--mobile .sv-header__overlap {
  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern--mobile .sv-header__overlap ~ div .sd-body,
.sd-root-modern--mobile .sv-header__overlap ~ div .sv-body {
  margin-top: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-header__overlap.sv-header__without-background {
  margin-bottom: 0;
  padding-bottom: 0;
}
.sv-header__overlap.sv-header__without-background ~ div .sd-body,
.sv-header__overlap.sv-header__without-background ~ div .sv-body {
  margin-top: 0;
}
.sv-header__without-background .sv-header--mobile,
.sv-header__without-background .sv-header__content {
  padding-bottom: 0;
}
.sv-header__content {
  padding: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  height: 100%;
  position: relative;
  display: grid;
  gap: 0;
  grid-auto-columns: 1fr 1fr 1fr;
  grid-auto-rows: 1fr 1fr 1fr;
}
.sv-header__content--static {
  max-width: calc(90 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: auto;
  margin-right: auto;
}
.sv-header__background-image {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  border: 0;
  background-position-x: center;
}
.sv-header__background-image--contain {
  background-repeat: no-repeat;
}
.sv-header__cell {
  position: relative;
}
.sv-header__cell-content {
  display: flex;
  flex-direction: column;
  position: absolute;
  width: max-content;
  top: 0;
  bottom: 0;
}
.sv-header__cell--left .sv-header__cell-content {
  left: 0;
}
.sv-header__cell--center .sv-header__cell-content {
  min-width: 100%;
  left: 50%;
  transform: translateX(-50%);
}
.sv-header__cell--right .sv-header__cell-content {
  right: 0;
}
.sv-header__logo {
  display: flex;
}
.sv-header__logo img {
  display: block;
}
.sv-header__title {
  display: flex;
}
.sv-header__title .sd-title {
  --header-title-font-size: var(--sjs-font-headertitle-size, calc(2 * (var(--sjs-font-size, 16px))));
  font-size: var(--header-title-font-size);
  line-height: calc(1.25 * (var(--header-title-font-size)));
  color: var(--sjs-font-headertitle-color, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));
  font-family: var(--sjs-font-headertitle-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-headertitle-weight, 700);
  margin: 0;
}
.sv-header__logo ~ .sv-header__title {
  margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-header__logo ~ .sv-header__description {
  margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-header__title ~ .sv-header__description {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sv-header__description {
  display: flex;
}
.sv-header__description .sd-description {
  --header-description-font-size: var(--sjs-font-headerdescription-size, var(--sjs-font-size, 16px));
  font-size: var(--header-description-font-size);
  line-height: calc(1.5 * (var(--header-description-font-size)));
  color: var(--sjs-font-headerdescription-color, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));
  font-family: var(--sjs-font-headerdescription-family, var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family))));
  font-weight: var(--sjs-font-headerdescription-weight, 600);
  margin: 0;
}
.sv-header__content .sd-header__text h3 {
  margin: 0;
}
.sv-header--mobile {
  padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  position: relative;
  z-index: 1;
}
.sv-header--mobile .sv-header__logo img {
  max-width: 100%;
}
.sv-header__background-color--none .sv-header__title .sd-title,
.sv-header__background-color--custom .sv-header__title .sd-title {
  color: var(--sjs-font-pagetitle-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
}
.sv-header__background-color--none .sv-header__description .sd-description,
.sv-header__background-color--custom .sv-header__description .sd-description {
  --header-description-font-size: var(--sjs-font-headerdescription-size, var(--sjs-font-size, 16px));
  font-size: var(--header-description-font-size);
  line-height: calc(1.5 * (var(--header-description-font-size)));
  color: var(--sjs-font-pagedescription-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
}
@keyframes rotationAnimation {
  from {
    rotate: 0deg;
  }
  to {
    rotate: 360deg;
  }
}
.sd-loading-indicator {
  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-loading-indicator .sv-svg-icon {
  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  animation-name: rotationAnimation;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 1s;
}
sv-components-container,
.sd-components-container {
  display: flex;
}
.sv-components-row {
  display: flex;
  flex-direction: row;
  width: 100%;
}
.sv-components-column {
  display: flex;
  flex-direction: column;
}
.sv-components-column--expandable {
  flex-grow: 1;
}
.sv-components-row > .sv-components-column--expandable {
  width: 1px;
}
.sjs_sp_container {
  position: relative;
  max-width: 100%;
}
.sjs_sp_controls {
  position: absolute;
  left: 0;
  bottom: 0;
}
.sjs_sp_controls > button {
  -webkit-user-select: none;
  user-select: none;
}
.sjs_sp_container > div > canvas:focus {
  outline: none;
}
.sjs_sp_placeholder {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  z-index: 1;
  -webkit-user-select: none;
  user-select: none;
  pointer-events: none;
  width: 100%;
  height: 100%;
}
.sjs_sp_canvas {
  position: relative;
  max-width: 100%;
  display: block;
}
.sjs_sp__background-image {
  position: absolute;
  top: 0;
  left: 0;
  object-fit: cover;
  max-width: 100%;
  width: 100%;
  height: 100%;
}
.sd-root-modern,
.sd-container-modern {
  --sd-base-padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sd-base-vertical-padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sd-page-vertical-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-root-modern.sd-root-modern--mobile,
.sd-root-modern--mobile .sd-container-modern {
  --sd-base-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sd-base-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sd-page-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sjs-mobile-font-editorfont-size: Max(16px, var(--sjs-font-editorfont-size, var(--sjs-font-size, 16px)));
}
.sd-root-modern.sd-root-modern--mobile .sd-element__num {
  float: none;
  margin-inline-start: 0;
  width: auto;
  padding-inline-start: 0;
  padding-inline-end: 0;
}
.sd-root-modern.sd-root-modern--mobile .sd-element__num + span {
  float: none;
  width: auto;
}
.sd-root-modern.sd-root-modern--mobile .sd-element__title-expandable-svg {
  inset-inline-start: calc(-2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-root-modern.sd-root-modern--mobile .sd-title.sd-container-modern__title {
  flex-direction: column;
}
.sd-root-modern.sd-root-modern--mobile .sd-header__text {
  min-width: 100%;
}
.sd-multipletext--mobile .sd-multipletext__cell {
  display: block;
}
.sd-multipletext--mobile .sd-multipletext__cell:not(:first-of-type) {
  padding-left: 0;
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-multipletext--mobile .sd-multipletext__cell :not(:last-of-type) {
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-multipletext--mobile .sd-multipletext__item-container {
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-multipletext--mobile .sd-multipletext__item-title {
  max-width: none;
  border-right: none;
  width: 100%;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
  margin: 0;
}
.sd-multipletext--mobile .sd-multipletext__item {
  flex-basis: 0;
  min-width: 0;
}
.sd-multipletext--mobile .sd-multipletext__item .sd-input {
  padding: 0;
  margin: 0;
}
.sd-multipletext--mobile .sd-multipletext__item-container--answered,
.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within {
  flex-direction: column;
}
.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item-title,
.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item-title {
  padding: 0;
}
.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item-title span,
.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item-title span {
  font-size: calc(0.75 * (var(--sjs-font-size, 16px)));
  line-height: var(--sjs-font-size, 16px);
}
.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item,
.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item {
  flex-basis: auto;
  min-width: auto;
  width: 100%;
}
.sd-multipletext--mobile .sd-multipletext__item-container--answered .sd-multipletext__item .sd-input,
.sd-multipletext--mobile .sd-multipletext__item-container--allow-focus:focus-within .sd-multipletext__item .sd-input {
  width: 100%;
}
.sd-selectbase--mobile .sd-selectbase--multi-column {
  flex-direction: column;
}
.sd-selectbase--mobile .sd-selectbase--multi-column .sd-selectbase__column:not(:last-child) {
  padding-right: 0;
}
body {
  --sv-defaultV2-mark: true;
}
.sd-root-modern {
  -webkit-font-smoothing: antialiased;
  --sd-mobile-width: 600px;
  --sd-timer-size: calc(18 * var(--sjs-base-unit, var(--base-unit, 8px)));
  width: 100%;
  font-family: var(--sjs-font-family, var(--font-family, var(--sjs-default-font-family)));
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  position: relative;
}
@-moz-document url-prefix() {
  .sd-root-modern,
  .sd-root-modern * {
    scrollbar-width: thin;
    scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent;
  }
}
.sd-root-modern::-webkit-scrollbar,
.sd-root-modern *::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background-color: transparent;
}
.sd-root-modern::-webkit-scrollbar-thumb,
.sd-root-modern *::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 32px;
  background-color: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sd-root-modern::-webkit-scrollbar-track,
.sd-root-modern *::-webkit-scrollbar-track {
  background: transparent;
}
.sd-root-modern::-webkit-scrollbar-thumb:hover,
.sd-root-modern *::-webkit-scrollbar-thumb:hover {
  border: 2px solid rgba(0, 0, 0, 0);
  background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sd-root-modern form {
  position: relative;
}
.sd-root-modern--animation-disabled * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  transition: none !important;
}
.sd-root-modern.sd-root-modern--full-container {
  width: 100%;
  height: 100%;
  overflow: auto;
  position: relative;
}
.sd-root-modern--mobile {
  --sd-timer-size: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sd-root-modern__wrapper {
  position: relative;
}
.sd-root-modern__wrapper--has-image {
  min-height: 100%;
}
.sd-root-modern--full-container .sd-root-modern__wrapper--fixed {
  position: static;
  width: 100%;
  height: 100%;
}
.sd-root-modern--full-container .sd-root-modern__wrapper--fixed form {
  overflow: auto;
  width: 100%;
  max-height: 100%;
}
.sv-popup .sv-popup__scrolling-content {
  box-sizing: content-box;
}
@-moz-document url-prefix() {
  .sv-popup .sv-popup__scrolling-content,
  .sv-popup .sv-popup__scrolling-content * {
    scrollbar-width: thin;
    scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent;
  }
}
.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar,
.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar {
  width: 12px;
  height: 12px;
  background-color: transparent;
}
.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-thumb,
.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-thumb {
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 32px;
  background-color: var(--sjs-border-default, var(--border, #d6d6d6));
}
.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-track,
.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-track {
  background: transparent;
}
.sv-popup .sv-popup__scrolling-content::-webkit-scrollbar-thumb:hover,
.sv-popup .sv-popup__scrolling-content *::-webkit-scrollbar-thumb:hover {
  border: 2px solid rgba(0, 0, 0, 0);
  background-color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-components-container-center {
  position: sticky;
  top: 0;
}
.sv-root--sticky-top .sv-components-container-center {
  z-index: 15;
}
.sv-root--sticky-top.sd-progress--pages .sv-components-container-center,
.sv-root--sticky-top.sd-progress--buttons .sv-components-container-center {
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  box-shadow: var(--sjs-shadow-medium, 0px 2px 6px 0px rgba(0, 0, 0, 0.1)), var(--sjs-shadow-small, 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
}
.sv-components-container-right,
.sv-components-container-left {
  width: fit-content;
}

/* node_modules/survey-creator-core/survey-creator-core.css */
/*!
 * SurveyJS Creator v1.12.59
 * (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
 * Github: https://github.com/surveyjs/survey-creator
 * License: https://surveyjs.io/Licenses#SurveyCreator
 */
/*!*************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/entries/fonts.scss ***!
  \*************************************************************************************************************************************************************************/
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");
  unicode-range:
    U+0460-052F,
    U+1C80-1C88,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");
  unicode-range:
    U+0590-05FF,
    U+200C-2010,
    U+20AA,
    U+25CC,
    U+FB1D-FB4F;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");
  unicode-range:
    U+0100-024F,
    U+0259,
    U+1E00-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20CF,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+2000-206F,
    U+2074,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");
  unicode-range:
    U+0460-052F,
    U+1C80-1C88,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");
  unicode-range:
    U+0590-05FF,
    U+200C-2010,
    U+20AA,
    U+25CC,
    U+FB1D-FB4F;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");
  unicode-range:
    U+0100-024F,
    U+0259,
    U+1E00-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20CF,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 600;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+2000-206F,
    U+2074,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu1aB.woff2) format("woff2");
  unicode-range:
    U+0460-052F,
    U+1C80-1C88,
    U+20B4,
    U+2DE0-2DFF,
    U+A640-A69F,
    U+FE2E-FE2F;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu1aB.woff2) format("woff2");
  unicode-range:
    U+0301,
    U+0400-045F,
    U+0490-0491,
    U+04B0-04B1,
    U+2116;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu1aB.woff2) format("woff2");
  unicode-range: U+1F00-1FFF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu1aB.woff2) format("woff2");
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu1aB.woff2) format("woff2");
  unicode-range:
    U+0590-05FF,
    U+200C-2010,
    U+20AA,
    U+25CC,
    U+FB1D-FB4F;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu1aB.woff2) format("woff2");
  unicode-range:
    U+0102-0103,
    U+0110-0111,
    U+0128-0129,
    U+0168-0169,
    U+01A0-01A1,
    U+01AF-01B0,
    U+1EA0-1EF9,
    U+20AB;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu1aB.woff2) format("woff2");
  unicode-range:
    U+0100-024F,
    U+0259,
    U+1E00-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20CF,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-stretch: 100%;
  src: url(https://fonts.gstatic.com/s/opensans/v34/memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-muw.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+2000-206F,
    U+2074,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
:root {
  --sjs-font-family:
    "Open Sans",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;
}
/*!
* SurveyJS Creator v1.12.59
* (c) 2015-2025 Devsoft Baltic OÜ - http://surveyjs.io/
* Github: https://github.com/surveyjs/survey-creator
* License: https://surveyjs.io/Licenses#SurveyCreator
*/
/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/utils/context-button.scss ***!
  \********************************************************************************************************************************************************************************/
.svc-context-container {
  display: flex;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  width: max-content;
}
.svc-context-button {
  display: flex;
  box-sizing: border-box;
  background-color: var(--ctr-survey-contextual-button-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  border-radius: var(--ctr-survey-contextual-button-corner-radius, 50%);
  width: var(--ctr-survey-contextual-button-width, calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-survey-contextual-button-height, calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding: var(--ctr-survey-contextual-button-padding-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-contextual-button-padding-right, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-contextual-button-padding-bottom, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-contextual-button-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  cursor: pointer;
  outline: none;
}
.svc-context-button .sv-svg-icon {
  --thm-button-contextual-button-icon-width: calc( var(--ctr-survey-contextual-button-width) - var(--ctr-survey-contextual-button-padding-right) - var(--ctr-survey-contextual-button-padding-left) );
  --thm-button-contextual-button-icon-height: calc( var(--ctr-survey-contextual-button-height) - var(--ctr-survey-contextual-button-padding-top) - var(--ctr-survey-contextual-button-padding-bottom) );
  width: var(--thm-button-contextual-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--thm-button-contextual-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-context-button use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  transition: fill var(--sjs-creator-transition-duration, 150ms);
}
.svc-context-button:hover use,
.svc-context-button:focus use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-context-button--danger:hover use,
.svc-context-button--danger:focus use {
  fill: var(--sjs-special-red, var(--red, #e60a3e));
}
/*!***************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/list.scss ***!
  \***************************************************************************************************************************************************************************/
.svc-list {
  width: 100%;
  padding: var(--ctr-list-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-list-padding-right, 0) var(--ctr-list-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-list-padding-left, 0);
  margin: 0;
  overflow-y: auto;
  list-style-type: none;
  box-sizing: border-box;
}
.svc-list__item {
  width: 100%;
  outline: none;
}
.svc-list__item-body {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  text-align: start;
  color: var(--ctr-list-item-text-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
  transition: color var(--sjs-creator-transition-duration, 150ms);
  --thm-list-item-padding-left-default: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --thm-list-item-padding-delta: var(--ctr-list-item-padding-left, var(--thm-list-item-padding-left-default));
  --thm-list-item-padding-left: calc(var(--sjs-list-item-level) * var(--thm-list-item-padding-delta));
  display: flex;
  flex: 1 0 0;
  padding-block-start: var(--ctr-list-item-padding-top, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-block-end: var(--ctr-list-item-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-inline-start: var(--thm-list-item-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-end: var(--ctr-list-item-padding-right, calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  align-items: center;
  gap: var(--ctr-list-item-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  border-radius: var(--ctr-list-item-corner-radius, 0px);
  cursor: pointer;
  transition: background-color var(--sjs-creator-transition-duration, 150ms);
}
.svc-list__item-body > span,
.svc-list__item-body > sv-ng-string {
  flex: 1 0 0;
}
.svc-list__item:disabled,
.svc-list__item--disabled {
  opacity: var(--ctr-list-item-opacity-disabled, 0.25);
  pointer-events: none;
}
.svc-list__item:focus > .svc-list__item-body,
.svc-list__item:hover > .svc-list__item-body,
.svc-list__item--focused > .svc-list__item-body,
.svc-list__item--hovered > .svc-list__item-body {
  background: var(--ctr-list-item-background-color-hovered, var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))));
  color: var(--ctr-list-item-text-color-hovered, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-list__item:focus > .svc-list__item-body .svc-list__item-icon use,
.svc-list__item:hover > .svc-list__item-body .svc-list__item-icon use,
.svc-list__item--focused > .svc-list__item-body .svc-list__item-icon use,
.svc-list__item--hovered > .svc-list__item-body .svc-list__item-icon use {
  fill: var(--ctr-list-item-icon-color-hovered, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-list__item:focus > .svc-list__item-body .svc-list-item__marker-icon use,
.svc-list__item:hover > .svc-list__item-body .svc-list-item__marker-icon use,
.svc-list__item--focused > .svc-list__item-body .svc-list-item__marker-icon use,
.svc-list__item--hovered > .svc-list__item-body .svc-list-item__marker-icon use {
  fill: var(--ctr-list-item-submenu-arrow-color-hovered-item, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-list__item--selected > .svc-list__item-body,
.svc-list__item--selected:hover > .svc-list__item-body,
.svc-list__item--selected:focus > .svc-list__item-body,
.svc-list__item.svc-list__item--selected:hover > .svc-list__item-body {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  color: var(--ctr-list-item-text-color-selected, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));
  background: var(--ctr-list-item-background-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-list__item--selected > .svc-list__item-body .svc-list__item-icon use,
.svc-list__item--selected:hover > .svc-list__item-body .svc-list__item-icon use,
.svc-list__item--selected:focus > .svc-list__item-body .svc-list__item-icon use,
.svc-list__item.svc-list__item--selected:hover > .svc-list__item-body .svc-list__item-icon use {
  fill: var(--ctr-list-item-icon-color-selected, var(--sjs-general-backcolor, var(--background, #fff)));
}
.svc-list__item--group-selected > .svc-list__item-body,
.svc-list__item--group-selected:hover > .svc-list__item-body,
.svc-list__item--group-selected:focus > .svc-list__item-body {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  color: var(--ctr-list-item-text-color-selected-submenu, var(--sjs-general-forecolor, var(--foreground, #161616)));
  background: var(--ctr-list-item-background-color-selected-submenu, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
}
.svc-list__item--group-selected > .svc-list__item-body .svc-list__item-icon use,
.svc-list__item--group-selected:hover > .svc-list__item-body .svc-list__item-icon use,
.svc-list__item--group-selected:focus > .svc-list__item-body .svc-list__item-icon use {
  fill: var(--ctr-list-item-icon-color-selected-submenu, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-list__item--group-selected > .svc-list__item-body .svc-list-item__marker-icon use,
.svc-list__item--group-selected:hover > .svc-list__item-body .svc-list-item__marker-icon use,
.svc-list__item--group-selected:focus > .svc-list__item-body .svc-list-item__marker-icon use {
  fill: var(--ctr-list-item-submenu-arrow-color-selected-item-submenu, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-list__item--with-icon > .svc-list__item-body {
  padding-block-start: var(--ctr-list-item-padding-top-with-icon, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-block-end: var(--ctr-list-item-padding-bottom-with-icon, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-start: var(--thm-list-item-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-end: var(--ctr-list-item-padding-right, calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-list__item--group > .svc-list__item-body {
  padding-block-start: var(--ctr-list-item-padding-top, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-block-end: var(--ctr-list-item-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-inline-start: var(--thm-list-item-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-inline-end: var(--ctr-list-item-padding-right-submenu, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-list__item--with-icon.svc-list__item--group > .svc-list__item-body {
  padding-block-start: var(--ctr-list-item-padding-top-with-icon, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-block-end: var(--ctr-list-item-padding-bottom-with-icon, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-start: var(--thm-list-item-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-inline-end: var(--ctr-list-item-padding-right-submenu, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-list__item--with-icon.svc-list__item--group .sv-popup-inner > .sv-popup__container {
  --thm-inner-popup-margin-top: calc(var(--ctr-list-item-padding-top) - var(--ctr-list-item-padding-top-with-icon) - var(--ctr-list-padding-top));
  --thm-inner-popup-margin-top-default: calc(-0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
  margin-top: var(--thm-inner-popup-margin-top, var(--thm-inner-popup-margin-top-default, -4px));
}
.svc-list__item-separator {
  width: 100%;
  height: var(--ctr-separator-width, 1px);
  margin: var(--ctr-separator-margin-vertical-small, var(--sjs-base-unit, var(--base-unit, 8px))) 0px;
  background-color: var(--ctr-separator-color, var(--sjs-border-default, var(--border, #d6d6d6)));
}
.svc-list__item-icon {
  display: flex;
  width: var(--ctr-list-item-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-list-item-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  flex-shrink: 0;
  justify-content: center;
  align-items: center;
}
.svc-list__item-icon use {
  fill: var(--ctr-list-item-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-list-item__marker-icon {
  display: flex;
  padding: var(--ctr-list-item-submenu-arrow-padding, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  align-items: flex-start;
  width: var(--ctr-list-item-submenu-arrow-width, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-list-item-submenu-arrow-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-sizing: content-box;
  justify-content: center;
}
.svc-list-item__marker-icon use {
  fill: var(--ctr-list-item-submenu-arrow-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-list-item__marker-icon + * {
  --thm-list-item-gap: var(--ctr-list-item-gap, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-inline-start: calc(0px - var(--thm-list-item-gap));
}
.svc-list__container {
  display: flex;
  flex-direction: column;
  min-height: 0;
  height: 100%;
}
.svc-list__filter {
  display: flex;
  align-items: flex-start;
  align-items: center;
  gap: var(--ctr-list-search-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-start: var(--ctr-list-search-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-end: var(--ctr-list-search-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-block-start: var(--ctr-list-search-padding-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-block-end: var(--ctr-list-search-padding-bottom, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  border-radius: var(--ctr-toolbox-search-corner-radius, 0px);
  border-bottom: var(--ctr-list-search-border-width-bottom, 1px) solid var(--ctr-list-search-border-color, rgba(0, 0, 0, 0.16));
}
.svc-list__filter-icon {
  opacity: var(--ctr-list-search-icon-opacity, 1);
  display: flex;
  width: var(--ctr-list-search-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-list-search-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  align-items: center;
}
.svc-list__filter-icon .sv-svg-icon {
  width: var(--ctr-list-search-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-list-search-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-list__filter-icon use {
  fill: var(--ctr-list-search-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-list__input {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  background-color: transparent;
  color: var(--ctr-list-search-text-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  border: none;
}
.svc-list__input::placeholder {
  color: var(--ctr-list-search-text-color-placeholder, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
}
.svc-list__filter-clear-button {
  display: flex;
  padding: var(--ctr-search-button-padding-vertical, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-search-button-padding-horizontal, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  justify-content: center;
  align-items: center;
  border-radius: var(--ctr-search-button-corner-radius, 1024px);
}
.svc-list__filter-clear-button:hover {
  background: var(--ctr-search-button-background-color-clear-hovered, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));
}
.svc-list__filter-clear-button:hover use {
  fill: var(--ctr-search-button-icon-color-clear-hovered, var(--sjs-special-red, var(--red, #e60a3e)));
}
.svc-list__empty-container {
  padding: var(--ctr-list-padding-top-no-data, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-list-padding-right-no-data, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-list-padding-bottom-no-data, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-list-padding-left-no-data, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-list__empty-text {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-align: center;
  color: var(--ctr-list-no-data-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.sv-popup--overlay .svc-list-item__marker-icon {
  display: none;
}
.sv-popup--overlay .svc-list__item-body {
  pointer-events: none;
}
.sv-popup--overlay .svc-list__item--group-selected > .svc-list__item-body {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.sv-popup--overlay .svc-list__item--group-selected > .svc-list__item-body use {
  fill: var(--sjs-general-backcolor, var(--background, #fff));
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/tabs/json-editor-ace.scss ***!
  \*******************************************************************************************************************************************************************************************/
svc-tab-json-editor-ace {
  width: 100%;
  height: 100%;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-json-editor-tab__content {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.svc-json-editor-tab__ace-editor {
  height: 100%;
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/tabs/json-editor-textarea.scss ***!
  \************************************************************************************************************************************************************************************************/
svc-tab-json-editor-textarea {
  width: 100%;
  height: 100%;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-json-editor-tab__content {
  position: relative;
  height: 100%;
}
.svc-json-editor-tab__content-area {
  font-family: var(--ctr-font-family-code, monospace);
  font-size: var(--ctr-font-code-size, 16px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-code-line-height, 24px);
  color: var(--ctr-code-viewer-text-color, #505050);
  background: var(--ctr-code-viewer-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  width: 100%;
  height: 100%;
  border: none;
  outline: none;
}
.svc-json-editor-tab__errros_button {
  position: absolute;
  top: 0%;
  right: calc(0% + 2 * var(--sjs-base-unit, var(--base-unit, 8px)));
  min-height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
  max-height: calc(2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
  border: none;
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  font-weight: bold;
}
.svc-json-editor-tab__content-errors {
  position: absolute;
  right: 0%;
  top: calc(0% + 3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  max-width: calc(100% - 2 * var(--sjs-base-unit, var(--base-unit, 8px)));
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  background-image:
    linear-gradient(
      to bottom,
      transparent,
      var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));
  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  border-radius: 1px;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  font-family: monospace;
}
.svc-json-editor-tab__content-errors span {
  white-space: pre-line;
}
.svc-json-editor-tab__content-errors span > b {
  color: var(--sjs-special-red, var(--red, #e60a3e));
}
.svc-json-editor-tab__content-errors:empty {
  display: none;
}
.svc-json-errors {
  display: flex;
  max-height: calc(var(--sjs-base-unit, var(--base-unit, 8px)) * 25 + 5px);
  overflow-y: auto;
  flex-direction: column;
  padding: 0;
  margin: 0;
  border-top: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
}
.svc-json-errors__item {
  pointer-events: none;
  display: block;
}
.svc-json-error {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) var(--sjs-base-unit, var(--base-unit, 8px)) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
  display: flex;
  align-items: center;
  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-json-errors__item:not(:first-of-type) .svc-json-error {
  border-top: 1px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
}
.svc-json-error .sv-string-viewer {
  pointer-events: all;
  cursor: pointer;
}
.svc-json-error .sv-string-viewer:hover {
  text-decoration: underline;
}
.svc-json-error__icon {
  fill: var(--sjs-special-red, var(--red, #e60a3e));
  width: var(--ctr-code-viewer-code-error-row-icon-width, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-code-viewer-code-error-row-icon-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-json-error__container {
  display: flex;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-json-error__title {
  flex: 1 1 auto;
}
.svc-json-error__fix-button {
  appearance: none;
  flex-grow: 0;
  flex-shrink: 0;
  pointer-events: all;
  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border: none;
  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-shadow: 0px 1px 2px 0px var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15));
  cursor: pointer;
}
.svc-json-error__fix-button svg {
  fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  opacity: 0.75;
}
.svc-json-error__fix-button:hover svg {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/simulator.scss ***!
  \********************************************************************************************************************************************************************************/
.svd-simulator {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  box-sizing: content-box;
  transform-origin: 0 0;
  top: 50%;
  left: 50%;
  transform: scale(1.26) translate(-50%, -50%);
  border: 2px solid var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
}
.svd-simulator-wrapper {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  border-radius: var(--ctr-preview-device-corner-radius, 32px);
  border: var(--ctr-preview-device-border-width, 4px) solid var(--ctr-preview-device-border-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  background: var(--ctr-preview-device-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.1), 0px 8px 16px 0px var(--ctr-preview-device-shadow-2-color, rgba(0, 0, 0, 0.05));
}
.svd-simulator-main {
  min-height: 100%;
}
.svd-simulator-main.svd-simulator-main--desktop {
  min-height: auto;
}
.svd-simulator-main.svd-simulator-main--desktop.svd-simulator-main--running {
  height: 100%;
}
.svd-simulator-main.svd-simulator-main--frame {
  display: flex;
  align-items: center;
}
.svd-simulator-main:not(.svd-simulator-main--frame) {
  background-color: transparent;
}
.svd-simulator-main .sd-root-modern {
  min-height: 100%;
}
.svd-simulator-main .sd-root-modern .sv-popup:not(.sv-popup--overlay):not(.sv-popup--modal) {
  width: auto;
  right: 0;
}
.svd-simulator-content {
  display: flex;
  justify-content: center;
  width: 100%;
  height: 100%;
  box-shadow: inset 0px -1px 0px 0px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
  position: relative;
}
.svd-simulator .sv-popup--overlay {
  --sv-popup-overlay-height: 100%;
}
/*!********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/tabs/test.scss ***!
  \********************************************************************************************************************************************************************************/
svc-tab-test {
  width: 100%;
  height: 100%;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-test-tab--empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  gap: 0px;
}
.svc-test-tab__content .svc-plugin-tab__content .sv-root-modern .sv-completedpage,
.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_completed_page {
  margin: 0;
  border: 0;
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-test-tab__content .svc-plugin-tab__content .sv_default_css .sv_body {
  border: 0;
}
.svc-test-tab__content .svc-plugin-tab__content .svc-preview__test-again {
  width: calc(33 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-top: 8px;
}
.svc-creator-tab__content--with-toolbar.svc-test-tab__content .svc-plugin-tab__content {
  height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-test-tab__content-actions {
  position: relative;
}
.svc-test-tab__content-actions .sv-action-bar {
  padding: var(--ctr-preview-pager-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-preview-pager-padding-right, 0px) var(--ctr-preview-pager-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-preview-pager-padding-left, 0px);
  box-shadow: inset 0 var(--ctr-preview-pager-border-width-top, 1px) 0 0 var(--ctr-preview-pager-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  background: var(--ctr-preview-pager-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  width: 100%;
}
.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages {
  left: 0;
  right: 0;
  justify-content: center;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action__content {
  padding: 0;
}
.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item {
  margin: 0;
}
.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item use {
  fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item:not(.sv-action-bar-item--pressed):enabled:focus {
  background: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item:not(.sv-action-bar-item--pressed):enabled:hover {
  background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {
  background: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-test-tab__content-actions .sv-action-bar.sv-action-bar--pages .sv-action-bar-item__title {
  color: var(--ctr-survey-question-panel-toolbar-item-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-test-tab__content-actions .sv-action-bar-item {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  font-weight: 600;
  width: 100%;
  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  transition: background-color var(--sjs-creator-transition-duration, 150ms);
}
.svc-test-tab__content-actions .svc-page-selector {
  max-width: 50%;
}
.svc-test-tab__content-actions .svc-page-selector .sv-action-bar-item__title {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  display: inline-block;
}
.svc-page-invisible .svc-list__item-body {
  padding-block-start: var(--ctr-list-item-padding-top, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-block-end: var(--ctr-list-item-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-inline-start: var(--ctr-list-item-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-end: var(--ctr-list-item-padding-right-with-label-icon, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-page-invisible .svc-list-item__marker-icon {
  padding: 0;
  opacity: var(--ctr-list-item-icon-opacity-label, 0.5);
  width: var(--ctr-list-item-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-list-item-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-test-tab__content .sd-body--empty {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  text-align: center;
  overflow: hidden;
  position: static;
  display: flex;
  flex-direction: column;
}
.svc-preview-pager__item {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  display: flex;
  box-sizing: border-box;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  display: flex;
  max-width: 100%;
  padding: var(--ctr-preview-pager-item-padding-top-with-text, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-preview-pager-item-padding-right-with-text, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-preview-pager-item-padding-bottom-with-text, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-preview-pager-item-padding-left-with-text, var(--sjs-base-unit, var(--base-unit, 8px)));
  justify-content: center;
  align-items: center;
  border-radius: var(--ctr-preview-pager-item-corner-radius, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  background-color: transparent;
}
.svc-preview-pager__item:hover {
  background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-preview-pager__item:disabled {
  opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);
}
.svc-preview-pager__item.svc-preview-pager__item--pressed {
  opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);
  background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-preview-pager__item.svc-preview-pager__item--active {
  background: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25))));
}
.svc-preview-pager__item--icon {
  padding: var(--ctr-preview-pager-item-padding-top, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-preview-pager-item-padding-right, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-preview-pager-item-padding-bottom, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-preview-pager-item-padding-left, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-preview-pager__item--icon:hover {
  background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-preview-pager__item--icon:disabled {
  opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);
}
.svc-preview-pager__item--icon:disabled use {
  fill: var(--ctr-survey-question-panel-toolbar-item-icon-color-disabled, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
}
.svc-preview-pager__item--icon.svc-preview-pager__item--pressed {
  opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);
  background: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-preview-pager__item--icon.svc-preview-pager__item--pressed use {
  fill: var(--ctr-survey-question-panel-toolbar-item-icon-color-pressed, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
}
.svc-preview-pager__item--icon.svc-preview-pager__item--active {
  background: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25))));
}
.svc-preview-pager-item__icon {
  box-sizing: border-box;
  display: flex;
  width: var(--ctr-preview-pager-item-icon-container-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-preview-pager-item-icon-container-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding: var(--ctr-preview-pager-item-icon-padding-top, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-preview-pager-item-icon-padding-right, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-preview-pager-item-icon-padding-bottom, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-preview-pager-item-icon-padding-left, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  justify-content: center;
  align-items: center;
}
.svc-preview-pager-item__icon use {
  fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
}
.svc-preview-pager-item__title {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  font-weight: 600;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: var(--ctr-survey-question-panel-toolbar-item-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-footer-bar .svc-preview-pager__item {
  --thm-menu-toolbar-button-gap: calc(var(--ctr-menu-toolbar-gap) / 2);
  margin: 0 var(--thm-menu-toolbar-button-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-footer-bar .svc-preview-pager-item__icon {
  width: var(--ctr-menu-toolbar-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-menu-toolbar-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-sizing: content-box;
}
.svc-footer-bar .svc-preview-pager-item__icon use {
  fill: var(--ctr-menu-toolbar-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
/*!*********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/tabs/logic.scss ***!
  \*********************************************************************************************************************************************************************************/
.sl-table {
  width: 50%;
  margin: 0 25%;
  margin-top: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sl-table__row {
  position: relative;
}
.sl-table__cell.st-table__cell--actions:first-of-type .sv-action-bar {
  margin-top: var(--ctr-collapse-button-margin-top, calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-right: var(--ctr-collapse-button-margin-right, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.sl-table .sl-table__detail-button.sl-table__detail-button {
  box-sizing: border-box;
  border-radius: var(--ctr-collapse-button-corner-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding: var(--ctr-collapse-button-padding, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  transition: background-color var(--sjs-creator-transition-duration, 150ms);
}
.sl-table .sl-table__detail-button.sl-table__detail-button:focus:enabled {
  background-color: transparent;
}
.sl-table .sl-table__detail-button.sl-table__detail-button use {
  transition: fill var(--sjs-creator-transition-duration, 150ms);
}
.sl-table .sl-table__detail-button.sl-table__detail-button:hover:enabled,
.sl-table .sl-table__detail-button.sl-table__detail-button.sv-focused--by-key.sv-focused--by-key {
  background-color: var(--ctr-collapse-button-background-color-hovered, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
  outline: none;
}
.sl-table .sl-table__detail-button.sl-table__detail-button:hover:enabled use,
.sl-table .sl-table__detail-button.sl-table__detail-button.sv-focused--by-key.sv-focused--by-key use {
  fill: var(--ctr-collapse-button-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.sl-table .sl-table__detail-button.sl-table__detail-button .sv-action-bar-item__icon {
  width: var(--ctr-collapse-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-collapse-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.sl-table__remove-button .sv-action-bar-item {
  padding: var(--ctr-expression-item-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-expression-item-padding-right-icon-only, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-expression-item-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-expression-item-padding-left-icon-only, var(--sjs-base-unit, var(--base-unit, 8px)));
  cursor: pointer;
  border: none;
  border-radius: var(--ctr-expression-item-corner-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.sl-table__remove-button .sv-action-bar-item:focus:enabled {
  background-color: transparent;
}
.sl-table__remove-button .sv-action-bar-item use {
  fill: var(--ctr-expression-item-icon-color, var(--sjs-special-red, var(--red, #e60a3e)));
}
.sl-table__remove-button .sv-action-bar-item:hover:enabled,
.sl-table__remove-button .sv-action-bar-item.sv-focused--by-key.sv-focused--by-key {
  background-color: var(--ctr-expression-item-background-color-remove-button-hovered, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));
  outline: none;
}
.sl-table__remove-button .sv-action-bar-item:hover:enabled use,
.sl-table__remove-button .sv-action-bar-item.sv-focused--by-key.sv-focused--by-key use {
  fill: var(--ctr-expression-item-icon-color, var(--sjs-special-red, var(--red, #e60a3e)));
}
.sl-table__remove-button .sv-action-bar-item .sv-action-bar-item__icon {
  width: var(--ctr-expression-item-icon-width, 24px);
  height: var(--ctr-expression-item-icon-height, 24px);
}
.sl-table__remove-button .sv-action-bar-item__icon {
  width: var(--ctr-survey-action-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-survey-action-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.sl-table__cell .sv-action-bar-item__icon {
  opacity: 0;
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
}
.sl-table__row:hover .sl-table__cell .sv-action-bar-item__icon,
.sl-table__cell .sv-action-bar-item.sv-focused--by-key .sv-action-bar-item__icon {
  opacity: 1;
}
.sl-table__row.sl-table__row--additional .sl-table__cell .svc-action-button {
  color: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
}
.sl-table .svc-action-button {
  padding: var(--ctr-survey-page-header-padding-vertical-with-button, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) 0px;
  margin-left: 0;
}
.sl-table__cell .svc-action-button,
.sl-table__cell .svc-action-button:hover,
.sl-table__cell .svc-action-button:focus,
.sl-table__cell .svc-action-button:hover:enabled,
.sl-table__cell .svc-action-button:focus:enabled {
  --thm-medium-bold-font-size: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --thm-medium-bold-line-height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-medium-size, var(--thm-medium-bold-font-size, 24px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-medium-line-height, var(--thm-medium-bold-line-height, 32px));
  font-weight: 700;
  --thm-logic-header-max-height: var(--ctr-font-medium-line-height, var(--ctr-medium-bold-line-height, calcSize(4)));
  background: transparent;
  outline: none;
  border: none;
  box-shadow: none;
  border-radius: 0;
  color: var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91));
  box-sizing: content-box;
  max-height: calc(3 * var(--thm-logic-header-max-height));
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.sl-table__cell {
  vertical-align: top;
  padding: 0;
  width: 100%;
}
.sl-table__row .sl-table__cell {
  --animation-padding-top: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-top: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sl-table__cell--actions {
  position: absolute;
  width: max-content;
}
.sl-table__cell--actions:first-of-type {
  transform: translateX(-100%);
}
.sl-table__cell--detail-button {
  overflow: hidden;
  appearance: none;
  outline: none;
  border: none;
  background-color: transparent;
}
.sl-table {
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}
.sl-table thead th:first-child {
  position: absolute;
  left: 0;
  transform: translateX(-100%);
}
.sl-table thead th:last-child {
  position: absolute;
  right: 0;
  transform: translateX(100%);
}
.sl-table thead .sl-table__cell.st-table__cell--header {
  text-align: left;
}
.sl-table td:first-of-type,
.sl-table th:first-of-type {
  padding-left: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sl-table td:first-of-type .sv-action-bar,
.sl-table th:first-of-type .sv-action-bar {
  justify-content: flex-end;
}
.sl-table td:last-of-type,
.sl-table th:last-of-type {
  padding-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sl-panel .sl-panel__footer {
  padding: 0;
}
.sl-panel .sl-panel__footer .sv-action {
  width: 100%;
}
.sl-panel .sl-panel__footer .sv-action__content {
  width: 100%;
}
.sl-panel .sl-panel__footer button.sl-panel__done-button {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  width: auto;
  margin: var(--ctr-expression-rows-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) 0 0 0;
  color: var(--ctr-expression-item-text-color-button, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  background-color: var(--ctr-expression-item-background-color-button, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
  border-radius: var(--ctr-expression-item-corner-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding: var(--ctr-expression-item-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-expression-item-padding-right-button, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-expression-item-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-expression-item-padding-left-button, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  display: flex;
  align-items: center;
  vertical-align: baseline;
  text-align: center;
  -webkit-user-select: none;
  user-select: none;
  transition: background-color var(--sjs-creator-transition-duration, 150ms), color var(--sjs-creator-transition-duration, 150ms);
}
.sl-panel .sl-panel__footer button:hover:enabled {
  background-color: var(--ctr-expression-item-background-color-button-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  color: var(--ctr-expression-item-text-color-button-hovered, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));
}
.sl-panel .sl-panel__footer .sv-action-bar-item__title {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  color: inherit;
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: center;
}
.sl-element .sd-paneldynamic__buttons-container {
  padding: 0;
}
.sl-question {
  display: flex;
  align-items: center;
  margin-top: var(--ctr-expression-rows-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.sl-row {
  display: flex;
  align-items: flex-start;
  flex-flow: row wrap;
}
.svc-creator-popup .sl-panel-wrapper:first-child .sl-question {
  margin-top: 0;
}
.sl-row--multiple .sl-panel {
  padding-bottom: 0;
}
.sl-question__header--left {
  margin-right: var(--ctr-expression-items-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.sl-row .sd-scrollable-container:not(.sd-scrollable-container--compact) {
  overflow-x: auto;
  padding: 2px;
  margin: -2px;
}
.sl-question__title {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  color: var(--ctr-expression-item-text-color-function, var(--sjs-general-forecolor, var(--foreground, #161616)));
  margin: 0;
}
.sl-question__title span + span {
  display: none;
}
.sl-row--multiple .sl-question {
  padding-right: var(--ctr-expression-items-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-logic-question-text-editor {
  margin-top: var(--ctr-expression-rows-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-logic-question-value {
  --sd-base-padding: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sd-base-vertical-padding: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sd-page-vertical-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-top: var(--ctr-expression-rows-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-logic_trigger-editor {
  margin-top: var(--ctr-expression-rows-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-logic_trigger-editor .svc-logic-question-value {
  margin-top: 0;
}
.sv-popup.svc-property-editor .sl-row {
  flex-flow: nowrap;
}
.spg-comment.sl-comment {
  height: calc(17 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sl-body .sd-row--leave,
.sl-body .sd-row--enter {
  animation: none;
}
.sl-body .sd-element-wrapper--leave,
.sl-body .sd-element-wrapper--enter {
  animation: none;
}
.sl-body .sd-element__content--enter,
.sl-body .sd-element__content--leave {
  animation: none;
}
.sl-body .sd-paneldynamic__panel-wrapper--enter,
.sl-body .sd-paneldynamic__panel-wrapper--leave {
  animation: none;
}
.sl-body .sd-item--enter {
  animation: none;
}
.sl-body .sd-item--leave {
  animation: none;
}
.sl-body .sd-table__row--leave,
.sl-body .sd-table__row--enter {
  animation: none;
}
.sl-panel-wrapper--list.sl-panel-wrapper--leave,
.sl-panel-wrapper--list.sl-panel-wrapper--enter {
  animation-name: fadeIn, moveInWithOverflow;
  animation-fill-mode: forwards;
  min-height: 0 !important;
}
.sl-panel-wrapper--list.sl-panel-wrapper--enter {
  opacity: 0;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-duration: var(--sl-pd-list-fade-in-duration, 250ms), var(--sl-pd-list-move-in-duration, 150ms);
  animation-delay: var(--sl-pd-list-fade-in-delay, 150ms), 0s;
}
.sl-panel-wrapper--list.sl-panel-wrapper--leave {
  animation-direction: reverse;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-duration: var(--sl-pd-list-fade-out-duration, 100ms), var(--sl-pd-list-move-out-duration, 250ms);
  animation-delay: 0s, var(--sl-pd-list-move-out-delay, 100ms);
}
.sl-table__row--leave,
.sl-table__row--enter {
  animation-name: empty;
  --move-whole-animation-duration: calc(var(--move-animation-duration) + var(--move-animation-delay));
  --fade-whole-animation-duration: calc(var(--fade-animation-duration) + var(--fade-animation-delay));
  animation-duration: max(var(--fade-whole-animation-duration), var(--move-whole-animation-duration));
}
.sl-table__row--leave > td,
.sl-table__row--enter > td {
  animation-name: paddingFadeIn;
  animation-duration: var(--move-animation-duration);
  animation-delay: var(--move-animation-delay);
  animation-direction: var(--animation-direction);
  animation-fill-mode: forwards;
  animation-timing-function: var(--animation-timing-function);
}
.sl-table__row--leave > td > div,
.sl-table__row--enter > td > div {
  animation-name: fadeIn, moveInWithOverflow;
  opacity: 0;
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
  animation-fill-mode: forwards;
  animation-duration:
    var(--fade-animation-duration),
    var(--move-animation-duration),
    var(--move-animation-duration);
  animation-delay:
    var(--fade-animation-delay),
    var(--move-animation-delay),
    var(--move-animation-delay);
}
.sl-table__row--enter {
  --move-animation-delay: 0s;
  --move-animation-duration: var(--sjs-sl-matrix-row-move-in-duration, 150ms);
  --fade-animation-duration: var(--sjs-sl-matrix-row-fade-in-duration, 250ms);
  --fade-animation-delay: var(--sjs-sl-matrix-row-fade-in-delay, 150ms);
  --animation-direction: normal;
  --animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
.sl-table__row--leave {
  --move-animation-delay: var(--sjs-sl-matrix-row-move-out-delay, 100ms);
  --move-animation-duration: var(--sjs-sl-matrix-row-move-out-duration, 250ms);
  --fade-animation-duration: var(--sjs-sl-matrix-row-fade-out-duration, 100ms);
  --fade-animation-delay: 0s;
  --animation-direction: reverse;
  --animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
.sl-table__row--detail.sl-table__row--enter {
  --move-animation-delay: 0s;
  --move-animation-duration: var(--sjs-sl-matrix-detail-row-move-in-duration, 150ms);
  --fade-animation-duration: var(--sjs-sl-matrix-detail-row-fade-in-duration, 500ms);
  --fade-animation-delay: var(--sjs-sl-matrix-detail-row-fade-in-delay, 150ms);
  --animation-direction: normal;
  --animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
.sl-table__row--detail.sl-table__row--leave {
  --move-animation-delay: var(--sjs-sl-matrix-detail-row-move-out-delay, 100ms);
  --move-animation-duration: var(--sjs-sl-matrix-detail-row-move-out-duration, 250ms);
  --fade-animation-duration: var(--sjs-sl-matrix-detail-row-fade-out-duration, 150ms);
  --fade-animation-delay: 0s;
  --animation-direction: reverse;
  --animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
.sl-row--enter {
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  min-height: 0 !important;
  opacity: 0;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-delay:
    var(--sjs-sl-row-fade-in-delay, 150ms),
    0s,
    0s;
  animation-duration:
    var(--sjs-sl-row-fade-in-duration, 500ms),
    var(--sjs-sl-row-move-in-duration, 150ms),
    var(--sjs-sl-row-move-in-duration, 150ms);
}
.sl-row--delayed-enter {
  overflow: hidden;
  height: 0;
  animation-delay:
    calc(var(--sjs-sl-row-fade-in-delay, 150ms) + var(--sjs-sl-row-fade-in-animation-delay, 400ms)),
    var(--sjs-sl-row-fade-in-animation-delay, 400ms),
    var(--sjs-sl-row-fade-in-animation-delay, 400ms);
}
.sl-row--leave {
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-fill-mode: forwards;
  animation-direction: reverse;
  min-height: 0 !important;
  animation-delay:
    0s,
    var(--sjs-sl-row-move-out-delay, 100ms),
    var(--sjs-sl-row-move-out-delay, 100ms);
  animation-duration:
    var(--sjs-sl-row-fade-out-duration, 150ms),
    var(--sjs-sl-row-move-out-duration, 250ms),
    var(--sjs-sl-row-move-out-duration, 250ms);
}
.sl-element-wrapper--enter {
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  min-height: 0 !important;
  opacity: 0;
  height: 0;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-delay: var(--sjs-sl-element-fade-in-delay, 150ms), 0s;
  animation-duration: var(--sjs-sl-element-fade-in-duration, 500ms), var(--sjs-sl-element-move-in-duration, 150ms);
}
.sl-element-wrapper--leave {
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-fill-mode: forwards;
  animation-direction: reverse;
  min-height: 0 !important;
  animation-delay: 0s, var(--sjs-sl-element-move-out-delay, 100ms);
  animation-duration: var(--sjs-sl-element-fade-out-duration, 150ms), var(--sjs-sl-element-move-out-duration, 250ms);
}
.svc-creator--disable-animations .sl-row--enter,
.svc-creator--disable-animations .sl-row--leave,
.svc-creator--disable-animations .sl-element-wrapper--enter,
.svc-creator--disable-animations .sl-element-wrapper--leave,
.svc-creator--disable-animations .sl-table__row--enter,
.svc-creator--disable-animations .sl-table__row--leave,
.svc-creator--disable-animations .sl-panel-wrapper--leave,
.svc-creator--disable-animations .sl-panel-wrapper--enter {
  animation: none;
}
/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/tabs/translation.scss ***!
  \***************************************************************************************************************************************************************************************/
.svc-tab-translation {
  width: 100%;
  height: 100%;
  background-color: var(--ctr-surface-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-translation-tab {
  --sjs-transition-duration: 0ms;
}
.svc-translation-tab--empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%;
  gap: 0px;
}
.st-properties {
  background-color: var(--ctr-property-grid-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  flex-grow: 1;
  padding-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.st-properties .spg-table .spg-table__cell:first-of-type {
  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.st-properties .spg-table .spg-table__cell:nth-of-type(2) {
  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.st-properties .spg-table .spg-table__question-wrapper {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));
  color: var(--ctr-checkbox-text-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
}
.st-properties .spg-table .spg-table__question-wrapper .spg-checkbox {
  margin: 0;
}
.st-properties .spg-table .spg-table__question-wrapper .spg-selectbase__label {
  gap: 0;
}
.st-properties .spg-table .spg-checkbox--disabled .spg-checkbox__caption {
  color: var(--ctr-checkbox-text-color-disabled, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.st-properties .spg-table .spg-checkbox--disabled .spg-checkbox__rectangle,
.st-properties .spg-table .spg-checkbox--disabled .spg-checkbox__rectangle:hover {
  border: var(--ctr-checkbox-border-width, 1px) solid var(--ctr-checkbox-border-color-disabled, rgba(0, 0, 0, 0.16));
  background: var(--ctr-checkbox-background-color-disabled, #f3f3f3);
}
.st-properties .spg-matrixdynamic__dragged-row {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  color: var(--ctr-checkbox-text-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
}
.st-properties .spg-matrixdynamic__dragged-row .spg-table__cell:nth-child(3) {
  flex: 1;
}
.st-content {
  display: flex;
  height: 100%;
}
.st-strings {
  overflow-y: auto;
  overflow-x: hidden;
}
.st-strings-wrapper {
  flex-grow: 1;
}
.st-property-panel {
  flex-shrink: 0;
  flex-grow: 0;
  width: 450px;
  border-left: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
}
.st-property-panel .spg-panel__content .spg-row {
  margin-top: 0;
}
.st-property-panel .spg-panel__content .spg-row:first-child {
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.st-strings-header .st-table__cell {
  background-color: var(--ctr-string-table-header-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  height: auto;
}
.st-root-modern {
  width: 100%;
  height: fit-content;
  max-height: 100%;
  overflow-y: auto;
  background-color: var(--ctr-string-table-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.st-title.st-panel__title,
.st-table__cell.st-table__cell--header {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  font-weight: 600;
  text-align: left;
}
.st-table__cell.st-table__cell--header {
  color: var(--ctr-string-table-header-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.st-title.st-panel__title {
  margin: 0;
  color: var(--ctr-string-table-group-header-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  background-color: var(--ctr-string-table-group-header-background-color, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)));
  border-bottom: 1px solid var(--ctr-string-table-row-border-color, var(--sjs-border-light, var(--border-light, #eaeaea)));
  padding: var(--ctr-string-table-row-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-string-table-row-padding-right, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-string-table-row-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-string-table-row-padding-left, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.st-table tr {
  display: flex;
  align-items: stretch;
}
.st-table__cell {
  display: block;
  flex: 1 1;
  box-sizing: border-box;
  background-color: var(--ctr-string-table-row-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  border-bottom: 1px solid var(--ctr-string-table-row-border-color, var(--sjs-border-light, var(--border-light, #eaeaea)));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
}
td.st-table__cell:first-of-type {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  color: var(--ctr-string-table-row-text-color-title, var(--sjs-general-forecolor, var(--foreground, #161616)));
  max-width: 300px;
  padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
td.st-table__cell:first-of-type span {
  display: inline-block;
  padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.st-panel-indent .st-table__cell:first-of-type span {
  padding-left: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.st-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
}
.st-comment {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  display: block;
  width: calc(100% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  border: unset;
  outline: none;
  background-color: var(--ctr-string-table-row-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  color: var(--ctr-string-table-row-text-color-title, var(--sjs-general-forecolor, var(--foreground, #161616)));
  resize: none;
  padding: 0;
}
.sd-translation-line-skeleton {
  min-height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.st-navigation-btn {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  padding-left: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  white-space: nowrap;
}
.st-navigation-btn .sd-action__icon {
  margin-left: 0;
}
.st-navigation-btn.sd-action--icon {
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
}
.st-navigation-btn.sd-action--icon:not(.sd-action--pressed):hover,
.st-navigation-btn.sd-action--icon:not(.sd-action--pressed):focus {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.st-navigation-btn.sd-action--icon svg use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-translation-machine {
  margin-right: auto;
}
.st-translation-machine-from {
  margin-right: auto;
}
.st-translation-machine-from__container {
  display: flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
}
.st-translation-machine-from__container--disabled {
  gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.st-translation-machine-from__btn {
  flex-direction: row-reverse;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-right: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  white-space: nowrap;
}
.st-translation-machine-from__btn .sd-action__icon {
  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: 0;
}
.st-translation-machine-from__btn.sd-action--pressed:not(.sd-action--active) {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.st-translation-machine-from__btn:disabled {
  padding-left: 0;
  padding-right: 0;
  opacity: 1;
}
.st-translation-machine-from__btn:disabled .sd-action__title,
.st-translation-machine-from__title {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
}
.st-body__footer {
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border-bottom: 1px solid var(--ctr-string-table-row-border-color, var(--sjs-border-light, var(--border-light, #eaeaea)));
}
.st-translation-dialog .st-strings-wrapper {
  border-radius: 4px;
  box-shadow: 0px 1px 2px 0px var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15));
  overflow: hidden;
}
.st-container-modern .sv-components-column--expandable {
  width: auto;
}
.st-body .sd-row--leave,
.st-body .sd-row--enter {
  animation: none;
}
.st-body .sd-element-wrapper--leave,
.st-body .sd-element-wrapper--enter {
  animation: none;
}
.st-body .sd-element__content--enter,
.st-body .sd-element__content--leave {
  animation: none;
}
.st-body .sd-paneldynamic__panel-wrapper--enter,
.st-body .sd-paneldynamic__panel-wrapper--leave {
  animation: none;
}
.st-body .sd-item--enter {
  animation: none;
}
.st-body .sd-item--leave {
  animation: none;
}
.st-body .sd-table__row--leave,
.st-body .sd-table__row--enter {
  animation: none;
}
/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/tabs/logic-ui.scss ***!
  \************************************************************************************************************************************************************************************/
.svc-tab-logic-edit {
  width: 100%;
  height: 100%;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-tab-logic-edit__content {
  height: calc(100% - 6 * var(--sjs-base-unit, var(--base-unit, 8px)));
  overflow-y: auto;
  overflow-x: hidden;
  padding-left: 16%;
  padding-right: 16%;
}
.svc-tab-logic-edit__content .sd-row {
  flex-wrap: wrap;
}
.svc-logic_trigger-editor .sd-row {
  margin-top: 0;
}
.svc-tab-logic-edit__content-actions .sv-action-bar {
  padding: 0;
  height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  width: 100%;
}
.svc-logic-paneldynamic div.svc-logic-operator {
  box-sizing: content-box;
  max-width: calc(40 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-logic-paneldynamic .svc-logic-operator {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  -webkit-appearance: none;
  appearance: none;
  border-radius: var(--ctr-expression-item-corner-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding: var(--ctr-expression-item-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-expression-item-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-expression-item-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-expression-item-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  border: none;
  outline: none;
  cursor: pointer;
}
.svc-logic-paneldynamic .svc-logic-operator option {
  background: var(--sjs-general-backcolor, var(--background, #fff));
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.svc-logic-operator:focus {
  outline: 1px dotted var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-logic-operator.svc-logic-operator {
  transition: background-color var(--sjs-creator-transition-duration, 150ms), color var(--sjs-creator-transition-duration, 150ms);
}
.svc-logic-operator.svc-logic-operator:hover,
.svc-logic-operator.svc-logic-operator:focus {
  color: var(--ctr-expression-item-text-color-parameter-hovered, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));
  outline: none;
  box-shadow: none;
}
.svc-logic-operator.svc-logic-operator--question {
  background-color: var(--ctr-expression-item-background-color-parameter, var(--sjs-special-blue-light, var(--blue-light, rgba(67, 127, 217, 0.1))));
  color: var(--ctr-expression-item-text-color-parameter-empty, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-logic-operator.svc-logic-operator--question:hover,
.svc-logic-operator.svc-logic-operator--question:focus {
  background-color: var(--ctr-expression-item-background-color-parameter-hovered, var(--sjs-special-blue, #437fd9));
  color: var(--ctr-expression-item-text-color-parameter-hovered, var(--sjs-general-backcolor, var(--background, #fff)));
}
.svc-logic-operator.svc-logic-operator--conjunction {
  background-color: var(--ctr-expression-item-background-color-conjunction, var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1))));
  color: var(--ctr-expression-item-text-color-conjunction-empty, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-logic-operator.svc-logic-operator--conjunction:hover,
.svc-logic-operator.svc-logic-operator--conjunction:focus {
  background-color: var(--ctr-expression-item-background-color-conjunction-hovered, var(--sjs-special-yellow, var(--yellow, #ff9814)));
  color: var(--ctr-expression-item-text-color-conjunction-hovered, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));
}
.svc-logic-operator.svc-logic-operator--operator {
  background-color: var(--ctr-expression-item-background-color-operator, var(--sjs-special-yellow-light, var(--yellow-light, rgba(255, 152, 20, 0.1))));
  color: var(--ctr-expression-item-text-color-operator-empty, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-logic-operator.svc-logic-operator--operator:hover,
.svc-logic-operator.svc-logic-operator--operator:focus {
  background-color: var(--ctr-expression-item-background-color-operator-hovered, var(--sjs-special-yellow, var(--yellow, #ff9814)));
  color: var(--ctr-expression-item-text-color-operator-hovered, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));
}
.svc-logic-operator.svc-logic-operator--action {
  background-color: var(--ctr-expression-item-background-color-action, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));
  color: var(--ctr-expression-item-text-color-action-empty, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-logic-operator.svc-logic-operator--action:hover,
.svc-logic-operator.svc-logic-operator--action:focus {
  background-color: var(--ctr-expression-item-background-color-action-hovered, var(--sjs-special-red, var(--red, #e60a3e)));
  color: var(--ctr-expression-item-text-color-action-hovered, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));
}
.svc-logic-operator--action.sl-paneldynamic__add-btn,
.svc-logic-operator--operator.sl-paneldynamic__add-btn {
  margin-top: var(--ctr-expression-rows-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-logic-operator--action.sl-paneldynamic__add-btn {
  color: var(--ctr-expression-item-text-color-action, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-logic-operator--operator.sl-paneldynamic__add-btn {
  color: var(--ctr-expression-item-text-color-operator, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-logic-question--answered .svc-logic-operator--question {
  color: var(--ctr-expression-item-text-color-parameter, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-logic-question--answered .svc-logic-operator--conjunction {
  color: var(--ctr-expression-item-text-color-conjunction, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-logic-question--answered .svc-logic-operator--operator {
  color: var(--ctr-expression-item-text-color-operator, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-logic-question--answered .svc-logic-operator--action {
  color: var(--ctr-expression-item-text-color-action, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-logic-operator.svc-logic-operator--error {
  background-color: var(--ctr-expression-item-background-color-parameter-error, var(--sjs-general-backcolor, var(--background, #fff)));
  color: var(--ctr-expression-item-text-color-parameter-error, var(--sjs-special-red, var(--red, #e60a3e)));
  box-shadow: inset 0 0 0 2px var(--ctr-expression-item-text-color-parameter-error, var(--sjs-special-red, var(--red, #e60a3e)));
}
.svc-logic-operator__error {
  display: none;
}
.svc-logic-paneldynamic .sd-paneldynamic__separator {
  display: none;
}
.svc-action-button--icon.svc-icon-remove {
  display: none;
  padding: var(--ctr-expression-item-padding-top, 8px) var(--ctr-expression-item-padding-right-icon-only, 8px) var(--ctr-expression-item-padding-bottom, 8px) var(--ctr-expression-item-padding-left-icon-only, 8px);
  border-radius: var(--ctr-expression-item-corner-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  background: none;
  justify-content: center;
  align-items: center;
  outline: none;
  border: none;
}
.svc-action-button--icon.svc-icon-remove .sv-svg-icon {
  width: var(--ctr-expression-item-icon-width, 24px);
  height: var(--ctr-expression-item-icon-height, 24px);
}
.svc-action-button--icon.svc-icon-remove use {
  fill: var(--ctr-expression-item-icon-color, var(--sjs-special-red, var(--red, #e60a3e)));
}
.svc-action-button--icon.svc-icon-remove:focus,
.svc-action-button--icon.svc-icon-remove:hover {
  background-color: var(--ctr-expression-item-background-color-remove-button-hovered, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));
}
.svc-action-button--icon.svc-icon-remove.svc-action-button--disabled {
  fill: var(--ctr-survey-action-button-icon-color-disabled, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
}
.sl-panel-wrapper--in-row:hover .svc-icon-remove,
.sl-panel-wrapper--in-row:focus-within .svc-icon-remove {
  display: flex;
}
.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {
  display: none;
}
.svc-logic-paneldynamic__button.svc-logic-paneldynamic__remove-btn {
  display: none;
}
.svc-logic-tab__content {
  --sjs-transition-duration: 0ms;
}
.svc-logic-tab__content.svc-logic-tab--empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%;
  gap: 0px;
}
.svc-logic-tab__content.svc-logic-tab--empty .svc-logic-tab__content-action {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-logic-tab__content .svc-logic-tab__content-action {
  margin-left: 25%;
  margin-right: 25%;
  margin-top: var(--ctr-surface-gap, calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  margin-bottom: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-logic-tab__content .svc-logic-tab__content-action--disabled {
  cursor: default;
  outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;
}
.svc-logic-tab__content .svc-logic-tab__content-action--disabled:focus,
.svc-logic-tab__content .svc-logic-tab__content-action--disabled:hover {
  background-color: var(--ctr-button-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  box-shadow: 0px 1px 2px 0px var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15));
}
.svc-logic-tab__content .svc-logic-tab__content-action--disabled .svc-btn__text {
  color: var(--ctr-button-text-color-disabled, var(--sjs-general-forecolor, var(--foreground, #161616)));
  opacity: var(--ctr-button-text-opacity-disabled, 0.25);
}
.svc-logic-tab__content .sd-paneldynamic__panel-wrapper--in-row {
  margin-top: 0;
  align-items: start;
}
.svc-logic-tab__content-empty .svc-btn__text {
  color: var(--ctr-surface-placeholder-text-description-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-logic-paneldynamic .sd-row--multiple {
  padding: 0;
  background: none;
  box-shadow: none;
  border-radius: 0;
  overflow: visible;
}
.svc-logic-paneldynamic .sd-question__content {
  margin-top: 0;
}
.svc-logic-paneldynamic .sd-row__panel {
  width: calc(100% - 5 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-logic-tab__content .svc-logic-paneldynamic .sd-row {
  margin-top: 0;
  flex-flow: row wrap;
}
.sl-table__cell.sd-table__cell-action--show-detail use {
  fill: var(--ctr-collapse-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.sl-table__cell--detail-panel {
  padding: 0;
}
.sl-table__cell--detail-panel .sd-body {
  margin: 0;
  min-width: none;
  max-width: none;
}
.sl-table__cell--detail-panel .sd-page.sd-body__page {
  padding: 0;
}
.sl-table__cell--detail-panel .sl-panel__footer {
  margin: 0;
}
.sl-dropdown {
  max-width: 45vw;
}
.sl-dropdown__value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.svc-logic-placeholder {
  width: calc(78 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  min-width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: 0px 1px 2px 0px var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15));
  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--overlay .svc-logic-placeholder {
  width: initial;
}
.svc-logic-placeholder__text.svc-logic-placeholder__text {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  text-align: center;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  display: block;
  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-logic-tab__leave-apply-button {
  background-color: var(--ctr-button-background-color-danger, var(--sjs-special-red, var(--red, #e60a3e)));
}
.svc-logic-question-value.sd-element--with-frame {
  box-shadow: var(--lbr-question-panel-shadow-offset-x, 0px) var(--lbr-question-panel-shadow-offset-y, 1px) var(--lbr-question-panel-shadow-blur, 2px) var(--lbr-question-panel-shadow-spread, 0px) var(--lbr-question-panel-shadow-color, rgba(0, 0, 0, 0.15));
}
/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/tabs/designer.scss ***!
  \************************************************************************************************************************************************************************************/
svc-tab-designer {
  width: 100%;
  height: 100%;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-tab-designer {
  display: flex;
  flex-grow: 1;
  height: 100%;
  flex-direction: column;
  position: static;
  background: var(--ctr-surface-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  width: 0;
}
.svc-tab-designer--with-placeholder .svc-designer-header {
  min-width: calc(84 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-content-wrapper {
  width: 100%;
  display: flex;
}
.svc-designer-header .svc-surface-header {
  background-color: transparent;
  padding-inline-start: var(--lbr-header-padding-left, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-end: var(--ctr-survey-header-padding-right-logo-placeholder, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-block-start: var(--lbr-header-padding-top, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-block-end: var(--lbr-page-header-padding-bottom, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-surface-header .sd-title .sv-string-editor[aria-placeholder]:empty:before {
  color: var(--ctr-survey-header-text-title-color-placeholder, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-surface-header .sd-description {
  color: var(--ctr-survey-header-text-description-color-placeholder, #909090);
}
.svc-tab-designer .svc-designer-header {
  border-bottom: 2px solid transparent;
  position: relative;
}
.svc-tab-designer .sd-title {
  display: flex;
}
.svc-tab-designer .sd-container-modern {
  width: 100%;
  box-sizing: border-box;
  margin-left: auto;
  margin-right: auto;
}
.svc-tab-designer .sd-container-modern.sd-container-modern--static {
  max-width: calc(84 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-tab-designer .sd-container-modern.sd-container-modern--responsive {
  max-width: initial;
}
.svc-tab-designer .sd-question.sd-question--image {
  width: 100%;
}
.svc-tab-designer .sd-progress,
.svc-tab-designer .sd-progress__bar {
  background-color: transparent;
}
.svc-tab-designer_content {
  padding-inline-start: var(--ctr-survey-page-margin-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-end: var(--ctr-survey-page-margin-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-tab-designer--with-placeholder .svc-tab-designer_content {
  display: flex;
  justify-content: center;
  flex-direction: column;
  min-height: 100%;
}
.svc-tab-designer--with-surface-tools .svc-tab-designer_content {
  padding-inline-start: var(--ctr-survey-page-margin-right-with-toolbar, calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-end: var(--ctr-survey-page-margin-left-with-toolbar, calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-creator--mobile .svc-tab-designer_content {
  padding: 0;
}
.svc-designer__placeholder-container {
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  width: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0px;
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  text-align: center;
  position: relative;
}
.svc-designer__placeholder-container .sd-page {
  display: none;
}
.svc-designer-placeholder-page .svc-page__footer {
  margin: auto;
}
.svc-designer-placeholder-page .svc-row--ghost {
  display: none;
}
.svc-designer-placeholder-page .svc-element__add-new-question {
  padding: var(--ctr-button-padding-vertical, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-button-padding-horizontal-contextual-button, calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-designer-placeholder-page .svc-element__add-new-question .svc-element__question-type-selector {
  padding: var(--ctr-button-contextual-button-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-button-contextual-button-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-button-contextual-button-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-button-contextual-button-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  margin: var(--ctr-button-contextual-button-margin-vertical, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-button-contextual-button-margin-horizontal, var(--sjs-base-unit, var(--base-unit, 8px)));
  border-radius: var(--ctr-button-contextual-button-corner-radius, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-designer-placeholder-page .svc-element__add-new-question .svc-element__question-type-selector-icon {
  width: var(--ctr-button-contextual-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-button-contextual-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-designer-placeholder-page .svc-element__add-new-question .svc-element__question-type-selector-icon .sv-svg-icon {
  width: var(--ctr-button-contextual-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-button-contextual-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-designer-placeholder-page .svc-element__add-new-question .svc-element__question-type-selector-icon use {
  fill: var(--ctr-button-contextual-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-designer-placeholder-page .svc-element__add-new-question .svc-add-new-item-button__text {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  color: var(--ctr-button-text-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  text-align: center;
}
.svc-tab-designer__tools {
  position: absolute;
  display: flex;
  top: 0;
  bottom: 0;
  right: 0;
  padding: var(--ctr-surface-toolbar-padding-top, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-surface-toolbar-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-surface-toolbar-padding-bottom, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-surface-toolbar-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  flex-direction: column;
  align-items: center;
}
.svc-creator__toolbox--right .svc-tab-designer__tools,
[dir=rtl] .svc-tab-designer__tools,
[style*="direction:rtl"] .svc-tab-designer__tools,
[style*="direction: rtl"] .svc-tab-designer__tools {
  right: unset;
  left: 0;
}
.svc-tab-designer__toolbar {
  display: flex;
  flex-direction: column;
}
.svc-tab-designer__surface-toolbar {
  gap: var(--ctr-surface-toolbar-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
  flex-direction: column;
}
.svc-tab-designer__surface-toolbar .sv-action-bar-separator {
  height: var(--ctr-separator-width, 1px);
  width: var(--ctr-page-navigator-button-icon-width, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding: 0px var(--ctr-separator-margin-vertical-small, var(--sjs-base-unit, var(--base-unit, 8px)));
  margin-bottom: var(--ctr-surface-toolbar-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
  margin-right: 0;
}
.svc-tab-designer__surface-toolbar .sv-action__content {
  flex-direction: column;
}
.sv-action-bar-separator {
  background: var(--ctr-separator-color, var(--sjs-border-default, var(--border, #d6d6d6)));
}
/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/responsivity.scss ***!
  \************************************************************************************************************************************************************************/
.svc-creator--mobile .sd-root-modern,
.svc-creator--mobile .sd-container-modern {
  --sd-base-padding: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sd-base-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --sd-page-vertical-padding: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-creator--mobile .svc-question__content:not(.svc-question__content--composite-question) .sd-question__content {
  margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-right: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__content:not(.svc-question__content--composite-question) .sd-question__content .sd-selectbase__column {
  max-width: initial;
  display: block;
  margin-left: 0;
}
.svc-creator--mobile .svc-question__content:not(.svc-question__content--composite-question) > .svc-question__dropdown-choices--wrapper {
  width: calc(100% + 6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: 0 calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__content:not(.svc-question__content--composite-question) > .svc-question__dropdown-choices--wrapper > div {
  width: calc(100% - 6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: 0 calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__drag-area {
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__content--selected .svc-rating-question-controls {
  bottom: calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-page {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-creator--mobile .svc-page__content {
  padding-left: 0;
  padding-right: 0;
  border: 0;
}
.svc-creator--mobile .svc-page__content .sd-page__title {
  margin: 0;
}
.svc-creator--mobile .svc-page__content.svc-page__content--selected .sd-page__title {
  margin: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 0 0;
}
.svc-creator--mobile .svc-page__footer {
  margin-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-designer-placeholder-page .svc-page__footer {
  margin-top: 0;
}
.svc-creator--mobile .svc-tab-designer {
  justify-content: initial;
}
.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title {
  padding: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  flex-direction: column-reverse;
  align-items: flex-start;
}
.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title .svc-logo-image {
  margin-top: 0;
}
.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title .svc-logo-image-placeholder {
  margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-top: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title h3 {
  --thm-medium-bold-font-size: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --thm-medium-bold-line-height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-medium-size, var(--thm-medium-bold-font-size, 24px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-medium-line-height, var(--thm-medium-bold-line-height, 32px));
  font-weight: 700;
  margin: 0;
}
.svc-creator--mobile .svc-tab-designer .sd-title.sd-container-modern__title h5 {
  margin: 0;
}
.svc-creator--mobile .svc-tab-designer .sd-container-modern {
  padding: 0;
}
.svc-creator--mobile .svc-properties-wrapper {
  width: 100%;
}
.svc-creator--mobile .svc-question__content-actions {
  width: calc(100% + 3 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-creator--mobile .svc-question__content-actions .svc-survey-element-toolbar__item {
  border: 0;
}
.svc-creator--mobile .svc-page__content-actions .svc-page-toolbar {
  padding-right: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-creator--mobile .svc-page__content-actions .svc-page-toolbar .sv-action .sv-action__content {
  padding-right: 0;
}
.svc-creator--mobile .svc-page-toolbar-item__title--with-icon {
  display: none;
}
/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/switcher/switcher.scss ***!
  \****************************************************************************************************************************************************************************************/
.svc-switcher.spg-action-button {
  align-items: center;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  pointer-events: auto;
}
.svc-switcher__title {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  font-weight: 600;
  color: var(--ctr-property-grid-switcher-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-switcher__icon {
  width: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  transition-duration: 0.2s;
  transition-property: background;
  transition-timing-function: linear;
}
.svc-switcher__icon:hover {
  background: var(--sjs-general-backcolor, var(--background, #fff));
}
.svc-switcher__icon:focus {
  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-switcher__icon:hover:focus {
  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background: var(--sjs-general-backcolor, var(--background, #fff));
}
.svc-switcher__icon--checked,
.svc-switcher__icon--checked:hover {
  justify-content: center;
  align-items: center;
  border: unset;
  border-radius: 100px;
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-switcher__icon--checked:focus {
  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
}
.svc-switcher__icon-thumb {
  width: var(--sjs-base-unit, var(--base-unit, 8px));
  height: var(--sjs-base-unit, var(--base-unit, 8px));
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background-color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
  transform: translateX(0);
  margin-left: 0%;
  transition-duration: 0.2s;
  transition-property:
    margin-left,
    transform,
    background-color;
  transition-timing-function: linear;
}
.svc-switcher__icon--checked .svc-switcher__icon-thumb {
  background-color: var(--sjs-primary-forecolor, var(--primary-foreground, #fff));
  margin-left: 100%;
  transform: translateX(-100%);
}
.svc-switcher__icon:focus .svc-switcher__icon-thumb,
.svc-switcher__icon:hover:focus .svc-switcher__icon-thumb,
.svc-switcher__icon--checked:focus .svc-switcher__icon-thumb {
  background-color: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
/*!******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/creator.scss ***!
  \******************************************************************************************************************************************************************************/
.svc-notifier.svc-notifier--shown {
  visibility: visible;
  opacity: var(--ctr-notification-opacity, 0.75);
}
.svc-notifier {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  font-weight: 600;
  position: absolute;
  bottom: var(--sjs-base-unit, var(--base-unit, 8px));
  left: var(--sjs-base-unit, var(--base-unit, 8px));
  background: var(--ctr-notification-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  opacity: 0;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-shadow: 0px 2px 6px 0px var(--ctr-shadow-medium-color, rgba(0, 0, 0, 0.1));
  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--ctr-notification-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  min-width: calc(30 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  text-align: center;
  z-index: 1600;
  visibility: hidden;
}
.svc-notifier.svc-notifier--error {
  background-color: var(--ctr-notification-background-color-error, var(--sjs-special-red, var(--red, #e60a3e)));
  color: var(--ctr-notification-text-color-error, var(--sjs-special-red-forecolor, #ffffff));
  opacity: var(--ctr-notification-opacity-error, 1);
}
.svc-creator--mobile .svc-notifier {
  left: 0;
  bottom: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
  box-sizing: border-box;
  opacity: 1;
  z-index: 1000;
}
.svc-creator-popup.sv-popup--modal {
  background-color: var(--ctr-popup-haze-background-color, var(--background-semitransparent, rgba(144, 144, 144, 0.5)));
}
.svc-creator-popup.sv-popup--modal > .sv-popup__container {
  background-color: var(--ctr-popup-background-color, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)));
  border-radius: var(--ctr-popup-corner-radius, var(--sjs-corner-radius, 4px));
  box-shadow:
    var(--ctr-popup-shadow-1-offset-x, 0px) var(--ctr-popup-shadow-1-offset-y, 2px) var(--ctr-popup-shadow-1-blur, 8px) var(--ctr-popup-shadow-1-spread, 0px) var(--ctr-popup-shadow-1-color, rgba(0, 76, 68, 0.1)),
    var(--ctr-popup-shadow-2-offset-x, 0px) var(--ctr-popup-shadow-2-offset-y, 16px) var(--ctr-popup-shadow-2-blur, 32px) var(--ctr-popup-shadow-2-spread, 0px) var(--ctr-popup-shadow-2-color, rgba(0, 76, 68, 0.1)),
    var(--ctr-popup-shadow-3-offset-x, 0px) var(--ctr-popup-shadow-3-offset-y, 32px) var(--ctr-popup-shadow-3-blur, 64px) var(--ctr-popup-shadow-3-spread, 0px) var(--ctr-popup-shadow-3-color, rgba(0, 76, 68, 0.1));
}
.svc-creator-popup.sv-popup--modal > .sv-popup__container .sv-footer-action-bar {
  gap: var(--ctr-popup-buttons-gap, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-creator-popup.sv-popup--modal > .sv-popup__container > .sv-popup__body-content {
  background-color: var(--ctr-popup-background-color, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9)));
  border-radius: var(--ctr-popup-corner-radius, var(--sjs-corner-radius, 4px));
  padding: var(--ctr-popup-padding-top, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-popup-padding-right, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-popup-padding-bottom, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-popup-padding-left, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  gap: var(--ctr-popup-gap, 32px);
  box-shadow: unset;
}
.svc-creator-popup.sv-popup--dropdown-overlay .sv-popup__scrolling-content {
  height: auto;
}
.svc-creator-popup.sv-popup--overlay.sv-popup--tablet {
  background-color: var(--ctr-popup-haze-background-color, var(--background-semitransparent, rgba(144, 144, 144, 0.5)));
}
.svc-creator-popup.sv-popup--overlay {
  background-color: var(--ctr-popup-haze-background-color, var(--background-semitransparent, rgba(144, 144, 144, 0.5)));
}
.svc-creator-popup.sv-popup--overlay:not(.sv-popup--dropdown-overlay) .sv-popup__body-content {
  background-color: var(--ctr-popup-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-creator-popup.sv-popup--overlay:not(.sv-popup--dropdown-overlay) .sv-popup__button.sv-popup__button {
  background-color: var(--ctr-button-background-color-cta, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  border: 2px solid var(--ctr-button-background-color-cta, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  color: var(--ctr-button-text-color-cta, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));
}
.svc-creator-popup .sv-popup__pointer:after {
  content: " ";
  border-bottom: var(--sjs-base-unit, var(--base-unit, 8px)) solid var(--ctr-popup-menu-pointer-color, var(--sjs-general-backcolor, var(--background, #fff)));
}
.svc-creator-popup .sv-popup__container {
  background-color: transparent;
  border-radius: var(--ctr-popup-menu-corner-radius, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-shadow: var(--ctr-popup-menu-shadow-1-offset-x, 0px) var(--ctr-popup-menu-shadow-1-offset-y, 2px) var(--ctr-popup-menu-shadow-1-blur, 6px) var(--ctr-popup-menu-shadow-1-spread, 0px) var(--ctr-popup-menu-shadow-1-color, rgba(0, 0, 0, 0.1)), var(--ctr-popup-menu-shadow-2-offset-x, 0px) var(--ctr-popup-menu-shadow-2-offset-y, 8px) var(--ctr-popup-menu-shadow-2-blur, 16px) var(--ctr-popup-menu-shadow-2-spread, 0px) var(--ctr-popup-menu-shadow-2-color, rgba(0, 0, 0, 0.1));
}
.svc-creator-popup .sv-popup__body-header {
  --thm-medium-bold-font-size: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --thm-medium-bold-line-height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-medium-size, var(--thm-medium-bold-font-size, 24px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-medium-line-height, var(--thm-medium-bold-line-height, 32px));
  font-weight: 700;
  color: var(--ctr-popup-title-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-creator-popup.sv-popup--dropdown-overlay.sv-popup--tablet .sv-popup__body-content,
.svc-creator-popup .sv-popup__body-content {
  border-radius: var(--ctr-popup-menu-corner-radius, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-creator-popup.svc-property-editor.sv-popup--overlay:not(.sv-popup--dropdown-overlay) .sv-popup__body-content {
  background-color: var(--ctr-popup-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  border-radius: calc(4 * (var(--ctr-popup-menu-corner-radius, 4px))) calc(4 * (var(--ctr-popup-menu-corner-radius, 4px))) 0px 0px;
}
.svc-creator-popup.sv-popup--dropdown .sv-popup__body-content,
.svc-creator-popup.sv-popup--dropdown-overlay .sv-popup__body-content {
  background-color: var(--ctr-popup-menu-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  padding: 0;
}
.svc-creator-popup.sv-popup--dropdown.svc-toolbox-subtypes .sv-popup__body-content {
  background: unset;
}
.svc-creator-popup.sv-popup--dropdown-overlay .sv-popup__button.sv-popup__button {
  color: var(--ctr-actionbar-button-text-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  border-radius: var(--ctr-actionbar-button-corner-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding: var(--ctr-actionbar-button-padding-top-medium-text, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-actionbar-button-padding-right-medium-text, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-actionbar-button-padding-bottom-medium-text, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-actionbar-button-padding-left-medium-text, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-creator-popup.sv-popup--dropdown-overlay .sv-popup__body-footer {
  background-color: var(--ctr-popup-menu-footer-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  border-top: 1px solid var(--ctr-popup-menu-footer-border-color, var(--sjs-border-light, var(--border-light, #eaeaea)));
  padding: var(--ctr-popup-menu-footer-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-popup-menu-footer-padding-right, 0) var(--ctr-popup-menu-footer-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-popup-menu-footer-padding-left, 0);
}
.svc-creator-popup.sv-popup--dropdown-overlay .sv-popup__button:disabled {
  color: var(--ctr-actionbar-button-text-color-disabled, var(--sjs-general-forecolor, var(--foreground, #161616)));
  opacity: var(--ctr-actionbar-button-opacity-disabled, 0.25);
}
.svc-creator-popup.sv-dropdown-popup.sv-popup--dropdown-overlay .sv-popup__body-footer {
  background-color: var(--ctr-contextual-menu-footer-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-creator-popup .sv-popup__content {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  color: var(--ctr-popup-message-color, #404040);
}
.svc-creator-popup.sv-popup--modal .sd-btn.sv-popup__button {
  border-radius: var(--ctr-button-corner-radius-small, var(--sjs-corner-radius, 4px));
  padding: var(--ctr-button-padding-vertical-small, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-button-padding-horizontal-small, calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-button-padding-vertical-small, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-button-padding-horizontal-small, calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  display: flex;
  flex-direction: row;
  gap: var(--ctr-button-gap, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  box-shadow: var(--ctr-button-shadow-offset-x, 0px) var(--ctr-button-shadow-offset-y, 1px) var(--ctr-button-shadow-blur, 2px) var(--ctr-button-shadow-spread, 0px) var(--ctr-button-shadow-color, rgba(0, 0, 0, 0.15));
}
.svc-creator-popup.sv-popup--modal .sd-btn.sv-popup__button span {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  text-align: center;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.svc-creator-popup.sv-popup--modal .sv-popup__button {
  background: var(--ctr-button-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  color: var(--ctr-button-text-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-creator-popup.sv-popup--modal .sv-popup__button:hover {
  background: var(--ctr-button-background-color-hovered, var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))));
}
.svc-creator-popup.sv-popup--modal .sv-popup__button--apply {
  background: var(--ctr-button-background-color-cta, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  color: var(--ctr-button-text-color-cta, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));
}
.svc-creator-popup.sv-popup--modal .sv-popup__button--apply:hover {
  background: var(--ctr-button-background-color-cta-hovered, var(--sjs-primary-backcolor-dark, rgb(20, 164, 139)));
}
.svc-creator-popup.sv-popup--modal .sd-btn--danger {
  background: var(--ctr-button-background-color-danger, var(--sjs-special-red, var(--red, #e60a3e)));
  color: var(--ctr-button-text-color-danger, var(--sjs-special-red-forecolor, #ffffff));
}
.svc-creator-popup.sv-popup--modal .sd-btn--danger:hover {
  background: var(--ctr-button-background-color-danger-hovered, var(--sjs-special-red, var(--red, #e60a3e)));
}
.svc-surface-placeholder {
  display: flex;
  width: 100%;
  max-width: var(--ctr-surface-placeholder-max-width, 720px);
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 0px;
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
}
.svc-creator--mobile .svc-surface-placeholder {
  padding: var(--ctr-surface-placeholder-padding-top, 0px) var(--ctr-surface-placeholder-padding-right, 48px) var(--ctr-surface-placeholder-padding-bottom, 0px) var(--ctr-surface-placeholder-padding-left, 48px);
}
.svc-creator--mobile .svc-surface-placeholder__text {
  padding: var(--ctr-surface-placeholder-text-margin-top, 32px) var(--ctr-surface-placeholder-text-margin-right, 32px) var(--ctr-surface-placeholder-text-margin-bottom, 24px) var(--ctr-surface-placeholder-text-margin-left, 32px);
}
.svc-surface-placeholder__image {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  padding: 135px 170px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
}
.svc-surface-placeholder__image--designer {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAIcCAMAAAANPawNAAAAOVBMVEUAAADd3d2ysrL///8CAgIkJCSEhIRMTExgYGCXl5c5OTnNzc0AAABycnIAAAC9vb0AAAAAAAAAAADZ/JlXAAAAE3RSTlMAJiYmJiYmJiYmJiYfJgkmFBoPkPPD4wAALDRJREFUeNrsnNtymzAURUECZMA2Sf7/Y2tXrndjbA4wFomGtR46vU37snK8tY+UAgAAAAAAAAAAAADgd3L+rD7PxQw+quNXAbAt0u/KR2HxdawuHM8FwPZ8VRFrWJ6P1Y3PAmBDpF/d1Naw/KyunEJ1hc9/2JRz1K8py/KkYfly7IahLF3N5z9siMLpoS+v9EFR9fnYdeVfmqg0qkJ6dDbqXPkP1ymqPh+7kf5wUxogLZqSbfk/rT7Xn4xdMRBVYQN0Niof6BVVH8LpAy1RFdKiKRk0JcfDcjR2BVEVNuGscDpG5/pROI0QVWELon6akq+H5VHh9AXD9fTFVhUiScKp9JsYluOxS1SF1IzPRuZMrdrS5MRWFd6MinsDV0dPXTmDPhBVIcm+1KC/Jk+JauOIqpBgX2oQ42nX199EJapCchROu8FUroqdgPcSdQY9URXeuS81GOrYCXg/S1S2qrBhOBXRtVD6FaJyARA2CKcqmurBRwxR2apCkeoynx1Oq9ZHDFHZqsKPhNO+UzhdIaoYOqIqKHR+rbrMZ4dTQ9Smqge7qkJViJrqzDL7Mp8dLWvnhUQddQJhZlQtYN9E/XRmMS7zzd2XNt4boobqxslKu4gKt+I+nlnsy3xz96WH0r8SVZ2AaM0qtjoWsF/uZyPV6+/Zl3oxFlVj9/Lj7SfDpPc1ou4ZFfej9fq6y3ytwumEqOoErl6HIf4iTFSxTYOoO0ZTcqJe19hdFU7HoqoT6L2/ino/1zcvwunJOUTdLyruJ+p1jd0F4dQQVZ3ATVRNTvcknAbnEHW/qLg3Hi0t25d2g/fTomrsSlR9jXT6f0L8jdYh6o55Vdwrqq69zDctaq+xK1Ej7vZH36rYxjlE3S8q7iceLa26zGeIGtQJjERVVL2P3YNziLpfVNwbj5YW70tNURVOx6LqtnR9D6eIul+s4l4fw0sv81konL4QVV8jMZwi6o750Cv8Sbpq0b609Ta1wukLUfUP1ifnEHW/LCru7esiKu79DFp1Ai9E1XLLOUTdL8uKe7s7VXG/AFvUi5Q1ou6XpcV9Z/1dFfeICm9gZXEfpkVVcY+o8IOv8KdFVXGPqPCDr/AlqnGZD1HhbSwu7iWqcZkPUeEHX+FPizrcwymiwuav8FXcT4vah3/hFFFh83Cq4t4QVZf5EBXexnnmvvSg4n5SVHUCiApvj6ftqlf4EnXcCSAqJJioVT0sLu4l6rgTQFRIIuqFYBf3hqjNvRNAVEggauduH9hGcT8tqjoBRIUiiaj3YdguLO4lqsYuokIkhah64WkU92NRH8cuokIkhagXxt+MpNfZaELUx04AUUEkEFUvPOcU9xL1sRNAVBApRNUu39nFvUR9DKeICiKNqIqqTsW9IeoonCIqiDSi6hX0zOI+PBm7iAoiiaiKqnOL+/Bk7CIqiFSi6vN/1pRsnoxdRAWRQlQxXET1s3CrwimiwvtE/TUgKiAq5AKiQhYgKmQBokIWICpkAaJCFiAqZAGiQhYgKmQBokIWICpkAaJCFiAqZAGiQhYgKmQBokIWICpkAaJCFiDqH/bObcdRGAiig40hxgEC//+xOzuGtEIUbEvEt67zsi8rrRSdbApX4wZFAFFBEUBUUAQQFRQBRAVFAFFBEUBUUAQQFRQBRAVFAFFBEUBUUAQQFRTBClFBAaztL/0MUUHOTPfWMhqICrJlaZ8oDVFBnjzsjh6zLzIVEBXkx3Tf7aTV0Aaigrywmip9WLY/QlSQE8vxCYo29kNUkAtreziTsvTbNmmICnJg+9UXzRGKqhAVpGZaaCf/O3qLqhAVpOVBj/fv0MZ+iApSsj5T6Ak9RAUpoSMpBxqigmRQOHXR25gqswGicuIQTh0ZVc0yHyAqH1bqSz1+9VstcwKicsE3nBqV268+ROXE1pd6htO+kZkBUVnwHOY7g7p+IbMDojJg8gmnND3VyQyBqNVjj6RU15xCJX92v/oQlQUPGuY7ZZvwNzJPIGrdLDTMd4pOFU4b0Ug3ELVy7JFUxuG0+//PQlT22Kcok2s4FcrzP3KIWjlLax1096XDLGNjhnanbyAqa5Z2QzvCqZax2Z7eRrP9Kc+AqJXzK2o3tp+D6pysL9X0lDfbNkxDVL78F7UxVoTB5NOXCvXy5dHKMa0FUSvnT1R6YT+TYb6mf5uK7c6/MhC1cpZdh04do6pQqYb5RpqKJfaoClFZsolKIqj55UhqbGRstPrwypYY7GMdRGWIFdUy74mUwqmRsZmHk6nYzWEDUdlhRT2+sJ9qmI/C6SfGD9UDRK0cKyphFU3Wl7pf2TJW5R6i8oJEpWeWtH3pILzmDmb5AkStHBL15YxfGRkbcxJOD98kiMoPEpUYojdR1Jc251A2MfIFiFo5mYjaeb6yJVQLUVmShahe4ZTOzwahICo3MhDV9J6vbG2NrhYQlR/JRW1Gr1e26IxXCIjKkMSi0jCfAzHYvygERGVJWlHnl2E+5ym/EgKiMiWhqNSXuniGU4jKlmSi0jCffziFqHy5/xqQQlQa5nMwP8MpROULXYgaWdQ5rC9VWkBUvkz3duNmIooa3pd2QkBUvizWUWVdiChqFxZOb0JAVL7Qhai03jSGqOF9qYCofJnuZAutN40gqgkOpxCVL9NysGVW9Gv8TVGbm2df2j2PpCAqXxay5bjopPuqqJ1vX6r2IymIypf1gy10sc+XRBVhfekgBETlC203f6ffFP6CqNSX+g/zQVS+nC2QpKjaXi9qE96XQlS+uBdI6u+IGj7MB1H5QtvNz7hdL+qsQo+kHIx4Z6pefBdIWqs6eRHhw3ydcGCPrhr5B0StDAqnkRdIjqF9qQNt04GWELVCUm03Dx/mc3HD3VP14r3d/OoLUc1wdTjFbX714g6nX7oQNXyYz4FWuB+1XqgvjRtO/S8/8Q2n/X7HIEStj1TbzcOH+VzccId/vSTabk7h9JK+lI6kBmxFqZFE280vG+YjtPUee6aqhI6kom43v74vFT0299XLmmK7+YXDfMSIXaj14t2XXhxO/ftS/3Ba1Hbp6TH9gMBhvujhNPzyE/++tAhR/z74Bap+pS8d4velIrgvLUPUR2t5/IDwYb5o283ny/vS51NeEaKuNm61v9zXH3BpOB3lNVA4vbQvdYfTbER9fvDaqorff5++tInfl/qG0+C+tAxR9w+eItXyA3Id5hOew3yDfzgtQ9RDUW16RNULhvlE0cN8/9g7uy2pQSAI75BfwJjR939YddikNBsCON0Jga5zvNSzO35ADV10ZwjqTqFaGbGq5Yf5UC8NKgNQ9wvVYlXfDPONNNPN+cJ8qJfeA9Sn74O3YlX99dIKwnweJYLK/8Hjl5bzf3PqXxbm60nDfO5b3i1ADX7wSs7/DOqlCPOdXS+FLgX1Gz74wzNMQjBFhvkezU1AfR37nQ3uD3L8Xxnmm/nCfHcB9Xv7ko65Oa788K8xzLfR9aC23Xx4cyygRptTR9WQfZivb5qbgdotH63XoAqo+Yf50puf3A/U5SZlOoo1dDWDutRLqwvzZQbqum1q781xzaCeHeZjrJe+aU6vB3VdkvPuMq0a1JrDfPmBCpOzs0xrBjWx+QmdOU2vl/Kb0yxAXVdmv4k11Azqsy0lzIfmJ/cHFTNlsExV1aA+QcuhLH+9lD/MF1Y+oK4LdFmmlYP6A8f+oWaKY583zOdsXTGgrsVid3NcO6jPNvKL1EgFApqfUJvTN79IZQfqYlUHpQRUB+qpV1N2YAnztZMyjv9yQH05Lq0E1Beo43Dmy/0HU710wN9JvezPGNSHgApQx4c1vOVT/jBfN/+zC48PAbUwvUBFWJ81LZ0+ySwyzNfqL75WC6hlyYGKezuOiB/fJLPdBIeKq6IKqLfSC1SngTk0zWROjfXcvQ4PAbUcOVCxWdI+Q+EP83XqwDpMAmoxAqjYLKm69LM2PwmY6iU9KKAWIoD6jz2kKP2zh/naMcJBqGaVgHpjAVRslilhKv+eyj7JzNion1BALUIAdcvLZGMOaa9PZQzzxW765nagtqMNgzpU+WYKoO6UoMKHtAdU1jBf0hPEtrsNqB/4xQ5AnSp93AdQ977XK7//C4DKOsmsHWKuYp1M09wFVHT08YLaV9vTxwMqqqpHh3QI1J63Xhq+iu1vBSr6f3hA1abeLmk+UGFV/Ye0B1TmSWatjuf+bqDi0foeqGPNfScBqveRlPbcIHlA5W1+0k7xbveOoKKPL0Bdl2nNQ6cA6p4QAPxygxQAlSvMl3AVe09Q0Rl9BbVuc3oEKmRRVf1ygwRQ+cN8Y5o5HZW6L6h4F7yCqk310yYA6mEEpe3/TdwDVIIwn6YypxiScm9Q0WnhBWrd5jQSVJjICYe0B1SOSWYwp2M89/cHde1d8+cXr/3UjwIVVhWHtAdUluYnCPPFc18CqK9uYE4yuAegRqalO6WCoHZR2+lsqOulK/elgPr6v5GpvfGgYr/qVQSoKBQwhPnCOYGSQP19VVX3lVQaqGhAoWJAXWzCRB/mC7+rLgzU36hWWdc/C9ThkxuS5icm4SqWFtQhA1A/PgRTPlB7FApOC/MNSpUJqogRVO/zKzsxhPkc9wJq2WICFYUC1nrpyr2AWrq4QAVFij3Mp5SAWrwYQUWnAJYwH95VC6gViBNUdAC0jGE+AbUKsYKK51eJ5jShXiqg1iFOUPH8iinMF+ZeQC1FbKBC1tCF+dKvYgcBtQgxggoZbKfBein1kJSHgFqEMgF1aX6S05AUATUn5QEq6qWkQ1KmphFQC1EOoKJeSmdOXX9UAbUYXQ8q6qWEQ1LcTCwBtRxdDirMKem7at00AmpJOg1UyjBf2Jw+GgG1LF0IKuqlxENSBts0AmphugxUmFPSISluCoaAWpyuA3Ugr5dirhAVqEZAzUUcoLa9B1T6MB80ssxpH6yAmofIQe3xsG8DKn2YD5rIhqDi13CaBNQsRA0qGqT5QdWGul5KZk7R2hXSAmoGIgZ1Oz8aoPLVS/VAbE6t+weHdUOfcwO1wjfUhKB6+6QBVDQ/0ZnVS7+ss87+bZGzAvVZY/MUFlDRFh2g8ob55oZK24kwnz9xnw2o379V2Y6KCVQMmgCoCPMRD0npdEMlDC740iFeZQGqa0dV4cwJNlAxuseBylgvbUgEyzLsb+/GXg/q0/3Gur6WqXygYhiaA5Wo+Qk0MZnT2bt0RgJQiab79LX1+WMEFeMlu99/YuulJ4f5IO0vQcCqGgJQaeal2bEuq8oLKi7Osw3zfWrpQBBaQdeACnPa/73N19SLmhNUWNXYSWaX1UthTsPTVXlBDQ9Kg2qyqoyg4kylrpe2xPVSmNNj9VeB+tPXxnOqZl4KO6hLr1S6ISnU9VKdVoIYTgYVE1L2t/lKrCovqJjgl22YbzbY75OfbPGDiplTfr9UxfnPC6rDzyiCISm85jThW97JoP7YXen1WdUz7lHzDfPBnCZ/y+MHFZwaFbXbf5Qs/srUgzjMpxsawZzGP9m6CNS2D/2AAuq7tX6bVfOTgDlNfrLFD+pzubw9TkYIqG+lp4zKN8xH1k+AH1T8pL6VLqAmgbo1p312zU+SzSmebF0H6rgkDY6SEVpATQQV5jTfemmqOdXqUlDXw137V7qAmgzq5yE9Zxvmm7FBkXzL4wcVRM6elS6gJoNqnPfPN8yHcCnRky1zAqioi+2tdAH1P0DtcOzThflUQyXE9Sm/5fGDipUzbe/MBNQ3pkt3Otac8tdL6c0p1G+KQrz/P/362eLOTEB9cwy6UdmF+Wy0OU1bSFyJUPz/bB/FIBkhoP5i7wx0IwSBIJraQ6VX6/X/f7axBiehaiHuyi7sfEGvPuMAw+yV7qkwLUpUmA/mlG6Vxx9cwvPBfhnGIRmo10Dd7JSg8pP+wbLKi28t8T8f78KbbqBeBhV2Kvonlyo/6XCz8FyTFHN68nzG9U03UGlqJ0dY1WglLdecejnm9OT5LFB2BipZP2rA41mk/ITTnI7HF0AM1CA9oG47f/1tk8ygbHOKF0mGOTVQbwQVVrVAmC/LnOJFkmJODdSbq9FX8sqE+WBOCa9snW9JGahB2kB9m92jTJgP5jT1ypYkc2qg3gUq5HNW0pLNacJX30ANUggq+lH5J5nxmVPvUhp0DNSgOkElm2QWt5unhvlEnJcaqMJBJQ7zwZzShflKtTy+8DNOQZ0MVHJQ+cN8qeZU2nnp0eW+6T9QvbPLfbyg4ryU3JwqPC/dE3qnDkH1QwNV6QVA5Sw/QYGkqjBfVpNfDOrYRKNfAVD5wnxoN1cW5svoRo1BnVoonioMqh94zKlXF+ZLbpuOQfXNtE4XAJXHnKLdvBJzut/fH0CVYUtOpAHUaQ9U5jAfzKnGMF/ORBSAOgqwJcdSACrS0hGojGE+mFOyMJ+Ir/7fGVPPX1DF2JIjiQe1g/OPQGUL82H0jvLz0iSr6vrl1wqyJfsSDyp6USNQucpPYE7pwnxSvd9iVVcJ/QMh+aCGcifnd0DFeen95nQexIb5cr//LZlTPlDR3T9HoGIlLdicSvd+3w9x7nlXKkDFNJQI1IF4S8o7KnOqZ2Py67Mpc8oKKr7IPUClLj9Bu7n6MF+mXm199TlBxRrHdQFU2jAfzGkFYT5TOVCxazTMC6jEYT6Y0xrCfKZioCIkssoxmdMaz0tNd4OKOyE85nSsJ8xnKggqgsyk56UYvZMY5nMqwnymQqBCPaU5xTXo1DCftPITk1RQ398+3LWvvpnT5kUBKr/yO3pmnWE+UxWgbtegVZefmGoHNZjTusN8JuWghmvQ9Yf5TIpBDea0jTCfSSmomzltJsxn0ghqMKeaJpmZmgM12Zx2zs5Lq5V4UDdzWlX5iakyUDdzamG+xiUb1GBO7by0ef2wd25LygIxENYp5gjD6f0f9i/4TYwsrrBXCXbf7kqh9ZE0TDPRDCqZU4T5IMWgtg/67jYnmUHfASqbU4T5IMWgkjm1O8kM+gJQ2ZwanmQGXR5UHr2DMB+kF9Q77VKBMB+kGNR81Jw6hPm+SrpAdbSBJDY/gfSCyhtIYr0U0gsqj95BmA9SDCrtbo71UkgxqLS7OcJ8kGJQ2ZxebZIZdClQyZxaC/P1/ThOU9c1i7qum6Zx7nFt/Nf1QCVzamqSWT9PXfNG3TSD1tvVQGVzameSWT9PzUcB1kuByubUzHppP4pKWmIN2blhaNthcC6HGr2orHjgcBVQyZya2fxkZkpjze2b0p9r+c5RUK+6Dqi0gaSZMN9IhbS6j356gRVZmCuASqN3zIT55gelob0f0lA9UDUPKo/esTLJ7DGFNA33E3LxK4fsrboGqGROzUwym2gE+UZDDjXFVamGPPxsB1jHtQsqmVMzYb6+o3mZQo5v8aV8DG6DKoqqTVBp9I6dMN9ME4hZbSjNL4q5/dEVQKotUPk1aDvrpeP2RcMcRQUtMaVUa0opFi9YlXW1Im1oDVR6DdpQmG/cnHAmHEsKbqscUqE/Z/EZkGoKVDKnlsJ888JpK/o4W9G3CvGB6hPvwaP7mwGVNpA0FebryafIm/gSPp7Z47uCVHOgGjSnizqqp0xbU7I7oFz46/IP2N0g7aCSOTU2yWwxqAO3/U2dP1Lv/fPTsKn6QaU9esysl4rGH144Te6EovS3a0u5QYpBJXNqJ8wnFqQ8X0Oezuy4avNyACxRaQaVzamZMN9T8hFFJE7Pklr5MoRLVQwqmVOLk8x6UQ8d3d+dUxImt8WNv1pQ2ZyanGQmf5xI19BJeXkM9H6doJ43pyoeSclnU1lUw+z+oCqqcsAWrRpBZXNqJsy3lWjbbrEvf5I4SIZJVQgqmVMzYb5dUFsqhnsnuIZRS/GrSlkjqXu93xHteEClDlQyp3bCfL+DmjeghlR8sysfUwaoNxug8ugdW+ulO6BKxvhcUmk+qFSGVdIOUFWByubUUJhvV7Il0NWUk3+pnjWEvCqElIr8WyK/4jlsA1A1gUrm9PAjKQVhvn3JppDWEw1F1Mxh94cS9TZm5+QT/wJQ9YDK5vQCk8wa0baHBU5/8MV+V+k/vThEiwCVGlB59M4lJpm9XHGVWnodTrzWL4+QAOo/9s52TUoYhsLap99QBrj/i9VFQobaQiMZKdrzw0dX3R3gpU1z0rQSULejdx5WzHcEKlY/KdgLVSrndy/tSzZQ6wAVjt55WjFfVntfrYOXsERYZ7390TdQqwAVjt55XjFfVlHn1lcUfRcliDsMHRqoFYC6NZD8l04yk78kdiWpUukSTLX8ksc4QDZQ7wd1O3rnicV8h6AuvOFl2bL11MvKRWHPaStIvRVU7G7+zGK+Y2fK7rdLvzBDdZ6b6iJOW1HKnaBid/N/7iSz5ZrtF3JR6II5/273Hr5n+/0rShkH0UC9EdQtOH26X5oGdf04LhG+YFOfRfsiFdPFubggGqg3gmrW4PRJzU+IoAoPdj3KGXkgI35PcmjRQL0P1FXuUc1PyKC65CV2Ot120qUcOOVEA/VuUMPDi/lOQRU+f5Nebm3ka23q+Am3hTsN1JtBNYzFfKKClFQEKu57oqvTCuaRBuqtoPKkpFCmluAUQQXAJJnSLYzVQjRQbwdVMPilIFfHWj8GFdIbBGHdqgpCNFDrBxWL+Qrka3uOfwDqS0ArX5hGGqj1g4onmZVIV9dIhABqp7E1+vtg2kCtH1QMTsukalpHEUHVMpL/orSB+gRQMTgtk61uQI1ALeVU/YK0gfoIULGYr1S1raQIoHYLn8obOH6igfrtGaBiMV+xTIU7NEtB1diYqoG66gmgYvOTcrmKDCkyqFZKIxqoOz0A1NgvfWZqigKqkdI2UPeqHlT0SykK9a2kGqhViQfUfDHfY1NTRFBDA3WvukGNg9MHp6YaqJc11ApqOjh9osm/aJgbqBc0TFKONYKKwSlZprYHOIxTLxelQO1csPrVQD0Ba9FcG6i/+aVPTU0NMzCaAzXArqgGalbzdg/7oSpQI7+UJlXL8xvmSb5JJUH121+/ti81UHcaFkyV0+v2t2pAjYv5HpmaGsYeEf1lhqZAtctoumyX8g3UpCb5pYDz7FgHqJFfSlYNu08GHEo9GPYRqGjre3i9XAM1RRQERrhy6ef7QY2CU7ruP8sWKVUAaRZULaXaVoCmgZqe9b2Ic0H9cDOoNgpOn5eamvuohPQQVLT1v5BtoKZeeaVTW+Wn27dL/xacPsjk3wZTowXoEFR0S10DNT3rhy7TfGS8GVRfAmOocf/JMKXGUjqoSkrdQJ3ll8wrv2O+H24EVbmiBpKqvtTU0K9xqROigcqUkhLH2zyn4RZQS6Y8LRep2lJTgOkXYQ1UprlJn3fgnm4AtUBOwXq6rtTUemO9E6KByhWc2q6oifNcIahrhtVIqaraf4KYNlC5glP/Km2L3w+VgQpFf1/5CVWRyT9vmDZQ+fzS70UCV7UiUN3WiHoBtZ7U1ASx6UVQ8YtSSve/ggp+aZnQVa0GVAVO2gpqLampOc780kHFvw3bKPG8MrGPBqcF/XPmKkA1Epw0ALWS/ScTzPpXQMVr1CunpgzUurpqXtYMfilJ6KreDmqQELYgqFXsPxl62IJwEVScNPzya6ldXFE77Q8Fp7RQ9VZQnUInDUGtweQfYDjlAdVJkCOAWkdR43VNKb+UHKreCKpHJ+0d1ApSUzNEp0ygCmfgWP5iUJWpqfc7k19KF70AcPxiiBFUGx/cC6Dev7AYocyLA1SQDppUKaZEqORsIn6/9KOh6gxrcxZQNZ5QH4N6u8k/QWECD6goIqjCPZ1U9EuvClxVQqjBAapTkKxIgEo2+e/n9EOgCqceTeoET5lBUADIsXhDUEnBaQzqzampUS6foQpQhXg0qbCxkUduoYaWDrsEqpXAexrUe1NT88JpNaAK9eAVFTxoDsHxuBwGA4JKCk5jUG9NTQ0LpxWBKtRzs1RSXl3xx01LZM8RHyOopOA0BpVk8tfB6SdBdfKxvr+UEp43S4BKW1ZjqEoHFf3SQlD1X574vi7N1QXqQupUURMyEqidW6vOry/5lXMAKjWHSwQV/dIyUPlTU8M4TX3fT+M8ZAMbLSoDdblv89VuGRPhO3CCumEmLiVR48PhqaEqAVQs5jsBlT81hStBVD8OyYnfiOpAFeaPb8NK6U2VA+vN6LzM5uBJx+PSQcVQtRhU/LAEUBlLiGb5m6bExK/EZVAF7ozmABVSdFev+YbTY7e3Viiy3R931ANQWcyxPKgWg1MCqIwm/wSdooLWIRgFY0z8XN1FUL2UZrsNjgtUrMelb0o0S99LQSjtYAZ1kSOmquKOejGoDKEqghrP+q4obFafSE31v5WEWIXVSfiPjLgIalijm5eCK+EAFZMf9B4PtCpkflBBqbGKcDwugMpQwJUDdTvl2wsCqPB02Nwmnxrl++i9ExdAxbSnMsslaz5QHXlInXARQS/t4AcVQtXoMxGOxwVQWUpiEdR41u/hQxaAyr//BBdJydwXDqjXQXUK2xexgUpvtd1DWEYp7fgsqBiqkoJTHlDRVc2AquEthtXXOaj8Jv+cmYYN/ARY8rsroIIMnBjNBCoOqbTxwzBUIXOCikGncoTglAtUbHOZANVhXISj7xmo/KmpMTNW6vcLn2CauQqqcMFaLQQTqBgHjSROA0MVMhuoKFOwtR+Px2UFFQsAY1ChMitefRWByvjijxkGw/uIeimopIa3dFCDlD3JX2OoQmYEFdWduarY7pkAKj1URVAD5O6KjAIElTs1lZ/V1du7MFxiDX4AlzSCCsIJhs4pvbcTP6goh3VJhONxOUDFUPUFoGJwWmgUIKis+0/w0emkVbYLD6oGFeb+ovlN8/V24gcVXdUjv5Qd1HiwXECF4JRgFCCo/FVTQ2Jnnd2HJX10d2hS8L+ZtLarjr40lWa3bdmaugh9flAxVDWvrF/KD2o8WNqtDfpEMQoQ1Dg1xdhEKqysOm3i53RtTDTJmIoJfFz5Fb6T/qwEmVAAwAsq6gWuKuF4XA5QcbDEW0AyChDUODXF+9HUT8lV8/75XpuqJe9aSrpEeFEW5ajuxO8BEQZVNlBRcQEgBqf8oObLIPqZaBQgqOz7TzCKzj+hge54xhRZwSbovklfTc1nC6kVUxOcc5rgqvKDiq5qFJx+HlQMVUeyUYCg0k1++kFmfVxINF+cuy3nkOqST0yVgAqJ/pNR7Dc/hiA+ULEAEIPTM1BZJ9meZBTEoH62NcrwpeV3rKAKuM0c8jCgkkEdj9kwiCk6MgRUOUHF3D5IuVqbca6hagTqDa1RGEC1km3hb9Pegy+4K8dOuor8nkAIVZlBRWm5SlfcNRZC1R2oZftPagNVKK5cql5CIiKo2HbpmFPlUpgSXFVeUDFUtZW3N96MAgS10OSvDVQneUjVsBGWNPWjDVzKqVprZ1xHcFWZQcWIxNffhxuMgg3UG7r2wqr/MmFSi4sKyDsZ1BnIyHHqo/YKXkQFgA3Uwu1XQRLaYTCDKgUHqVZckkHa6XnU6cCT8sAp/hglEr2dGqhFoWog3C1ecczbOtv+l9TZWGdDi/NrEAdb49V+p2XIFAA2UAu2XwV5V1+QHgC5GKdeWfzboyRNOJ2Zh/xSSuw4VYcVIf3QQD0NVRW7UzIM8zz+1DwPA7W4mi7nIVNJV1CHTrfBmYbeExwCX+T0dVQA2EA9D1U5P8s89VEKZpoJ21XIwqSPJ6OqYwuR7qBOUup8gBreOfXdSQFgA/UkVGXcfxJBGrVI4Q9ScVCl75my6sxC1Ochap8LUXe2mQFOjw93nBuoJ6FqzzQ8g5T35qe8V8cdQyY2D1R7SRpWA/x7d2yrTn/KxXuAauVZeZUGV7WBejSo9oyYKhP2222DUYgqOUFFR1V6607uvfUygyllFypwkV3xB/g+J5x2Rm4aG6h00VMIyro0GSrzFFgr9Rw+cG/xdUm+Nvhh87L4jMigvi/R5E+JEzcTNTdQCWI9ahfHuymVdxCM0kailPLG2rDIWuOVkihzHiMgNWRQw1v0bQ5NVidhIwQWADZQPyU4G/J0id1Th1S6tFUyo9OxlN4oBQbL/IDqDstVo0Pb7BokNVA/okkWXbVPkDrC0MMMq0/RCiE042HTfXK0FG9elzpAp1OI6b4vQwP1AxpLC5ht4hH0cMPY5fQy4a8yNgQtCCorfByT2/reqrD1wcT/SgVMbk1VNVDZVcBpvo3zsAQN9ekHe1e25TYIQ3t82ISBYP//x7Z1rJHLGLBq4qQu97HLDG3uSFf7wRGysDsvtRE0olxjFTZXLnOhE7W5QZUMMzXt6AYYPg2q7n/p+Y8dBgJ9HSjw1BTOgk2dqK0jKc/5/HeXo38Yjt/vCTtLaMwfF6tswe+bcqktdqIiru4q3XGoYXGAnwXGRbTwfQmN/NJCkDWoYyVR4sWCuRP1qj79+hDS/HFMtRyKhG9LaIiCOqtQJdrTXNYZETpRm08+8YlKOk8PnwObeF3utnpKTmV3UunCP1lJsUXsRL3WotIQ0ocz1SaBDHuyl2KpXPEUCk5Ef1WBjeYzFbVGK6Ka2xA116vHmu2YPsj7E0/ZVLXDn0Q1Gc8/ls6/ym0TmOF6f3xGG6Iq+e9ehUVw95tTWfKzmSoTnvK31RNRbaZ6akuzs/6Ppi7FZMqMA8aniEq5h3/3zvZuMKGOZ6fmvM6T78+nQspTvlRdNSpussw1VXNmZP/mGeeJisLjNsCU/bns5ITDoO+EP/HRkFT9CugzgpF3uA1fxH7GCaLSlv27mFPKeR+cbA4F3/n2kEpj6vL0nk1biKVwcSCz6YC/Q/nBJmp6AupONEWmmqGMelwQxHvdP8gGiiyKJ2Al6iMzpcIL7s7swuETlbbs3w2hPlrnD7AgOGT8xSBz6lrN5MisRQWmxDFEVP4zFJ+o1GpwQ6yyKOEYvyEoYuPbpSBfFxv+ZyjUqHyFCt7DSaLShREuUb24o9cnitFIRQLw9niJJeBN6msBtt2HQxoR9qLvsapQjSQNREQ9f4q8TlRqh72f19+ZlrbaKwW/oJTXlualWepqaIrLEzFOrLB741Q1075AVvJT/OJunahwu5QUY/8EbqBguKyrqMofVOL/3D6+e35d3/piMQOCUf+pZ0jYJer/JE6ztyX4LCXMF1IVzKt2Pwe3a1LLoZRHC0h3BE9Rh4q7daL6W6ak8ghznJxzQjjnpjiHE4r35VoVNL/tk68R06pUbfU19lUXp7b5xd0yUcHeXZy+BpFW9LwMjCivmUb0pZgfnjv/MOaiWKrNM1Ki3rpeeh1iOoTf3pi+3oYEkWhEW0q026emBW01xlwMicqoqqZENferl16J2b2Kq2BkI5pyr9DJnPamSUCdlmFj02cQUe9dL70UYRLE1aYsvcyEUDmzSlS7hF6ejpWtLrntM4ioN6+XXgvq85BatdClWjKOPLWVqhWiwrPiupQKDAaT9bIuv6qKRO3iFNEu59WCrIAkZafMmmnEIlG9EPIZ7tMaahyHbfuMlaj3bOa7CPX8rLRGndtGNc1XfzDUeWe/5/uBAm+DRN3cTnftn6EfC1G7OOWCfx1AWu0VHNtApW3mpEDrnyW3fP0YKqc9ZFIOwl+wT7dMOU8lkEftFbMWQnZx+ioEIutmBar3CgAGAgAo73EjKsGxTClf/pGuKP8hSDv4YUtUT6nXkVHT5L/1v6mXvgkhIlsZSAxdc5qmiMWqahpCfbl+Tff9ofHFlPQZ927m+xiE+ShdC2Xctue6jBoe4wOXXruQ14jpmKncnLheU2eU8xzkC6LyWfR66aUIvwk7OedSdrppmmL2Hlt7mlrYdJwqWQilY3I0yJCF/eKoNtsuAfUKJTn1lNQbEcLVrmzenfgcfd3/eyKqpow/2luwYiNVMUnVEt3p/0fAoZN1kSQor2CsakuaVUFlusmiGQ+YVaWvPcr77CvpuBhkGtdckkS/PdSu8ZJeQIuau0WMXX/DjRaWdLwaIU5TDEmob0ak5QrSlsVrvOvfRo26uwNhevJ5KSR1SdnBKNiTjYxbSq7i8ncE57ba8oD/97sNqh4pPonnHsn7bH/seC3mbY4UXfew1aMxJFNKdI03lAKxnYVIGnmK1yyWwuqPjo6DewuMXYhHoT5Vj8L+lJIq+f+IWmFnYjmSIfe/vksnasfRypNHFm1C/RHbj3Ktn0jkWNQTaiAkFXgnhOpE7UhRT9GbhbSVthFs/SQF60IpdaBpxG5BoN9eplOGrlE7CLWiJzFVbzJQc3WhDpRKVTOuQjdapp0iUazfy/T2kQ5ENTe/ZSpgqB8rrZ8jKoSK/ye4QNHWeq1i7O14HXVxanaGm6RG6tUnUCg14AqpqnSOK0xkk02XqB2HxSkBiFSHRj/qpaowuaSrO25Y7rtB7fjJ3r3gKAzDUBQVlVv6/+1/saNJG6VEBU9o0FjonjVEtYmDn/repDhR+2OqWZVRlbLVcJ8bfFE0CbIKgyMlzF83K6MqdbVZ800ROsgsbk5j7Z9m72mjqtOqP7XCOYXyGPrl1r0ldaHedBxVqVV/2qYF/P8OKVdSsUr0r5w+qtKrPv+/gzovTT6oev2PRlVa1ef/d9CupBRhUpRY/6NR1fMeoRvYtQN1Xqqo3jlCq1b/H6s+u3ZwoTkNL0fevkuojoV9PT3H052qjyvNadh/N17LfopHVevxZoCqj4TmNEuYrT6qcmEHQtVHcnP62TDb+fGpikPVR/7mVOaMC/WL2q/UpuojcV766TDb0JA6U9EU3c0pqPp4ZlYjrfS8sDwx5d2d1WVIeMynhNlmvWOYbl5RU/WR/Jjv82G2Y+/XVTZFU9UlC0uRqTnNfYhWCVhYimeWC1dS+RqPYOGY4jT8UfmeqnlhGSOOl5lTilP9ISAvQpgtzJhdBlD5arxPXhj+X79NMbv25KQSZgszRGR/w+SXlAWE2cIMEfFjyy2jLFaTFwYD+u2L6r+pZdyccv0OExaR6rYb4ja1Kbl+hw2zSHvzHpN0G66kYMbof035NnWgOYVFffRJbQtn4EoKpmxxI7tqj3huWppTGLO47fg7EWmYl8IkESm7cFCrmnkpLBoPJ1VEuDmFUav4PrUTYV4Ks9bt5XQ3lTSnsGwVh+YU1i3yizh8WOeCc3oGUQAAAAAAAPjZKBgFo2A4AgArU92GImh6bwAAAABJRU5ErkJggg==) 50%/contain no-repeat;
}
.svc-surface-placeholder__image--preview {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAIcCAMAAAANPawNAAAAP1BMVEUAAAD///+ysrICAgLe3t4gICCRkZGioqJhYWGAgIAzMzPU1NTDw8NTU1NERERxcXEAAAAAAAAAAAAAAAAAAAD/uyzwAAAAFXRSTlMAJiYmJiYmJiYmJiYmJiYmGxUhBw1UkIjCAAAtVUlEQVR42uzc226jQBBFUaoasAEDvuT/v3WApsEZWU5bcVIVaa9nP25NjsbVLgD8WR/XcCkA327nMLl+FIBjl7C63grAqY9rmAxjmJ1JFS7FTKtDWXZ9mDBV4VAcp6EpF9oyVeFRHKfHrkzqir//8GYdp1re6Ziq8CX+1a/q8j8npir8WMfp2JX3mKrwJY7T/lQ+VlekCntxnLZaPrZP1QKwso/TZxpCha1LGqdPHKpAqDCQNU6T0xACocJAzjhNumOI04BQYSB3nNZVmDWqhAoL+/elT2gbp4EqocJC+r70+Tjtw6w9KKHCxH7M9+X/nVa1KqHCQjrmyxmnoyqhIpfhOCVUZLIcp4QKE7fXximhwkIap13eOCVUGMj7vlSHMBtUCRXZrL4vPSihIp/NMV9oVAkVFm7n/GO+oyqh4gUmx3yDKqEik69xSqh4zGCcbsd8hAoDmS9N2jROCRUGUqZDzjhtVQkVFtI4zfy+lFBhIY3T3GM+QsULzI/5CBVf8nDMR6jIYPPShFDxEpuXJoSKXFbjdFAlVFhI41TzximhwsTtnDFOm4xxWldhJFR84uqYbxG/UyVU3HPy0mQ3f4ZQcc/fMZ/qGAKh4jNHL032cTobCBU/4I3jNM6HmlCxcvbSZNaHNB8IFZHRz0brE01I84FQkdj8bPQThyHNB0JF8lsvTfKP+Y5h1k7zgVAROTzma6qwOJaEisjhMV/dLp/pCRUrj8d8hz5+RhpCxcbdS5Nj/EwphIqJ63HaqgihInHws9EPv4iqRQgVE9/jtBRCReLvpckYP9OJECoWHo/54j+5lYoQKiKTY74q5/vSWoRQsfD40kT7+JlSCBUrh8d8Y5XGKaGiKLyO0zZ+RoRQsfD40mQdp40IoeLtLu8ap8c0TgkVkc04bTXj+9KTCKEicviz0fs4JVQsHL80aUQIFZHvYz5CxczzMd9JhFCReH1pUosQKlZ+j/lECBUzn+N0O+YjVEQefza62Y75CBWJu5+N3l+aECqi94/T7/8y33bMR6hI/P1s9D5OCRULl8d82zglVCz+2jEfocLLS5PtmI9QsXH60qQ9iRAqisLrON2O+QgVE4Nx+tIxH6Ei+d2XJi8d8xEqfiDTtx/zESqiv/jShFDx3XH6zmM+Qv3H3rktpA0FURRqAknxkoL//60t5DJUkzHocc4+uNZr3+hSN5k9ExgQLPNN4RRRoafcTRNEhaybJlbmQ1SYUN00qbaICiMFnI1GVIidl1o4XVPmQ1QYKeNsNKKCWJlv2jRBVBiQLfOdwymiwhnNMl89zksRFQbuZdMEUUHobDSiQhFnoxEVEoRTgTIfooLC2WhEhfso8yEqFFHmQ1RYLvMpbJogal5O3fHPRpRhXqqxaYKoubAAeHzdKJL4bPTTYXsNohbE6/Ghpztt1EgdTt+W+RC1GIbHPv2XYbG//ye5TRNEzYTNJB+f1f7+T2ejhTZNEDUEfya5r6VU7SLORiNqCbybSbZCUbULORuNqPrMzSQPjYyqw7cozTIfogbgPva5RFWJT7N7GNKzYpkPUV1CHvvsaylRH+rdV89Ge+EUUaWxmeSMADq/UduXoVr6fWejEVUYm0nOPZNUErU6PM999W+zl/kQNQALp0vPJCU+za7/UfpVj1H1zdnoJkmZD1FVGcOpMzDfS3yaF1HP7IaoKrFpgqgR2EzSG5iriVpVzeCmTpkPUWcImEleCyAoanUYftm3KmU+RHVINi/1Buaaoo5RNf+mCaI6pJ2Xem1OXVHPcyiFTRNEdUg5L/XCqbao/aOqNeF0t10PokqxfP3u0E7hVF3Uy/+7SJkPUY2QcGoD8+JF/VyZD1F1GMOp1+YsXtT2k2U+RFVhDKdem7N4Uaez0flB1NTX76zNWbyo09loARA17atsLZwWL+pLLRFOEfUbXmVrbc7iRd2phFNETf4qWwunxYs6lflkQNRkZT5rc5Yvaq0TThE18abJNC+9B1H7eakSiHqzpn6Z725E3WqBqAk2TZw251PdIiqiriNq02Rh/IioiBqEhVOnzDd7SwRRETWSU3d7OD0LjKiIGoFf5vPDadP/C6Iiqk/8psk104vCERVRXeI2TZ4Xq8bNoUJURPWIKPM9Lc5Lm6mygqiI6hBX5qvb2arxhccKURHVIdemiR21R9TtFlE9QsKplfmcPThERVSXyE0Tbw8OURHVIe+miVWNEXWLqBG8Hm/fNLE9OET9B6I6RJ2N/u3twSHqBUR1yFfmsz04RO1BVIeQMl/r3Q1F1BFEdYg4G+0dtUdUA1EdAs5GO29cQtRrEPUKgXBqd0MR9T8Q1SHFvNTZNPHCKaK+AVEdEs9L14dTRH0Hol4TeDbaOWqPqDMgak/2TRMLp4g6B6IaUWW+F++oPaLOg6hG0Nlo741LiLoEom6EynyIugii5i7z2VF7RHVA1Lhw6pf5ENUFUXOejd5PZT5E/QBEzXg22sIpon4EomY7G22bJoj6MYgacTa68ealiLoGRM2yaWJlPkRdB6Lm2TQZ56WIuhJETR9O15f5EHU1iBp9NtrCKaLeAKLGno22Mh+i3gSifjWcfrLMh6i3gaiBZ6MtnCJqdn6GqCvORjtlPkQV4CeI+rVNE0T9y94ZLroJwlB40yKCilX7/s+6rZf2eCtkqKnNHPm9bl36SQ5wEkXE+UElOk1MgjjNoMqI04O6cWy0N/NlUKXEyUHdNTb6ZwZVTpwa1J2dJhlUQXFmUPeNjc6gigpblqo9JahDuWdsdAb1p6TwP1nXnA7Uv5r5HDU2OoMqCtTWlo8w5wKVMPPVCWOjM6iSQL18rR/G+G3FiUDdNDZaPe5LM6iiQDX+fPG5yNj2JKDeyj1jozOookDV6nm+iB/QngPUe9mvt42NzqCKArX1M75eS+I5QMV2f7WZL4MqCdRLHThfbPqTgQqNmmzmy6CKAtVELr+rE4Fq/UvK14jTDKooUAuI05CAc+cAtb70Xo+mmvkyqKJAbRzEaVjAnQXUS+O8VE0TpxlUQaBCnEa7Mc4D6m9Ivv5XaWOjM6hyQK0i54sQcOcC1cvutE6TDKoUUAt/8xI/XTwfqJdLnWjmy6AKAdUrNkOI01OCejf0pYyNzqCKAPULx5oQp2cFFT8C3WmSQd0I6oVTnCpSnLqi+J9ADXaaZFApUOlKXfHel+p4N8Z/BWpYnGZQN4HqT6sLRjNfpBtDGQpT7d6f2mm4HQIq3WmSQSVAJSu1d97z3JfWTUI3RsTwPnIkh76Yv05HgRq9L82gEqDSldofzvOZ+ehujKDhnYCIrWHkHsMxoFZRM18GlQCVrtSeJqW5zHzp4hQ1ciTKMls3M1A9AtRwkcqg0qDSx0gaV9Fs96VoFabFKUEPd19TYfFMvB1UFc5WBjUVVFRqV7xCZXnMfOnitC6Jqs/rGtU4zr1OGdRgCAM1WKnb+094YRanlsTUHCVOffmAGhkyqIGQBeqlQ6VerH/sZj4iKnuYOO19SygeofGWQV2EKFCDlbpw5VdwmflkiNPZqB3/5Gg8lOMtg/oackBFpQ5szleCWgH5oJnv4+J03s0MezMU+XXKoH4LMaCiUoc25/gMQ6eJ1X8Xp+MB4lTpmQpfStUM6jyEgHqpCXFaf33mZOL0JVHaf7m5VM2gImSAikoduTlKB/WyxcwHT9ER4jTyBR/ehplUnTKozxAAakGJU43PMHeahAzvRx1J2b6v666re1MVT2Ibh+e1eUjVDOpXfB5UVGpic54IamHXd5ogzAFVfyyXYWvtYS2UV0D4zkMGFfEBUOlKrbH+JYMKiwAtTund/nsxHcpYdNqnC1L1eauaQUUcDSpZqbH+rQK1J8x8EKc0qFf+lIDSEVxaV9e96fva3WGc15T6KVVxq5pBRRwPKio1sf4RoFIWAUSBLdknQb1dSx+u1y/PZdWpcpaIxs6k6kM2Z1A/B2qDSk1szvEZpk6T40HFYmr74hIM/ZglFJWqGdTPgIpKnbA5B6i0OCXMfB8Edbp6Sk17iUdbz/NhAlI1g/oBUC9aJYpTfIbBzHc4qMC0JijFuTEqTBeQqhnUw0FNF6f4DEOnybGgAlNbNZeE0PM5Lq31SyxSM2RQjwY1XZziMwydJkeCiuMoq+mVtDK1s+pPWDU/BdELA2A5ZFCPARXXlF2TMAairghQyU4T3Bd8DtQB1TsSje5dGQpIVRgAvVTNoB4Dal9S96WLA/gKoK4Qp+R9KSbaaAJUPodULFrjynj0X4np5gZAL1UzqO8HtVKo1MQYCPzRLg5qsafT5AuAN4KKN+UGo5lRqlxXG1NVlTF9Z1Xpw0CqvhgAM6hvBlU7ysy3WPAWoLKZ+Yxnwb4L1Nvo6QpH0eGef/FFn3JAxaTqeMugvhPU+q9mvvkwDwLUTWOjERpDmHt2ULGc2tiBVGU9iF1Fz70o/WMY6lXJoL4L1F4li9OHM8MuQOUw8z3H2v/5QpoZVFikTKzmK1BKhLFYk8O9KhlUflAxKj7h5ggCIQQqxKne0WmitM+f4gd1AFNLTP1SafFfpt2xtvnWq9LPpWoGlRvURHEKgeD/h0tQIU7Njk6TUjXPkuqYQZ2useUUwqTTRUpoC1JfDIBeqmZQeUGlxKldLHhf0URA3d9pgsOfi8NyzgTqNMbVqQamidGB1IgBMIPKCSoqNbX+QSDoIKg7x0aj0+T6GKJzgUxlAvUW3+y3bhWmKC8OSXMBA2AGlQNUnJEmjIHAiw4joLZ7Ok0MtsvjVwZ976fiA3XAVj0sTJwu1kWH5T9mAMygMoDa1MlmPrzoMAJq0L+KPjiVPvxkQkWFTGUA9XrHPsSp3/9Vxepwz+U/3quSQd0LqiE7TSIvOoyBum9stMcUFbqeyVSAuleeuia6nCpTbAn12PtRUjWDugdUrZLNfHgLNwmq2z82GjW6wrmPBqj7OK3jy2lXbItqXvxjvSpDBnUzqK1LNvPhRYcEqFxjo1GlC8jU/aDeoqdSJvBgrt1QtSH0SzOXqvJA7e+ZFQ7qJnFKgMo3NhrrnyqeMrUDqDs41aGy77Yvpyj+Xex1LnOpKgtUrXwVbCSDWqEnNFGcFj8Rkc0U69joG0yx1sMOULdxWsTKvqqKPdFjSUU03WJY9SAI1NbOzLViQaXboIkXHdKg8o6NHp7Vs73/4HtAHbzXaREGZ1L7ltQ+8nf7f7e6r6liQH12W3qlJxPUNtgTqilxevm5EtSm3j+Zb/LOZi9TASobp023+C9vVakqfMXhd5K2FAWqQQ9H04sF1RFjox3xFu4EUDnHRsM16lovUwEqD6et3V328dvqkIrqtSoRVxmgotvSf1WhoNJmPvpFhzSo7GOjMQLyLlM3gjpEbvcLBUG+M9z3s9Smx2JgPKVKCKiLbsumFwjqNK4w80GcJoLKPjYa/cz3ZG4D9VaConno9bt9uiPBoJ68DlItlTEiQIWh/aX41ZJAna7pZr6uxIsOU0FlHhuN+o+4ruc0UvcryFOGmFn8C/symvpLYIsAFd2WC7OQIFCH9E6TXkGcpoPKMjaaRvXKxalBDeEIWz7aEupvBmofVgSoi25LFD9BoN7GZHGK+9J1oL5vbPSwFdQpwmm9ZRtFK+7Zwu/a+Y6ykwHqotuyMc/iJwfU6RoUp7SZbyWoq8x8q7//JlCnMXzO3+HpZBOpo/+OXgHgoRUBKsTpUvIJAnUIilP6vnQ1qAniFNNENlSEDaASnFomTvHrelDN96IqA1S8LWQh+QSBOqAeJXSawMy3DlQmcUr/N8bVh3FVhNOCNxRsjt92lCJARbclIfmgzD4E6m3cYObbBqpjEKdkIR9XK1tzDKcFpqfNd5QiQF10WxJmoUqtqVu84jTZzAdxugHUdDPfAQFO62M4NSokTkWAireFEOKUuCw8KIYNZr6toIJTESm4/QEysN/n51TbkDiVAepiFAjhZO8+hult3NBpshtUGSmYxuCFVM/Oqe6C4lQEqOi2XJiFiDYL7uAXp7gv3QGqkBRcgxt+w84pxnTOFZUIUB9mvqVZSIIygzjd0mnCDyruSw+NIbjhr3jPTzGmM3QdWX0YVIjTF8knQpkliFPCzLcPVCHiFG2sr1Ewc4pJSCiqGll1c1C7A0Al3utFmoXq8rNV3yZ1msDMtxtUMSmYAhspdApwBSYhoUdqvtIqgGoUvx81XZzSZiHDoMzY7ktxsxsz8zGAKicF12AXk8Iod4bol2a++ntWLXaSMDUeACo6TRaST4oyW2nm0zDzcYAqJgVhger4/FLYfi5PfEBmjcMrqB9WUGkz378gTpPMfBCnPKBKScEUFKi1R+ft4hRD/pFklBU+UOlOk39RnCZ0mrCAKiMFdyuKakIbfvcWcQooMeC1b31CqhJl5QBQ0WmSLE5HKeIUqSTuS1lA3W7mY68pRXDDz3dfSotTd/lzNqQ80+NwO2ZIGsx8ssXpj2HF2GiIUz5QBaTAF/4+uJHSbxKn9ntW1Z/rPevXbwv1swFU/k4TbE9EilP7Ik5xX8oJ6sdT8Cj8NmEjxXxfimHc+pGh3udlOgRUdJokmfk+qMzu32khTkkzHzOoH09BtPAbpo1U/WLmW4rTGhmq4EI+AFR0msReYydEmf1i7+yWHMVhKNwLMcbmLwl5/2fdhQgOHQs16xjaOK2LrZ2pqZoe54t8LEvHX5Tkt9tGBwf115cAG78rUO2OzXyonE5aagCUvrb3/UGVJ03kMYvjAy3mHs18QUA9rCQll/pVxQhUpfds5oM4pWjom9HsaI0uN/NFKE4BKmVQj2a+EKD+/hI87/g11ypd7CpOnes9RSuj8vyxO6gZZfrYxSlAna5J9YZJk/Cg/v4SjCephrNEKYM087VOM58jTrFABmepXUGtHENmE2Ez3wuosyun2My3D6gRLMF4kqq5jX8/cdpAnCIui3L/zs/3uJMmNsJJEwdUsqiTxOk+oEaxBDhJBd34reNzbtHMx17vGZT7r7uCWihenNr1Trav347ZpkyL4nQnUH9/18dJKvDGr+ettTKOOOUrKC2dY1p8eYOBKjfzRThpwoGKz0a2jQ4P6q87a1FCLZiN3wbxlVIZf1/aMOuj6E/hLBUYVHnSJKr70u2gwjY6cVCveW7Db/zjmBWEf/siTit+fVDu3wtUc4pJkw2gus18iYP6YO6ksvdP/ENKJgjcZj6+92z4W4nxux+oiTTzbQDVbeZLHtT7/H4uwr594reEf/ntvlSJFZSS/lbMSQUFFc18cU+a/B9Qi0mcpg8ql1DNexs/DqHP9quXZr7V5RnWhSB/+IGaQjPf/wK1fDbzfQKoTEKtoCl9W/oomo6Qx30pr6Wc1qmgoMqTJjHel24HdbwyOSmoj943oeIkpd++NVWwjYY4Za73+HK/H6hJitNUQX3ckQu2PUwU8CSFlj6qnhLydsP1XoHWqWtAUGXb6Nia+T4GVBqm3YpqzyTU1uskZdqOvTVtR/Zo0oQPlPstyv2BQJWb+U4hTlMElTAV1lpKqFgG4yVLVee29Kn5ksq53pPK/SFBLRxxGnEz32eAeqWPpHBKK0JC1W5pynrJUtE8Oq+2rI4hqntPUE88afJBoNJzPRofxm1D25Ri5qMLL2e+fAympU8zRSk+72mU+wOAKkya5NFNmnwMqNj1DbUDYdWl2pRxE2rr18yXKYICQ5wo/v9Uiqe8h9YpL1DPaRv9UaDSyxg5zjIaCUKqTVVMQvWdNKF3IV/qPvrHWbMLiUaNSWk/UM9oG/1RoM4e2VW7+HDMT5Lr6nr4KHyOPpMm3HNE47r+3MRsi3lJHiFAzezapEnMzXxJgwqPbKS1spKkKo5StXvkL96xjS6Vu7VaUaLqJz6d816TB6hns43+KFDhkY2PD3bOkKrsh24FheppG92plrkDWC3FE9/LP3v3BvVkttEfBSrnkT1nOkjVnj9KFUxC9XDma/hNFQjlK8V+iNPFwezmDeqpbKM/CtRZnH6PqkWRu2KlKn+Uosshf9toPtTK7SmKrY7Fgx+oJ7KN/ihQe4jT18gUEl7NH2lvzox0DQ3naRvNR8vW4jMM/Tq3Qp6gnsY2+qNAhThFq4W+8FKV+0Tuzq0UdS572UazobuRe8OI1AuJRu3eCvmDehbb6M8C9f4qTs2LCiidQ/m1l3b+CnnHwzaaiXKSvG6DH0Sje/D2B/X8zXzJgmqq5aXLC7qVXUhVpCxu58fn7m8brTn913AFKqhaJrf5g5qfwTb680CFQsUWjE9KkKr8mR8/l79ttHaurHLlFqimH4q/FfIH9dSTJgmDOp/5M1T23ccIzIpU7Z2dP0Ntytc22uDKar7S1VTFr9bEKUTJW6CaM9hGfyios182dnXGQZuYeZGqbrW/BHaCOJWd+Sb4pvaYKaGpeUFJOBeOOPUHFX/n+Zv5UgUVTVP3x+qbBLV1CLsN9/zGuebv/G2jxwC1YzTzTVdDBapCEKfvg6qit43+XFBp/78/xFdeNIH1Xc1mzq2U9rSNprDLxGsGcIavBQpUNVStdPD2BzV62+hPBvU/VK8vKYmVqgBtOuc4s6etLE5l22iFE/54KTouZ7VwPDXWuS8FpqFAlUu75RnFaTqgbnrspWqWDYDKvXlVhJSvbfQCSVsQsd1lge+LOEVuCwiqXNotTilO0wZ12P8lqVri//GvF22ja9k2ulpM5c+LaC8NFag6QZwGBBWlXS7sSXf9pEFlpSrRstggjXPm97ONXprwWuSvKkOBihOngUF1xKmTUE/LacKgclK1I32JI4fS0plft1ttoy1MeEs0TRVzgaqBOMXBOyyoONLxYWMwjj4DqHrIRtVhoEKqapDKzKq0NTVOaU6c4gpWto2eEtlC6jZUoLLCrVBYUOkHTDGhHgdqZUk+HQUq9n9VrzQAQqpOO7fczIeePBIBrAmvXtwVXYb/sLdC4UElcZpmQj0K1EuJu3h1EKjokoIbCt8AqArs2OykScvaRl9YE14AjwKVcysUHlRN6jnRhHoEqPA8pFPEUaCC1A6Ycg2AYxSbmvmwyWa8CS/h7BSoZHHqDypILHUmRHvuhBoeVNlWJrNHggqnn0yYVSHwtNzMJ9tGo16KMxkKVJAL2PXDgYpIOKEeACpsZdAj2h4DKjr6VPXzrEq5rZlviFYw4UVm1sOvht/S8Kfqvw4D1SiVTkLdHdRLByCw0epDQe0hU2Wp2smTJrCNlkx4M4SiVr+S5ALy6a6gIvM3ySTU8KBKtjLY+I+1Rn+gtC9LVVuI4pS+ZaIJr80QHc6Pz7h/HQUqNRYkk1DDgio/YIyK+e6gyjJVmlVZllnZZr7uBxPehrGmmu3++oNALad/SDIJdT9Q8YCxM8BzPKiQqbxUNZCq6LFixenlJxNe8yoUCZkOG//eoBr6dwDUdkjm5469QIWtjDDAowVQ95WpfAPg5LW/MmmSq/pnE17NZTdVaAVW9gV1Ov4NeaJNJqHuBCoeMJYGeLr8GFAhU7mo3FmVvFlr5uOjhgmvYsixzVMz9keAijviAdRkEuouoMJWBijwT1cfKPGvDqlCAyDbzCduHmidYgMb/76gltgfRlCTSag7gApbGWmA53ifjrtj/8PPqph8tZmPD7RO2bUWuwJfyT1B1VDcBGoyCXUPUA3yExgof93huIehGhMdpaKaDj9aEqdCud9wnEKg7gcqmr0qWL61ySTU8KDCVmZZMY/C4dixqHRuVRGCOBXfL18taj52BBWK/+mqAVCTSaiBQOUfMEbFPBKHY2r6X5OqlExVQyuBZj45NMr9aq2qeQv3XTMcqHNvjf4GajIJNQio/BtxaOeIyESOmv5XpCoNjBhaiQbiVIyGzlArg6wm4JnxgbMSQMWi3l9BTSahBgUVnodLcRqZidwt56UqJqdmUEs080nRTkevlXGWPCQpsC4GqFhUBlSdRkIVQA0iTu1rdolgYhdWKgKo8DTfcK8Bd8mCr7/3uyhtAhWK3wU1mYQaClQ088mGh10ME7uYTxVA5T3Nedto1U1cCwep4D/+E1TMYHGgJpNQBVA9xan8VEwXRxfPNK8pgkqe5kJUcOZbK/e30OPBlfaw6FD8LKjJJFQ/UOUHjNHMFy2o92kkphZBNfLjkA08epzWKYpyp8u3W46AlHJBTSah+oAqP2CMZr6IQR3e7GtoExBA1U73qWQbzewhncNpeFTvvfMiEUBNJqEKoAYUp6bRcYF6y/N2nkBlQRUe3RNso7VzdNyPk/7qlqPv4y4BUG0yCfVdUC9yMx/OvXGBOnT9oa0/40DlH90TbaNtwXC6Y4XjgcXE72CXGDJIMglVANV/0oTrO1NRgTr8szNsAE3NgMoWqATbaNU5nSh7cipXBAjUdBLqW6DWVpw0ITIpyqhAveZ5t/ypTfUCatGxBap12+iSNXncl1PZcKtNKaG+AeqlESdNMDNEHrZFTKA+Fv7M+LoB1CHNwtMcsWYb3epIOF14w7YpJVR/UDuuma/jTMbybvQgy2MClfb+ZU9CmwHUMbgC1cW1jeadyYrfogTesCqlhOoBqvuAMbyZmF1/2In0eIliYwL1unwPbX5LbQS1o1/i0b1VcWrXXnIyv8UpUE1KoXqBCnG6qZnvPtrpNQMIEYG6fGFytN2ZRprVEz7u0T3NitNG/8Rp3z8o+sO0wOOelEL1ABXidGMzXz8AUFUDCUU8oA7fn26x91ujcoSqGufRPVac8hcb3VOf9o/r9XrPX+J+vT2O4PV22nclPED1a+bDpAmMH+ts+J2IQB0+x/qbgX+ZIyr98ujepWXFqVm1fwChbFxvu+/K/T2SpT4OVP9JExxDuwFwGw+oX3eo1GrM9nT4UwODxcuje50oTplv6TKUsrb9L6xV32FNR0EKcTSo8qSJ7P19nQ6heUS2x4/F3MY0PlqMyrR9fXSPxGmHaoYjTnkXn2m4FVHV2pTPPxJBa+6JQgZVnjRRgjh1pD1FPKB+XWHzA3OzyTZ69jQ3OFtRILsyoRUxWhY1CXhu9CUzA+ynfUbv8JBBlcWp/V+TJrf4QF3Y/JCJKetpngvi1AlDqbdyLYOd0KX6QzU8qJk0abLh1cT+Ghuo4+ZfUiUVXznm0T1U9PH1XHfR67jhVn70Rbd/qIYDVW7m48Upj2pkoH5dZ6ww6ex4mhcv4hTZlZenWrAMdqP+9WnHk4QIqjxp0rHiVK5CR1aEvk45tf4mtjUe3UNAnEoez6rmp1vpIq82jVVqUQ5oilM/pSvEgaDKzXxeY9C3qDLqs9O4HRaA8qf76B44FMUprUBLi8lbBvPxd6oKACrEqdjMt/1hmj6yPe5Kd8HwjeIf3UMzn7TtGx7TzLQqz/9Q3Q1UiFMji9MTL/OVjMVapFTn0T0084npVGU8pEz93w7l/0EEjAD/lVXfAHW7bXRzbo31LJyZGnLGeXSvUz88M2p597VKlwp85pwf9eWfS12UKr7iXWwhgLrRNvr0qYDGN5rl5m+HLEsFqgJv+7BBN6/aoRR3qbY0OmNffqZBl6Go+oeqF6jbJk2MOvGuz1ycYVr22fCn5ma+bC06xaVT3QDSYi4ldCyoFHX5h6oHqC+TJobEaUTOfOH3f/QtaEW/gcopH0Yx6bQe4KXHUPTS2ydjQUVom1q/8+6gWtY2Oilxyuz/IBU9ULI4ZW6ddDtRal6eKlICqBR1WkPO+4P6/b40TXHK7f8gdeatEzB17vEro2jxjOs+WQqgAtW0xpz/Ze/c1tWEgTDaDCYh4ZCN+v7P2hLR0c1gA4LymX/d9XTRdn3MkWFTUds9n41mNlLVPfwdG0sy7lpb3ms6xHxdWmI48j8TlSGNTDVNVL/vs9Hb0f1aNG28IRFb6vECX91IIV+O/CyqRED4TxW12fXZ6M04HTnaT+PaQtSUNRcnAi5ZVFUXPV/4D7y+qLv7psmbOHPsnraUgz5r+vzP9b9I6aKqGolqsqhV+XXz0iSG+t+HsXPm9haJDlxC8T/VdN3Frdg0USvSMDVNVKMzSk7lHW/dNsEY+w/jQnO3WNLYhxlUYE1lonU0T1T6rpM8W4nqh9ZLLsnpL7pjMUljHqdQ4jG/cW/KzxWVGpj6f1HFeelXJ6e/OEmu6jbQ4RHil1OeP1DtbFGpQUX1H1HzTE5HnLvu5zj46stgauEb6lzpP3+gapot6hD9/4DJhv/3LfMtp3vyATUnbQLID1SzRFTy6Kc+E9Xmm5zKhZU7SJDnwJPwQF0iKmnMqERRb3zhMt/iqaqmg0BV8mwg4YG6UFSLgipZVJtfcnqlG95TESAtR325h1rSQlHJIE2dFBXJ6X3r38iP05Soz0Opw2JRqUHwl0X97mW+GZzksM8rEA2l0CttXhCVNHpUkqhfv8yXynky7FeBH6dJD1SvXhHVoPIfi5rfvHSKbrLar/2zDr+0h1q/JCq12f4npImacXLKhynGuNTHKW+jqNdEJdRTv0XNZpkvJT31tRT2W85OkyupV0Ut831gTIiK5JQ9baqpppR2lEqvtVGLRMUj9YmoSE5vZVQQwz6v6iQH/la9LmrI+H+DRfX2Jmrm89I7T81k2C+J5gX+haLikfrA8bJyMYia3TLfVLlvJ8O+oXT0EPhfF7VEL7UbTihEUbNc5hPKfamMMjPCPgfsRq0iKqGXevvEey9q5snp4KlY7oc5YZ+Xpg4rieqzj/23wwsaRzovnrbVVHrqiGYmqKRWEtXk/fzg+H/jmLGmMWNvpGGU5lsxcxJUp5aLitgvx39c5760T8upMsrP87TlBHUVURvE/uv/Uu7B5XScaJ+aWekpl+larSiqzf2/h+ny/ohs9NRNdfkdzSL+meolURH7waSnZuobUYZmYbmQWk3UFrEf8DhKLPe1XeCpUeuK6tDzB39OsUFXjT31XEbNa0wFtbKohFdSQB/3e5zUlmppgaelWl1UjSQ1d6KnEU0jT5slnjbqZVGRpAKxjhre02+rx/ZpucTTVm0gqoOomRM95Xtn4epp/MEyT7cQldBJzZtr/5QvSNrFnlqO+6+KimoKjPZQ3K+bvL6+eOpoHoY9fVlUVFPgt6c8N+XvFizxNHC9v4qoWPUD956WwhmUJZ5e5FariYq9FHClG+31cfw3NA/N86g1REXZD26c5T3pi6gL0tMiqA1FtbhAmSm9p172dO5EavgWd72eqOhPgYGT/B6fKwYoGTu0tWhFUdGfAncDqQlPy9A/bOdsScffDlHB+hzF9/dt9FS+Zy5juUewpqhopILIj7iAStcbaCY1+PtiCPsQFWxAJ74gVXMV1SaZ2hSRQPQGUT1EzY6z+GJ0NeSa3BdN0tQTrS8qRlOgL/jFxlQM4o+5p3s6ieKjvuuLio1UcDqKjSnNnrKp/sm3t4aoD1EBs3YhRSNP/SjW64uqVrZ06A9AVLARnVjwx4TTjjr5ER9uPxN8cUUHojeK6nAlNS/O4uUeJy2iqENZTOEN0RtFtbqAqFkhF1JWrJx6x0IhoB0xm4rKYR+fRc0LsZCq5ftSKkLBF4wPlr3bXFQe0mKAmhc/4uR0Yl3q3hz7D6ovZr1LVK7dcHoqM848kZpsTDFK4N2iWo3DtfnRJ6itXPDTPkVFcpolfYJaiQW/3aWoAclplnRSp7++FPw7FNUgOc0TOUG9FPz7E9X2vQYcm8yQfsTvxULK0/5EbYrcv6WULT/SuydlLPh3JyqS03wRR/w2ero3UQ8tWlLZchKPTfQ+VPXORDVoSWVM7ExJCapV+xKVNJLTjBE7U028arYrUasWyWnOnKTOFPUFv9qTqIeA5DRvxMDfO3HYk6hITnNHDPw+Jqj7EZU8ktPMEQO/i+ehdyPqoUFymj0x8Asjfn3YjahIToEc+HU/p1I7EdVqJKegD/ylNDp1ah+i1h5RH/Qzfjnwe7ULUQ8NlvnAsNxnxc7ULkR1SE7BtZJqpcBv1A5EtZiXAq6kajHwf17UoJGcArGFyoG/+rioeNMEPFZScuD/sKjWY14KHiopEgP/R0XFmyZgVEk1Uqu/+pCoeA0apFZSjlv9HxLV4PgJeOB0lCsprT4pKpJTkDCT6jWpPyhqieQUCK0pI2z1l+pjojokp0B6oHpxdvp2UXGZD8xrTZXDVv+bRcVlvr/sndFymzAQRaeKAQM2pnH+/1s7StO5qdk4IFZCmTnn0c9nxGpXew1fMy+H/KNaqEVFpTiFTQfqoBZqYVH7F+alsLbXf9FNqqyoFKfw7EC9GDOpU15RyeiBbbwu909aPUYpJCqbJpBwoGomVUpUNk1gy4Gq1lQoLWpPbDR8c6COywN1+lVWVDZNYPOBOkV3M4tKMh/srVDH9wSfgqKezrSkYHsPdVBrKp+otKTA5UDNLSqx0bCF2T5Qx+yiUpxC+pRf2X3ZRSU2GlKfTWl42uYXleIUtj3s74wN6ZBfVGKjYdPq6WCloBcQdSQ2Glaz3JQaY4UasovaDRSnsOVAbcblgdpmFJVNE0hq9t+sAzWzqGf2SyG52a8pf5tX1J5kPtjd7H8/UD1FpTgFj95UWP7jaZ9T1In9Uki5SlkHqquoJPOBw1WqX25KnX1FJTYa/F/2R4+Cr6jERoPjmF/T08lZVGKjYSfLMX8Tf3IWleIUdn/5GyNtKjiLSmw07P7y34xmv7eoFKfg2ERVb8pbVIpTcG6idrE35S3qSHEKbl9+XaWCm6hsmoDXl/+y+PIP6aKSzAci09N+/Zmkp6gXNk3Ad3yqq5SfqCc2TcD5y6//6vETleIUnLr9w3IFJXiJ2jUUp+B/59eXP11UYqMhA/H4XDRR+z2iEhsNItOcX1/+dFGJjQbh2Jy6mk3UdFGJjQZ/XpU7oaf9/S5RKU5BODanRnN8mi4qsdEgco2l9OVPF7VnXgrCuzmlO3+7S9QrxSkIvxK1M+786aL2POYDkaNEVbc/TVQ2TcDAf36qf5JOFpVNExCZSlQF+YREUc9smoDIVaLqy79WVIpTKINdol5TRO0oTsHAv0TVWKpbKyqx0ZAVe9Cv5tRaUYmNhkLM2kJRibpaVGKjoRB6iypRz6tFpTiFnNh3KZWoq0UlNhpyYt+lVKKuFpVkPsiIfZdSibpeVGKjoQT2Xeq6WtSJTRPIjT2XCipRn4jKpgkURtETxqD/qajjRHEK+dGl/3ELpfleVDZNoCDalLa3UMSJZD44Bok6We3+56IGilMohLpT58e7VGuISnEKxyBRb1/epcSJ2Gg4lPkhe6L5QlSKUzgUtVE1l3oiaiA2GsoiUcODqJMlKrHRcCTq90vUmyUqsdFwDBL1cVO6s0QlNhrS8R9M9fZdKpxI5oNDkKjNiu5UO/GYD9LxF3WwLv3dwGM+OBa977efpLBpAlUgUe0nKWyaQBVIVPt5P5smUAV6PGW9nepI5oM6eItH6OU/UXvFRlOcQiXcXyK38ZOoLcUp1Md9jjY27afBFLHRUCNvr9HIIfx7Nk1sNFTK75fI9fI3zofYaKiV+/xRqsa6lNhoqJePUjXe8ylOoWZiqRqhOIXKiaUqX32on/vMvBR+BG885vuzUTAKRgFVAAA4uZY6tC8orQAAAABJRU5ErkJggg==) 50%/contain no-repeat;
}
.svc-surface-placeholder__image--theme {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAIcCAMAAAANPawNAAAAP1BMVEUAAADd3d2ysrIBAQH///8fHx8AAACioqLHx8cyMjKSkpJEREQAAABWVlYAAACCgoJmZmZ1dXUAAAAAAADq6uqP4UF1AAAAFXRSTlMAJiYmJiYJJiYmJiYQJiEmJiYXHCaOEnKXAAApmUlEQVR42uzb63LbIBAFYLMMWkBGIOn937XFshs5gC27vgjpfP86zTTx5Ax7gR4AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAN6saZrjcRjGcey6Ts79/fM4jsNwPDZNcwD4ihjPMUZzqW78G1kEFj6laY5DJ5/XIa/wZtmIKtO60HtrmUjPETFb3wfXGpWJK9IK0bszqozrLZNYSrPtXauQVnib5jjOQ2pcz1o8S7N3Rs6MCCu8+CRVbbBavILmvlUIK7xGMwupiRl9Lc3BzNoAZBWeS+lPSHsS70K+nR2sB4DnUmoCi3ej3iCr8B8pbb0Wn6Gtk2foAWDR9NTJE+VYfBYHhX4VFmlGOXEsvoGCQgsA91wO09aK72F3OVYPAOXO1Hgtvkt7g24Vbtd8R+I557t9a31krWUm0s9mnpw8GRFVSGOqev1gOsn65NFJ7tGKt/zoP+0VogrZmNoHYpS8MMlL37GQWMwaRBV+x9TwY7f0KaWUmVOq8HXt4kct1CKqMBkeiGnMaPExak7yJDVJ68KoYgOwc8elMdU2mOugud4zPYJtH66DrpzVS6OKveqONd2y3pSDmUc0eKbnsb+Kqwp899ufvnuH+r9Xwyko/t703c4KfczoS9iY1sVPCuzpa8cD7NB0nDq9aPU+NZX0WvOW19zZjAXU/50aTvGgZSlNQvrKsEq55EqMDA7VHZqOUy/KbPtv4vH0XtYpueCRgZUROtU9OQ37RosS3at/czl9gg2XrIYbP1WLTdW+jLePU26TlH4AOyXvLcssxv8dOZV9RbcuLqPW06fFduP2JkIblP+9OJV9Jwq8umw36Rs4nL9/LwoCpv99GJKyn8bUePq09FgtRZXRqO7BcKPsW3Uevem72N1sAEhhT7V5Y3naZzPFlOn7LlG1hekfSd24MSax8MtfT0wvUS3fSMS/7A6wVWNxjOrXFdPovCQLIicgqRsWcxrK15PG0rpMizLFIsMjqZtVzGmQUU/rM20hHJK6J0Mhp9qsrurPOFlaU3hMVJtUyqmdNkG0VlaVlqo99qkbdCzM+07+1dKaTT+iFomApG5OE4elUtlf73E68apQ/lvc+29NJ6XS+Tses9LudGa6i2CRMEjqtsSBn8RvvP6yf1X+bVoRMPpvSmxQbX6MClQHn39Lw2hTN6TpcrtIW0N7+sPmh/+A4r8dY2xQszld213ULayyZ6pB8d+KWPg5VzNVTTmNSc11MIR31FuRK/xU23n6L6mcK/4HqF88ULW4plWFOT0nlcQvCvPUJuRmEFPVHPXDyky7bTFPbcFRSpVUy5U+lrrP526CDY7UDYhnZ2aQclSnkPs8OFLrFw/UTIOqqFYmttw4Ujenk9JnHkyt/36/hFVa/C12qbVr0vOHqm1QJz6zTVXYpVZukNKlddJQzdq0mwl47F+5dEPOVW5Q5zidpzSW/nVr0sPH1PKyr8xlPhVqf9XSyk9VT1ITTrvUHrW/al3yG3W1d6iRS/5fDaH2Vy2d+Su9O73G6efCzr9maYtqa971/zDJ+4UWTWrFjkmL6uq9PJ0LSe3vcTlVsSHZ46gtVP6p9osrFtNUxUYpbbJvpC1Qv/fDhFvUinW/nxnzNlrUP+zd7W7bIBSAYXHwGV9CgOT7v9YNO46dHmicdE2AnPffpm311KeAbWIvd6cCX/IfJnJynPq/2r/myYO0GGrHkZVcHONcCiCRLVTI16f6jUD1/Txx4i5Uw1BH6Q+B6vre4bcXpDR8t3+UClBHGVEZ6kj9ecXUr5QNKUbvnTNLmDNLznkfYwrWql9Yo/Le6VH684snUzZE7wyiPB0a52Ow/+3WlGeoo0Q/h2J/vnfKpgxU/iB0Pln14+uoiXeljFKGCl/v3+BPiBqsDZUpBasWfTq3LQpCit7V/la08GyG3HNjqP2WoVoy7qhnjEb3FZtxeR7X83SuWYMK0RsyusYAT0TmCmCo/ZahRnJunOChVPKG0Cr5PC2WsEefFDxUIPsXA0PttwzVkd1w5hGkN6JMtETo815Vcjf+H8Hq6P5FhtpvGap8+iNTwR+QuqTE9P8TEBwesIbzM7/i104M0wIVyFWceGYoNTufaMX0mwkVzWHUVnC3RGZ+LRlqvy1QE1nLIXzfwQ1GNU+vaIbDF/UWvg/J2tsy1I5boBpxW7YL9dQ+4Xslplc2K4+nrAb62T7PUDvuj8xpcnMK74+lJunpHelg9sEcKhUekyYZasdlqMWn30QoFa5Kg5jel7Du+tMCpRJdeSuG2nMrVCy8lFnVp3xjxfTu5qtVb+mRFt7g7xhqz61QpaLPaDSVwRTT+5Wuie2QTIDbHF3OaMlQey5DLazn1NfJP6Fc8npqKR1Lq9VEVzMi/0He4d9vGWqkCzrhj0+eVH6b8ueptWZltgsQx4nfCDqgOobabxkq5G9i6SH+6sK0ycGUDqtOXc/4pS4MqMBQ+22B6gtDatZrDkybWZmWmgPuVF2eDEoDKkPtuAUqrHMl3WvkLkwxtDfnf8muVP1yxFEUVjLAUDtuhRpLr7r18hLaqYcUykuu9FpXz1B7boUKWHoLuuuJ6YGqEaXXZQJD7bkLVEuukOcwO516ym03hMn9i8RQu+4CFUzp7eFaZr9TP2WREkoTPwJD7boN6vLN1EWprvkTqS2/OaUTg2KofXeFGoqLO435t1u+MrU3Gzrv5zLfBAy1765QwW2XdehwJGFqP43bpEAvsxlgqJ23QwXc75CTc/80tV7Yz/fp7j5gqL13gKrWbVSkJNuf/mcn/+UFCZb/FEPtvgNUsDL/ojIoyZYvpwIuRyjKa+wADLX7jlAhVaTqxYFrdVBd76Ghrhx4BIbafzdQIVa+4SLJXJhazMqcFxWnDhjqAN1CBZ+lgqCtk6tp7/RfG7kcc90pQx2hL1DBrbN/dVB1bW1KFX4bTitODTDUIVqgEqlKFNJG5mI7S9U5yepwKmB1ylDHiEAFv51A0xS2RHVhWj9WuThlqINEoUJcMRZLshWqC9P6gYZlnQIMdZQKUGEh4LQo1sYHqHQkW6TpUUZgqMNUggqWrvwoVaOmd6WclOSHiaymEzDUcSpChXUxGkQl/85HUYiA26AuylmZs8BQB2qFSjPHEYuW8D2f9J+Vk2RtWvoxQgCGOlI1qBC36b+SMnLNq5dZBS/X0IpagMtBAUMdqypUsDKnRDXt5SX3Aquz2r+cFtWizAVgqIO1Q6UZcpWyOqxKF/T0ewnr5CVjRT2Fl6unDHW0DlBpiYyptIDyEv7O46dnFfcvkQSJDPEJGOp41aDSHar1gpE7Vqun/5ewC1KqtH4zAhUw1AEjUKlU1OJuysk9l5T+udHDO6bojE+zuA2nDHXEKFQq1Ykz6WTkIeMtiOeIgo23/1TUglRcLDsAhjpmFaj0obhnsdL3mCoQ83S/WWgVyPtUTQRxN3DbrM9QR60ClT5m/HzWY+310sFmS3oLAJStvlwanRW0OtMAwFCH7T5URW4DnUnlsfHZ0EQlitVXxxGAoQ4cgUqLZEg9nQ7eID4i1AcQDxTwypShDh2BWntb488Cm7xzBolaRDTG+RSUFo+m486UoQ7eGahRShTNtc35mAAY6vCdgaqWO6lNdR1MMQAw1A+IQK2c+HvRTvvLUJ0CYKgf0SmooaG5f1eKEQAY6od0Ciosd/wbSCcjD4MpQ/2czkE1Ugbx7g67qEwAAIb6SS1Q21+kQnJyyyQAYKgf1jmoUUon3pXKSG/GUob6eS1Qmz2bguDNzc1/AGCoH9k5qPblULXajR4mfIb6qZ2GKsVr0mDjLVGJK1KG+smdg6peA1UHsuUK/TLdM9RPryGo2tOdVDmGyrUENRaIMlSuMaiA2+cCYY+hco1BVcUNewyVawsqlJ8XxVC5pqDqyvOiGCrXFFRTfpwpMFSuJaip9oQThso1BFVXH3HCULmGoOYBVUEphso1BBWrn3dmqFw7UFV9QGWoXDtQY/0R0QyVaweqqc/8DJVrByrWr6EyVK4dqN8sURkqx1C5rno7VP3NATBUjqFyXfWXvTvabRQGAigqewS2AdcE/v9ftyYhJN3iaFcqHYd7X6O8HY0hkcZApSoCKlURUKmKgEpVBFSqIqBSFQGVqgioVEVApSr6AajeOmc9UEkxVJ/6besuUEknVD/KU6MHKumDmtZh+plc64BK2qD2C9KY7FKKkotAJVVQfZCvC09G+awHKmmCmp0GZ59yIUsFKumBGr/fG9nnKQtU0gLV7e2PylItUEkJ1EYk7OIIQCUdULv9BadJRBxQSQXUUFgcmT8DKmmA6teBujdSgUoaoCaRpsjDAZUUQI0isXjZ/wWopABqpli87D8ClRRADcXLdy4iPVBJAdRGpCtCDUAloAL1BAGVqgioVEVApSoCKlURUKmKgEpVBFSqIqBSFQGVqgioVEVApSoCKlURUKmKgEpVBFSqIqBSFQGVqugAqAmoVAnUBqikHmpX/LIrLa8AKmWkw/whPw/VFjdPJpFgdwIqtdMsuSOgBpFUWl4R7V5APXXDtAzSw6BGkfBf+9UsUE9b+4i0vzh7AFRXWJE6Fh9RgXrKHo/7Jia7TLQDoNog0uwP1NHuBtTz9XDeN2PnTe4oqF3maL4rlAcqUM9VO8zbJF2RHgjV9juX+EURSXY/oJ6oh6fSPi1Ij4eaiUj61mlv9wPqadqUNtGZteOhuiw1+r/v+gu2FFBP0aY0XKzJ/RpU22WpTXq6ifq1U6CeoOGudDnwfxmqdUFyMVnvvbv0kuttOaC+e8P8pFQBVGtH+VKT7IuA+ta105NSLVCti09MR/sqoL5z6zBtLlmpJqifpRiWh9UQO/s6oL5t92EarTFGH9R/C6hv2jpM+84YA1Sg6mx9zR+9MUAFqtImWQp5mAIVqDprp+3JFKhAVVo7b2c+UIGqtMx0/XsSqEBVWjvfH02BClStrUydMUAFqtba6c4UqEBV28YUqEBV23BnClSgqu36L1TTGQNUoKrt9g6VjAEqUPU2rT/vAxWoerue+r03BqhAVdv11G+cMUAFqt4GyV2MASpQ9dbOt1MfqEBV3LD+JAVUoCpuluu2EaACVXHtx+0lCqhAVdx0ezoFKlAVt4xT6YwBKlAVN2SmIY9ToAJVb5PcNzYDFahqmx/eooAKVKW1H4/HPlCB+oe9c1tOHYTCsPAPEMIhCXn/d927mjZWA5IGB9H13fWinY5+YR1YkNfEAoBj35CoJOpLYm/mTklUEvUVCQAEZyskKon6gswARMeuqCQqJ1GJOHNkM6qOqJxFAaB4A5CoT8FHyqgaoorUvthZ4xYgUZ+Bj3T5q4hqUs/MBGjeAiRqeaSPTPLXEXVIJakacLwFSNTneDqweyqJyhP/DkcjtRSJWh4fGZaqJqqL9x90K5GfRG3X02xRVbSyGwAMvAlI1GY9zRaVj5HgrwAY3gYCCCeiGHM8IawnKtcAhk1PRRNN1LOotKQWZE7U+xVFVWKjXzagmUrqLCqZWo6Q7J/WE5UrcTsYyzXaSVC/RfVkahFscj+qlqirqRATv/zmoM8/NrOeLqLCn4jjSACaxakh6orDBaEFLphW8tNF1AnAnPlV2BDm/4RgaRG+Rfr0vFRlUXlvcI1uJ+wvoqoBOaW/DB6/CPZE3DSmOItTS9QVNWpcEK6hqP8jKnOPCyrrcY+nztZKeNRArS/qF6of+tYk/RGVaQAy40WIwkxDr/phcnpRlVbVBfuwMfUaorbKRdROAPOjmz3N0LErlANA2wUL0j8spEjU46IylVLOxq6im3Cuw4jTac4opEjU46KyKR78ZfwShU4DoOh/eZYVewCJWkBUpgH/h8XCADh9PDJrR4pELSFqFwv+Mt11oamW5VlmjyBRi4jKhkjwt4BhcXrKUk82r4NKohYRlZnt4B/SbZeOYv8pL/CTqMdFXYP/blE5TQqEvMBPoh4XNRX8bbpBOH186Je5W1IkaiFRmd6ULjmz3lF/agYMy4FEPSYq/3U2Qe7axO7Ex0f+/EqKRC0i6lpP5d/70e8+HyDD7D289+Fd5gT9s4el2783qgQAulQgX1+TtHE4TGNf4A8e18zv4KoF0LE6tHTmqYCo7IoR8LE30MD03aq0cgIRT/MGBd9kTsADI6uEbunQ0zF6QOTURhYL2jjnjBbJRTH1B4QZp2kancZbDF/VXFCZAUb+GQyAZpElNRa2V8JeTc1wPW4ugOZ7BjPgWC3Gdu6POMoIuLtKUuacRfEh2zDpI4d0RrR+BlbWXFBZDwj+Gei7HqlLZo5S2i/kHrfCkuDye5RpPFUN+3uo1J860p1a4QBk4TUH0H0sSdZNp6oAOKuH+JRqauuNGaaoNgFfTDzO1HCqagHNKuJauYb3KOPGB92X3GvyORcduGZTVb//RjRKUv+CBqateGLLnXi7C05vlKr+rZSilv9u1OYHPQJzufRUK57B0GT8X0qpipjPiP0jILbvdS+UwO3o800Nxn8P9Kwq/WfU/WKN/OVjvwV2bZyo5lLVf+RdC3LrIAwcvCNjwASI73/XN03cfNqQInhpBN0TdDobrVaSlxmAejMISNPoCLvyv0T71yft6SCjqvXtyq9U/At2yuz/6Fdo//otzni8VnUDgnozlq7SeOtgs9NqAk7JkvPredrzVvXtnv8DfvyS6rLK5fGJra64zVmeDjSqmgFSb8eC0btUm0+hsY3nzfPX/nTIVvUIePV+DF9S6cn6z4aQoqNaqhbxtPut6vb24dReUseepaaSe4o6yhxK5lL9b1VP/0ABSEOvpzQKhUs7LlOPX37ig7aqEqaoZ9DI4m/KLaslFlNXAKa9g47Sv1WZAaNEQA8s/omT7rEQAE6hId1G0kt3LLlVXWV4qQ/EYYepFqylykLAkfNobbvm7xDcqp4yuYSAOnrUlANNjCBv3o3qsc1IWcIOcj56Z+R+Vi3E9J8woZt391lw7CBvAMXCb5ppaqK+SbkQqv8HIab/BNvRg+a82U9ia8tcKvy6xeABFCd1hyDzvVYRC9QL/ICGKjEaVGZFXRuEPwGPk4PUEiXqv5jp1BluuFVqAGCYtSAU9qgAqLZtztD0hMnJG1UJI+piBmNqAEALv1dfS19ZrP2rnueLa2lbVRknKTdYaCimBvA3fxOVF1RX7e5gpudrB1mjKnFEHYupNTxNpSGoW62TIjy3d9bISwCUs5i6ZeooqWmJzdMlULHkVhpPDQCks/Xc4AJBW1WBRFUTBvH+kcnTKTiG3lYWVItn7s7SfeClmFZVIlHVQkPMUz2Dp8E7w6xgAHxlM+KfWyiYaKUdAIok6tn7m763qdoAoEKe6pt4ScZ1n65rRsKT+gBQ1AIPAOWZqStTqefzVEuc+WnYjUtBVG+T5U/In3HFTKrqZElAqyqUqEp5dG2pElj7qABs88x+FqxK9212JgZQEBurImzgf0VAx/LvwNvvJ3bB2gBT5aN0fiaGKDhWRdau/1tnTz0eqFoC8xlEz3bWFcNmnf+rzI9VQZsK/R/2euoei+tzTuXBXu87LlHXCiuV9VELPpBkx6ocAK2kIqE/T2UJ/Ge6DTC/WvkJQMqOHMgKj1WREOizI9viu446Vb/vfXgAML9Y+R0AnzUDTvy3qkcgKsGIQEe7/7M8+ppQA/a3w5p/bZhVrSg/VkVCll9BUTU96L81eznlYgIO3PJCbCNFS64QhA4SAMUOUq9I6EL/d12MdaO4jessHLtB1Tme2i4SAOXOp77Yf3jJVN0njW6p3G6sL21RPYCYqwG2j1gV0bb/E9rIpupOU7KqCqbCS2mm8Jucj7KdJABKd1M7LMml6idNg6pEjZfiCv+UmUvZXhIAV5H3Uw+wd/FOmq3aaYpUrxdcL7UCxDw8SJk5v+0mAVBOSlopVY2ktap1O00bGv3IFdEjb9yfEf7WWFVtfmxV/16Tek9VikI6gF0AKTX5UcOV0CPL9LvHwm+aztN0dFSSVTVe5HQhrIGUDsB6NPamVwlmrxNdazRrbPmKIhlw49zbscqfpN5BOwgoqzoSTjC2WSaAjU/UxmhW3RBe4W+S1XyB/x8tc7oYy4Ukb+KqvlSUOKlmOGB9HVH1YycFALqFphT17ZT78Av+f+tjQHUH69DK1XaWmvC/Xi+Y+URtK6im1kj5Bz9QnY1V+9vaf8aSCNdvJn8LOhqAYaAYQVNc188vqO2xiSETWRXO+v9qqqIj33+LKdKlWfrH3rWut47CwDUTzM0YcPr+z7rbHp/FdbAMDjRJ4/m33540t4k0IwnhBGsOZ/9/Pis6CuWev1Ud1SQD6rF96sJsekdpt+v/v+ke9ApcBbeOtYO2CvVZGm9CbdWZSjb5DQBXeSScqfZStX+BwZRtLGsl3Ib6kVW4SFKoUM94Hr9bOptoPvXVskOJ3+9tVtO8ealqfKJF/kcgteWRrMo6UY2j3nAgCgzZ1QaA/sgXZnO7/Ca1zxqixcHacFuqOu3UGtIZjghl/F10FTpYxRFhHBFMKlipJoPTImU/9JETrDxn70t7qYqnPjl1ILLGinRwujCIhrgHKqrfrhH4sa81k2smFYEOlPp19j4NppqWqqZfEFJnSBEsxwpcGet9cFqIFDeFdi54a9TtA00QLeW7BsZDYi2PbDxhfly5k3Il02GuqVTFE93iUwMsissE+AKb/+ZTOzS3mPygpOuRpVJTmR+AunMTEA3pl1L1DKkZYNpZw5GLKBc0a03RKBcPtxPhcox66il1OU9Fl491V/VUqblgQv/J7HyLnF/aIGixS9DnCKiZl/RzwCaeUrVb796+qzoB/HVrqSWQkn1CzHJVPvBdBwDHi9/72T8RfUSpQtVlPG3fVcULjqa8OORdlZwBu0vkEhRTAG/J0/alquGl21MvCQuM9zUU6dUcAUDCSvnS+ik7Wixs01UdX7fj/5pgd8ebK30y1wIqITZE8eKKcgivmt2r3v+2EtWzQ91/MK4fqQW86tZL8bIuvznksYVFRAOqXt/GTz0FAoC+gmLblqr8tkpfZqX8IePiY5tFKQ7Ul6p4qWN+Lw5W69u7bq7muk2RAUCJkTqkBvn30Qhmq9f/hzP5/xxUdFJ18r/NIKoqOr7Kj6VYzY1OxNjrmfxfEZ5I/Efzf9htoAIIhfsAqkCayjEVp/P/GYjKX9w0L2mjiSpLPL9DzSllA6CvmfxffIT6RSBXN51XlKoUUQPASxK/ekqp84XpVQ/6vRaI+FKxVAVAH5aoBoB8mjbcLcZTpraHJ760ClJ1szzFAV+Q+F3tNz1WLfu/yhrK14VuOK257KpywB6tovLqNJCVs8hwVlMbgxG1mqpS1azJlu+lfIM9T6ZyGplOQ3WDJzdSG1LVrWSmzC/3t4hWrvb7vp51/5ZQFVMg3VVduymRTVRb2UnF9ZpVMZ7Wvx0MYaRqS9WV0NQAP7aw6oErDOjs8XKbKF8Gtj1PY/5fDZM6gD8ooMYtW1XR4yxStYElDH8LqgLqQERdBNRndlMnU5vBNzD8tFQFXLFG9fUDarz37WTqC6ART+lSFfSyLsZy11Y0gG+heoaTqV332jz9P/+Hojrqsqr1/BH1ZGrXvTxPY6lKl3SmzH0jdFJ7650kiNqCqaf3rwbbmKd0qYrNvX5btAGwHE7hD4xsbqYiU88qVT2Y9jylz6rKrrM5tj8A/I4bayMYcTdxbaaelf9KkIU8bSNVWc7eKQX4429yvn2Kp4Rju5Zcj1+9kurnINUDeRqlqsjZiX44jQq+uFLRAfBEC7U6U89NPxXAeJM6f7lUxb7vd0czv/5+wsADoC/Rrpw1zmNUd0Pg4TyNVVWo3fapPTgbBQQqMoe2H8IIQJ1lqjsQ/ixgeDhmqQq/V+3XB3nK9UrrOtr0N/gl8tNSHYbBl4l4BgwZTM2r9jORuANYrMuxgfBSDTCdluq+MWmMz8HTWFUV1HYUniVmwtoncXGjIfyay/+0xYBTqB6Expfdfx70I70BMGR90wqwq/+GZoyMqP4HdHo/nl2qQ/BPYaOS+T9seimf9fNjKxXuEvVYTVxU1AjXM/2XQ6rnkafUWpWEBaLBAbt5ZaUI1jsRXf/+na8N0v/p/gvg8FTyNG8DIM/oReqV4TKLzqxW+IJ1qzqqvVcC9cMwfWEY+p5M/6f7L4E0T5j29zcAcoAVKlS2EBIOC5hqnn+YRnzHderpn6E9g2oWxIPcfgw/Q4w91FqVcqKKVVI3gFpeTaG85fiEr3NWehiRxnXYfG9nUM2DtI9z+/1wxRLj1NNnVUvLqKt5VQnARZpzdvkPmgOAYfdfUTgtbg33IbiwvKp2nDYedQbVLGj+gGYUFX6mnpSqRUSVAER6RaADIC9f+AhYckUDOO77oLyQG9czD1RQPddT0Oq09q215eFHGR9c8DbGnoFaq1KS+tfzqio+3gLm8hedWZyDUcB0VEnzILsUmAdhV/vraf9pBDQPpzRNjZaXiE54Hr9QYq1KruvngNtYDmwAfYlg6m9Y04es1LQbFR0nCoADcG6nIkzUo8LpMEvOj8sNmEV8VbRUVXszKWtxIADOUkSNUlUxDkxNWvfSU1HhepqqKtcq19emil3SmOP8tHuvmgH8XrNNrRKIWY4IXiKiVD0SUAcASuZFhp7UDubsqa4Q2dAMlMvl7LKNzmZJ1cjDDaxbVx6wbGmmks+LsdmiXno74oDT/6+hm2d92hu7Cw2pAOBKS1UNYM/zy1XHyS+tGJep5y1PM2P2JmFGBof+ekrVbxCqedang8bHZRd6N/8bsTM4fTMGaAH7/S5q211WOCDcewCsoFe9Xzs4J1U+wdTDsv4fcSovOfjw+ASV/zkdySzgu4RGnRHwCfexfl5X+vFMeydiSgazhpOqf8BMLKs3Ai1OxSUXUlGlqhmClKj6tqEaYZB+QV3h7f3jXpmsbNR1wNkAmGn6QHEabrN+x1zwwYkYaFd5eCL+HjXjf9O5ksuGgeOYoSTxE8lA0f4rndGunvDmk6rM4FHjfMOYloQycPwPI27yMNWSuM40I4zLbTibh6eC+vPYAEqqDo8haj++tadiBg/wUKQ4ZQoRacnYmfjbojcAriEAlToVBmUU/n+gtBuRPmQzddzxUoUHsfvrW5ephGofTWlxqm+iqfk7VzQN03SdDZImfHiRnnOJI1VsGb9ZNJfJl8cza/8T4It3rp/V1CQcfwBNaXH64deDmv20EXhnH062uZKxy24MNQKwbFlVTrbKukymDju5v+h86/TG8yky8MdYqEgk06XrpNc+FU78B9WqWmPaCEF+I9AJ5zRL9ulMd8vUMS/3m+wT6XTmH9/X8DOLR9CU7peyaKuTtNM3DyDyf39NumRb4kckUnGf5cnUAZnJX+5d3DW+aziVTuEBdVOKddEgDQS3FcvO/7GhI44TVQFIvFgPjJnv02bydKB4+qZ7/pjFA4w+mcdjyWkqLWV9zPmfUhiSTv301W8z3dnyOTOd/zVnmYTe63hd37J6Kp16YM6P1CFNPF3xzq7Dx8d4SZgp+kqtpKAmDvoVniZlao+nwzvyVBviuByBxv1Smmu0to3TzRP1GEeUp4h4Oi3pLr6F1D5f5Rix9X2o3bZs/353pTMbD+k2RT98LlkgQuLxLnofg1veqErsK4g4z192ZUGke1SqBhiKrsq0Wt7kNjN/HXtBmXdvBOb5DwXTYdz4PQwbfcmyuaQhXX+Vc6uKeIyRcRw1z+FMa8Z1i9c8lX4e3HinxSd0sArIkmD9W11CMbO0uc2PESTaNbJfSotTWj4U/aEpdlU5oA+tgh+BsKhQjQeO1kbkRo3pfbZQCs8bpHy6IR2Cjb3ZDHE6VJgRiHUDqmH7ZZFMd8SJDwC/zOjyiRrba/k7fSLG9wioUlu0YyltsWXUjTv90qFOiStWYsmuqtjP/Tb9qgAs3dQR6X69juN4vX6uKso+JtD9drCg2rCUrjyx1Ungaf4f94jTCq2qKJL3bvRlW0u3AHwQRG2BAVDdb4bUljdjaX4biMUxZEZw6pjKIEdVKHrTh5n8lhPvFxG1+ymi/ubaVCRpdY9fPn5uQPdL609dd3a3E0uEKWI0elqs+5FRozbF8Fubp1J7hRhKq7O0fFrSA+Ab4nRqc8haKir/jwRTGX0eK5b8xWb584you2DOcDQOpaRN2U6ldtVJKsz65a2qnfyf7sELE71d8pnU5S+ow3hPqlEF5yYI2T0UTHuF9iQlCz+kh9b0MN9xDGSrisz/vmA8d8L3xMBr32zQ3vXPBHkYW5mzCkuStrNOdCmdbkZKQkI2OCoQxwfoK4DkX8HEQdB0GFcLMqrfO9G+jiqxhLLu5+jKdDAcEWNrTUqLU3qAXRFFeQINW1UzOOepbcF0f8H82KaOqVbuD8C4ukiAKxs069pBCu0NX3U5WpOU+ApZzm4lR3CnzuswsuBUdaRqtJ7ZZxAlKmf+9r1++feD6CNbI1+9E6wmQZkOdsVQjA/gKCFOtw1VV7DAoXKrqif6mlEw5QsLXtvzt5+essD4rUl2HbGGMtY7LZg8Sk/xyU/FgWeh6LJfmr1byRatxDm63Lm4rdD3falVs9UDavN5VJ365Psh8nUFroyxPjinhWBMfmJJyS8wIbR2Lnhr1KyfnoyiyUMeNDTQegdbT5+qPt5sY4k/+IOOdaow4c+IsdeZryOqIBJ0eIaL9GK/NBe1xSllzolWVYVxgoAWib/pmSmWtYe4/2TsPZSdp22egaDEQeTc3EOjTauKEa2q0jOI/7J3r8ttg0AUgFPOCN3vef9nbWXLpgpYGYyxF+l8fzvTycQE1uwBautDj64LvHKqgm+tovX1PbppvsS94HKJgc3ri5mCRqcjzOfFv66L36ryP4P4kUfhddi5/kHmw8uRmTCfpzZqgWpHVUKir/sx7+nr7QJe8VWl2IeXY9JPvyeTx1wx/U9V+/8Hptb9gGffRisGuQ+E22L1SyWu/b+3qibfBwXCY96v2yguEnnkJrqIVx+W0QZq+KnqwDOI8ZnjaMpnNj3ldGrCfM8xR+Ejs09V260q7+JUwEd+S9L2hc9dI83XuZh+6bOGN//SJr+oyu4ZRCEf+TpUUY6704W526I73ap/L07TGagPV3FTuLn3C2QVp9Z8saqHqnAGlkykrvv8n1Y8+zeNLNJY+r1PVTfd7hlEMYWebjrcZWtDvro03dt6k54X8yNHZt/dFCZ2KN7/VDWmRm9yVJnjDKLAqUk3M/bN5xul5ja8QJFD8f6nqlemQ+jolw6CVn3DxEoduo/nlaLb75eGqr1bj5FbVX2GjcHxoICsVd92jZFcTbICIdHsh/mCxc9w+j9drYYSV+Wg7H+VsCVFEcJ8O6rskyuoiarYlhDwMpVK6pdStDDfPlXGzhz5t6r2fZ+095gi805ToKIVsV1uWlU2cf1SekW/NNFcxMP31kX2Sylmv9Qmam4yraodf2QsABS/X2ooadvlplX1wLekfim95x3jQuJ2+e2Q94NhKmkBII/LTwL0MrfL182MOremVdWeNMqRoFcWp2K/kdxSHfWobhPrcmXnWRNHKbqti8EKacXp1iaA9A9w2mBcikyYL5TE4vTRtVOnDsalyIT5QlVpfCPRzTSfPnOUHBPmC5VYlkNrmbd80F5xeph+KR3SGuY7Ur+UjmcN852nOKUkTa8L83GDh7Yk9ktZnNJPAsN8PRbciKQIdHeCfimlTt+vhymOFuajA9Ew2uJoYT46Cg0jKIfCBCfF1AGoc6VUX5q3lv3lafVLKTUNgEqtWiyqZ8J83JKiqDqgVXfXeXE8XpiPUgcgV/8ZAWBgv5Rk0UCmNioAGNgvJVEaoFRbOQD07JeSJOtAtUdqzjAfCbIOVHv1zwoWpyTHpUa1jABq9ktJEADKVv+6nVq0XPXpjTqgV7bL4p/e5Sd0WBPQKlsFYGSYj8RoACiHEkCR5OUndEwARmXLAYwM85EYE1A+mFIzhvlIDA2gfzCl5olffkJHMgOZcsiAlv1SEkMDGJStBTL2S0mOCUDuXvsL9ktJjs79fQpAxTAfydEAaJ1F6sjilASZnJupJTCwOCVJOgC9a6BKe8mMTs41UjNgYJiPRNGdvUkFYGS/lGS5jNT65/YUw3wkzWWkZv2mRGW/lASaAaCs1NXAd8FIqAaLbKjyvC9ZnJJYesaCxSlJtw5VNqJIOt3MHdDNHKZERERERERERERERERERERERERERERERERERERE9HejYBSMglEwCkbBIAQABCjtW7vF0+oAAAAASUVORK5CYII=) 50%/contain no-repeat;
}
.svc-surface-placeholder__image--logic {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAqgAAAIcCAMAAAANPawNAAAAPFBMVEUAAADd3d2ysrIBAQEgICCgoKA2NjZ/f38AAAAAAAAAAAAAAABJSUkAAADFxcUAAABYWFiPj49tbW0AAADart5LAAAAFHRSTlMAJiYmJiYmJh8UCg4mIyYFJiYmGggJXagAABeZSURBVHja7NzRTupQEAVQKiqlCFX4/3+9F3HoJRdMA7GdMWu96COxZM7mzJYFAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAz+gPy0O/gNzWy6O1tyqZbbbLk+1mAUl17fKv59Xz8UfbLSCh/rA8WjVNszr+IqqS0Smcvu+ao93+FFUXkMopnL4+NWH3JqqSTX8Kpx/Nv15EVVLpT6f+vrkgqpLL+vPUf9s1/9u9i6rk0LURTq96ehVVmV9/iHB604eoyryGcPq9vajKnDZXw+nNqLoVVZle7EtfmhEiqjr/mdawLx3r49n5z+SGfel4ewVAJjXsS0exVWWkOcJpsFVlDkM4vc9KVOW6+cNpUADkphThVFRlSpdlviCqksp5X3oHBUAmMpT57qAAyDSGMt8dFACZwO0yn6hKKo+EUwVAprJ5IJwqAPKdHPvSRgGQ2zLtSxUAuSnVvlQBkOvS7UvHblVFVZKGU1dVFAmnCoAUCacKgNQIpwqAzF7mE1W5UGVfqgCYxqatPgvW2/vDqQLgoGvbvAGma6vPgu6RcKoAeNYfEgeYzxdXehacy3zzqx1Vj+kpbYD5utCpOwtmD6e/pQD4dWeSM8DEhU7dWXAu82VRtAAYC72UASYudOp+bD3/eTMpWACMhd7FVxhneSfEmVl3Fpz/vNkke9Kj70xS1sLixdX92Lpezn4l9SsKgJH/UgaYuNCpOws2Oa6kyhcAI/+lDDBxoVN3FqQMpyGedIGPp5H/Uv4HQ7y4urMgbThN9qRHfztHygATFzp1Z0HmcFqpABjfzpGyFhZnZt1ZkDycpnnSY/Nfyl3b+DMz6yzo2jT70tJb1ch/OWthcWaWnQX9IdW+9A9357bcNgzE0Hgp2YkvSqz8/7+2ro2h77Nc2CRYPrcznOgEAgls1G8BEP5PshaGd2a/WiBQ5vsvCoDwf5K1MGyuXy346smcXj9poZsU+D9JA4PNdawF687M6b0nrWCk4P8kDQw213MZeCN/xf8cVI3fePg/SQODzfV9bF2n1O2r/3AyVVBU+D/JCQZc6PR+bD2A2stN/+1dnwKofKC3vxQtuQsdCau6PkjB0EV2eu/pptUyAKqG/3s4waB3oSNgVQ+gHtS9M6tqyyMfZhFQVfzfowKg4HRm8wLgEdTFYpvEhk8c76LlaHFQ1f46BwqAstOZjQuAAHUxDd3EU3M6PgKzIKiaA5CogkhurnkBEKD+XWPq4k71ZE5nsxioop/aOhct1elMsgDIg4o1619Vnczp1iwMquqnts6qILIFeEL1XwdqB1Y1m9MQqLL+7/Z+XbYAz6k+DyqWKVvVVTanhaBKm9PX3q+fNneuNYqqT4AKdVe1qmM2p0FQ+/jrHJhgkNwcr/o8qNpWNZvTOKjt89Iy0ZLcHK/6PKhY01ItVT2Z02G0AKhSeWmZaElujk9VeVCxTCtVXaXjdswCoKrlpWWiJbk5PlXlQcXa66Sq44C8NAaqWl5aJlqSm6OtKg9qXj8aVnXanvZhj0DVHeZ4jWjJTmcSVpUBVdOqzjCnxaB2aU7vFwBVpzNJq8qDitW8AIgyn1k5qJ2a0/sFQNXpTIfq1wC1cQEwl/kCoHZrTu8XAGU/tcAUAHlQFVJV5KVmAVBFy3xMAVD2Uwt0qsqDigIgEcrxZb4AqN3kpWVVEMnNOQqAlUCFVR0Iq0qU+QKgapf5GNFS/dQCWQDkQcWaCatK5aVhUIXLfHSqCkxlbrqhLJ4JBR5UGauay3xtQV3v2vu/vMbhClWp7BBitvvAqgoqVQDky3yNQd0p+L+bH8wlqLPAex+aLwJqoADIlfk0QFVwgKj/3QE1DSKaetxc+vzAqgoqUQBkzakAqJ9J4kwNPR3SDagyfYz9kKRAdaaqfJlPCVQJlzqChAtQRUaHEMysdEB1WVW+zCcD6qhRIkcxx65AlZhyz60hKVAdBUC2zKcEqsS8Yy7mXIGqMDqUg5liUH+REdCgEgVAosz3LlA3v5tiUAXmHXMx5wbU9qNDOZgpBvX7cFhdE6ASVpXXjHeCikJaCajN5x1zMechqPzj4M++RaCCvDeA6isA8prxVlARmBeDyr9D+OzjCais6vObC4D6ld4Aqq8AyGtGBVDT7jsAKitavP97Biqp+nwwEwD1N1UAlUhVWXPKg4p/7gaVn3fk/Z8DVE71+WAGoPrt6fBTC1TIzDzxmmF1QJ0xOeEFlX+H8P7PASqh+uTmIqCujwK3qgZqLgDSmlEJVNv/M6oBUAnR4rIPB6iE6pObC4H6dbLTBKjEeb1KXsqDauOAwQkfqJxo8f7PAyqv+nwwA1Cd9nS/IEAlrSpxZqwIqtkWvUkPqOR1B+///KBC9SOPgw9mAKprsGewRX1Qc4xHaEZNUA1G1QVqfdGatnjReEHlTw782Regejq+y2lRB1S+AJg1owGotoJRdYBau0Q+5ezDC2pF1c+bi4G6gaJVAJUsAPLmlAcVRtUBKvEOIf0fASpxciCCGYDqsKc1QOVT1XxmbAEq/huMagBUxwcPaP9HgEqoPhHMAFSXPc2g7v6wd7e7bYIxGIYDJE3I8sVy/uc6NeypS2Miq7cQlmL/n8TUq+bhtaFeHY4cKl8AtJ6xGNTr/eDVA6rqpqAagAruISD/haGCrs8vLg71avHUJPh1oFB5VLWesSDUvnNLUENBVVBB0wL5D0AlU1U4mBHU+Xh6m3S2bq7OEGp8AZDMSznUezdT2/ZbDQqqAajgHgLyH4Aa6vp8MBOH2juPd+3g1RZABVEVLPMRqKe9V+2kdgqqAaisafH850NlPw4+mIlDVTwN1HJQ/TEeWObDUEMHXwqqfwBUMFV1Zx8AKuj64OJiUBVPU0G1E/GZnpEI6hhUewDVaVog/wGooOuDwUwM6vF/PM0G1cZ4XjhNBVVBFUC1ewjNfwgq7/p8MCOofjzNCNXGeE89IxlUBVUC1e4hJP8RqLzr84sTVP+t812TE6qN8X72jGxQFVQRVGtaIP8BqLjr88GMoPo70pcmLVRro9Nfy3xQtaSCoFrTAvkPQIVdnw9mBNXdkW6azFB1Ij7tGQmhjkH1zqDaPQTnPw6Vd327OAa1fzjNDlVjvO89IyPU9jG5v0Ko1rRQ/uNQede3Z18EVfOofXqoTTP8PJLKCHVcpgId1ZmqgvzHoPKub4MZDFVHU/mhNl3XTf7DCaFq6s+h2ioIyH8UagxhbJjLoeqwv6BSqHqWAlDdBUCwmAOggq6PBzOC6o9PCyqEeoLnqPOrICD/Aaig63sXx6HqxL+gAqhjPD1HJ1O8afn5j0PlXZ8PZgyqv+JXUH8PddD3qDBUfxUknP84VN71bTDDofpBtaA6UEk8Nah4idzPf6tDVde/XQLnZQSqpLpB9eLVe0G9DV458VT/OgAVLpHbn8xMAdW6fmCYS6EqqA4Tpp1fbwXVr4/ndZTYhj9fIrf8lwWqdf3AMJdD1avSVvuC2s2Vs+AXgcqXyC3/JYL61fXt4jDU2McnXkM9H98E6vVw9kpQnXgKoIamql/5LxlUdf3AxXGoCqqB9/rfBGrgvX7t9kWg8qal/JcPqrq+zssw1MgH0gpqFKq2pUNQedNS/ksJtWk+FN4Xh6qgWlBjUBVP41D5Zm7bpoV6WxCqH1RPl4IagKo3+uJQeVDdFtRpUC2or6FaPC2oq0BVUN0V1NdQFU8L6lpQ9W30gvoKqj44WVDXg6o3qf4W1Fmo2pEuqCtC1ZJKV1BnoY6PUQV1Paiqe0GdLY3nCmoCqJu+oM5CHeNpQU0BdXMsqDM1xtOCmgTq54nqfVNQn6s/95uCmgfqZxVUvwpqQS2oBbWgFtSCWlALakEtqAW1oBbUgvqPXTqgAQCAQQBk/9T3MdwgA6KKKqqooooqqqiiiiqqqKKKKqqooooqqqiiiiqqqKKKKqqoopaooopaoooqqqiiiiqqqKKKKqqooooqqqiiiiqqqKKKKmoiqqiiPlGHoh57Z6ObIBAEYZsrRRBE4P3ftWmuEzyMEZhMO5u4T3CGb7/98QJXL1CnN6j/BeroBWq1AjVNRqBWXdKCmuri2LFArZMU1HS7GoF6S/egzvmDgC6g3vDeeU0M+UOYH0tEAnX8wluLFdGkn6hdQK0/V1/KuPT50+4OoObDnQWPovy13SKOOKBWHZJYFO05p7EDqDkn+8tjKsH6PKj84ZQxNKnodsKAmmvNPJyEAWnxoGpycphhfRJUa2EghqLbCQKqsNYQ0hKBOiEnFdYHqPzh9NHeiSMEqMJaI5AWQNXkJJo3ClR7YSCaHuIIAOrrWuPVqgJUTU7C+tP170GtCGFw4pgCgLq11thMnACVyEnC+jpQq9+V1Osn4SWOp6CGbE7pibMElctJ2cMDqDGEsZ5xjUHdV2tMJk6ASuQkYX0RqON+YZjNuNtAjVRrIC2kMQMqn5O89XlQcbi9Y4LVjPsIatzmtIxmkZYeVOQkYX0dqAeF4dyqPgM1Wq1hpAVQ9TmJPaMW1Ck/iUOYGs2420ANV2vwoVlISwcqcrJviT2jDFQc7nIyCCzmfEB1qDXlxKkDteqQk/o9I0B13WFv7HZqE1Bdak05cRKgSu8wtLD+DlCdLlgca1UNQHWqNcXESYLKr6R46wNU4x22tFUtQY30f6kgjQGq4A4DbX2AanbBgphxGVDdL/MppQVQiZxUWh+gBhXGejFHghrs/1JCWgSoxJqYsD5Atd9hSy8AAtQAl/lk0gKoRE4qrQ9QAwvjm1wzSG0gBoLgKQQCIQH//69msRpbyDqsisHdWr1AsNXNaKeQANiDutFwOiktACrJJG99geopWNQLgD2okftS9OIcQUWZ5K0PQP36ty+M4cfcIqibDadvX5wAVJBJ3PoCNb0wmAAoUHNkPvLiXACVZpK3vkA1FizAtHMW1CSZjwiAC6CyTPLWF6jWgkW5AChQdxxOJwLgWVBZJnnrC1RzwaJ4qypQw2Q+UlpnQOWZ5P8ZBaq9YFG6VRWocTIfFgBHUIHMV/mfUaD6CxaVAqBADZT54ItzBBXIfJWtL1A/fjlw+KgqUCNlPvTiHEG1yKRafwQ1Q7CoGlUFaqbMx2M8B/WbZpK3fg9q5D9sOKqOoO6xL12LsUC1cRjU+j2oJpcDhwiAAjVX5uOlJVB9MqnW70B1uRw4QAAUqNvsSxdKS6A6ZVKt/wJq8D9sJAD2oEbLfLC0BKpXJp+t30B1utzCgQKgQL3EcDopLYHqlkm1fgM1TbAgAuAc1M32pedenA1Uu0yq9R+gJsl8VACcg3qZ4XSyHDlANcykWv8A1e5y3akWAAXqDjIfeXEeoFpm8vh4j2N4ue7UCoACNV0cR6XVjmcm23/G+H0p3KoK1GsNp+9enL4Ow9/N+HI6NW/cEdRtZL7F0vLO5M9vtmCBRtUe1I1kvjv7dowDIQwDAbA+ndAV9/+/ohQuLFdQ2cnMF1jEimzeTkGuzu/k55QnkatqDWqH4dAjkrCzqKo1qJuN+ZguqmoJai6nzT+EHCAPACOoOw3H2UMMAFNQGw2HoA4AI6gnnJcyTxoArqA2Gw5BHQCuoHYbDkGpqiuox5yXMk/czF1xVU5p7Hu1Hg5BOlVVTmnv91dOGWH9qlJOGUBMAQAAAICbvTtKThQKogAafIiCAYLuf6+jpZTDgBF/oKk5Zw1d5ObS0gAAAAD/j6qcZpOKUOr0whcEkl6x6k8kKaXDmEElmJRSNmZQCcagsgkGlU0wqGyCQWUTDCqbYFDZBIPKJhhUNsGgsgkGlU0wqGyCQSWethp5Oain6l9Gl4XUaWx6UKfUJpVFtGnuoOZpzPeoWUqZbvJioMvG9sVA7gwFC+pPSnbZZ/a5e+gs7NJflJzvx7kUFtYfP8v32Vy7PF05ksay+otS52yec7o6epyyglO6ynfZe03hvyiWNT7Te8je6ZzwZV1luiqa3x+n3x6nrKwvqpRSRFemq+9GKUVw1S9F1S53uZ8o2nv7r5QiulM9VVTtlFIE0x7H7f/B45R4HkWVjp/ghu1/l5RSBNUXVX3Hf/mCiPr2f6+UIrR7UVXo+InuVlRZPCW+9qKUYhNOR6UUAAAAAAAAAAAAROVADxtwqlNtIZXgqmPyMVSiay/pxo/7CK1MNz/NOd2URpWI7j9ALXb3D1D4ZT8hVcf092dS97moSjyPcHrOng6iKtGU9cQhv+bH6VMiqZ7hdGhXiKpEcf+rn3fZgKhKKG35CKcDoiqxlPXU8R5RlVCGlVRPVCWURzg9ZO91ucMTrOQRTptsFm9VWcVpIpy+P91rAZB3lg+n46jqUgoL6t+XHrJPdbmqisX0y3zZgKhKKM9lvs9ZAOSlAOHUW1UWMV7mm8VbVRY1XuabxVtVVlF9FE69VWUV7XFqmU9UJZTpZT5RlViml/lE1T/s2+Fu2jAUhuHGIfBjUcay+7/XtYNQIVNmKbXx0Z7nGl6VD3xKVx7/JGWq0pX8P03KOQCksvyYr5rVVKXJMd/+qeoAkE7HqQNAXn7M984BIE91csznAJBn+jnmcwDIY0HHqVdVgoxTr6o0O+bzqkqB8OP0XjJVqXXMZ6ryD/0f85mqXPR+zGeq8p1+jtdx2od0HD/4/OfRS9Q89OM8vvv9Bnd+9PUXdZl9+PM41ItzFxt1HUeh8kWoh0ODJ6nyW6rxKFQehToPp7H2I3/596hzmoXK41CH4Vx1qpaP02NKQuXrUIfl+NKpuo6Xt7EkVJ6E+mFqPFXzcXpKSag8CfVqbTpV83GahMrzUDfz2Pw5dbnO4ykJldJQh+XQ6EAlH6dCpSTUzTS2O/nbdvGaklApDXWzVv2pKh+nc0pCpTzUFlM1H6eHKQmVslAzqf5UPd3GqVApDTX3K5+qdcapUNkRav6qWue9VKjsCrXmq+qybuNUqOwKdZNqvKqebu+lQmVnqJvvPwCcDtt7qVDZEWqdqZqPU6GyI9Q6UzV/LxUq3x1qfgC4/5hPqFQINZuqO4/5hEqFULNX1Z3HfEKlQqj5AeDOcSpU6oSaHwDueC8VKlVC3XMAmB/zCZUKoe6bqvkxn1BpFWp+AFh+zCdUGoWaHwCWj1Oh0jjU8lfVZd7GqVBpGWr+qlp0zCdUGoeaHwAWHPMJlUahlr+q5sd8QqVRqOVTNT/mEyqvD/WrqXobp0Kli1DvDgDzYz6h0kuon1M1O+YTKj2F+vmqenfMJ1R6C/V2ALh8HvMJlf5CvRwAbtaUhEqfoV6+6V/fS4XK21uvoV6m6mFKQuVDv6EO76FOSaj8JVT+T0IlBKESglAJQaiEIFRCECohCJUQhEoIQiUEoRKCUAlBqIQgVEIQKiEIlRCESghCJQShEoJQCUGohCBUQhAqIQiVEIRKCEIlBKESglAJ4Q97d4CTOBSFYZRYilCBFtz/XqdSa9K5jmma8XFfck7iDr6EX941CpUqCJUqCJUqCJUqCJUqCJUqCJUqCJUqCJUqCJUqCJUqjKHu21Sh3vZCJeimfw2dJtT23IzedrB0aj7ck4Q6NB/ed/C3/n365+UJQn3dN6Njt4NvdJdmdHh5cqi3QzO6+Njnn06PVIdr2VDjOPVrFD/rw1QtHOp9Gqf9Dn7UHxdTdVuoxim/7y1M1UKhtsYpG76qGq5FQ20H45RNX1U1r1tDNU4ppJumalso1JtxSoGpGkLdNE596lNgqm4P9XOc+tSnwFTdHOp9b5xScKrGUNeP04txyn+Zqufrr4Tano1TSr2qbg918JUUBQ8AY6jeSykmTtXDy9pQHfPxJKd5qq4K1TEfZcWpuipU76WUFg8AV4RqnFLM+lfVGKpxSjHrX1VjqI75KGb9q2oM1Tjl6eKragzVOCWBMFVDqP7ShBSWUzWG6piPHBZTNYbqmI8s5qn6baiO+cjj6wAwhuqYj0TmV9UYqmM+UokHgFOovpIimXAA+AjVeynpLA8Ap1Ad85HPYqpOoXovJaP5APArVOOUnOZX1c9QjVOyml9VH6Eap6Q1v6qOP745JbPu2EyMU3J7TFXjlPxOjvmoQn9sLjIFAAAAAAAAAAAAAAAAAAAAAAAAAAAAgD8bBaNgFIyCUUAbAACct/79NDQGuwAAAABJRU5ErkJggg==) 50%/contain no-repeat;
}
.svc-surface-placeholder__image--translation {
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAArEAAAIcCAMAAADWhgYvAAAAP1BMVEUAAACysrL////d3d0BAQEeHh6kpKTCwsIzMzOCgoJTU1OUlJRkZGQAAABERERzc3MAAAAAAADs7OwAAAAAAADvLV1AAAAAFXRSTlMAJiYmJiYmJiYmJiYmESYmCCEmFx3Rq0SyAAAvxElEQVR42uzdW3ajQAxFUYsqXjYGEmf+Y+04mNBuP6Kqj5TkPnsE+bjAXctStAMAAAAAAAAAAADwX5vf4mkHODF/xE9vxx3gwSlefMw7wLrjW/w0TvHsRGZh21II6iaEdoifqLOwbMlr7MMX6aizMG0psEMbVoeaOguzLgVWwt+oszDqUmAP4R/tPp5RDWDKvBSCKVyhzsKoYzzbt+EKdRY2LQW2k3CFOgub7hdY6ixsul9gqbMwaiuwCoea1yxK2gqsjnT8bIsCtAX2tslSZVHQVmBVphhJLMrZCmxChY1TR2JRwrwU2CapwMa9CInFb9sKbJ9WYLtGSCwKWGcK0wpsfRAhsfht20xhYoEdREgsClgKbJ1YYEcREosCtqUYlXZYCyyJRQHbUoxOvxTYXoTEQqdkgW2+CyyJRQHbVrdKO64FlsSigPmUU2DrRkgsdAwU2NiLkFgUsM0UJhZYEgutgjOFY1zyLSQWBcyJM4XD+pMsiYVWwZnCvl4LLImFStkC+z1TSGKhVXwppmuExKKArcCmzhSSWGiVX4oRIbEoYN4KbNpSDImFioMCS2JxxchSDInFb9oK7JheYEks1EpvdY8iJBZaNra6SSw0LBTYXoTEIoGNrW4SC4VySzHyvRRDYqFVfKu7boTEIoWhrW4Sizz5BTZ9KealE8tVHKvylmJGkZdO7PGN62M2ZS7FNPLSiZ0/uD5mVPZSzCsndj5F/gG+TdlLMS+d2MtT3HB9zJrcrW6dpq57j4ldJ4M5pmtN9la3zle8/SX2n6d4itwfsyJ3KUZniNFlYi9PMcd0zTlmLsXo9HV0mdhtMvj2mC7VIIeHpRiRZslr5y2x9yeDqbMG5G51q3xPyBx8JfbpZPBAnU3lrMCeX9++EvvDZHA7UmcTFT91qLLGOwRfiVVMBjfU2QROlmKabn19+0qscjK4p85q+djqlku8JQRXiVVOBm919mMHhWJLMZO6EKwF1ldikyaD25HI/szIqcPnmnEtsL4SmzwZTGIfKvDpy9/qHuIi+Eps8r0n5rmecrMUM9Vf8faW2MR7T2FgAvFHlk4dPnTolhfVu7PEnvImg/dG/vwXlvzpyymw/XvlK7F5k8GDCIl9yNipw2cFdh+qylVisyeDSewd5Qts7JNmtLq2qlwlNnsymMQ+Zu/U4eMCW1W+Epu32jaJkNhbBj596gK7j2fTe+UrsdmTwST2hqFPX0qBdZXY7MlgEntP+U9feoH1ldjsyWAS+4iLre5LgT1Ula/EZk8Gk9gb1j59ugLrK7HZk8Ek9j7rpw7/sHe2vXHCQBAWxjYvRlDx/39sS+8cJ+e91CyO2a1mPlZtLxJP2Dkzy0Q9/vraG6OKWHYyGMRSEjf6/mFgXWeMLmLZyWAQ+1bSqw4PhdUeCsboIpadDAaxufQZ2GU3uohl9z2B2FxSRx+lzUUDq4pYtoEFse+ko+owGVhdxMbf4tPJYBCbS/Doe5cpNEYXsexkMIjNJHv0vWiJBlYXsey+JxBL6X4De3IpZjBGFbHsvicQS+n+s5vzmUJdxLKTwSCWkPjRRxhYXcSy+55AbCYVoy/LFOoilp0MBrG5BIw+dz5TqIpYdjIYxBJSMvq+GlhdxLKTwSA2l5rRl15LtBtdxLKTwSA2k4jRd97AqiKWvdUNYgkpGn3JwKoilp0MBrGEFI2+tBSji1h2MhjE5lI0+tJSjC5i2clgEEtIgIE9v9Wtilh2MhjEUtIz+p4GtjNGF7FsAwtiaYl5oUmJgbXBGF3EspPBIDaTptGXlmJ0Ecve6gaxmVSNvrTVrYpYdjIYxBJSZ2BdZ4wuYtmrbSCWkJ7RlzKFuohlJ4NBLCktoy8ZWF3E/mwyODi7gliRo++51T0Yo4pYfjK4vLAUxN7+QpNcwcVMoS5iKyaDaSxBrOSqw8kYXcT+bDJ4sxbEijSwaatbF7GV+57oxv0ZxIobfWmrWxWxnKrDcgMbh9QwgFgJLzQhl2J0EcurOiw3sPEUEcTKGn2p6lAXsdyqwzJNNpowECvr7OZTplAVsT+cDHbxFBHEinmhyetSjCpifzgZvMYEGIiVXXWohlhu1WGZJhdNGIgVttX9sRSji9gWq23H7RvECht9FwzsPgx9LWJFJoOt7UDs/7DV/Vf9NOZPG/jESkwGOxArc/S5wOB1sR8aahArMRkMYmUuxXAM7PMowj1Q6CsQK2ar23/0PYFYYS80WdhLMf5xE1r8c4DOFYgVEqxIyWAQ+98sxQwPK7F9eipUoc9LYjIYxMp5oUmqOjyrfXk96nXW+uvEStjqDh+/xSBWpIFd2AZ29V+fDE3XiZXY9wRipZzdOK6B7RzxQbO1WwViBSaDQayIF5rwDWy/RgPbili+geUng0Gshq3uPczOudkXGNjZd1FVXYHEZDCIvf3spksGlnwa4AbzTsEeWgnncVzX68QK6HvaDYhVUXW42U/qvzGw9Af5OqdbEpPBIFZi1WH/+NN5CtN84Ewb2G+c8pL9IxaxEpPBIFZg1WH3+cvURIYE9o02sMkUTBWIldj3BGLlLcX4r9/aRuJrf3jchEJHa6qUK5CYDAax4qoOuzg/E9cr+Uj2/Qe5LFbAI1ZiMhjESqs6HF6v7/TiSfv5Xx+01UobSkwGg1hhVYf7cc3CF7atdYUGNh0UzFUS3RKTwSC2yQtNykffGu9INLE+M7Aka7avQqzEvicQK2spxsd5nxNLG1j6gUQwVYiVmAwGsaKWYnZ3fHBObKGB7cg0N59YiclgECuq6vDAzdPE7lmm8C2w416d2F9i+p5ArKSzmz1e5YxY2sDSlsBV2/6WmAwGsZKqDiM9GbFpKeZb+ZEClk+sxGQwiJVUdThS/1uwTy1Fd/BxN9WIlZgMBrGCtrr76GIpYldfdO2X3dQjVmLfE4gVVHV4zP8uUygysGGM96qKxDZLBoPY87xKOLtZyJuTjwaWewfnEyux7wnE/pUVMfpG+imEn67GR5jE2jbJYBDLJNZ1d5/duJdEQY34CJtYZ9skg0EsSzbmCm8bfXxil/gMrSaxYZT6unwQ+yD2qem2qkM+sS4a2HrE+llu3xOIjcRucQreUnXIJzbEpFY9YhcruO8JxEZih35OF6p51SGf2LSEyCeWrhr44WQwiL1MbD+McRg2H318Yo8DhorEhrFRMhjEXiY2DTg3NR99fGKPH70asX62Ml+XD2JpYtNRgG9bdcgn9gDO1CJ2c7WrDulkMIitRuyhWHHW6OyGTyy9acsndnIClmJA7Hli++FpAFpXHSZi+TaWT6xfpfY9gdh3xCaFWNXbyMCmpZjAsbE1iG1iYDtjQGw9Yok7yOjbVB2mrW7fndNkrTPXid3c7VvdIPYKscnONhh99FZ3ea/wcp3Y0crsewKxZ4jtO2fbGNi01c16ROsvE3t/MhjEsojNFBpVHc5lTnnbyLOt/Rqxs4RkMIitQ2x/uMQGVYfFSzEbcV1Wc4XY4NpUHYJYYcReqjosX4pZCFMQLhDbjXK2ukFsLWKbVB2W3atsIN4J17OJHZ5RnV7EVjeIbUZsGOtVHdKKJR6OzG1xiZ0aVR2C2D8SRGyFqsOyI4jR2pl64MUk1rtWVYcg9o/kEHu96rD0COIAgGEKaGKHtWnVYblA7G/2znXJbRCGwrW5mNvADO//sC22GbqLHBNlYoNH+tU26TYdf4GDkHQ+J/YCq8OWFES6jgVFAYbYLGA7bIohYr9HLH7rK1aH7XdojnMPOcpgiO25KYaI/R6xeAFbrA7by0cSnYgOrzomfo3VIS6I2C8Ri9/6itXhWykI6MEYhChgpteu7j2I2O8Qi9/6itVhewqiEgXY64MYrrc6JGJT3E2sQwrY4hTzbvlIBTmmpkCKbYMfU8ASsR8QKxBbH2B12J6CKJkCfE3Bkq9k++zqJmK/TCxiKck1hYjsuwHQ4W99CGbGaIohYr9F7II88zjMHVoExKR+RxRE3X1XNxHbF7FFwCIGy4GjkNUb3QdynKYYIrYPYrOARQ6WUzU+sr0lcVEjdHUTsR0RixewxR/BYm9oo+vC6pCIHYfYmAUsunwkcK6wyVg9WFMMEXs7sVOuKcSXjwjOA+7cNYlerA5fBxHbD7EhC1h89j0xL+uub9Nwv9ZjUwxb/gUjYjsl1pQ9Fl0+4jn3wLlrOhWwvXV1Rxm84HsoJyMR2x2xJq9Z6Ow7fO4y56NgbF9Wh/MSFP8dZiFi+yLWJWbQ2feiK8Tb565JdOH3lINpUTgV/yL/2jMitiNibQEWXz4SgZUvnJy7mO/K6nDymVUfrMwmZUaUcxsR2wWxS6IAkX2vsX/vviuGrqwOpdqFa5C/t5f1FUfE9kKsSIsnQsCC913tzQdW9GR1KHcnOycPJZEhYvsgVielhxCwTaktf/j+jahOuronddIgtC7AYSZiOyA26U+DKB9BpLYubopxrLnfouIV9r+VRGwHxLr0JDACFp/aiqEnq8MYoNs+GFlGxN5ObExAtmXfozVKKDcdJHQVsMRaWMD21NXdPMNZps2IiL2dWOCID2ffmeF7+AgusbremkUEMhNnAvZCv6eSX2u9PVuI2LuJVUcq1v6YqRodL6Fi4+2BBgRsV1aH+q3lW3FuiNibiY0JyvPykWVbbo22QaU/Rt4exL6sDpk6EbBAIRojYu8lduJcnA+Wk/9vnaZOAWhoiQWyQW82xYjvWh3qU0EA/Z+I2HuJtZz70/IR+xMc9VugxvRyy3rEU+g+mmKYqhraWpSsIGLvJTZwbs6y7/bX3Wj6vfm9WAH/tKuf4q5KO+jqlk0LLNS0RsTeSqzj3J2Uj0wrZL/x0IgldhZlXuG9VofRbQoW41VKxHa1xtbZdwac1f0PKavhGhgDPsVcHnBrVzdTrd8HoM+SiL1bx6rX2XcFOXEk7JaTJXaBn2Ix073N6lCWn4/w3CdibyV2KXe0RcCe18ms0paVd8j6HzZHT7GY6d7UFBPyQRIRSewQsffeIOTVRhro8MLy7gwi27DEwk/R57zs9V3d0aMUQVE7koi9i9iyQ3pjFAez76b+yRnKnUoH52LN66c47WRebnXIRKXL33SE1kTsvbVbgecAykdYWe9AZGV+R/USO3mKWc7aa7u6l19FCoijlyFi7yS2VN9zVa1V1QJaIxvM6RILP8UiZ6cLrQ4lWsIW2eyJ2JuILTHpoCX46F9KSstTwBUFrOkpqixnL7I61HgJW76mgoi9ndiDqEduQ0kueIlteopFzl5jdejyGo4PS8R2Taw7g8jDdbGcNRKb+wsusTo0iDMXdE9LxPZLrDrdpoNywDMN50+xhOGXWB1Gv30piNhXMTqx1XVX41iL+A6xbFGYphgUsC9QDMYrZYIkYgcnFrMI6aanWCL9nS9bHUb1SiZLJ3gOR8SOS2xEEOvBowmeWLimEAWseZ3YLXKaiB2V2LTGyvdLReQhNzhi4aYYPLAwr8JZaVeNrIjYYYkFhm43NPU7O7FqerDdRrLiiMUL2KJhzatlWwT23xWgIWJHJTa3yLaH4HsI5Y1xzhhfhgfjiP3c6rACFjbNKchKInZQYpe37zSD4GDgif3c6tAcASv3afYVaoaIHZTY2b2f35La+BpboYzTEqFjEQK2dZyzFuBFRJLiROyoxEaRfjIipNU6BOfCv9A277IIYj+2OtRHwJr8NYBGOBCxgxI7T9WOigossZ9bHdqDw7/cWr0OZK8jYkcldj2I6JuIxVsdVo3AYKmkYkersidihyU2dybeQeznVofLAbChjIkHKRdE7LjEMpEe+i3Ehk+tDqOAv26OwxcdpfGCiB2X2LxO3UCsKkd5/P6g4TOXWI45J2LHJnY7vMh7iLXzB+HgpgZfSVjgcpqIHZjYWWdkrydWfvhNMwfAxhPYLBE7MrFzWIXBYMQe2JT5bco4EQvGU4jdOqTkUMRG+MRoNmCJWDgeQ+w21cCORKzPHxgClog9iOcQuzVOh3GIDeDHdRuwROxRPIjYfdyRHITYCawmCOXQRcSC8SRiN/cOoYcgFq7g0Xydh0/EHsejiN2nAroRiM0iFprHSMS+iGcRu4vZAYjVkIiVotHFIBKxjyF23Wz7J5aBIlZBxs6wCSkR+xRi1822f2IVlIn1UFENbEJKtVtPIXbdbPs/eYElvYafuscVM1NHXTOPIHbBDgsu7QQXEAsPwndNxt12962n7u9HEBs/KpS1wXN+CbERuFHWUCIWFgTK0hSjhxALilgnvLOn3bVO8RwXqAKZuHs7ERsDTxFoUtxTiAWvPfWGofJOS7Ch1vkCKxcX6FhorktoSMROYhMENI3zKcSC157y91AC780a3ishfr6owjJflY81P05PBgQWsNEXlubHPoZYlh4omOLUnp+FMHb7GBcQW7XLWAECC5iXOJp4/OcxxEYFili+IbXIYASIqjJaLkVAXlhXsCNrfdXmXQXb3mNpRvefP48h1kApTvuzgzqyJFy1DkFra+VUSL2e2JltXxjB+WkeVm7voanyKZ5CrIZSnFKcHcBvJHZeioBezhWskuSDsMZDiJ3Ajil/XlhyI7Ezyw6M1St1iiCQc8cezyCW5ZR8JWL13C+x8xwnOcXX73Ab1OQ1k+MRxEZxVGzq566JPY1lW2DJHanEI4jNmSJAxI5NrN1SBOTn9V88gVgDLkNqFbEjE/uio8L6QMQOSyzsZOHWYtORiV3E0SWX9FTRPTCx8MBgnTCeRybWHlYROM6J2HGJhQcGy/NSqL6JjeboyKUFJ2IHJvZgEKdY3b3HJZaprAhA8xnq8xqWWAY/O88TSeMS+5e9s213GoTBsIyXUuACT/X//1btWmRzaUvjyotLvqrnbPWGPA1PwrBVhF0dstRL2yux0U4CCL1w65fYu4Q1W3faeE7zCnoldtKg1hvvRwf9EuvE9uBuIRVN2OiW2MmDwNr7W1e3xE4elrB2vY2OZsL0S6wB6+tqeevqlViuo4QFSlpyoClGHRMbL3MFB6v0Suz92MBvbLCB5m59+9YvsRuXuZpo2MKFqEssS+ey4AZLxH7rltgNYF3sOkCFknWJVeCxgdLrLaJE7O/olVgXz2aBORVYXgYvRFViLVgkGOW6wRKxc3RKbACARZcJkne6LrFhKRJAisBMNyJ2iT6JvQOr3lomGMUcRlYjFr4tR+n1GlEido0uid0EFlkmiM1UWvF6xBoIWCuXznAi9k/0SKyDgWUa6ybgi71k5LwesQb6UuOqCIjYFB0SuwWsx9S10gA2x3lFYg0kzJ1YvhIR+xD9EWs2gDWYulaayDrwmsQaqFbnlxoBEfsU3RG7tcM6nP2F6cVewnk9YmFglV4kLBH7HL0Ru5a1EDe3ARFnXIycVyXWQcDKncsTOTm6eyFWRWBxN7fBAnbgNYmFV6GVex5fTzd3dELssAfs2UKslVHA1iV2hICN71yb65a6v7sgVsP3HFgEsEMSsHWJVYAwtwIu1KVrFDxN2OiB2HHeeGBgxYAUsHWJhXuBrdg9CjEzzkRsB8ROG91PMgdYWMBWJ5afB3b+40BTjHogNoB7iz19NquWI1nGeXVi44y7rMPmxLimuVs9EDttNsnkU5MErOW8AWLv53TZwCYtT8T2QOycDRHAggI28I0o6jZM9znluyPCzDjNNuyCWC+EQQALeQoHDofSRYmdf6o/1/XD5o9P0zi7IHYWBRYC1iIELBiDKeHohhUpPOEOflGj+bF9EMuEkAhgIQELRyjcgzDd8//rN9LTwYsaEdsHseNLBrVngJ3cvoC1UhQm1gGK1O83UdwlA83o7oTYIIQ5ABYvYJle/pyVqhXAitTuf6PwWC0J3hKxTRPrhHDASWZWsCwBqxVjRe9MlMCP07vFkpRmth6o1WeItUTspcQalmLMB5b7HAErLWMFiTWAIh13D+/U41uXghWtWqbJ3Y4jXiVOxF6pY/WzHzbV2TMErDsQsIGxksQy6DhEQ3UC2ICgwYGdTsRxnUfBvVjDEbEXETs8vFkrnwdsaoo5ELCesbLESiE05OgZdoG1acHeA5o3r6HHAhsr1sulLRGLIjb/P1k9j6HKELDqUMAWJnbcuKhc7wEr7CPb6YA3CdjMV9HkDHZieZRE7FWntNI4o0+mPjkeCNiRscLEcvDkSm7zplZg09+Us9rxTwI2jpeFA3YGr5ObPBF7hXfLiT8hbU7qyxKwjrHixBroaajtWuz4DOxMJ3uSSQFYxZnOYKUXHU/EXuPoXnfF6UTqg4P5KGDLEztsDcOXO/ON7FNJwS0yyT0IWBkF7Fln8PrPRyL2/V0zk3XO2eF2IvXBMawCTrEaxBrwYYSN9nWunz+pWtqGo19YBSmArrAdY4Vn/CminCViC9yOlJP64E8TB19WIJbDv9rBE0KY/KsRTEf1wOPVXucErIVWsCdiKxKbUh8cKgnYKsQ6+FkYkNjwd+HVpJMTK9YwUcDincGKiK1FbEp9cAxJwNYhdgJVLLzHDjqdbjyL2PRVZcjgdTp0BhOxBYjFeApdPJKtRqydHwVMrIeSRfysScQ+ft0BwBXrDNaKiL2GWHxTzCijgK1HrI5ZHqgVAJiZf79wd9C5xgoi9kJi8anPMFaJWHhmFlyPZStmiAt3Uc7gwBgRewmx+NTnxfLnrCqxYfMjyAeFui4uh7hwF+kMZkRsNrFNCNhixEpgO0sHV/PZyMScFHN49foX/O1M5DuDidgCxOJSX2Vi+c4IIi0e46XHwB5OHMU7g4nYAsSiUl91YuEHkWzaMYxFzMPDrmIitgCxqNpNA8T6vYWjFseq9AHEeftZ4Z3BhjEitjCxQ3bqa4HYw5EuVrEU6Kuf8p3BRGxZYvGpDw5xMbEc+EFgIEYzoJzBRGxRYvECFg7lryaWCSExwOo9dxbeGUzEliUWn/rgKDDFaBTCI4GFC7F4Z3D27yZiUcTiU59leRGkuJ7YIITBSIJ8YBnCGbwTTggi9j3ETu5tqS819n19XUysEcK9C1i8M1iOp1bxz+/f/uMoQCyiqztDwC57SQFiAzsXFgAW6wxGreL/eoe9glh86tOnUp/48f3b5cT6s8TCFyXBYY+cwZhV/OPbfx5XE5tSn7wg9bW3xwZgCAGqtY1jBKz48V8LgguILZ76WtOxJg6/QQhY2BmcF+MHCNgCxB7VbvCpb+a1CLHuFLFKg8Nv8M5gErAFiMV0deNT31dL1S0rweu/8c7gvFDmMwTsBcQiajfI1FeMWBvByV1OBrAXIp3B2b/2YwQBltgmBGwktplTWqXz3rk4wlhxuIq/PoZXPLGNpL6vVpwwAZjfiDFWkIC9iNhWUt9XTbdhCqUhRYB3BpOALUAsoqsbIWCLE2uEMHnrScaffK0zOEX4MAF7JbEFajeliFXHQnaUWRvsRAK2VWILpL5yxE5HECkPbLAlnMH/vUmrFLGDLpD6yhELz4mDZ21nOINJwLZGbIHUV5hYvrPzqdXBM7zJGUyewmuILVe7SamvMLHwFfXwTicVxhmMX8VWfl5F6ypiWQEBW57YmwZxGjV0wwPeGUwCtgCxiIEmiNRXnVguXyYUjUZCNzzgBSx5Cq8ktoSAtX8EbH1iF2SFdnbmSo1Opxt08gQsNcW0R+xVqa8JYm+TF6/hhlxjBaemmNaIvSr1tUJsnLaZwqjp353BJGALEYuo3eBSX0PE3m5D0Kt2NePQgDP4YwNBLGKgCSb1NUbsPaZpasUZ/LGBIzZ/oAk29bVJbEPO4I8NBLEtpb4mic2874maYkoRix1okp/6uiaWmmKeox1im0h9zREbncHU1R2jGWJVEwNNGiOWurpfoxFiM1OfOpv6+ib2sLWNPIVViG1poElLxB46g0nAViK2pdTXDrHUFLMR9YkdWxpo0gyx7+7qpiPZ9xHbVO2mEWIZdXX/Yu9clNyEYSgaT2ywMYFkkv//1pYFrUKQhWE3QWK5M+30/drTq4ss4aREECun9IkgFiaDj6UYShsTK+2FJgKIPQIsr+2JjZJK3/bEDpPBx1Z3StsTW0h6ocm2xP76ZPARYN9CrKTStyWxGZPBx1LM6SSS2NWlTzWxs5PBx0xhJ4HEri59uomdmww+lmJ6ySN2be9GN7HGH0sxeZJG7OoXmqgm9rjqMF+yiF241W1qKH2qiRUxGfxntYLY1QHWFEPp000sBNjjqsMsCSIWS1+umr6jpZrY46rDhRJDLFP6OIu9nFQTK2cy+M9qDbF86eMt9qSZ2PnJ4CPATiSCWLZ3w1usZmKPqw4laAWxzAtNWFWdxeol9tjqlqHlxLYYYDe32E8RO3/VYThmChPantjvACvAYj9E7HHVoSAtJhZKnwiL/Qixx1WHorSG2GCMEIv9ALHHVYfCtJBY35c+KRb7TmKPpRiZWkis6SqfHIt9N7HHVYfyxBFLS5LFvpfYY6tbopYSK8ti30XssdUtVwyxCiz2fcQeVx1KFUOsAot9G7E7uOrw+l979HOGWAUW+yZiFV91eL1e7o/HzaJut8f9ctkPu79LbGttzVusCmJ1XnXYsWrTuj32ge0KYvmo5niLVUCsxqsO/9N6sxnaAbW/RyxcK8hbrHxi9W11Xy9P3uqr4d7ctuwDjCliW3mHXqt84eHXiK3sIN5ipRO7+X1Pi3FFc/V17D6WnjzzKIu26bBVv6XzS8QOrcnOUHiLlU2suqsOry/J1fna2fTr/MrQfYR0t9l+hVhoTX59RHmLlUysuq3uC5Vd0WFpFZVuo/0FYuHeg7L3IN5iBROr7arDgVfXVE3TeOfsSD6ck4qNYmZ/Tiy0JqFq8hYrllhtSzEDr9VT4i4HWwe59pxS2TqtzLLE5gfYgDmPt1ihxGq76vByIwNM+dVeDFX326OR0Ipe51zOz4iNDlqXSCxvsSKJlXTfU+bzFv3/y3V/b3zEwg8OqULl8s6PiPV49o7E8hYrkVhtW933FIlh1OeIlbX4ASIVFY6T/YDYGusORSxtsfKI1XbV4fWWrAfdh2P8YfRzzAZ10WA1sQEDLE0sbbHSiFW3FHNP14PWTv814GSnOSdU1spsdiWxBQZYgljGYoURq+2qw+uNOeFwJJhla+fmJFRt8qwjtsZawxJbTyxWFLHqlmIuX38e6gMGf2km2Nj0+xg1JQOOWL70uYJORbzFCiJW31LMnQ0w3lrPj0P4tM3qWfBliOVKX/qnWd5ixRCrLsCeTg/wCVoQF7iGR0x+txpkeWLp0scTy1usFGL1XXV4vUEioGXgY8LG1SZZUbQkA4ZY7oUmDLG8xcogVuFVh1/AVmcQGUbdmVVfVUyKaCXIQpIjiOVKH0Msb7ESiIWlGD0B9j+w0CNIygPQaRnH/CpaDm0f8LRME0uXPp5Y3mI3J1blVYcXDKErYiyqsgmnLp21SpC9YEeSJRZ7NzPE8ha7ObG1uqUYcNjizIr8EfQZlyNDsHXRq0D2eredWpZYLH3ZxHap6TTR5sQqW4pBYM2ZF3xIcpKBe/mRcYjthQ5kh1EgF9PE4gtN8omlrWdbYp3Kqw6v9EP+dNDwnKPSTzo97XdfpPBKjr8uN4yzSCxT+hhieYvdllhdSzGjk9l45lUgsVlh1rx8vTVGFbKnO8RZJJYpfSyxvMVuTWxQd9XhA6NnNrG8akAWmwRhNDGi4ihhiLMBiWVKH0csb7FSiZUZYAFYaG0wiq9Ux7by39tfzjnf1MFADHhC1g2dPH3IQpwtgFim9HHE8hYrk1hpSzGTXo41Czy2qL1NyjWhWyGFLFu6yX/UaLu2pA71cbYpgVgMsAuI5S1WIrGSrzq8Dpyd52R6YmPj7Lx82/bIltTZXtDRMBgtZJQdsUzpY4nlLVYcseKWYl6furyDUMDKQq8Z5JuqDSHGWPz/FNq68q8wO0NH91rL0xdGA9vZCFP6OGJ5ixVHrLSt7mmILfPOBizKV6EoaSeO7asJV2YqrybKIrP4rps1xKZNSBixwq867EJsDBldgMJjwZ+luwwVUlunVkweJz3q4yxLHWFWQCxvsaKIXbjVbeqPBVgMsdXZzx4ftABgFc+ZMu3AOKRYxVEW4ixb+m4wrEcS65i/rhxil84Ums/N42EmcPMjLjUW+PMCtRZERaJKVS74Svy3y6L5GSSWt1g5xOJMYa6qD4/pX/oAy/e2qsEpI87HZgPLMassF2R3FVqCWN5ihRALSzEibnNgMkE/pTLHXWUSOwi8MYfu80Q2CJr6BWvmZ5BY3mJlEAtLMTIuzEl7gutN1DOnBljqYPggG9jYNwUaR55PN3rOEVbNzyCxvMVKIPY7wAq5MIfWdSAw2Y0tPfI6HLdWi4CFI1nTUgWn0PbwtXAcHInlLVYAsRBgpdxJln7s8px1hsEZuUUvHthOoXfXmvg/XGt7+Fo2Do7/irzFbk5sNfiJnDvJaF3hgYt+8CLua4CThlxgezX9l4tm+s/i9miyGGe/ieX/Z25OLGS2pao/b7FNelI7Es+9mB94tQOw+D/R4emIN6h2lyb7FGez3pQngVhfSLr2kbFYmCKkW1reEN65BFjksn5aYo+7N9nnOBuyLXa7rRkXjNFjseeaaBU4wmBzuwUBqBwNETwvR7X7N1mMs2HWYjciFrmrhd2sO2Ox52bSATCYYKck+8XAmgh9PkizzR8wWYiz8xa7GbEoDRZ7/2bPv4bTmN5eL2afvSICi2peNqCtfzbZ027Vxdl5i9VJLFjsx4TouZf633I7NG5maMbApgVlsnjWhTt++zv4GumeY7Eqia0/7DUXax1CGCadKa7mmyxgaZPFl1kXQxN6d9MFk2gw9xdUSezHLfaGxjoGtLJ84becyZapRnQxOrEuPCJb7PfZC8xhLhOoJPbTFvv86siBUATWmXNagQMaB7hJk0U1iKzf8bNXlqQTWxhKn7bYe+eUBLE1vIAoLZc+qnXopFSSbUlk2x3OwyyTaGJra70Aiz3dIAmMD2lbAJZRTM5/e+6sz1vrxqYL37D7WDAnwcQG20mAxXah4DwlNgCwrFxiTLZj0LN/94JEtjligVBiC2e/JMBiIRSMiS0swsuopB++6pk33kwM+IvwIxacTlKJbeyg7S329MDCjjm2RGB51VQuiBywMFMw3QCv/kK3YEYyiR1eWtAFxe0tFjoFY2IdPzTA5wIzOeqinr3itOi0xvh9HyLMSSSxAV4ra6if9vFR/Iu1fjLd4rmbnKZ4+mkjNhhWbhJzY98wqI9YIIzYApZP+o/15hZ7usMp7NOZV5u/20384N4t5+/LIR7HnAm7ni2Ylzhi4a1b4E6bWyz2tnCuwNhFq91+HGU9nhzwsaAg/rc2Ox45zJIwYmHnC+vp5hYLb4hC3GqIptkaneVWeUsXjjhf6FhX89JuHfoZsdHB8glB7FYTole0U5iPrdAzc6MsIt7X9nk11IVYTsuVSWrEEJsfYEcf6M0t9gL9VNyQhRZrviKcNvSBosg8QKFPVXY+v8VLELH/2DvXHadhKAjLkm18ay5q3/9ZoU3LkMZxHSfBLswnIbSI/bG7wzA+59jHIcAuFFtzCP86LwpYbAHeADq6qGtlDKj56HeJR68WFIsAu1BsFYsFt3ndVWBn9ybcJFmUCbYGWeQCHr3qKxYBdqHYChab/pLk5kyAQQLVYV5rU5AFHRXbgGIDAuxCsZUsFrxf4UYm2C7ZKfdkEtZ61CwWVFZsrxBgl4qtabEoFYAfaAcUSVZpkYmPHr1YLKitWG/kA71SFKr98NTw1mI16LluBiufsogdvQyLBRUVi1WHY0Kx1SwWxa3FwavcY9Huyjp6hYjvhi/a79U+kF6GYrHq8Jaj2Drtycs8BCjsn9uKfe0L6rRIAz/tIhYrAstbxzHiBPVZsVh1mFBsXYvFHAxS7KaG1/xTlbYbXh51KBbM3uTy9NgjHemOzVEsVh0mFVvVYtFAQIpVpqy6paZY6vOTQXhXrJ8avJ4eeyBYpptWLFYdZii2msVCsTg72btNloXYgMOTybDZxUD7U/Saij0QLNNNKRarDjMUW8lioVg7a1zhGsLWwYJu9sWHzZMFU/uBij0aLNNdVSxWHWYotqbFQrHYNYuXjDeH2HmrVdn8giyu01Kxh4OHFW1csQiwOYqtabFQLIzyx8NpVUGItQIEmRENZt81bR6CpWJPYhgRZ6HYeYDNU2wdi40r1kzNgx+b61t3gbrYREvnMxSLyQtNxZ4G4uxcsT0CbJ5ia1osTl44dyEcZPKaiV3pt5pENsDFmf7Z4KViTwNxFoqdBdhcxVax2Lhi+6lIsDEWoLAV759IFfQHxVojoXlWt04ClS77UqzuMHeUrdh6FosOAoTn8vceAbc6Exuw0n59sMC+LZRkB+EkEGeNvisWAXaTYqtYbLxLi0lutaWJIFIjhkG9RBt8TLHWqcWCPkvFngSaYI9zLgLsFsXWtVhMwsxWKNstM7I4Mq0Nr70wrvf4m9rKF3OL7jm7dSpXOYEAu0mxNS0W87GoFKAwW5AJEkYLlFJGKSXxB0HMCJyPPRWsvbkkt2X9iCu2msVCsRKVAsgw12TxSmGS3sglkQIYH+Q8G8TZa0J0D0330Z929S1WfypWoIeV++yWyr920HdKzojGCb4V91e4jUPOMt2IYqtvCnwNqc8HYDp8VJAJEmjfh+BC6D3mCt5QvJnYAFimu1BsVYvF7e8O9QGYbHmdoOyNDT4s3xCvZbrviq1rsWghqLlETVaSVWt1goL5WDYQWuO1THeu2KoWi/LWYsbwR065oE9ngvw7CCxutQniLBRb2WJRLHj31C5lslC1EcV08c92LBU0xHN+RkCxqvrPZ1Im+gc5+xCRHLwoRknpWCponj/HwYVs4cme6egVpDTL//L9p3sHQZSAJi0PXu3zxzi4aOL9k6uU7uGXLmsfIsC8VRE+Wirgq/IN8vt2o2jBYqc+LUoFQKcfNHLwyAgFFxP/j/Xf38kzzvoWLPYZZLGlHnSpqcMfaM+WlwoYY7+Ge5xtIsW+NtBFxZna82kSpdiyJ2H+k33138pwa+YVv8eWz+jdLr1eL9A4dhWyrOVy+XfbDGMbFjstTbz/WhkbWJ2AEeCwHq1p4h8xiXNpxE9GKddmuNVKlO13HLuw8YCh4NsY2jhjXKdbFPHzVVzKe7pdWPPJUEAKY8GD9b1H0Ve2vCgDZmoZCkgZNyg2+nqGiTivE+CwaqxnKCD5k5CJVwvdcZUtmKli+4CUAsVGUJDszsoW0NHaluaaGbKhoZGc2w75la3y1UiB5y6Sx5BU7A85k6yHP+6tFFTfI02+lRuKWGuSdbtntoCPVAqq39Ek38SATkFcsujX2l3NA7xuTIslexhRw1qVrPmB5sHuc5ejxZITTBao5yBXj+ZBMYEWS45IsurjTW+pj7DY+CsHgRZLtpqs/bzF0xxksXqRFNoYvSTfw/Xjde9ePujETqLFBsNaLNnI+HFPvcamrh2EiE1rw3YXKZku8J/e1MCq5FJ0JMX2kgu/SdnhKyMX7Gx5uUWK9aaRG2/kyxgSz8BgkBvL5YrbXd1ihS8zASnNBfaDxXrR7YoGd8Uv99FwypAUjxeItMX+XnAonS48dgV82Kt2bsGTb2RMRVn7+5AfZKFm9ayy1auGnm0gX0kyyv45Ithh78YWDCpbOkx6VY69A7Ivyob1aqyFW3bYh5gNVi7b56craxliyd7Wl814VAOalZ3dUCdQ99+deun18WcjMwHZd/ryK92DfllbfYk27bRYYe8nub5KZFoxxJKdjHHJxm+/WoUdnlZ/DrE4azkhKFhyBMO49tBhEDEcVKi6sCZb33fLTYlasXVATpIsmqtL9F20QJnOhb63d/o+ONepxWJPCpYcyCCXweDTMzDWKJmBChpCV6xrkQNd1ka6B2msMzJFmOcEOiw5VrJh0T3IwobOKAVXVca4sJz4shx/IUdLFt0vrDIqwi8dNlCw5Fhu2IKA0lapYBcpuOMwATmaK85fKG2VYBeC9YqdLnI8l4fSXo/I6uME23MgloCjw6wSj3NXJwoJ7xlWd40s2SH/HtMOp6DLzl0IrP3MYJkIyHlc5IQSRXgl52r3homAnAdW5bnyCCs9AoHjJURyOpeS2wbQp3q/hXhjIiDnMoyTzW7UrFVzcw6KCZacDKLBNp9FALCvDyd/HRkIyPlgwb40vfgMrskaMeG7ZvZGk/+Gy03mhQO8aNDj0uydKwMB+Ytgw75yVqwCRzWTXI1kHiC1GK6jnOh6n9ar8kJbp6RkfYBU5XJLXuqyT0t1Pa7KjBfqlVQBogWPO13We62FnhLrnBvlShpguN7kZ8Yr5UraYbjcxnWx3qhW0iLD5XK93sYRSv0l1ctAsRLysz04JAAAAAAQ9P+1J4wAAAAAAADAICE61LC34u7fAAAAAElFTkSuQmCC) 50%/contain no-repeat;
}
.svc-surface-placeholder__text {
  padding: var(--ctr-surface-placeholder-text-margin-top, 32px) 0px var(--ctr-surface-placeholder-text-margin-bottom, 24px) 0px;
  display: flex;
  flex-direction: column;
  gap: var(--ctr-surface-placeholder-text-gap, 8px);
  align-items: center;
  justify-content: center;
  align-self: center;
  flex-shrink: 0;
  width: 100%;
}
.svc-surface-placeholder__title {
  --thm-medium-bold-font-size: calc(3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --thm-medium-bold-line-height: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-medium-size, var(--thm-medium-bold-font-size, 24px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-medium-line-height, var(--thm-medium-bold-line-height, 32px));
  font-weight: 700;
  color: var(--ctr-surface-placeholder-text-title-color, rgba(0, 0, 0, 0.91));
  text-align: center;
  align-self: stretch;
}
.svc-surface-placeholder__description {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  color: var(--ctr-surface-placeholder-text-description-color, rgba(0, 0, 0, 0.45));
  text-align: center;
  align-self: stretch;
}
.svc-designer__placeholder-container {
  padding-bottom: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-logic-tab--empty > :last-child {
  margin-bottom: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-test-tab--empty .svc-surface-placeholder,
.svc-translation-tab--empty .svc-surface-placeholder {
  padding-bottom: calc(12 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-designer__placeholder-container {
  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-logic-tab--empty > :last-child {
  margin-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-test-tab--empty .svc-surface-placeholder,
.svc-creator--mobile .svc-translation-tab--empty .svc-surface-placeholder {
  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator {
  --lbr-line-height-x8: calc(var(--lbr-line-height-unit, 8px) * 8);
  --lbr-line-height-x7: calc(var(--lbr-line-height-unit, 8px) * 7);
  --lbr-line-height-x6: calc(var(--lbr-line-height-unit, 8px) * 6);
  --lbr-line-height-x5: calc(var(--lbr-line-height-unit, 8px) * 5);
  --lbr-line-height-x4: calc(var(--lbr-line-height-unit, 8px) * 4);
  --lbr-line-height-x3: calc(var(--lbr-line-height-unit, 8px) * 3);
  --lbr-line-height-x2: calc(var(--lbr-line-height-unit, 8px) * 2);
  --lbr-line-height-x150: calc(var(--lbr-line-height-unit, 8px) * 1.5);
  --lbr-line-height-x1: calc(var(--lbr-line-height-unit, 8px) * 1);
  --lbr-font-size-x8: calc(var(--lbr-font-unit, 8px) * 8);
  --lbr-font-size-x7: calc(var(--lbr-font-unit, 8px) * 7);
  --lbr-font-size-x6: calc(var(--lbr-font-unit, 8px) * 6);
  --lbr-font-size-x5: calc(var(--lbr-font-unit, 8px) * 5);
  --lbr-font-size-x4: calc(var(--lbr-font-unit, 8px) * 4);
  --lbr-font-size-x3: calc(var(--lbr-font-unit, 8px) * 3);
  --lbr-font-size-x2: calc(var(--lbr-font-unit, 8px) * 2);
  --lbr-font-size-x1: calc(var(--lbr-font-unit, 8px) * 1);
  --lbr-font-size-x150: calc(var(--lbr-font-unit, 8px) * 1.5);
}
.svc-creator {
  --lbr-spacing-x16: calc(var(--lbr-spacing-unit, 8px) * 16);
  --lbr-spacing-x15: calc(var(--lbr-spacing-unit, 8px) * 15);
  --lbr-spacing-x14: calc(var(--lbr-spacing-unit, 8px) * 14);
  --lbr-spacing-x13: calc(var(--lbr-spacing-unit, 8px) * 13);
  --lbr-spacing-x12: calc(var(--lbr-spacing-unit, 8px) * 12);
  --lbr-spacing-x11: calc(var(--lbr-spacing-unit, 8px) * 11);
  --lbr-spacing-x1050: calc(var(--lbr-spacing-unit, 8px) * 10.5);
  --lbr-spacing-x10: calc(var(--lbr-spacing-unit, 8px) * 10);
  --lbr-spacing-x9: calc(var(--lbr-spacing-unit, 8px) * 9);
  --lbr-spacing-x850: calc(var(--lbr-spacing-unit, 8px) * 8.5);
  --lbr-spacing-x8: calc(var(--lbr-spacing-unit, 8px) * 8);
  --lbr-spacing-x7: calc(var(--lbr-spacing-unit, 8px) * 7);
  --lbr-spacing-x6: calc(var(--lbr-spacing-unit, 8px) * 6);
  --lbr-spacing-x5: calc(var(--lbr-spacing-unit, 8px) * 5);
  --lbr-spacing-x4: calc(var(--lbr-spacing-unit, 8px) * 4);
  --lbr-spacing-x350: calc(var(--lbr-spacing-unit, 8px) * 3.5);
  --lbr-spacing-x3: calc(var(--lbr-spacing-unit, 8px) * 3);
  --lbr-spacing-x2: calc(var(--lbr-spacing-unit, 8px) * 2);
  --lbr-spacing-x1: calc(var(--lbr-spacing-unit, 8px) * 1);
  --lbr-spacing-x0375: calc(var(--lbr-spacing-unit, 8px) * 0.375);
  --lbr-spacing-x05: calc(var(--lbr-spacing-unit, 8px) * 0.5);
  --lbr-spacing-x250: calc(var(--lbr-spacing-unit, 8px) * 2.5);
  --lbr-spacing-x150: calc(var(--lbr-spacing-unit, 8px) * 1.5);
  --lbr-spacing-x125: calc(var(--lbr-spacing-unit, 8px) * 1.25);
  --lbr-spacing-x075: calc(var(--lbr-spacing-unit, 8px) * 0.75);
  --lbr-spacing-x025: calc(var(--lbr-spacing-unit, 8px) * 0.25);
  --lbr-spacing-x0125: calc(var(--lbr-spacing-unit, 8px) * 0.125);
  --lbr-spacing-x025n: calc(var(--lbr-spacing-unit, 8px) * -0.25);
  --lbr-spacing-x05n: calc(var(--lbr-spacing-unit, 8px) * -0.5);
  --lbr-spacing-x1n: calc(var(--lbr-spacing-unit, 8px) * -1);
  --lbr-spacing-x150n: calc(var(--lbr-spacing-unit, 8px) * -1.5);
  --lbr-spacing-x2n: calc(var(--lbr-spacing-unit, 8px) * -2);
  --lbr-spacing-x250n: calc(var(--lbr-spacing-unit, 8px) * -2.5);
  --lbr-spacing-x3n: calc(var(--lbr-spacing-unit, 8px) * -3);
  --lbr-spacing-x4n: calc(var(--lbr-spacing-unit, 8px) * -4);
  --lbr-spacing-x5n: calc(var(--lbr-spacing-unit, 8px) * -5);
  --lbr-spacing-x6n: calc(var(--lbr-spacing-unit, 8px) * -6);
  --lbr-spacing-x7n: calc(var(--lbr-spacing-unit, 8px) * -7);
  --lbr-spacing-x8n: calc(var(--lbr-spacing-unit, 8px) * -8);
  --lbr-corner-radius-x0125: calc(var(--lbr-corner-radius-unit, 8px) * 0.125);
  --lbr-corner-radius-x025: calc(var(--lbr-corner-radius-unit, 8px) * 0.25);
  --lbr-corner-radius-x0375: calc(var(--lbr-corner-radius-unit, 8px) * 0.375);
  --lbr-corner-radius-x05: calc(var(--lbr-corner-radius-unit, 8px) * 0.5);
  --lbr-corner-radius-x075: calc(var(--lbr-corner-radius-unit, 8px) * 0.75);
  --lbr-corner-radius-x1: calc(var(--lbr-corner-radius-unit, 8px) * 1);
  --lbr-corner-radius-x125: calc(var(--lbr-corner-radius-unit, 8px) * 1.25);
  --lbr-corner-radius-x150: calc(var(--lbr-corner-radius-unit, 8px) * 1.5);
  --lbr-corner-radius-x2: calc(var(--lbr-corner-radius-unit, 8px) * 2);
  --lbr-corner-radius-x250: calc(var(--lbr-corner-radius-unit, 8px) * 2.5);
  --lbr-corner-radius-x3: calc(var(--lbr-corner-radius-unit, 8px) * 3);
  --lbr-corner-radius-x350: calc(var(--lbr-corner-radius-unit, 8px) * 3.5);
  --lbr-corner-radius-x4: calc(var(--lbr-corner-radius-unit, 8px) * 4);
  --lbr-corner-radius-x5: calc(var(--lbr-corner-radius-unit, 8px) * 5);
  --lbr-corner-radius-x6: calc(var(--lbr-corner-radius-unit, 8px) * 6);
  --lbr-corner-radius-x7: calc(var(--lbr-corner-radius-unit, 8px) * 7);
  --lbr-corner-radius-x8: calc(var(--lbr-corner-radius-unit, 8px) * 8);
  --lbr-corner-radius-round: 1024px;
  --lbr-stroke-x1: calc(var(--lbr-stroke-unit, 1px) * 1);
  --lbr-stroke-x2: calc(var(--lbr-stroke-unit, 1px) * 2);
  --lbr-stroke-x3: calc(var(--lbr-stroke-unit, 1px) * 3);
  --lbr-stroke-x4: calc(var(--lbr-stroke-unit, 1px) * 4);
  --lbr-stroke-x6: calc(var(--lbr-stroke-unit, 1px) * 6);
  --lbr-stroke-x8: calc(var(--lbr-stroke-unit, 1px) * 8);
  --lbr-size-x0125: calc(var(--lbr-size-unit, 8px) * 0.125);
  --lbr-size-x025: calc(var(--lbr-size-unit, 8px) * 0.25);
  --lbr-size-x05: calc(var(--lbr-size-unit, 8px) * 0.5);
  --lbr-size-x075: calc(var(--lbr-size-unit, 8px) * 0.75);
  --lbr-size-x1: calc(var(--lbr-size-unit, 8px) * 1);
  --lbr-size-x125: calc(var(--lbr-size-unit, 8px) * 12.5);
  --lbr-size-x150: calc(var(--lbr-size-unit, 8px) * 1.5);
  --lbr-size-x2: calc(var(--lbr-size-unit, 8px) * 2);
  --lbr-size-x250: calc(var(--lbr-size-unit, 8px) * 2.5);
  --lbr-size-x3: calc(var(--lbr-size-unit, 8px) * 3);
  --lbr-size-x350: calc(var(--lbr-size-unit, 8px) * 3.5);
  --lbr-size-x4: calc(var(--lbr-size-unit, 8px) * 4);
  --lbr-size-x450: calc(var(--lbr-size-unit, 8px) * 4.5);
  --lbr-size-x5: calc(var(--lbr-size-unit, 8px) * 5);
  --lbr-size-x550: calc(var(--lbr-size-unit, 8px) * 5.5);
  --lbr-size-x6: calc(var(--lbr-size-unit, 8px) * 6);
  --lbr-size-x7: calc(var(--lbr-size-unit, 8px) * 7);
  --lbr-size-x8: calc(var(--lbr-size-unit, 8px) * 8);
  --lbr-size-x9: calc(var(--lbr-size-unit, 8px) * 9);
  --lbr-size-x10: calc(var(--lbr-size-unit, 8px) * 10);
  --lbr-size-x11: calc(var(--lbr-size-unit, 8px) * 11);
  --lbr-size-x12: calc(var(--lbr-size-unit, 8px) * 12);
  --lbr-size-x13: calc(var(--lbr-size-unit, 8px) * 13);
  --lbr-size-x14: calc(var(--lbr-size-unit, 8px) * 14);
  --lbr-size-x15: calc(var(--lbr-size-unit, 8px) * 15);
  --lbr-size-x16: calc(var(--lbr-size-unit, 8px) * 16);
  --lbr-size-x17: calc(var(--lbr-size-unit, 8px) * 17);
  --lbr-size-x18: calc(var(--lbr-size-unit, 8px) * 18);
  --lbr-size-x20: calc(var(--lbr-size-unit, 8px) * 20);
  --lbr-size-x28: calc(var(--lbr-size-unit, 8px) * 28);
  --lbr-size-x32: calc(var(--lbr-size-unit, 8px) * 32);
  --lbr-size-x40: calc(var(--lbr-size-unit, 8px) * 40);
  --lbr-size-x50: calc(var(--lbr-size-unit, 8px) * 50);
  --lbr-size-x60: calc(var(--lbr-size-unit, 8px) * 60);
  --lbr-size-x64: calc(var(--lbr-size-unit, 8px) * 64);
  --lbr-size-x80: calc(var(--lbr-size-unit, 8px) * 80);
  --lbr-size-x86: calc(var(--lbr-size-unit, 8px) * 86);
  --lbr-size-x90: calc(var(--lbr-size-unit, 8px) * 90);
  --lbr-size-max: 10000px;
}
.svc-creator {
  --sjs-font-size-x05: calc(var(--ctr-font-unit, 8px) * 0.5);
  --sjs-font-size-x075: calc(var(--ctr-font-unit, 8px) * 0.75);
  --sjs-font-size-x1: calc(var(--ctr-font-unit, 8px) * 1);
  --sjs-font-size-x150: calc(var(--ctr-font-unit, 8px) * 1.5);
  --sjs-font-size-x2: calc(var(--ctr-font-unit, 8px) * 2);
  --sjs-font-size-x3: calc(var(--ctr-font-unit, 8px) * 3);
  --sjs-font-size-x4: calc(var(--ctr-font-unit, 8px) * 4);
  --sjs-font-size-x5: calc(var(--ctr-font-unit, 8px) * 5);
  --sjs-font-size-x6: calc(var(--ctr-font-unit, 8px) * 6);
  --sjs-font-size-x7: calc(var(--ctr-font-unit, 8px) * 7);
  --sjs-font-size-x8: calc(var(--ctr-font-unit, 8px) * 8);
  --sjs-line-height-x1: calc(var(--ctr-line-height-unit, 8px) * 1);
  --sjs-line-height-x150: calc(var(--ctr-line-height-unit, 8px) * 1.5);
  --sjs-line-height-x2: calc(var(--ctr-line-height-unit, 8px) * 2);
  --sjs-line-height-x3: calc(var(--ctr-line-height-unit, 8px) * 3);
  --sjs-line-height-x4: calc(var(--ctr-line-height-unit, 8px) * 4);
  --sjs-line-height-x5: calc(var(--ctr-line-height-unit, 8px) * 5);
  --sjs-line-height-x6: calc(var(--ctr-line-height-unit, 8px) * 6);
  --sjs-line-height-x7: calc(var(--ctr-line-height-unit, 8px) * 7);
  --sjs-line-height-x8: calc(var(--ctr-line-height-unit, 8px) * 8);
}
.svc-creator {
  --sjs-spacing-x2: calc(var(--ctr-spacing-unit, 8px) * 2);
  --sjs-spacing-x3: calc(var(--ctr-spacing-unit, 8px) * 3);
  --sjs-spacing-x1: calc(var(--ctr-spacing-unit, 8px) * 1);
  --sjs-spacing-x05: calc(var(--ctr-spacing-unit, 8px) * 0.5);
  --sjs-spacing-x025: calc(var(--ctr-spacing-unit, 8px) * 0.25);
  --sjs-spacing-x0125: calc(var(--ctr-spacing-unit, 8px) * 0.125);
  --sjs-spacing-x150: calc(var(--ctr-spacing-unit, 8px) * 1.5);
  --sjs-spacing-x250: calc(var(--ctr-spacing-unit, 8px) * 2.5);
  --sjs-spacing-x4: calc(var(--ctr-spacing-unit, 8px) * 4);
  --sjs-spacing-x350: calc(var(--ctr-spacing-unit, 8px) * 3.5);
  --sjs-spacing-x5: calc(var(--ctr-spacing-unit, 8px) * 5);
  --sjs-spacing-x6: calc(var(--ctr-spacing-unit, 8px) * 6);
  --sjs-spacing-x7: calc(var(--ctr-spacing-unit, 8px) * 7);
  --sjs-spacing-x8: calc(var(--ctr-spacing-unit, 8px) * 8);
  --sjs-spacing-x9: calc(var(--ctr-spacing-unit, 8px) * 9);
  --sjs-spacing-x10: calc(var(--ctr-spacing-unit, 8px) * 10);
  --sjs-spacing-x11: calc(var(--ctr-spacing-unit, 8px) * 11);
  --sjs-spacing-x12: calc(var(--ctr-spacing-unit, 8px) * 12);
  --sjs-spacing-x13: calc(var(--ctr-spacing-unit, 8px) * 13);
  --sjs-spacing-x14: calc(var(--ctr-spacing-unit, 8px) * 14);
  --sjs-spacing-x15: calc(var(--ctr-spacing-unit, 8px) * 15);
  --sjs-spacing-x16: calc(var(--ctr-spacing-unit, 8px) * 16);
  --sjs-spacing-x075: calc(var(--ctr-spacing-unit, 8px) * 0.75);
  --sjs-spacing-x125: calc(var(--ctr-spacing-unit, 8px) * 1.25);
  --sjs-spacing-x1050: calc(var(--ctr-spacing-unit, 8px) * 10.5);
  --sjs-spacing-x0375: calc(var(--ctr-spacing-unit, 8px) * 0.375);
  --sjs-spacing-x850: calc(var(--ctr-spacing-unit, 8px) * 8.5);
  --sjs-spacing-x025n: calc(var(--ctr-spacing-unit, 8px) * -0.25);
  --sjs-spacing-x3n: calc(var(--ctr-spacing-unit, 8px) * -3);
  --sjs-spacing-x4n: calc(var(--ctr-spacing-unit, 8px) * -4);
  --sjs-spacing-x05n: calc(var(--ctr-spacing-unit, 8px) * -0.5);
  --sjs-spacing-x1n: calc(var(--ctr-spacing-unit, 8px) * -1);
  --sjs-spacing-x150n: calc(var(--ctr-spacing-unit, 8px) * -1.5);
  --sjs-spacing-x2n: calc(var(--ctr-spacing-unit, 8px) * -2);
  --sjs-spacing-x5n: calc(var(--ctr-spacing-unit, 8px) * -5);
  --sjs-spacing-x6n: calc(var(--ctr-spacing-unit, 8px) * -6);
  --sjs-spacing-x7n: calc(var(--ctr-spacing-unit, 8px) * -7);
  --sjs-spacing-x8n: calc(var(--ctr-spacing-unit, 8px) * -8);
  --sjs-corner-radius-x0125: calc(var(--ctr-corner-radius-unit, 8px) * 0.125);
  --sjs-corner-radius-x025: calc(var(--ctr-corner-radius-unit, 8px) * 0.25);
  --sjs-corner-radius-x05: calc(var(--ctr-corner-radius-unit, 8px) * 0.5);
  --sjs-corner-radius-x075: calc(var(--ctr-corner-radius-unit, 8px) * 0.75);
  --sjs-corner-radius-x1: calc(var(--ctr-corner-radius-unit, 8px) * 1);
  --sjs-corner-radius-x125: calc(var(--ctr-corner-radius-unit, 8px) * 1.25);
  --sjs-corner-radius-x150: calc(var(--ctr-corner-radius-unit, 8px) * 1.5);
  --sjs-corner-radius-x2: calc(var(--ctr-corner-radius-unit, 8px) * 2);
  --sjs-corner-radius-x250: calc(var(--ctr-corner-radius-unit, 8px) * 2.5);
  --sjs-corner-radius-x3: calc(var(--ctr-corner-radius-unit, 8px) * 3);
  --sjs-corner-radius-x350: calc(var(--ctr-corner-radius-unit, 8px) * 3.5);
  --sjs-corner-radius-x4: calc(var(--ctr-corner-radius-unit, 8px) * 4);
  --sjs-corner-radius-x5: calc(var(--ctr-corner-radius-unit, 8px) * 5);
  --sjs-corner-radius-x6: calc(var(--ctr-corner-radius-unit, 8px) * 6);
  --sjs-corner-radius-x7: calc(var(--ctr-corner-radius-unit, 8px) * 7);
  --sjs-corner-radius-x8: calc(var(--ctr-corner-radius-unit, 8px) * 8);
  --sjs-corner-radius-round: calc(var(--ctr-corner-radius-unit, 8px) * 128);
  --sjs-corner-radius-x0375: calc(var(--ctr-corner-radius-unit, 8px) * 0.375);
  --sjs-stroke-x1: calc(var(--ctr-stroke-unit, 1px) * 1);
  --sjs-stroke-x2: calc(var(--ctr-stroke-unit, 1px) * 2);
  --sjs-stroke-x3: calc(var(--ctr-stroke-unit, 1px) * 3);
  --sjs-stroke-x4: calc(var(--ctr-stroke-unit, 1px) * 4);
  --sjs-stroke-x6: calc(var(--ctr-stroke-unit, 1px) * 6);
  --sjs-stroke-x8: calc(var(--ctr-stroke-unit, 1px) * 8);
  --sjs-size-x0125: calc(var(--ctr-size-unit, 8px) * 0.125);
  --sjs-size-x025: calc(var(--ctr-size-unit, 8px) * 0.25);
  --sjs-size-x05: calc(var(--ctr-size-unit, 8px) * 0.5);
  --sjs-size-x075: calc(var(--ctr-size-unit, 8px) * 0.75);
  --sjs-size-x1: calc(var(--ctr-size-unit, 8px) * 1);
  --sjs-size-x125: calc(var(--ctr-size-unit, 8px) * 1.25);
  --sjs-size-x150: calc(var(--ctr-size-unit, 8px) * 1.5);
  --sjs-size-x2: calc(var(--ctr-size-unit, 8px) * 2);
  --sjs-size-x250: calc(var(--ctr-size-unit, 8px) * 2.5);
  --sjs-size-x3: calc(var(--ctr-size-unit, 8px) * 3);
  --sjs-size-x350: calc(var(--ctr-size-unit, 8px) * 3.5);
  --sjs-size-x4: calc(var(--ctr-size-unit, 8px) * 4);
  --sjs-size-x5: calc(var(--ctr-size-unit, 8px) * 5);
  --sjs-size-x6: calc(var(--ctr-size-unit, 8px) * 6);
  --sjs-size-x7: calc(var(--ctr-size-unit, 8px) * 7);
  --sjs-size-x8: calc(var(--ctr-size-unit, 8px) * 8);
  --sjs-size-x9: calc(var(--ctr-size-unit, 8px) * 9);
  --sjs-size-x10: calc(var(--ctr-size-unit, 8px) * 10);
  --sjs-size-x11: calc(var(--ctr-size-unit, 8px) * 11);
  --sjs-size-x12: calc(var(--ctr-size-unit, 8px) * 12);
  --sjs-size-x13: calc(var(--ctr-size-unit, 8px) * 13);
  --sjs-size-x14: calc(var(--ctr-size-unit, 8px) * 14);
  --sjs-size-x15: calc(var(--ctr-size-unit, 8px) * 15);
  --sjs-size-x16: calc(var(--ctr-size-unit, 8px) * 16);
  --sjs-size-x550: calc(var(--ctr-size-unit, 8px) * 5.5);
  --sjs-size-max: 10000px;
  --sjs-size-x17: calc(var(--ctr-size-unit, 8px) * 17);
  --sjs-size-x18: calc(var(--ctr-size-unit, 8px) * 18);
  --sjs-size-x64: calc(var(--ctr-size-unit, 8px) * 64);
  --sjs-size-x90: calc(var(--ctr-size-unit, 8px) * 90);
  --sjs-size-x80: calc(var(--ctr-size-unit, 8px) * 80);
  --sjs-size-x40: calc(var(--ctr-size-unit, 8px) * 40);
  --sjs-size-x32: calc(var(--ctr-size-unit, 8px) * 32);
  --sjs-size-x20: calc(var(--ctr-size-unit, 8px) * 20);
  --sjs-size-x86: calc(var(--ctr-size-unit, 8px) * 86);
  --sjs-size-x60: calc(var(--ctr-size-unit, 8px) * 60);
  --sjs-size-x28: calc(var(--ctr-size-unit, 8px) * 28);
  --sjs-size-x50: calc(var(--ctr-size-unit, 8px) * 50);
}
survey-creator,
.svc-creator {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-font-smoothing: antialiased;
}
@-moz-document url-prefix() {
  survey-creator,
  .svc-creator {
    scrollbar-width: thin;
    scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent;
  }
}
survey-creator ::-webkit-scrollbar,
.svc-creator ::-webkit-scrollbar {
  width: var(--ctr-scrollbar-width, 12px);
  height: var(--ctr-scrollbar-width, 12px);
  background-color: transparent;
}
survey-creator ::-webkit-scrollbar-thumb,
.svc-creator ::-webkit-scrollbar-thumb {
  border: var(--ctr-scrollbar-padding-vertical, 4px) solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  border-radius: 1024px;
  background-color: var(--ctr-scrollbar-background-color, var(--sjs-border-default, var(--border, #d6d6d6)));
}
survey-creator ::-webkit-scrollbar-track,
.svc-creator ::-webkit-scrollbar-track {
  background: transparent;
}
survey-creator ::-webkit-scrollbar-thumb:hover,
.svc-creator ::-webkit-scrollbar-thumb:hover {
  border: var(--ctr-scrollbar-padding-vertical-hovered, 2px) solid rgba(0, 0, 0, 0);
  background-color: var(--ctr-scrollbar-background-color, var(--sjs-border-default, var(--border, #d6d6d6)));
}
survey-creator .sv-popup .sv-popup__scrolling-content ::-webkit-scrollbar-thumb:hover,
.svc-creator .sv-popup .sv-popup__scrolling-content ::-webkit-scrollbar-thumb:hover {
  background-color: var(--ctr-scrollbar-background-color, var(--sjs-border-default, var(--border, #d6d6d6)));
}
survey-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content,
.svc-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content {
  background: var(--ctr-survey-radio-button-group-item-background-color-floating, var(--sjs-general-backcolor, var(--background, #fff)));
  border-radius: var(--ctr-survey-radio-button-group-item-corner-radius-floating, calc(4.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-shadow: var(--ctr-survey-radio-button-group-item-shadow-floating-2-offset-x, 0px) var(--ctr-survey-radio-button-group-item-shadow-floating-2-offset-y, 2px) var(--ctr-survey-radio-button-group-item-shadow-floating-2-blur, 8px) var(--ctr-survey-radio-button-group-item-shadow-floating-2-spread, 0px) var(--ctr-survey-radio-button-group-item-shadow-floating-2-color, rgba(0, 76, 68, 0.1)), var(--ctr-survey-radio-button-group-item-shadow-floating-1-offset-x, 0px) var(--ctr-survey-radio-button-group-item-shadow-floating-1-offset-y, 16px) var(--ctr-survey-radio-button-group-item-shadow-floating-1-blur, 32px) var(--ctr-survey-radio-button-group-item-shadow-floating-1-spread, 0px) var(--ctr-survey-radio-button-group-item-shadow-floating-1-color, rgba(0, 76, 68, 0.1));
}
survey-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item,
.svc-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item {
  overflow: hidden;
}
survey-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item .sv-string-viewer,
survey-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item .sv-string-editor,
.svc-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item .sv-string-viewer,
.svc-creator .sv-drag-drop-choices-shortcut .sv-drag-drop-choices-shortcut__content .svc-item-value__item .sv-string-editor {
  white-space: nowrap;
}
.svc-creator__area {
  position: relative;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.svc-creator__content-wrapper {
  width: 100%;
  height: 0;
  flex-grow: 1;
}
.svc-creator__content-holder {
  width: 100%;
  height: 100%;
}
.svc-creator-tab {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  min-height: var(--tab-min-height, auto);
}
.svc-creator__toolbox--right.svc-creator-tab {
  flex-direction: row-reverse;
}
.svc-creator-tab__content {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}
.svc-plugin-tab__content {
  flex-basis: 0;
  max-height: 100%;
  overflow-y: auto;
  flex-grow: 1;
}
.sv-popup__content .svc-plugin-tab__content {
  flex-basis: 100%;
  height: 100%;
}
.svc-plugin-tab__content-actions sv-action-bar {
  padding: 0;
  height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
  background: var(--sjs-general-backcolor, var(--background, #fff));
  border-top: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
}
.svc-creator__banner {
  width: 100%;
  line-height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--ctr-page-banner-background-color, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
  text-align: center;
}
.svc-item__banner {
  position: relative;
  max-width: 0;
  overflow: hidden;
  height: 100%;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-shadow: 0px 2px 6px 0px var(--ctr-shadow-medium-color, rgba(0, 0, 0, 0.1));
  transition: max-width 0.1s ease-in-out, padding 0.2s ease-in-out;
}
.svc-creator__non-commercial-text {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  color: var(--ctr-page-banner-text-color, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));
  vertical-align: middle;
  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(16 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: block;
}
.svc-creator__non-commercial-text a {
  color: var(--ctr-page-banner-text-color, var(--sjs-primary-forecolor, var(--primary-foreground, #fff)));
}
.svc-creator--mobile .svc-creator__non-commercial-text {
  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-drag-drop-ghost {
  top: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
  height: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  position: absolute;
}
.sv-drag-drop-ghost--vertical {
  height: 10000px;
  width: 4px;
}
.sv-drag-drop-ghost--item-value-bottom {
  top: initial;
  bottom: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--disable-animations {
  --sjs-creator-transition-duration: 0ms;
}
/*!************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/string-editor.scss ***!
  \************************************************************************************************************************************************************************************/
.sd-element__header .svc-string-editor {
  display: inline-block;
  max-width: 100%;
}
.svc-string-editor {
  position: static;
}
.svc-string-editor [contenteditable=true] {
  user-select: text;
  -webkit-user-select: text;
}
.svc-string-editor .sv-string-editor {
  position: relative;
  outline: none;
  z-index: 12;
  max-width: 100%;
}
.svc-string-editor .sv-string-editor[aria-placeholder]:empty:before {
  content: attr(aria-placeholder);
  color: var(--ctr-survey-page-header-title-color-placeholder, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  transition: color var(--sjs-creator-transition-duration, 150ms);
}
.svc-string-editor .sv-string-editor--html,
.svc-string-editor .sv-string-editor:focus-within {
  white-space: pre-wrap;
}
.svc-string-editor.svc-string-editor--hidden {
  display: none;
}
.svc-string-editor__content {
  display: inline-block;
  position: relative;
  z-index: 10;
  width: 100%;
}
.svc-matrix-cell .svc-string-editor__content {
  width: auto;
}
.svc-string-editor__content:focus-within .svc-remaining-character-counter {
  display: inline-block;
}
.svc-string-editor__input {
  display: flex;
}
.svc-remaining-character-counter {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  display: none;
  position: relative;
  outline: none;
  z-index: 20;
  padding: 0px;
  vertical-align: top;
  margin-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svc-string-editor__border {
  position: absolute;
  z-index: 11;
  display: flex;
  align-items: center;
  justify-content: right;
  line-height: 0px;
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
  box-shadow: 0px 0px 0px 0px var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
  border-radius: 3px;
  opacity: 0;
}
.svc-string-editor__border.svc-string-editor__border--hover {
  top: 0;
  bottom: 0;
  left: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-shadow: 0px 0px 0px calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
  transition-delay: 0ms;
}
.svc-string-editor__border.svc-string-editor__border--focus {
  top: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  bottom: calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: content-box;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: 0px 2px 6px 0px var(--ctr-shadow-medium-color, rgba(0, 0, 0, 0.1)), 0px 0px 0px calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-string-editor__error {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
  color: red;
  display: none;
}
.svc-string-editor__controls {
  position: absolute;
  left: 100%;
  height: 100%;
  width: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  top: 0;
  padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  z-index: 12;
  display: none;
  align-items: center;
  justify-content: center;
  line-height: 0px;
}
.svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) .svc-string-editor__border--hover {
  opacity: 1;
  transition-delay: 0ms;
}
.svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) .svc-string-editor__border--focus {
  transition: none;
}
.svc-creator--disable-animations .svc-string-editor:hover:not(.svc-string-editor--readonly):not(:focus-within) .svc-string-editor__border--hover {
  transition-delay: 0ms;
}
.svc-string-editor:focus-within .svc-string-editor__border--focus {
  opacity: 1;
}
.svc-string-editor:focus-within .svc-string-editor__border--hover {
  transition: none;
}
.svc-string-editor.svc-string-editor--error:focus-within .svc-string-editor__border--focus {
  box-shadow: 0px 2px 6px 0px var(--ctr-shadow-medium-color, rgba(0, 0, 0, 0.1)), 0px 0px 0px calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-special-red, var(--red, #e60a3e));
}
.sd-boolean .sv-string-editor:focus-within {
  white-space: nowrap;
}
.sd-rating .sd-rating__item:focus-within:not(.sd-rating__min-text) .svc-string-editor:focus-within .svc-string-editor__border,
.sd-rating .sd-rating__item:focus-within:not(.sd-rating__max-text) .svc-string-editor:focus-within .svc-string-editor__border {
  display: none;
}
.sd-table__cell--column-title .svc-matrix-cell:not(:focus):focus-within .svc-matrix-cell--selected {
  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: block;
}
.sd-table__cell--column-title .svc-string-editor:focus-within .svc-string-editor__border {
  display: none;
}
.sd-item__control-label .svc-string-editor:focus-within .svc-string-editor__border {
  left: calc(-0.7 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(-0.7 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-string-editor:hover ~ .sd-question__required-text,
.svc-string-editor:focus-within ~ .sd-question__required-text {
  visibility: hidden;
}
.svc-string-editor--multiline .sv-string-editor {
  white-space: pre-wrap;
}
/*!*********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/creator-theme/creator.scss ***!
  \*********************************************************************************************************************************************************************************/
.svc-btn {
  display: flex;
  padding: var(--ctr-button-padding-vertical, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-button-padding-horizontal, calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  justify-content: center;
  align-items: center;
  background-color: var(--ctr-button-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  border-radius: var(--ctr-button-corner-radius, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  outline: solid calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) transparent;
  transition: background-color var(--sjs-creator-transition-duration, 150ms);
  box-shadow: var(--ctr-button-shadow-offset-x, 0px) var(--ctr-button-shadow-offset-y, 1px) var(--ctr-button-shadow-blur, 2px) var(--ctr-button-shadow-spread, 0px) var(--ctr-button-shadow-color, var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15)));
}
.svc-btn__text {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  display: flex;
  align-items: center;
  flex-grow: 1;
  justify-content: center;
  color: var(--ctr-button-text-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-btn:hover {
  background-color: var(--ctr-button-background-color-hovered, var(--sjs-questionpanel-hovercolor, var(--sjs-general-backcolor-dark, rgb(248, 248, 248))));
}
.svc-btn:focus {
  box-shadow: 0 0 0 var(--ctr-button-border-width-focused, 2px) var(--ctr-button-border-color-focused, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-action-button {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  display: inline-block;
  padding-top: var(--ctr-actionbar-button-padding-top-medium-text, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-end: var(--ctr-actionbar-button-padding-right-medium-text, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-bottom: var(--ctr-actionbar-button-padding-bottom-medium-text, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-start: var(--ctr-actionbar-button-padding-left-medium-text, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-sizing: border-box;
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  color: var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid transparent;
}
.svc-action-button:focus,
.svc-action-button:hover {
  background-color: var(--ctr-survey-action-button-background-color-hovered-positive, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
  outline: none;
}
.svc-action-button--selected {
  border-color: var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-action-button--disabled {
  opacity: var(--ctr-survey-action-button-opacity-disabled, 0.25);
  color: var(--ctr-survey-action-button-text-color-disabled, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/page-navigator/page-navigator.scss ***!
  \****************************************************************************************************************************************************************************************************/
svc-page-navigator,
.svc-page-navigator {
  display: flex;
  flex-direction: column;
  gap: var(--ctr-page-navigator-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-page-navigator__button-icon {
  display: block;
  width: var(--ctr-page-navigator-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-page-navigator-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding: var(--ctr-page-navigator-button-padding, var(--sjs-base-unit, var(--base-unit, 8px)));
  border-radius: var(--ctr-page-navigator-button-corner-radius, 50%);
  overflow: visible;
  cursor: pointer;
  transition: background-color var(--sjs-creator-transition-duration, 150ms);
}
.svc-page-navigator__button-icon .sv-svg-icon {
  width: var(--ctr-page-navigator-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-page-navigator-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-page-navigator__button-icon use {
  fill: var(--ctr-page-navigator-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  transition: fill var(--sjs-creator-transition-duration, 150ms);
}
.svc-page-navigator__button {
  --ctr-page-navigator-button-double-padding: calc(2 * var(--ctr-page-navigator-button-padding));
  --ctr-page-navigator-button-width: calc(var(--ctr-page-navigator-button-icon-width) + var(--ctr-page-navigator-button-double-padding));
  --ctr-page-navigator-button-height: calc(var(--ctr-page-navigator-button-icon-height) + var(--ctr-page-navigator-button-double-padding));
  width: var(--ctr-page-navigator-button-width, calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-page-navigator-button-height, calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding: 0;
  cursor: pointer;
  border: none;
  background-color: transparent;
}
.svc-page-navigator__button:hover,
.svc-page-navigator__button:focus-visible {
  outline: none;
}
.svc-page-navigator__button:hover .svc-page-navigator__button-icon,
.svc-page-navigator__button:focus-visible .svc-page-navigator__button-icon {
  background-color: var(--ctr-page-navigator-button-background-color-hovered, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
}
.svc-page-navigator__button:hover .svc-page-navigator__button-icon use,
.svc-page-navigator__button:focus-visible .svc-page-navigator__button-icon use {
  fill: var(--ctr-page-navigator-button-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-page-navigator__button--pressed .svc-page-navigator__button-icon,
.svc-page-navigator__button:active .svc-page-navigator__button-icon {
  background: var(--ctr-page-navigator-button-background-color-pressed, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
  opacity: var(--ctr-page-navigator-button-opacity-pressed, 0.5);
}
.svc-page-navigator__button--pressed .svc-page-navigator__button-icon use,
.svc-page-navigator__button:active .svc-page-navigator__button-icon use {
  fill: var(--ctr-page-navigator-button-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-page-navigator__button--active .svc-page-navigator__button-icon,
.svc-page-navigator__button--active:hover .svc-page-navigator__button-icon {
  background: var(--ctr-page-navigator-button-background-color-checked, transparent);
}
.svc-page-navigator__button--active .svc-page-navigator__button-icon use,
.svc-page-navigator__button--active:hover .svc-page-navigator__button-icon use {
  fill: var(--ctr-page-navigator-button-icon-color-checked, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-page-navigator__popup {
  min-width: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-tab-designer__page-navigator {
  display: flex;
  flex-grow: 1;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/page-navigator/page-navigator-item.scss ***!
  \*********************************************************************************************************************************************************************************************************/
svc-page-navigator-item,
.svc-page-navigator-item {
  display: flex;
  justify-content: center;
  cursor: pointer;
}
.svc-page-navigator-item-content {
  display: flex;
  padding: var(--ctr-page-navigator-item-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-page-navigator-item-padding-right, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-page-navigator-item-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-page-navigator-item-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  gap: var(--ctr-page-navigator-item-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
  justify-content: flex-end;
  align-items: center;
  position: relative;
}
.svc-page-navigator-item-content:hover,
.svc-page-navigator-item-content:focus {
  outline: none;
}
.svc-page-navigator__items--up .svc-page-navigator-item-content {
  transition: 0.25s ease-in-out;
  transform: translateY(-100%);
}
.svc-page-navigator__items--up svc-page-navigator-item:first-child .svc-page-navigator-item-content {
  opacity: 0;
}
.svc-page-navigator__items--down .svc-page-navigator-item-content {
  transition: 0.25s ease-in-out;
  transform: translateY(100%);
}
.svc-page-navigator__items--down svc-page-navigator-item:last-child .svc-page-navigator-item-content {
  opacity: 0;
}
.svc-page-navigator-item__dot {
  display: flex;
  width: var(--ctr-page-navigator-item-dot-container-width, calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-page-navigator-item-dot-container-height, calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  justify-content: center;
  align-items: center;
}
.svc-page-navigator-item__dot-content {
  width: var(--ctr-page-navigator-item-dot-radius-small, calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-page-navigator-item-dot-radius-small, calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  flex-shrink: 0;
  background: var(--ctr-page-navigator-item-dot-color-default, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));
  border-radius: var(--ctr-page-navigator-item-dot-radius-small, calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-page-navigator-item__banner {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: var(--ctr-page-navigator-item-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-page-navigator-item-padding-right, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-page-navigator-item-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-page-navigator-item-padding-left-hovered, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  justify-content: flex-end;
  align-items: center;
  gap: var(--ctr-page-navigator-item-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
  border-radius: var(--ctr-page-navigator-item-corner-radius, 1024px);
  background: var(--ctr-page-navigator-item-background-color-hovered, var(--sjs-general-backcolor, var(--background, #fff)));
  box-shadow: var(--ctr-page-navigator-item-shadow-hovered-1-offset-x, 0px) var(--ctr-page-navigator-item-shadow-hovered-1-offset-y, 2px) var(--ctr-page-navigator-item-shadow-hovered-1-blur, 6px) var(--ctr-page-navigator-item-shadow-hovered-1-spread, 0px) var(--ctr-page-navigator-item-shadow-hovered-1-color, rgba(0, 0, 0, 0.1)), var(--ctr-page-navigator-item-shadow-hovered-2-offset-x, 0px) var(--ctr-page-navigator-item-shadow-hovered-2-offset-y, 0px) var(--ctr-page-navigator-item-shadow-hovered-2-blur, 0px) var(--ctr-page-navigator-item-shadow-hovered-2-spread, 0px) var(--ctr-page-navigator-item-shadow-hovered-2-color, transparent);
  opacity: 0;
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
  position: absolute;
  top: 0;
  right: 0;
  z-index: 1;
  display: none;
}
.svc-page-navigator-item__banner .svc-page-navigator-item__dot-content {
  width: var(--ctr-page-navigator-item-dot-radius-large, var(--sjs-base-unit, var(--base-unit, 8px)));
  height: var(--ctr-page-navigator-item-dot-radius-large, var(--sjs-base-unit, var(--base-unit, 8px)));
  flex-shrink: 0;
  background: var(--ctr-page-navigator-item-dot-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  border-radius: 100%;
}
.svc-page-navigator-item__text {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  font-weight: 600;
  color: var(--ctr-page-navigator-item-text-color-hovered, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-page-navigator-item--selected .svc-page-navigator-item__dot-content {
  width: var(--ctr-page-navigator-item-dot-radius-large, var(--sjs-base-unit, var(--base-unit, 8px)));
  height: var(--ctr-page-navigator-item-dot-radius-large, var(--sjs-base-unit, var(--base-unit, 8px)));
  flex-shrink: 0;
  background: var(--ctr-page-navigator-item-dot-color-selected, var(--sjs-general-backcolor, var(--background, #fff)));
  border-style: solid;
  border-width: 2px;
  border-color: var(--ctr-page-navigator-item-dot-border-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):hover .svc-page-navigator-item__banner,
.svc-page-navigator-item-content:not(.svc-page-navigator-item--selected):focus .svc-page-navigator-item__banner {
  display: flex;
  opacity: 1;
}
.svc-creator__toolbox--right .svc-page-navigator-item__banner,
[dir=rtl] .svc-page-navigator-item__banner,
[style*="direction:rtl"] .svc-page-navigator-item__banner,
[style*="direction: rtl"] .svc-page-navigator-item__banner {
  right: unset;
  left: 0;
  padding: var(--ctr-page-navigator-item-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-page-navigator-item-padding-left-hovered, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-page-navigator-item-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-page-navigator-item-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  direction: rtl;
}
.svc-page-navigator-item--disabled .svc-page-navigator-item__banner {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: 0.25;
}
/*!***************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/page.scss ***!
  \***************************************************************************************************************************************************************************/
svc-page {
  display: block;
}
.svc-page {
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-page .sd-page__title {
  margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  gap: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-page .sd-page__description {
  margin-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-page .sd-page__num {
  color: var(--ctr-survey-page-header-title-color-placeholder, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-page .svc-panel__placeholder {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--lbr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  line-height: var(--lbr-font-default-line-height, var(--thm-default-line-height, 24px));
  color: var(--ctr-survey-page-placeholder-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-page__content {
  position: relative;
  border-radius: var(--ctr-survey-page-corner-radius, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  width: 100%;
  outline-color: transparent;
  outline: 2px transparent dashed;
  transition-property:
    background-color,
    box-shadow,
    outline-color;
  transition-duration: var(--sjs-creator-transition-duration, 150ms);
}
.svc-page__content .sd-page {
  margin: 0;
  padding: var(--sjs-base-unit, var(--base-unit, 8px)) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
}
.svc-page__content > .svc-question__drag-area {
  padding-top: calc(1.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-page__content > .svc-question__drag-area .svc-question__drag-element {
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
}
.svc-page__content.svc-page__content--no-header .sd-page {
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-top: var(--ctr-survey-page-content-margin-top-no-header, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-page__content--dragged {
  opacity: 0.25;
}
.svc-page__content-actions {
  position: absolute;
  opacity: 0;
  top: var(--sjs-base-unit, var(--base-unit, 8px));
  inset-inline-end: 0;
  padding: 0 calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0 var(--sjs-base-unit, var(--base-unit, 8px));
  z-index: 1;
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
}
.svc-page__content-actions .sv-action-bar-separator {
  margin: 0 var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-page__content-actions h4.sd-title .sv-string-editor[aria-placeholder]:empty:before {
  color: var(--ctr-survey-page-header-title-color-placeholder, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-page-toolbar__item {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  display: flex;
  box-sizing: border-box;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  --thm-survey-question-panel-toolbar-item-padding-top: calc(var(--ctr-survey-question-panel-toolbar-item-padding-top) + var(--ctr-survey-question-panel-toolbar-item-icon-padding-top));
  --thm-survey-question-panel-toolbar-item-padding-right: calc(var(--ctr-survey-question-panel-toolbar-item-padding-right) + var(--ctr-survey-question-panel-toolbar-item-icon-padding-right));
  --thm-survey-question-panel-toolbar-item-padding-bottom: calc(var(--ctr-survey-question-panel-toolbar-item-padding-bottom) + var(--ctr-survey-question-panel-toolbar-item-icon-padding-bottom));
  --thm-survey-question-panel-toolbar-item-padding-left: calc(var(--ctr-survey-question-panel-toolbar-item-padding-left) + var(--ctr-survey-question-panel-toolbar-item-icon-padding-left));
  --thm-survey-question-panel-toolbar-button-gap: calc(var(--ctr-survey-question-panel-toolbar-gap) / 2);
  margin: 0 var(--thm-survey-question-panel-toolbar-button-gap, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  border-radius: var(--ctr-survey-page-toolbar-item-corner-radius, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding: var(--thm-survey-question-panel-toolbar-item-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--thm-survey-question-panel-toolbar-item-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--thm-survey-question-panel-toolbar-item-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--thm-survey-question-panel-toolbar-item-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  justify-content: center;
  align-items: center;
  background-color: transparent;
  transition: background-color var(--sjs-creator-transition-duration, 150ms);
}
.svc-page-toolbar__item use {
  fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
}
.svc-page-toolbar__item:hover,
.svc-page-toolbar__item:focus-visible {
  background-color: var(--ctr-survey-page-toolbar-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-page-toolbar__item:active,
.svc-page-toolbar__item.svc-page-toolbar__item--pressed {
  background-color: var(--ctr-survey-page-toolbar-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);
}
.svc-page-toolbar__item:active use,
.svc-page-toolbar__item.svc-page-toolbar__item--pressed use {
  fill: black;
  opacity: 0.5;
}
.svc-page-toolbar__item.svc-survey-element-toolbar__item--active {
  background-color: var(--ctr-survey-page-toolbar-item-background-color-selected, var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1)));
}
.svc-page-toolbar__item.svc-survey-element-toolbar__item--active .svc-survey-element-toolbar-item__title {
  color: var(--ctr-survey-page-toolbar-item-text-color-selected, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-page-toolbar__item.svc-survey-element-toolbar__item--active use {
  fill: var(--ctr-survey-page-toolbar-item-icon-color-selected, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
}
.svc-page-toolbar__item :disabled {
  opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);
}
.svc-page-toolbar__item--with-text {
  --thm-survey-question-panel-toolbar-item-padding-right: calc(var(--ctr-survey-question-panel-toolbar-item-padding-right-with-text) + var(--ctr-survey-question-panel-toolbar-item-icon-padding-right));
  --thm-survey-question-panel-toolbar-item-gap: calc(var(--ctr-survey-question-panel-toolbar-item-gap) + var(--ctr-survey-question-panel-toolbar-item-icon-padding-right));
  padding-inline-end: var(--thm-survey-question-panel-toolbar-item-padding-right-with-text, var(--sjs-base-unit, var(--base-unit, 8px)));
  gap: var(--thm-survey-question-panel-toolbar-item-gap, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-page-toolbar .sv-action:last-of-type .svc-page-toolbar__item {
  margin-inline-end: 0;
}
.svc-page-toolbar .sv-action:first-of-type .svc-page-toolbar__item {
  margin-inline-start: 0;
}
.svc-page-toolbar-item__icon {
  --thm-survey-page-toolbar-item-icon-width: calc(var(--ctr-survey-question-panel-toolbar-item-icon-container-width) - var(--ctr-survey-question-panel-toolbar-item-icon-padding-right) - var(--ctr-survey-question-panel-toolbar-item-icon-padding-left));
  --thm-survey-page-toolbar-item-icon-height: calc(var(--ctr-survey-question-panel-toolbar-item-icon-container-height) - var(--ctr-survey-question-panel-toolbar-item-icon-padding-top) - var(--ctr-survey-question-panel-toolbar-item-icon-padding-bottom));
  width: var(--thm-survey-page-toolbar-item-icon-width, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--thm-survey-page-toolbar-item-icon-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-page-toolbar-item__title {
  --thm-small-line-height: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-small-font-size: calc(0.75 * var(--thm-small-line-height));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--lbr-font-small-size, var(--thm-small-font-size, 12px));
  font-style: normal;
  line-height: var(--lbr-font-small-line-height, var(--thm-small-line-height, 16px));
  font-weight: 600;
  color: var(--ctr-survey-page-toolbar-item-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-page__content-actions .sv-action-bar-item-dropdown {
  border-radius: calcCornerRadius(0.5);
  background-color: transparent;
}
.svc-page__content:focus,
.svc-hovered.svc-page__content {
  box-shadow: 0 0 0 var(--ctr-survey-page-border-width-hovered, 2px) var(--ctr-survey-page-border-color-hovered, var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25))));
  background: var(--ctr-survey-page-background-color-hovered, var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1)));
}
.svc-page__content--new.svc-page__content--new {
  box-shadow: none;
  background-color: transparent;
  padding-top: var(--ctr-survey-page-margin-top, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-bottom: var(--ctr-survey-page-margin-bottom-new-page, calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-page__content--selected .svc-page__content-actions,
.svc-hovered.svc-page__content .svc-page__content-actions {
  opacity: 1;
}
.svc-page__content--selected > .svc-question__drag-area,
.svc-hovered.svc-page__content > .svc-question__drag-area {
  z-index: 1;
}
.svc-page__content--selected > .svc-question__drag-area .svc-question__drag-element,
.svc-hovered.svc-page__content > .svc-question__drag-area .svc-question__drag-element {
  width: var(--ctr-survey-page-drag-indicator-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-survey-page-drag-indicator-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  opacity: var(--ctr-survey-page-drag-indicator-opacity, 0.5);
}
.svc-page__content--selected.svc-page__content--selected {
  box-shadow: 0 0 0 var(--ctr-survey-page-border-width-selected, 2px) var(--ctr-survey-page-border-color-selected, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
  background: var(--ctr-survey-page-background-color-selected, var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1)));
}
.svc-page__content--animation-running .svc-row .svc-question--enter {
  animation: none;
}
.svc-page__content--animation-running .svc-row .svc-question--leave {
  animation-name: moveInWithOverflow;
  animation-direction: reverse;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-duration: var(--sjs-svc-collapse-move-out-duration, 250ms);
  animation-delay: var(--sjs-svc-collapse-move-out-delay, 100ms);
}
.svc-creator--disable-animations .svc-row .svc-question--leave {
  animation: none;
}
.svc-page__content--collapse-onhover,
.svc-page__content--collapse-always {
  outline: 2px transparent dashed;
}
.svc-page__content--collapse-onhover.svc-page__content--selected,
.svc-page__content--collapse-onhover.svc-page__content.svc-hovered,
.svc-page__content--collapse-always.svc-page__content--selected,
.svc-page__content--collapse-always.svc-page__content.svc-hovered {
  outline-color: transparent;
}
.svc-page__content--collapse-onhover.svc-page__content--collapsed-drag-over-inside,
.svc-page__content--collapse-always.svc-page__content--collapsed-drag-over-inside {
  box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  animation: collapsed-drag-over-inside-blinking 1s infinite;
  outline-color: transparent;
}
.svc-page__content--collapsed {
  outline-color: var(--sjs-border-default, var(--border, #d6d6d6));
}
.svc-creator--mobile .svc-page__content::after {
  margin: 0;
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-creator--mobile.svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected,
.svc-creator--mobile.svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected,
.svc-creator--mobile .svc-hovered.svc-page__content.svc-page__content--selected {
  box-shadow: 0 0 0 2px inset var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  box-shadow: 0 0 0 2px inset var(--ctr-survey-page-border-color-selected, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
  background: var(--ctr-survey-page-background-color-selected, var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1)));
}
.svc-creator--mobile.svc-creator .svc-page .svc-page__content--selected.svc-page__content--selected .svc-page__content-actions,
.svc-creator--mobile.svc-creator .svc-page .svc-page__content--selected:focus.svc-page__content--selected .svc-page__content-actions,
.svc-creator--mobile .svc-hovered.svc-page__content.svc-page__content--selected .svc-page__content-actions {
  display: block;
}
.svc-creator--mobile .svc-page__content:not(.svc-page__content--new):focus,
.svc-creator--mobile .svc-hovered.svc-page__content:not(.svc-page__content--new) {
  box-shadow: 0 0 0 2px inset var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));
}
.svc-page__footer {
  overflow: visible;
  margin-left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-page__footer .sv-action {
  flex: 1 1 0;
}
.svc-page__footer .svc-btn {
  flex-grow: 1;
  border: none;
}
.svc-add-new-item-button__text {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--lbr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  line-height: var(--lbr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  color: var(--ctr-button-text-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  text-align: center;
}
.svc-element__add-new-question {
  -webkit-tap-highlight-color: transparent;
  height: auto;
  padding: var(--ctr-surface-button-padding-vertical, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-surface-button-padding-horizontal-contextual-button, calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  border-radius: var(--ctr-surface-button-corner-radius, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-element__add-new-question:focus {
  box-shadow: 0 0 0 var(--ctr-button-border-width-focused, 2px) var(--ctr-button-border-color-focused, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-element__question-type-selector {
  position: absolute;
  inset-inline-end: 0;
  appearance: none;
  display: flex;
  padding: var(--ctr-surface-button-contextual-button-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-surface-button-contextual-button-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-surface-button-contextual-button-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-surface-button-contextual-button-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  border-radius: var(--ctr-surface-button-contextual-button-corner-radius, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-sizing: border-box;
  border: none;
  background: transparent;
  cursor: pointer;
  margin: var(--ctr-surface-button-contextual-button-margin-vertical, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-surface-button-contextual-button-margin-horizontal, var(--sjs-base-unit, var(--base-unit, 8px)));
  outline: none;
  transition: background-color var(--sjs-creator-transition-duration, 150ms);
}
.svc-element__question-type-selector:hover {
  background-color: var(--ctr-button-contextual-button-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-element__question-type-selector:focus {
  background: var(--ctr-button-contextual-button-background-color-focused, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
}
.svc-element__question-type-selector-icon {
  width: var(--ctr-surface-button-contextual-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-surface-button-contextual-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  display: flex;
  align-items: center;
}
.svc-element__question-type-selector-icon .sv-svg-icon {
  width: var(--ctr-surface-button-contextual-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-surface-button-contextual-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  display: flex;
  align-items: center;
}
.svc-element__question-type-selector-icon use {
  fill: var(--ctr-button-contextual-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-page--drag-over-empty .svc-page__footer:after {
  content: " ";
  position: absolute;
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  left: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  bottom: calc(11.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
  height: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  left: 0;
  top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))) - 0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))) / 2);
}
.svc-page--drag-over-empty-no-add-button:after {
  bottom: auto;
}
.svc-page__placeholder_frame {
  min-width: auto;
  max-width: 100%;
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: 0 calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-page__placeholder_frame .svc-panel__placeholder_frame {
  padding: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: auto;
}
.svc-page__content--collapsed > .sv-action-bar {
  display: none;
}
.svc-page__content--collapsed .sd-page__title {
  margin-bottom: 0;
}
.svc-page__content--collapsed .svc-page__placeholder_frame {
  display: none;
}
.svc-page__content--collapsed .svc-page__content-actions {
  display: block;
}
.svc-page__content--collapsed .sd-page {
  display: flex;
}
.svc-page__content--collapsed .sd-page > * {
  display: none;
}
.svc-page__content--collapsed .sd-page .sd-title {
  display: block;
}
.svc-page__content.svc-page__content--collapsed .sd-page {
  padding-bottom: 0;
}
.svc-creator .svc-page .svc-page__content--collapse-always .svc-page__content-actions {
  opacity: 1;
}
.svc-creator .svc-page .svc-page__content--collapse-always .svc-page__content-actions .sv-action {
  visibility: hidden;
}
.svc-creator .svc-page .svc-page__content--collapse-always .svc-page__content-actions .sv-action.sv-action-bar-item--collapse {
  visibility: visible;
}
.svc-creator .svc-page .svc-page__content--collapse-always .svc-page__content-actions .sv-action.sv-action-bar-item--collapse .sv-action-bar-separator {
  visibility: hidden;
}
.svc-creator .svc-page .svc-page__content--collapse-always.svc-page__content--selected .svc-page__content-actions .sv-action,
.svc-creator .svc-page .svc-page__content--collapse-always.svc-hovered .svc-page__content-actions .sv-action {
  visibility: visible;
}
.svc-creator .svc-page .svc-page__content--collapse-always.svc-page__content--selected .svc-page__content-actions .sv-action .sv-action-bar-separator,
.svc-creator .svc-page .svc-page__content--collapse-always.svc-hovered .svc-page__content-actions .sv-action .sv-action-bar-separator {
  visibility: visible;
}
.svc-page--enter,
.svc-page--leave {
  animation-name: fadeIn, moveInWithOverflow;
  animation-fill-mode: forwards;
  animation-duration: var(--fade-animation-duration), var(--move-animation-duration);
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
  animation-delay: var(--fade-animation-delay), var(--move-animation-delay);
}
.svc-page--enter {
  opacity: 0;
  --animation-direction: normal;
  --animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  --fade-animation-duration: var(--sjs-svc-page-fade-in-duration, 250ms);
  --move-animation-duration: var(--sjs-svc-page-move-in-duration, 250ms);
  --fade-animation-delay: var(--sjs-svc-page-fade-in-delay, 100ms);
  --move-animation-delay: 0s;
}
.svc-page--leave {
  --animation-direction: reverse;
  --animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  --fade-animation-duration: var(--sjs-svc-page-fade-out-duration, 250ms);
  --move-animation-duration: var(--sjs-svc-page-move-out-duration, 250ms);
  --fade-animation-delay: 0s;
  --move-animation-delay: var(--sjs-svc-page-move-out-delay, 100ms);
}
.svc-creator--disable-animations .svc-page--enter,
.svc-creator--disable-animations .svc-page--leave {
  animation: none;
}
.svc-page--enter.svc-page--enter .svc-page__content-actions {
  opacity: 0;
}
.svc-page--enter.svc-page--enter .svc-page__content {
  box-shadow: 0 0 0 2px transparent;
  background-color: transparent;
}
.svc-page--enter.svc-page--enter .svc-page__content > .svc-question__drag-area .svc-question__drag-element {
  opacity: 0;
}
.svc-page {
  scroll-margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
/*!**************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/row.scss ***!
  \**************************************************************************************************************************************************************************/
.svc-row {
  width: 100%;
  position: relative;
}
.svc-row:not(.svc-row--ghost) > .sd-row {
  min-height: 50px;
}
.svc-row > .sd-row.sd-page__row {
  margin-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-row > .sd-row.sd-page__row.sd-row--delayed-enter {
  margin-top: 0;
}
.svc-row .sd-row.sd-row--multiple {
  overflow: auto;
  width: calc(100% + 4 * var(--sjs-base-unit, var(--base-unit, 8px)));
  flex-wrap: nowrap;
  margin-top: 0;
  padding-top: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-right: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: 2px;
  margin-right: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: -2px;
}
.svc-row .sd-row.sd-row--multiple .sd-row--multiple {
  overflow: unset;
}
.sd-panel .svc-row .sd-row--multiple {
  padding: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-shadow: none;
  border-radius: 0;
  padding: 2px;
  margin: -2px;
  width: 100%;
}
.sd-panel .svc-row .sd-row--multiple > div {
  padding: 0;
}
.svc-row.svc-row--ghost .svc-question__content {
  padding: 0;
  border: none;
  box-shadow: none;
}
.svc-row.svc-row--ghost .sd-row {
  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-row.svc-row--ghost:last-child .sd-row {
  height: initial;
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-row.svc-row--ghost + .svc-row .sd-page__row {
  margin-top: 0;
}
.svc-panel .svc-row.svc-row--ghost.svc-row.svc-row--ghost .sd-row {
  height: initial;
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-row__drop-indicator {
  position: absolute;
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  opacity: 0;
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
}
.svc-row__drop-indicator--top,
.svc-row__drop-indicator--bottom {
  left: 0;
  width: 100%;
  height: 0px;
}
.svc-row__drop-indicator--top {
  top: calc(var(--sjs-base-unit, var(--base-unit, 8px)) - 0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))) / 2);
}
.svc-row__drop-indicator--bottom {
  bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))) - -0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))) / 2);
}
.svc-row--drag-over-top > .svc-row__drop-indicator--top {
  opacity: 1;
  height: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-row--drag-over-bottom > .svc-row__drop-indicator--bottom {
  opacity: 1;
  height: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content--panel .svc-row__drop-indicator--top,
.sd-panel__content .svc-row__drop-indicator--top {
  top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))) - 0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))) / 2);
}
.svc-question__content--panel .svc-row--drag-over-top:before,
.sd-panel__content .svc-row--drag-over-top:before {
  top: -4px;
}
.svc-question__content--panel .svc-row--drag-over-bottom:after,
.sd-panel__content .svc-row--drag-over-bottom:after {
  bottom: -4px;
}
.svc-creator--disable-animations .svc-row .sd-row--leave,
.svc-creator--disable-animations .svc-row .sd-row--enter {
  animation: none;
}
.svc-creator--disable-animations .svc-row .sd-element-wrapper--leave,
.svc-creator--disable-animations .svc-row .sd-element-wrapper--enter {
  animation: none;
}
.svc-creator--disable-animations .svc-row .sd-element__content--enter,
.svc-creator--disable-animations .svc-row .sd-element__content--leave {
  animation: none;
}
.svc-creator--disable-animations .svc-row .sd-paneldynamic__panel-wrapper--enter,
.svc-creator--disable-animations .svc-row .sd-paneldynamic__panel-wrapper--leave {
  animation: none;
}
.svc-creator--disable-animations .svc-row .sd-item--enter {
  animation: none;
}
.svc-creator--disable-animations .svc-row .sd-item--leave {
  animation: none;
}
.svc-creator--disable-animations .svc-row .sd-table__row--leave,
.svc-creator--disable-animations .svc-row .sd-table__row--enter {
  animation: none;
}
.sd-panel .svc-row > .sd-row.sd-row--multiple {
  width: calc(100% + var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-left: 0;
  margin-left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-panel .svc-row > .sd-row.sd-row--multiple > div {
  box-sizing: border-box;
  --animation-padding-left: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-left: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-row {
  --sjs-row-fade-in-duration: var(--sjs-svc-row-fade-in-duration, 250ms);
  --sjs-row-move-in-duration: var(--sjs-svc-row-move-in-duration, 250ms);
  --sjs-row-fade-in-delay: var(--sjs-svc-row-fade-in-delay, 100ms);
  --sjs-row-fade-out-duration: var(--sjs-svc-row-fade-out-duration, 250ms);
  --sjs-row-move-out-duration: var(--sjs-svc-row-move-out-duration, 250ms);
  --sjs-row-move-out-delay: var(--sjs-svc-row-move-out-delay, 100ms);
  --sjs-row-fade-in-animation-delay: var(--sjs-svc-row-fade-in-animation-delay, 0s);
}
/*!*******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/question.scss ***!
  \*******************************************************************************************************************************************************************************/
.svc-carry-forward-panel-wrapper {
  width: 100%;
  container-type: inline-size;
}
.svc-carry-forward-panel {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  box-sizing: border-box;
  width: 100%;
  padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border-radius: var(--sjs-base-unit, var(--base-unit, 8px));
  background-color: var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9));
  text-align: center;
  color: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
}
@container (max-width: 176px) {
  .svc-carry-forward-panel {
    display: none;
  }
}
@container (max-width: 496px) {
  .svc-carry-forward-panel {
    padding: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  }
}
.svc-carry-forward-panel__link .svc-action-button {
  padding: 0;
  border: none;
  font-weight: inherit;
  color: inherit;
  text-decoration: underline;
  cursor: pointer;
}
.svc-carry-forward-panel__link .svc-action-button:hover,
.svc-carry-forward-panel__link .svc-action-button:focus {
  background-color: transparent;
}
svc-question {
  display: block;
  position: absolute;
  top: 1px;
  left: 1px;
  right: 1px;
  bottom: 1px;
}
.svc-question__adorner {
  position: relative;
  height: auto;
  width: 100%;
  display: grid;
  grid-template-columns: 100%;
}
.svc-question__adorner > * {
  grid-row: 1;
  grid-column: 1;
}
.svc-question__adorner.svc-question__adorner--collapsed {
  height: fit-content;
}
.svc-question__adorner .sv-action-bar {
  overflow: visible;
}
.svc-question__adorner .sv-action-bar .sv-action:not(:first-child) .sv-action-bar-item {
  border: none;
}
.svc-question__adorner .sv-action-bar .sv-action:not(:first-child) .sv-action-bar-item:active {
  opacity: 0.5;
  background-color: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-question__adorner:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  margin-top: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  bottom: 0;
  right: 0;
}
.svc-survey-element-toolbar__item {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  display: flex;
  box-sizing: border-box;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  --thm-survey-question-panel-toolbar-button-gap: calc(var(--ctr-survey-question-panel-toolbar-gap) / 2);
  margin: 0 var(--thm-survey-question-panel-toolbar-button-gap, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  border-radius: var(--ctr-survey-question-panel-toolbar-item-corner-radius, calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding: var(--ctr-survey-question-panel-toolbar-item-padding-top, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-question-panel-toolbar-item-padding-right, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-question-panel-toolbar-item-padding-bottom, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-question-panel-toolbar-item-padding-left, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  justify-content: center;
  align-items: center;
  background-color: transparent;
  transition: background var(--sjs-creator-transition-duration, 150ms), opacity var(--sjs-creator-transition-duration, 150ms);
}
.svc-survey-element-toolbar__item use {
  fill: var(--ctr-survey-question-panel-toolbar-item-icon-color, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
}
.svc-survey-element-toolbar__item:hover,
.svc-survey-element-toolbar__item:focus-visible {
  background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-survey-element-toolbar__item:active,
.svc-survey-element-toolbar__item.svc-survey-element-toolbar__item--pressed {
  opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-pressed, 0.5);
  background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-pressed, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-survey-element-toolbar__item:active use,
.svc-survey-element-toolbar__item.svc-survey-element-toolbar__item--pressed use {
  fill: black;
  opacity: 0.45;
}
.svc-survey-element-toolbar__item.svc-survey-element-toolbar__item--active {
  background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-selected, var(--sjs-secondary-backcolor-semi-light, rgba(255, 152, 20, 0.1)));
}
.svc-survey-element-toolbar__item.svc-survey-element-toolbar__item--active .svc-survey-element-toolbar-item__title {
  color: var(--ctr-survey-question-panel-toolbar-item-text-color-selected, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-survey-element-toolbar__item.svc-survey-element-toolbar__item--active use {
  fill: var(--ctr-survey-question-panel-toolbar-item-icon-color-selected, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
}
.svc-survey-element-toolbar__item :disabled {
  opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-disabled, 0.25);
}
.svc-survey-element-toolbar__item--with-text {
  padding-inline-end: var(--ctr-survey-question-panel-toolbar-item-padding-right-with-text, var(--sjs-base-unit, var(--base-unit, 8px)));
  gap: var(--ctr-survey-question-panel-toolbar-item-gap, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-survey-element-toolbar .sv-action:last-of-type .svc-survey-element-toolbar__item {
  margin-inline-end: 0;
}
.svc-survey-element-toolbar .sv-action:first-of-type .svc-survey-element-toolbar__item {
  margin-inline-start: 0;
}
.svc-dropdown-action--convertTo .svc-survey-element-toolbar__item--with-text {
  padding-inline-end: var(--ctr-survey-question-panel-toolbar-item-padding-right, 4px);
  padding-inline-start: var(--ctr-survey-question-panel-toolbar-item-padding-left-with-text, var(--sjs-base-unit, var(--base-unit, 8px)));
  flex-direction: row-reverse;
  gap: var(--ctr-survey-question-panel-toolbar-item-gap, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-dropdown-action--convertTo .svc-survey-element-toolbar__item--icon .svc-survey-element-toolbar-item__icon {
  padding: 0;
  width: var(--ctr-survey-question-panel-toolbar-item-icon-container-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-survey-question-panel-toolbar-item-icon-container-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-sizing: border-box;
  display: block;
}
.svc-survey-element-toolbar-item__icon,
.svc-survey-element-toolbar__dots-item .sv-svg-icon.sv-action-bar-item__icon {
  box-sizing: border-box;
  display: block;
  padding: var(--ctr-survey-question-panel-toolbar-item-icon-padding-top, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-question-panel-toolbar-item-icon-padding-right, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-question-panel-toolbar-item-icon-padding-bottom, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-question-panel-toolbar-item-icon-padding-left, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  width: var(--ctr-survey-question-panel-toolbar-item-icon-container-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-survey-question-panel-toolbar-item-icon-container-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-survey-element-toolbar-item__title {
  --thm-small-line-height: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-small-font-size: calc(0.75 * var(--thm-small-line-height));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--lbr-font-small-size, var(--thm-small-font-size, 12px));
  font-style: normal;
  line-height: var(--lbr-font-small-line-height, var(--thm-small-line-height, 16px));
  font-weight: 600;
  color: var(--ctr-survey-question-panel-toolbar-item-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  transition: color var(--sjs-creator-transition-duration, 150ms);
}
.svc-question__adorner .sv-action-bar-item-dropdown {
  background-color: transparent;
}
.svc-question__adorner .sd-input:disabled {
  pointer-events: none;
}
.svc-question__content {
  scroll-margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-element {
  scroll-margin-top: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  position: relative;
  width: 100%;
  height: auto;
  flex-grow: 1;
  box-sizing: border-box;
  padding: var(--lbr-question-panel-padding-top, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--lbr-question-panel-padding-right, calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-question-panel-padding-bottom-selected, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--lbr-question-panel-padding-left, calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  border-radius: var(--lbr-question-panel-corner-radius, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  background: var(--lbr-question-panel-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  box-shadow: var(--lbr-question-panel-shadow-offset-x, 0px) var(--lbr-question-panel-shadow-offset-y, 1px) var(--lbr-question-panel-shadow-blur, 2px) var(--lbr-question-panel-shadow-spread, 0px) var(--lbr-question-panel-shadow-color, rgba(0, 0, 0, 0.15));
  outline: none;
  transition: background var(--sjs-creator-transition-duration, 150ms), box-shadow var(--sjs-creator-transition-duration, 150ms);
}
.svc-question__content--title-bottom {
  padding-top: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content--title-bottom .sd-question__content {
  margin-top: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content--title-bottom .svc-question__content-actions {
  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content--title-bottom .svc-question__content-actions > .sv-action-bar {
  margin-bottom: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content--title-hidden {
  padding-top: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content .sd-selectbase:not(.sd-imagepicker) {
  padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content .sd-table .sd-selectbase:not(.sd-imagepicker) {
  overflow-x: visible;
  padding-left: 0;
  margin-left: 0;
}
.svc-question__content .sd-selectbase--multi-column {
  overflow: initial;
}
.svc-question__content .sd-question.sd-question--table {
  overflow-x: initial;
}
.svc-question__content .sd-multipletext__item-title {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
}
.svc-question__content .sd-multipletext__item-container.sd-input:focus-within {
  box-shadow: var(--sjs-shadow-inner, inset 0px 1px 2px 0px rgba(0, 0, 0, 0.15));
}
.svc-question__content .sd-matrixdynamic__btn.sd-matrixdynamic__add-btn {
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  opacity: 0.25;
}
.svc-question__content .sjs_sp_placeholder {
  -webkit-user-select: all;
  user-select: all;
  pointer-events: all;
}
.svc-question__content > div,
.svc-question__placeholders > div {
  overflow: visible;
}
.svc-question--enter,
.svc-question--leave {
  animation-name: fadeIn, moveInWithOverflow;
  animation-fill-mode: forwards;
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
  animation-duration: var(--fade-animation-duration), var(--move-animation-duration);
  animation-delay: var(--fade-animation-delay), var(--move-animation-delay);
}
.svc-question--enter {
  opacity: 0;
  --fade-animation-duration: var(--sjs-svc-expand-fade-in-duration, 150ms);
  --move-animation-duration: var(--sjs-svc-expand-move-in-duration, 250ms);
  --fade-animation-delay: var(--sjs-svc-expand-fade-in-delay, 250ms);
  --move-animation-delay: 0s;
  --animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  --animation-direction: normal;
}
.svc-question--leave {
  --fade-animation-duration: var(--sjs-svc-collapse-fade-out-duration, 150ms);
  --move-animation-duration: var(--sjs-svc-collapse-move-out-duration, 250ms);
  --fade-animation-delay: 0s;
  --move-animation-delay: var(--sjs-svc-collapse-move-out-delay, 100ms);
  --animation-direction: reverse;
  --animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
@keyframes changeAlignSelf {
  from {
    align-self: flex-start;
  }
  to {
    align-self: stretch;
  }
}
.svc-question--enter.svc-question__adorner,
.svc-question--leave.svc-question__adorner {
  opacity: 1;
  animation-name: changeAlignSelf;
  animation-duration: 0s;
}
.svc-question--enter.svc-question__adorner {
  align-self: flex-start;
  animation-delay: var(--move-animation-duration);
}
.svc-question--leave.svc-question__adorner {
  animation-delay: var(--move-animation-delay);
}
.svc-creator--disable-animations .svc-question--enter,
.svc-creator--disable-animations .svc-question--leave {
  animation: none;
}
.svc-question__content:not(.svc-question__content--composite-question) .sd-question:not(.sd-question--paneldynamic) .sd-panel__content {
  overflow: auto;
}
.svc-question__content:not(.svc-question__content--composite-question) .sd-question:not(.sd-question--paneldynamic) .sd-table__cell--detail-panel .sd-panel__content {
  overflow: unset;
}
.svc-panel__placeholder {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--lbr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  line-height: var(--lbr-font-default-line-height, var(--thm-default-line-height, 24px));
  color: var(--ctr-survey-placeholder-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  text-wrap: wrap;
  text-align: center;
}
.svc-question__content-actions {
  position: relative;
  opacity: 0;
  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-top: auto;
  width: calc(100% + 2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
}
.svc-question__content-actions:focus-within {
  opacity: 1;
}
.svc-question__content-actions > .sv-action-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content-actions .svc-action-bar-item--right:first-of-type {
  margin-inline-start: auto;
}
.svc-dropdown-action--convertTo {
  max-width: max-content;
}
.svc-dropdown-action--convertTo .svc-survey-element-toolbar__item {
  flex-direction: row-reverse;
}
.svc-dropdown-action--convertTo .sv-action-bar-item--icon {
  max-width: 100%;
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-dropdown-action--convertTo .svc-survey-element-toolbar-item__title {
  display: inline-block;
  justify-content: left;
}
.svc-dropdown-action--convertTo .svc-survey-element-toolbar-item__icon:last-child {
  margin-inline-start: 0;
}
.svc-dropdown-action--convertTo .svc-survey-element-toolbar-item__icon:last-child use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-dropdown-action--convertTo.sv-action--hidden {
  min-width: 0;
}
.svc-dropdown-action--convertTo-last {
  margin-inline-end: auto;
}
.svc-survey-element-toolbar__dots-item {
  width: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-right: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-survey-element-toolbar__dots-item.sv-action--hidden {
  width: 0;
  margin: 0;
}
.svc-survey-element-toolbar__dots-item.sv-action--hidden .sv-action__content {
  display: none;
}
.svc-survey-element-toolbar__dots-item .sv-dots__item {
  margin-left: 0;
}
.svc-survey-element-toolbar__dots-item .svc-list__item-icon {
  --ctr-survey-question-toolbar-item-icon-width: calc( var(--ctr-survey-question-panel-toolbar-item-icon-container-width) - var(--ctr-survey-question-panel-toolbar-item-icon-padding-right) - var(--ctr-survey-question-panel-toolbar-item-icon-padding-left) );
  --ctr-survey-question-toolbar-item-icon-height: calc( var(--ctr-survey-question-panel-toolbar-item-icon-container-height) - var(--ctr-survey-question-panel-toolbar-item-icon-padding-top) - var(--ctr-survey-question-panel-toolbar-item-icon-padding-bottom) );
  width: var(--ctr-survey-question-toolbar-item-icon-width, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-survey-question-toolbar-item-icon-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-survey-element-toolbar__dots-item .svc-list__item:hover > .svc-list__item-body .sv-svg-icon use,
.svc-survey-element-toolbar__dots-item .sv-svg-icon use {
  fill: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
}
.svc-question__content:focus,
.svc-hovered > .svc-question__content {
  box-shadow: 0 0 0 var(--ctr-survey-question-panel-border-width-hovered, 2px) var(--ctr-survey-question-panel-border-color-hovered, var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25))));
}
.svc-question__content--selected:not(.svc-question__content--dragged) {
  box-shadow: 0 0 0 var(--ctr-survey-question-panel-border-width-selected, 2px) var(--ctr-survey-question-panel-border-color-selected, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
}
.svc-question__content--collapsed-drag-over-inside:not(.svc-question__content--dragged) {
  box-shadow: 0 0 0 2px var(--sjs-primary-backcolor, var(--primary, #19b394));
  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  animation: collapsed-drag-over-inside-blinking 1s;
}
@keyframes collapsed-drag-over-inside-blinking {
  0% {
    background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  }
  40% {
    background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  }
  50% {
    background: transparent;
  }
  55% {
    background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  }
  65% {
    background: transparent;
  }
  70% {
    background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  }
  80% {
    background: transparent;
  }
  85% {
    background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  }
  100% {
    background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
  }
}
.svc-question__content--selected > .svc-question__content-actions,
.svc-hovered > .svc-question__content > .svc-question__content-actions {
  opacity: 1;
}
.svc-question__content--selected > .svc-question__content-actions.svc-question--enter,
.svc-hovered > .svc-question__content > .svc-question__content-actions.svc-question--enter {
  opacity: 0;
}
.svc-question__content--dragged {
  opacity: var(--ctr-survey-question-panel-opacity-hidden, 0.25);
}
.svc-question__content--dragged > .svc-question__content-actions {
  opacity: 0;
}
.svc-creator--mobile .svc-question__content-actions {
  overflow: hidden;
  height: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-creator--mobile .svc-question__content-actions > .sv-action-bar {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-creator--mobile .svc-question__content-actions.svc-question--enter {
  animation-name: empty, moveInWithOverflow;
}
.svc-creator--mobile .svc-question__content {
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-element__header--hidden {
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: 0 calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__adorner--selected > .svc-element__header--hidden {
  margin-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-bottom: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__content--selected {
  padding-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__content--selected > .svc-question__content-actions {
  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  overflow: visible;
}
.svc-creator--mobile .svc-question__content--selected > .svc-question__content-actions > .sv-action-bar {
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__content--selected > .svc-question__content-actions.svc-question--enter {
  animation-name: fadeIn, moveInWithOverflow;
}
.svc-creator--mobile.svc-creator--disable-animations .svc-question--enter {
  animation: none;
}
.svc-question__content .sd-question.sd-question--table {
  margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-dragged-element-shortcut {
  border-radius: var(--ctr-toolbox-item-corner-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  background-color: var(--ctr-toolbox-item-background-color-floating, var(--sjs-general-backcolor, var(--background, #fff)));
  color: var(--ctr-toolbox-item-text-color-hovered, var(--sjs-general-forecolor, var(--foreground, #161616)));
  padding: var(--ctr-toolbox-item-padding-top-submenu, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-item-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-item-padding-bottom-submenu, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-item-padding-left-submenu, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  cursor: grabbing;
  position: absolute;
  z-index: 1000;
  box-shadow: var(--ctr-toolbox-item-shadow-floating-1-offset-x, 0px) var(--ctr-toolbox-item-shadow-floating-1-offset-y, 8px) var(--ctr-toolbox-item-shadow-floating-1-blur, 16px) var(--ctr-toolbox-item-shadow-floating-1-spread, 0px) var(--ctr-toolbox-item-shadow-floating-1-color, rgba(0, 76, 68, 0.1)), var(--ctr-toolbox-item-shadow-floating-2-offset-x, 0px) var(--ctr-toolbox-item-shadow-floating-2-offset-y, 16px) var(--ctr-toolbox-item-shadow-floating-2-blur, 32px) var(--ctr-toolbox-item-shadow-floating-2-spread, 0px) var(--ctr-toolbox-item-shadow-floating-2-color, var(--ctr-shadow-large-color, rgba(0, 0, 0, 0.1)));
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  box-sizing: content-box;
}
.svc-dragged-element-shortcut .sv-svg-icon use {
  fill: var(--ctr-toolbox-item-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-dragged-element-shortcut--selected {
  border: 2px solid var(--ctr-toolbox-item-border-color-floating, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
}
.svc-dragged-element-shortcut__text {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  font-weight: 600;
}
.svc-dragged-element-shortcut--has-icon {
  padding: var(--ctr-toolbox-item-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-toolbox-item-padding-right, calc(3.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-item-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-toolbox-item-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  display: flex;
  gap: var(--ctr-toolbox-item-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
  justify-content: center;
  align-items: center;
}
.svc-dragged-element-shortcut--has-icon .svc-dragged-element-shortcut__text {
  display: block;
}
.svc-dragged-element-shortcut__icon {
  display: flex;
}
.svc-dragged-element-shortcut__icon svg {
  width: var(--ctr-toolbox-item-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-toolbox-item-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-question__content--drag-over-inside .svc-panel__placeholder_frame,
.svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder_frame {
  box-shadow: 0 0 0 1px var(--sjs-primary-backcolor, var(--primary, #19b394));
  border: 1px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.svc-question__content--drag-over-inside .svc-panel__placeholder_frame > .svc-question__content-actions,
.svc-hovered > .svc-question__content--drag-over-inside .svc-panel__placeholder_frame > .svc-question__content-actions {
  opacity: 1;
}
.svc-question__drop-indicator {
  position: absolute;
  background: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  opacity: 0;
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
}
.svc-question__drop-indicator--left,
.svc-question__drop-indicator--right {
  top: 0;
  height: 100%;
  width: 0px;
}
.svc-question__drop-indicator--top,
.svc-question__drop-indicator--bottom {
  left: 0;
  width: 100%;
  height: 0px;
}
.svc-question__drop-indicator--left {
  left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))) - 0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))) / 2);
}
.svc-question__drop-indicator--right {
  right: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))) - 0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))) / 2);
}
.svc-question__drop-indicator--top {
  top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))) - 0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))) / 2);
}
.svc-question__drop-indicator--bottom {
  bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))) - 0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))) / 2);
}
.svc-question__content--drag-over-left > .svc-question__drop-indicator--left {
  opacity: 1;
  width: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content--drag-over-right > .svc-question__drop-indicator--right {
  opacity: 1;
  width: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content--drag-over-top > .svc-question__drop-indicator--top {
  opacity: 1;
  height: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content--drag-over-bottom > .svc-question__drop-indicator--bottom {
  opacity: 1;
  height: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-panel .svc-question__content--drag-over-left .svc-question__drop-indicator--left {
  left: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))) + 0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sd-panel .svc-question__content--drag-over-right .svc-question__drop-indicator--right {
  right: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))) + 0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content--panel .sd-row > div:first-child .svc-question__content--drag-over-left,
.sd-panel__content .sd-row > div:first-child .svc-question__content--drag-over-left {
  margin-left: 8px;
  width: calc(100% - 8px);
}
.svc-question__content--panel .sd-row > div:last-child .svc-question__content--drag-over-right,
.sd-panel__content .sd-row > div:last-child .svc-question__content--drag-over-right {
  margin-right: 8px;
  width: calc(100% - 8px);
}
.svc-question__content--panel .svc-question__content--drag-over-top .svc-question__drop-indicator--top,
.sd-panel__content .svc-question__content--drag-over-top .svc-question__drop-indicator--top {
  top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))) + 0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content--panel .svc-question__content--drag-over-bottom .svc-question__drop-indicator--bottom,
.sd-panel__content .svc-question__content--drag-over-bottom .svc-question__drop-indicator--bottom {
  bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))) + 0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content-actions > .sv-action-bar {
  box-sizing: border-box;
  padding: 0;
  justify-content: center;
}
svc-question sv-action-bar,
svc-question .sv-action-bar,
.svc-question sv-action-bar,
.svc-question .sv-action-bar {
  padding: 0;
}
.svc-panel__edge {
  position: absolute;
  border: 1px solid orange;
  height: 10px;
  width: 100%;
}
.svc-panel__edge--top {
  top: 0;
}
.svc-panel__edge--bottom {
  bottom: 0;
}
.svc-question__adorner--start-with-new-line[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] {
  height: 100%;
  overflow: hidden;
  min-width: 4px;
}
.svc-question__adorner--start-with-new-line[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__content.svc-question__content.svc-question__content {
  border: 0;
  padding: 0;
}
[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] {
  border: none;
  height: 0;
}
[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__drag-area {
  display: none;
}
[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__drag-element {
  display: none;
}
[data-sv-drop-target-survey-element=sv-drag-drop-ghost-survey-element-name] .svc-question__content {
  background: transparent;
  box-shadow: none;
}
.svc-hovered > .svc-question__content > .svc-question__drag-area > .svc-question__drag-element {
  opacity: var(--ctr-survey-question-panel-drag-area-drag-indicator-opacity, 0.5);
}
.svc-question__content.svc-question__content--selected > .svc-question__drag-area > .svc-question__drag-element {
  opacity: var(--ctr-survey-question-panel-drag-area-drag-indicator-opacity, 0.5);
  z-index: 1;
}
.svc-element__header--hidden {
  display: block;
  box-sizing: border-box;
  padding: 0 calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
  z-index: -1;
  width: 100%;
}
.svc-element__header--hidden .svc-string-editor,
.svc-element__header--hidden .svc-fake-title,
.svc-element__header--hidden sv-ng-string > .svc-string-editor {
  display: inline-flex;
}
.svc-element__header--hidden .svc-string-editor::before,
.svc-element__header--hidden .svc-fake-title::before,
.svc-element__header--hidden sv-ng-string > .svc-string-editor::before {
  content: "(";
}
.svc-element__header--hidden .svc-string-editor::after,
.svc-element__header--hidden .svc-fake-title::after,
.svc-element__header--hidden sv-ng-string > .svc-string-editor::after {
  content: ")";
}
.svc-element__header--hidden .svc-element__title--hidden {
  opacity: 0;
  transition: opacity 150ms;
}
.svc-element__header--lazy .svc-string-editor,
.svc-element__header--lazy sv-ng-string > .svc-string-editor,
.svc-element__header--hidden.sd-question__header--location--left .svc-string-editor,
.svc-element__header--hidden.sd-question__header--location--left sv-ng-string > .svc-string-editor {
  display: inline-block;
}
.svc-element__header--lazy .svc-string-editor::before,
.svc-element__header--lazy .svc-string-editor::after,
.svc-element__header--lazy sv-ng-string > .svc-string-editor::before,
.svc-element__header--lazy sv-ng-string > .svc-string-editor::after,
.svc-element__header--hidden.sd-question__header--location--left .svc-string-editor::before,
.svc-element__header--hidden.sd-question__header--location--left .svc-string-editor::after,
.svc-element__header--hidden.sd-question__header--location--left sv-ng-string > .svc-string-editor::before,
.svc-element__header--hidden.sd-question__header--location--left sv-ng-string > .svc-string-editor::after {
  content: none;
}
.svc-question__adorner.svc-question__adorner--collapsed > .svc-element__header--hidden {
  z-index: 1;
}
.svc-question__adorner.svc-question__adorner--collapsed > .svc-element__header--hidden > .svc-element__title--hidden {
  opacity: 1;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed > .svc-question__dropdown-choices--wrapper,
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed > .svc-panel__placeholder_frame-wrapper,
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed > .svc-question__content-actions,
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed > .svc-panel__add-new-question-container,
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed > .sd-file,
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed > sv-ng-file-question {
  display: none;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .svc-question__drop-indicator {
  display: block;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .svc-question__drag-area {
  display: flex;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .svc-content-wrapper {
  display: flex;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .sd-element > *:not(.sd-element__header) {
  display: none;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .sd-element__header > *:not(.sd-element__title) {
  display: none;
}
.svc-question__adorner.svc-question__adorner--collapsed .svc-question__content--collapsed .sd-question__header--location--left {
  display: none;
}
.svc-question__adorner .svc-question__content--collapsed {
  flex-grow: 0;
  padding-bottom: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-top: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__adorner .svc-question__content--collapsed .sd-element__header,
.svc-question__adorner .svc-question__content--collapsed .sd-element--complex > .sd-element__header {
  padding-top: 0;
  padding-bottom: 0;
}
.svc-creator--mobile .svc-question__top-actions {
  padding: 0;
}
.svc-creator--mobile .svc-question__adorner .svc-question__content--collapsed {
  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--mobile .svc-question__adorner .svc-question__content--collapsed.svc-question__content--selected {
  padding-top: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__drag-area {
  position: absolute;
  cursor: move;
  top: 0;
  left: 0;
  height: calc(3.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.svc-question__drag-element {
  width: 100%;
  opacity: 0;
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
  width: var(--ctr-survey-question-panel-drag-area-drag-indicator-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-survey-question-panel-drag-area-drag-indicator-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-question__drag-element use {
  fill: var(--ctr-survey-question-panel-drag-area-drag-indicator-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.sd-panel .svc-question__content--image:not(.svc-question__content--empty) {
  padding-left: 1px;
  padding-right: 1px;
}
.sd-panel .svc-question__content .sd-table-wrapper::before {
  left: calc(-1 * var(--sd-base-padding) + 2px);
}
.sd-panel .svc-question__content .sd-table-wrapper::after {
  right: calc(-1 * var(--sd-base-padding) + 2px);
}
.sd-panel .svc-question__content {
  border-radius: 0;
  box-shadow: none;
  outline: var(--ctr-survey-question-panel-border-width-nested, 1px) dashed var(--ctr-survey-question-panel-border-color-nested, var(--sjs-border-default, var(--border, #d6d6d6)));
  outline-offset: calc(-1 * var(--ctr-survey-question-panel-border-width-nested, 1px));
}
.sd-panel .svc-hovered > .svc-question__content:not(.svc-question__content--dragged) {
  box-shadow: 0 0 0 var(--ctr-survey-question-panel-border-width-hovered, 2px) var(--ctr-survey-question-panel-border-color-hovered, var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)))) inset;
  outline: none;
}
.sd-panel .svc-question__content.svc-question__content--selected:not(.svc-question__content--dragged) {
  box-shadow: 0 0 0 var(--ctr-survey-question-panel-border-width-selected, 2px) var(--ctr-survey-question-panel-border-color-selected, var(--sjs-secondary-backcolor, var(--secondary, #ff9814))) inset;
  outline: none;
}
.sd-panel .svc-row--ghost.svc-row--ghost .svc-question__content.svc-question__content {
  border: none;
}
.svc-widget__content {
  width: 100%;
}
.svc-widget__content .sd-question__content {
  pointer-events: none;
}
.svc-question__content .sd-paneldynamic__footer,
.svc-question__content .sd-paneldynamic__separator {
  display: none;
}
.svc-panel__placeholder_frame-wrapper {
  container-type: inline-size;
  width: 100%;
  display: flex;
  flex-grow: 1;
  box-sizing: border-box;
  position: relative;
}
.svc-question__content--empty-template .sd-question--paneldynamic,
.svc-question__content--empty-template .sd-question__content,
.svc-question__content--empty-template sv-ng-paneldynamic-question,
.svc-question__content--empty-template .sd-paneldynamic,
.svc-question__content--empty-template .sd-paneldynamic__panels-container,
.svc-question__content--empty-template .sd-paneldynamic__panel-wrapper,
.svc-question__content--empty-template .svc-question__adorner,
.svc-question__content--empty-template .svc-question__adorner > div {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}
.svc-question__content--empty-template .sd-question--paneldynamic .svc-panel__placeholder_frame,
.svc-question__content--empty-template .sd-question__content .svc-panel__placeholder_frame,
.svc-question__content--empty-template sv-ng-paneldynamic-question .svc-panel__placeholder_frame,
.svc-question__content--empty-template .sd-paneldynamic .svc-panel__placeholder_frame,
.svc-question__content--empty-template .sd-paneldynamic__panels-container .svc-panel__placeholder_frame,
.svc-question__content--empty-template .sd-paneldynamic__panel-wrapper .svc-panel__placeholder_frame,
.svc-question__content--empty-template .svc-question__adorner .svc-panel__placeholder_frame,
.svc-question__content--empty-template .svc-question__adorner > div .svc-panel__placeholder_frame {
  flex-grow: 1;
}
.sd-paneldynamic__panels-container {
  padding-bottom: 2px;
  margin-bottom: -2px;
}
.svc-panel__placeholder_frame {
  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
  width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: calc(11 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  flex-grow: 1;
}
.svc-panel__add-new-question-container {
  width: 100%;
  display: flex;
  justify-content: center;
  position: relative;
}
.svc-panel__add-new-question-wrapper {
  container-type: inline-size;
  width: 100%;
  display: flex;
  justify-content: center;
}
.svc-panel__add-new-question-wrapper .svc-element__add-new-question {
  margin-top: var(--ctr-survey-panel-add-button-margin-top, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-panel__add-new-question-wrapper .svc-element__add-new-question-icon {
  margin: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: none;
}
.svc-panel__add-new-question-wrapper .svc-element__add-new-question-icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-panel__add-new-question-wrapper .svc-element__question-type-selector {
  position: absolute;
  inset-inline-end: 0;
  bottom: 0;
  margin: 0;
}
.svc-panel__add-new-question,
.svc-panel__add-new-question-wrapper .svc-element__add-new-question {
  display: flex;
  margin-top: var(--ctr-survey-placeholder-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  margin-left: 0;
  margin-right: 0;
  width: auto;
  padding: var(--ctr-survey-action-button-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-survey-action-button-padding-right, calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-action-button-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-survey-action-button-padding-left, calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  border-radius: var(--ctr-survey-action-button-corner-radius, 1024px);
  justify-content: center;
  align-items: center;
  vertical-align: baseline;
  text-align: center;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  transition: background-color var(--sjs-creator-transition-duration, 150ms), background var(--sjs-creator-transition-duration, 150ms);
  border: none;
  box-shadow: none;
}
.svc-panel__add-new-question:hover,
.svc-panel__add-new-question-wrapper .svc-element__add-new-question:hover {
  outline: none;
}
.svc-panel__add-new-question .svc-add-new-item-button__text,
.svc-panel__add-new-question-wrapper .svc-element__add-new-question .svc-add-new-item-button__text {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--lbr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  line-height: var(--lbr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  color: var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  text-wrap: nowrap;
}
.svc-panel__add-new-question-icon {
  margin: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: none;
}
.svc-panel__add-new-question-icon use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
}
.svc-panel__question-type-selector-popup {
  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  position: absolute;
  right: 0;
  bottom: 0;
}
@container (max-width: 496px) {
  .svc-panel__placeholder_frame {
    padding: calc(11 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  }
}
@container (max-width: 176px) {
  .svc-panel__placeholder {
    display: none;
  }
  .svc-panel__placeholder_frame {
    padding: calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(10 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  }
  .svc-panel__placeholder_frame .svc-panel__add-new-question,
  .svc-panel__placeholder_frame .svc-element__add-new-question {
    margin: 0;
  }
  .svc-panel__placeholder_frame .svc-panel__add-new-question-icon,
  .svc-panel__add-new-question-container .svc-panel__add-new-question-icon {
    display: block;
    width: var(--ctr-button-contextual-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
    height: var(--ctr-button-contextual-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  }
  .svc-panel__placeholder_frame .svc-element__question-type-selector,
  .svc-panel__add-new-question-container .svc-element__question-type-selector {
    display: none;
  }
  .svc-panel__placeholder_frame .svc-panel__add-new-question,
  .svc-panel__placeholder_frame .svc-element__add-new-question,
  .svc-panel__add-new-question-container .svc-panel__add-new-question,
  .svc-panel__add-new-question-container .svc-element__add-new-question {
    padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  }
  .svc-panel__placeholder_frame .svc-panel__add-new-question .svc-add-new-item-button__text,
  .svc-panel__placeholder_frame .svc-element__add-new-question .svc-add-new-item-button__text,
  .svc-panel__add-new-question-container .svc-panel__add-new-question .svc-add-new-item-button__text,
  .svc-panel__add-new-question-container .svc-element__add-new-question .svc-add-new-item-button__text {
    display: none;
  }
}
.sd-panel .svc-row {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.sd-panel .svc-row:first-of-type {
  margin-top: 0;
}
.sd-panel .svc-row .sd-row {
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.svc-question__content.svc-question__content--collapsed .sd-element--complex > .sd-element__header--location-top.svc-element__header--hidden {
  padding: 0;
}
.svc-question__content:not(.svc-question__content--composite-question) .sd-element--complex > .sd-element__header--location-top {
  padding-bottom: calc(0.5 * var(--sd-base-vertical-padding));
  padding-top: 0;
}
.svc-question__content:not(.svc-question__content--composite-question) .sd-panel__content {
  gap: 0;
  padding-top: 0;
}
.svc-question__content .sd-element--complex > .sd-element__header--location-top.svc-element__header--hidden {
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-element--complex > .sd-element__header--location-top:after {
  display: none;
}
.svc-question__content .sd-table__cell--detail-panel .sd-panel__content {
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-paneldynamic__panel-wrapper {
  padding: 0;
}
.svc-question__content .sd-table__cell--actions .sv-action-bar-item:disabled {
  background: var(--sjs-general-backcolor, var(--background, #fff));
  opacity: 1;
}
.svc-question__content .sd-table__cell--actions .sv-action-bar-item:disabled use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svc-question__content .sd-table__row-disabled > .sd-table__cell {
  opacity: 1;
}
.svc-question__content:not(.svc-question__content--composite-question) .svc-carry-forward-panel {
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content:not(.svc-question__content--composite-question) .sd-question__content {
  min-width: min(8 * (var(--sjs-base-unit, var(--base-unit, 8px))), 100%);
  margin-left: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-right: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-right: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  overflow-x: auto;
}
.svc-question__content:not(.svc-question__content--composite-question) .sd-question--description-under-input .sd-question__content {
  margin-bottom: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content:not(.svc-question__content--composite-question) .sd-composite .sd-question__content {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.svc-question__content--paneldynamic .sd-question__content {
  padding-bottom: 2px;
  margin-bottom: -2px;
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content--paneldynamic .sd-paneldynamic__panels-container {
  padding-top: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-top: calc(-1 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__adorner .sv-ranking:not(.sv-ranking--select-to-rank) .svc-question__content--ranking .svc-carry-forward-panel {
  margin-top: 0;
}
.svc-question__adorner .sv-ranking .sv-ranking__container-placeholder {
  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__adorner .sv-ranking--select-to-rank-vertical .sv-ranking__container--empty {
  padding-top: 0;
  padding-bottom: 0;
}
.svc-question__adorner .sv-ranking--select-to-rank-vertical .sv-ranking__container--from .sv-ranking__container-placeholder {
  padding-bottom: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__top-actions {
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  position: absolute;
  top: 0;
  right: 0;
  visibility: hidden;
}
.svc-survey-element-top-toolbar__item {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  display: flex;
  box-sizing: border-box;
  border: none;
  cursor: pointer;
  white-space: nowrap;
  padding: 0;
  border-radius: var(--ctr-survey-question-panel-toolbar-item-corner-radius, 2px);
  opacity: var(--ctr-survey-question-panel-toolbar-item-opacity-muted, 0.5);
  background-color: transparent;
}
.svc-survey-element-top-toolbar__item:hover,
.svc-survey-element-top-toolbar__item:focus-visible {
  opacity: initial;
  background-color: var(--ctr-survey-question-panel-toolbar-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-survey-element-top-toolbar__item use {
  fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
}
.svc-question__adorner--collapse-onhover.svc-hovered > .svc-question__content > .svc-question__drag-area > .svc-question__top-actions,
.svc-question__adorner--collapse-onhover > .svc-question__content--selected > .svc-question__drag-area > .svc-question__top-actions,
.svc-question__adorner--collapse-always > .svc-question__content > .svc-question__drag-area > .svc-question__top-actions {
  visibility: visible;
}
.sd-row--enter.sd-row--enter.sd-row--enter.sd-row--enter .svc-question__content--selected {
  box-shadow: 0px 1px 2px 0px var(--ctr-shadow-small-color, rgba(0, 0, 0, 0.15));
}
.sd-row--enter.sd-row--enter.sd-row--enter.sd-row--enter .svc-question__content--selected .svc-question__content-actions {
  opacity: 0;
}
.sd-panel .sd-row--enter.sd-row--enter.sd-row--enter.sd-row--enter .svc-question__content--selected {
  border-radius: 0;
  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
  box-shadow: none;
}
/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/question-dropdown.scss ***!
  \****************************************************************************************************************************************************************************************/
.svc-question__dropdown-choices {
  margin-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__dropdown-choice--collapsed:nth-last-child(1) {
  opacity: 0.25;
}
.svc-question__dropdown-choice--collapsed:nth-last-child(2) {
  opacity: 0.5;
}
.svc-question__dropdown-choice--collapsed:nth-last-child(3) {
  opacity: 0.75;
}
.svc-question__content > .svc-question__dropdown-choices--wrapper {
  width: calc(100% + 8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  overflow-x: auto;
  margin: 0 calc(-4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content > .svc-question__dropdown-choices--wrapper > div {
  width: calc(100% - 8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: inline-block;
  min-width: calc(15 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: 0 calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content > .svc-question__dropdown-choices--wrapper .svc-action-button {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--lbr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  line-height: var(--lbr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  margin-left: var(--ctr-survey-radio-button-group-show-more-button-margin-left, calc(6.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  margin-top: var(--ctr-survey-radio-button-group-show-more-button-margin-top, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding: var(--ctr-survey-action-button-padding-top, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-action-button-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-action-button-padding-bottom, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-action-button-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  border-radius: var(--ctr-survey-action-button-corner-radius, 1024px);
  cursor: pointer;
}
/*!*************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/question-image.scss ***!
  \*************************************************************************************************************************************************************************************/
.svc-image-question-controls {
  position: absolute;
  top: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  display: none;
}
.svc-question__content--selected .svc-image-question-controls {
  display: flex;
}
.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) {
  padding-left: 0;
  padding-right: 0;
}
.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) .sd-image__image {
  border-radius: 0;
}
.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) .svc-question__content-actions {
  padding-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  width: calc(100% - 2.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
  box-sizing: border-box;
}
.svc-question__content--image:not(.svc-question__content--loading):not(.svc-question__content--empty) .svc-question__content-actions > .sv-action-bar {
  width: calc(100% - calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content--image.svc-question__content--empty .sd-file,
.svc-question__content--image.svc-question__content--empty sv-ng-file-question {
  width: 100%;
}
.svc-question__content--image.svc-question__content--empty .sd-question--image {
  display: none;
}
.svc-question__content--image .sd-file__choose-btn--text .sv-svg-icon {
  display: none;
}
@container (max-width: 176px) {
  .svc-question__content--image .sd-file__choose-btn--text .sv-svg-icon {
    display: block;
  }
}
.svc-question__content--loading .sd-image {
  display: none;
}
.svc-image-question__loading-placeholder {
  position: relative;
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  width: 100%;
  height: calc(27.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border: 1px dashed var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16)));
}
.svc-image-question__loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/question-rating.scss ***!
  \**************************************************************************************************************************************************************************************/
.svc-rating-question-controls {
  position: absolute;
}
.svc-question__content--in-popup .svc-rating-question-controls.svc-item-value-controls {
  display: flex;
}
.svc-question__content--selected .svc-rating-question-controls.svc-item-value-controls {
  display: flex;
}
.svc-rating-question-controls.svc-rating-question-controls--labels-top {
  margin-top: calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content .sd-rating {
  margin-inline-start: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  max-width: calc(100% - 9 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-question__content .sd-rating.sd-rating--wrappable fieldset {
  min-width: 0;
}
.svc-question__content .sd-rating .sd-rating__item-text {
  max-width: 100%;
}
.svc-question__content .sd-rating .sd-rating__item-text .sv-string-editor:focus-within {
  white-space: nowrap;
}
.svc-question__content .sd-rating .sd-rating__item-text::after {
  display: none;
}
.svc-question__content .sd-rating .svc-string-editor__content .sv-string-editor {
  text-overflow: ellipsis;
  overflow: hidden;
}
.svc-question__content .sd-rating .svc-string-editor__content .sv-string-editor:focus-within {
  text-overflow: initial;
}
.svc-question__content .sd-rating.sd-rating--labels-top fieldset .sd-rating__min-text {
  top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-rating.sd-rating--labels-top fieldset .sd-rating__max-text {
  top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset {
  padding-bottom: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset .sd-rating__min-text {
  bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-rating.sd-rating--labels-bottom fieldset .sd-rating__max-text {
  bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset {
  padding-bottom: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__min-text {
  top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-rating.sd-rating--labels-diagonal fieldset .sd-rating__max-text {
  bottom: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-question--table .sd-rating {
  margin-inline-start: 0;
  width: fit-content;
  margin: auto;
  max-width: fit-content;
}
.svc-question__content .svc-rating-question-controls {
  display: flex;
  width: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  min-width: auto;
  justify-content: flex-start;
}
.svc-question__content .sd-rating__item--fixed-size:focus-within {
  width: unset;
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content .svc-rating-question-content .sd-question__content {
  overflow-x: visible;
}
.svc-creator--mobile .svc-rating-question-content {
  position: relative;
}
.svc-creator--mobile .svc-rating-question-controls {
  position: absolute;
  top: 0;
}
.svc-creator--mobile .svc-question__content .sd-rating {
  margin-inline-start: 0;
  width: 100%;
  max-width: 100%;
}
.svc-creator--mobile .svc-question__content legend + .sd-rating__item,
.svc-creator--mobile .svc-question__content legend + sv-ng-rating-item + .sd-rating__item,
.svc-creator--mobile .svc-question__content legend + .sd-rating__item-smiley,
.svc-creator--mobile .svc-question__content legend + sv-ng-rating-item-smiley + .sd-rating__item-smiley {
  margin-inline-start: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)) + 2px);
}
.svc-creator--mobile .svc-question__content legend + .sd-rating__item-text,
.svc-creator--mobile .svc-question__content legend + .sd-rating__item-star,
.svc-creator--mobile .svc-question__content legend + sv-ng-rating-item-star + .sd-rating__item-star {
  margin-inline-start: calc(9 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
/*!*********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/item-value.scss ***!
  \*********************************************************************************************************************************************************************************/
.svc-item-value-wrapper {
  position: relative;
  display: flex;
  gap: var(--sjs-base-unit, var(--base-unit, 8px));
  align-items: center;
  margin-left: calc(-5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__dropdown-choice .svc-item-value-wrapper,
.sd-selectbase .svc-item-value-wrapper {
  align-items: flex-start;
}
.svc-question__dropdown-choice .svc-item-value__item,
.sd-selectbase .svc-item-value__item {
  padding-right: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content .sd-selectbase__column {
  margin-left: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  min-width: initial;
}
.svc-question__content .sd-selectbase--mobile .sd-selectbase__column,
.svc-question__content .sd-selectbase__column:first-of-type,
.svc-question__content .sd-imagepicker__column {
  margin-left: 0;
}
.svc-question__content .sd-selectbase__column:not(:last-child) {
  padding-right: 0;
}
.svc-item-value--dragging {
  background: var(--sjs-general-backcolor, var(--background, #fff));
  box-shadow: 0px 8px 16px 0px var(--ctr-shadow-large-color, rgba(0, 0, 0, 0.1));
  border-radius: calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.svc-item-value-controls {
  display: flex;
  margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0;
  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  flex-shrink: 0;
  min-width: calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  justify-content: flex-end;
  align-self: flex-start;
}
.svc-item-value-controls__button {
  border-radius: var(--ctr-survey-action-button-corner-radius, 50%);
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  cursor: pointer;
  display: inline-block;
  outline: none;
  width: var(--ctr-survey-action-button-icon-width-small, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-survey-action-button-icon-height-small, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-sizing: content-box;
  transition: background var(--sjs-creator-transition-duration, 150ms), background-color var(--sjs-creator-transition-duration, 150ms);
}
.svc-item-value-controls__button .sv-svg-icon {
  display: block;
  width: var(--ctr-survey-action-button-icon-width-small, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-survey-action-button-icon-height-small, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-item-value-controls__button > span {
  display: block;
}
.svc-item-value-controls__drag .svc-item-value-controls__drag-icon {
  display: block;
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
  width: var(--ctr-survey-item-actionbar-drag-indicator-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-survey-item-actionbar-drag-indicator-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-item-value-controls__drag .svc-item-value-controls__drag-icon .sv-svg-icon {
  width: var(--ctr-survey-item-actionbar-drag-indicator-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-survey-item-actionbar-drag-indicator-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-item-value-wrapper:hover:not(.svc-item-value--ghost) .svc-item-value-controls__drag-icon,
.svc-item-value-controls__drag:hover:not(.svc-item-value--ghost) .svc-item-value-controls__drag-icon {
  opacity: 1;
}
.svc-item-value-controls__drag {
  padding: var(--ctr-survey-item-actionbar-drag-indicator-padding-top, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-item-actionbar-drag-indicator-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-survey-item-actionbar-drag-indicator-padding-bottom, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-survey-item-actionbar-drag-indicator-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  height: auto;
  width: auto;
  cursor: move;
  opacity: var(--ctr-survey-item-actionbar-drag-indicator-opacity, 0.25);
}
.svc-item-value-controls__drag .svc-item-value-controls__drag-icon {
  opacity: 0;
}
.svc-item-value-controls__drag use {
  fill: var(--ctr-survey-item-actionbar-drag-indicator-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-item-value-controls__button--disabled {
  fill: var(--ctr-survey-action-button-icon-color-disabled, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  opacity: 0.25;
  cursor: default;
}
.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled) use {
  fill: var(--ctr-survey-action-button-icon-color-negative, var(--sjs-special-red, var(--red, #e60a3e)));
}
.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled) use {
  fill: var(--ctr-survey-action-button-icon-color-positive, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled):hover,
.svc-item-value-controls__add:not(.svc-item-value-controls__button--disabled):focus {
  background-color: var(--ctr-survey-action-button-background-color-hovered-positive, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
}
.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled):hover,
.svc-item-value-controls__remove:not(.svc-item-value-controls__button--disabled):focus {
  background-color: var(--ctr-survey-action-button-background-color-hovered-negative, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));
}
.sv-string-editor {
  cursor: text;
}
.svc-item-value--new .svc-item-value__item .sd-item__control-label,
.svc-item-value--new .svc-item-value__item .sv-ranking-item__text {
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.svc-item-value--new .svc-item-value__item .sd-item__decorator {
  opacity: 0.35;
}
.svc-item-value--new .sv-ranking-item__index {
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-item-value--new .sv-ranking-item__index svg {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
.sv-ranking .svc-item-value-wrapper {
  align-items: center;
}
.sv-ranking .svc-item-value__item {
  padding-right: 0;
  flex-grow: 1;
}
.svc-question__content .svc-item-value__item .sv-ranking-item__text {
  flex-grow: 1;
  width: 0;
  max-width: fit-content;
}
.svc-item-value__item .sv-ranking-item__content {
  padding-left: 0;
}
.svc-item-value__item .sv-ranking-item__icon-container {
  display: none;
}
.svc-item-value__item .sv-ranking-item__text {
  overflow: visible;
}
.svc-item-value__item .svc-string-editor {
  width: 100%;
  display: inline-block;
}
.svc-item-value__item .sv-string-editor {
  text-overflow: ellipsis;
  overflow: hidden;
}
.sv-drag-drop-choices-shortcut .sv-ranking-item__text {
  overflow: hidden;
}
.svc-item-value--ghost {
  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-item-value--ghost .svc-item-value__ghost {
  display: block;
}
.svc-item-value--ghost .svc-item-value-controls {
  visibility: hidden;
}
.svc-item-value--ghost .svc-item-value__item {
  display: none;
}
.svc-item-value--ghost .sv-string-viewer,
.svc-item-value--ghost .sv-string-editor {
  white-space: unset;
}
.svc-item-value--movedown {
  transform: translate(0, 0);
  animation: svdragdropmovedown 0.1s;
  animation-timing-function: ease-in-out;
}
@keyframes svdragdropmovedown {
  0% {
    transform: translate(0, -50px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.svc-item-value--moveup {
  transform: translate(0, 0);
  animation: svdragdropmoveup 0.1s;
  animation-timing-function: ease-in-out;
}
@keyframes svdragdropmoveup {
  0% {
    transform: translate(0, 50px);
  }
  100% {
    transform: translate(0, 0);
  }
}
.svc-item-value__ghost {
  display: none;
  background: var(--ctr-survey-radio-button-group-item-background-color-drop-spot, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  border-radius: var(--ctr-survey-radio-button-group-item-corner-radius-floating, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  width: calc(25 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  z-index: 11;
  position: absolute;
  left: 35px;
}
.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking [data-sv-drop-target-item-value] .svc-item-value-controls,
.svc-creator--mobile .svc-tab-designer .sd-selectbase [data-sv-drop-target-item-value] .svc-item-value-controls,
.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices [data-sv-drop-target-item-value] .svc-item-value-controls {
  min-width: initial;
}
.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking:not([data-sv-drop-target-item-value]) .svc-item-value-controls,
.svc-creator--mobile .svc-tab-designer .sd-selectbase:not([data-sv-drop-target-item-value]) .svc-item-value-controls,
.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices:not([data-sv-drop-target-item-value]) .svc-item-value-controls {
  min-width: 64px;
}
.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag,
.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag,
.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag {
  padding-right: 0;
}
.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag-icon,
.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag-icon,
.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag-icon {
  opacity: 1;
}
.svc-creator--mobile .svc-tab-designer .svc-question__content--ranking .svc-item-value-wrapper,
.svc-creator--mobile .svc-tab-designer .sd-selectbase .svc-item-value-wrapper,
.svc-creator--mobile .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-wrapper {
  margin-left: calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag-icon,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag-icon,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag-icon {
  opacity: 1;
}
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-wrapper,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-wrapper,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-wrapper {
  margin-left: calc(-6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__content--ranking .svc-item-value-controls__drag,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .sd-selectbase .svc-item-value-controls__drag,
.svc-creator--touch:not(.svc-creator--mobile) .svc-tab-designer .svc-question__dropdown-choices .svc-item-value-controls__drag {
  padding-left: 0;
  padding-right: 0;
}
/*!***************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/image-item-value.scss ***!
  \***************************************************************************************************************************************************************************************/
.svc-image-item-value-wrapper {
  display: inline-block;
  position: relative;
}
.svc-image-item-value--new {
  display: none;
  height: max-content;
}
.svc-image-item-value--new .sd-imagepicker__image {
  box-sizing: border-box;
  border: 1px dashed var(--sjs-border-default, var(--border, #d6d6d6));
}
.svc-image-item-value--file-dragging .sd-imagepicker__image {
  border: 2px solid var(--sjs-primary-backcolor, var(--primary, #19b394));
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.svc-image-item-value--file-dragging .svc-image-item-value__item {
  position: relative;
  z-index: 2;
}
.svc-question__content--selected .svc-image-item-value--new {
  display: inline-block;
}
.svc-image-item-value-controls {
  position: absolute;
  top: var(--sjs-base-unit, var(--base-unit, 8px));
  right: var(--sjs-base-unit, var(--base-unit, 8px));
  z-index: 2;
}
.svc-image-item-value--new .svc-image-item-value-controls {
  top: calc(50% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  left: calc(50% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-image-item-value--new .svc-image-item-value-controls__button {
  background-color: transparent;
  transition: background-color var(--sjs-creator-transition-duration, 150ms);
}
.svc-image-item-value-controls__add {
  background-color: transparent;
  transition: background-color var(--sjs-creator-transition-duration, 150ms);
}
.svc-image-item-value-controls__add use {
  fill: var(--sjs-primary-backcolor, var(--primary, #19b394));
  transition: fill var(--sjs-creator-transition-duration, 150ms);
}
.svc-image-item-value-controls__add:hover,
.svc-image-item-value-controls__add:focus {
  background-color: var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1)));
}
.svc-choose-file-input {
  position: absolute;
  opacity: 0;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
.svc-image-item-value__item .sd-imagepicker__item.sd-imagepicker__item {
  width: 100%;
}
.svc-image-item-value-controls__drag-area-indicator {
  display: none;
  cursor: move;
  position: absolute;
  top: var(--sjs-base-unit, var(--base-unit, 8px));
  left: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__content--selected .svc-image-item-value-wrapper:hover .svc-image-item-value-controls__drag-area-indicator {
  display: block;
}
.svc-image-item-value-wrapper--ghost .svc-image-item-value-wrapper__ghost {
  display: block;
}
.svc-image-item-value-wrapper--ghost .svc-image-item-value-wrapper__content {
  display: none;
}
.svc-image-item-value-wrapper__ghost {
  display: none;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
}
.svc-image-item-value--single {
  width: 100%;
}
.svc-image-item-value--single .sd-imagepicker__image {
  height: calc(30 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-image-item-value__loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
/*!**********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/matrix-cell.scss ***!
  \**********************************************************************************************************************************************************************************/
.svc-matrix-cell {
  position: relative;
}
.svc-question__adorner .sd-table .sd-table__cell--column-title {
  padding: 0 var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__adorner .sd-table .sd-table__cell--column-title .svc-matrix-cell {
  padding: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-question__adorner .sd-table .sd-table__cell--column-title.sd-table__cell--drag {
  padding-right: 0;
  padding-left: 0;
}
.svc-matrix-cell--selected {
  position: absolute;
  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  top: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  left: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  bottom: calc(0 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: none;
}
.svc-matrix-cell--selected.svc-visible {
  display: block;
}
.svc-hovered > .svc-matrix-cell--selected:not(.svc-visible) {
  border: calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))) solid var(--sjs-secondary-backcolor-light, var(--secondary-light, rgba(255, 152, 20, 0.25)));
  border-radius: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  display: block;
}
.svc-matrix-cell__question-controls {
  opacity: 0;
  position: absolute;
  top: calc(50% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  left: calc(50% - 3 * var(--sjs-base-unit, var(--base-unit, 8px)));
  z-index: 2;
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
}
.svc-matrix-cell__question-controls-button {
  border: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
}
.svc-matrix-cell:hover .svc-matrix-cell__question-controls {
  opacity: 1;
}
.svc-question__content--in-popup {
  min-width: calc(70 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-matrix-cell__popup .sv-popup__scrolling-content {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-top: 0;
}
.svc-matrix-cell__popup .svc-question__content {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.svc-question__content .sd-table__cell--detail-panel {
  padding-left: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-question__content .sd-drag-element__svg {
  visibility: visible;
  cursor: initial;
}
.svc-question__content .sd-drag-element__svg use {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
}
/*!******************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/results.scss ***!
  \******************************************************************************************************************************************************************************/
.svd-test-results {
  border-radius: var(--ctr-string-table-corner-radius, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-shadow: inset 0px 1px 0px 0px var(--ctr-string-table-shadow-color, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));
  padding: calc(12 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svd-test-results__content {
  box-shadow: var(--ctr-string-table-shadow-offset-x, 0px) var(--ctr-string-table-shadow-offset-y, 1px) var(--ctr-string-table-shadow-blur, 2px) var(--ctr-string-table-shadow-spread, 0px) var(--ctr-string-table-shadow-color, rgba(0, 0, 0, 0.15));
}
.svd-test-results__header {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--ctr-string-table-title-padding-top, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-string-table-title-padding-right, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-string-table-title-padding-bottom, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-string-table-title-padding-left, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  color: var(--ctr-string-table-title-caption-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  border-bottom: var(--ctr-string-table-title-border-width-bottom, 2px) solid var(--ctr-string-table-title-border-color, var(--sjs-border-light, var(--border-light, #eaeaea)));
  background-color: var(--ctr-string-table-title-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
}
.svd-test-results__header .svd-test-results__header-text {
  margin: 0;
}
.svd-test-results__header .svd-test-results__header-types {
  display: flex;
  gap: var(--ctr-string-table-title-actionbar-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svd-test-results__header .svc-action-button {
  color: var(--ctr-actionbar-button-text-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  border-radius: var(--ctr-actionbar-button-corner-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  background-color: transparent;
}
.svd-test-results__header .svc-action-button:focus,
.svd-test-results__header .svc-action-button:hover {
  background-color: var(--ctr-survey-action-button-background-color-hovered-positive, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
  outline: none;
}
.svd-test-results__header .svc-action-button.svc-action-button--selected {
  border: var(--ctr-actionbar-button-border-width-selected, calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px))))) solid var(--ctr-actionbar-button-border-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svd-test-results__text {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  display: flex;
  padding: var(--ctr-code-viewer-text-margin-top-results-table, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-code-viewer-text-margin-right-results-table, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-code-viewer-text-margin-bottom-results-table, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-code-viewer-text-margin-left-results-table, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  width: calc(100% - 6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  overflow: auto;
  -webkit-user-select: text;
  user-select: text;
  white-space: pre-wrap;
  background: var(--ctr-code-viewer-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  color: var(--ctr-code-viewer-text-color, rgb(0, 0, 0));
}
.svd-test-results__table {
  width: 100%;
}
.svd-test-results__table table {
  width: 100%;
  border-collapse: collapse;
}
.svd-test-results__table table .svd-test-results__marker {
  position: absolute;
  top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svd-test-results__table table .svd-test-results__marker .sv-svg-icon {
  transition: transform 0.2s ease-in-out;
}
.svd-test-results__table table .svd-test-results__marker .sv-svg-icon use {
  fill: var(--ctr-string-table-row-expand-button-icon-color-default, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svd-test-results__table table .svd-test-results__marker.svd-test-results__marker--expanded .sv-svg-icon {
  transform-origin: center;
  transform: rotate(90deg);
}
.svd-test-results__table table th {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  font-weight: 600;
  padding: var(--ctr-string-table-row-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-string-table-row-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-string-table-row-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-string-table-row-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  background: var(--ctr-string-table-header-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  text-align: left;
  color: var(--ctr-string-table-header-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svd-test-results__table table th:nth-child(1) {
  padding-left: var(--ctr-string-table-row-padding-left, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svd-test-results__table table td {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  padding: var(--ctr-string-table-row-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-string-table-row-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-string-table-row-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-string-table-row-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  max-width: calc(50 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  overflow: auto;
  border-top: var(--ctr-string-table-row-border-width-bottom, 2px) solid var(--ctr-string-table-row-border-color, var(--sjs-border-light, var(--border-light, #eaeaea)));
  -webkit-user-select: text;
  user-select: text;
  background: var(--ctr-string-table-row-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
}
.svd-test-results__table table td:nth-child(1) {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  position: relative;
  width: 50%;
}
.svd-test-results__table table td:nth-child(2) {
  width: 50%;
  padding-right: var(--ctr-string-table-row-padding-right, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svd-test-results__table table .survey-result-value {
  word-break: break-all;
}
.svd-test-results__table table tr {
  vertical-align: top;
}
.svd-test-results__table table tr .svd-test-results__node-value {
  color: var(--ctr-string-table-row-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svd-dark-border-color {
  color: var(--ctr-string-table-row-text-color-title, rgb(0, 0, 0));
}
/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/header/logo-image.scss ***!
  \****************************************************************************************************************************************************************************************/
.svc-designer-header .sd-container-modern__title {
  gap: 0;
  column-gap: var(--lbr-header-gap, 32px);
}
.svc-logo-image {
  position: relative;
  justify-content: flex-end;
  align-items: center;
  display: flex;
  padding: 0;
  cursor: pointer;
  max-width: 50%;
}
.svc-logo-image .sd-logo__image {
  max-width: 100%;
}
.svc-logo-image .svc-image-item-value-controls {
  display: block;
  top: calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  right: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-logo-image__loading {
  width: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: var(--sjs-base-unit, var(--base-unit, 8px));
  box-sizing: border-box;
  margin-right: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-logo-image-placeholder {
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-large-size, 32px);
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-large-line-height, 40px);
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  opacity: var(--ctr-survey-header-logo-placeholder-icon-opacity, 0.25);
  white-space: nowrap;
  word-break: keep-all;
  padding: 0;
  padding: var(--ctr-survey-header-logo-placeholder-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-survey-header-logo-placeholder-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-survey-header-logo-placeholder-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-survey-header-logo-placeholder-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--ctr-survey-header-logo-placeholder-corner-radius, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  transition: background-color var(--sjs-creator-transition-duration, 150ms), opacity var(--sjs-creator-transition-duration, 150ms);
}
.svc-logo-image-placeholder:hover {
  background-color: var(--ctr-survey-header-logo-placeholder-background-color-hovered, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
  opacity: unset;
}
.svc-logo-image-placeholder:hover use {
  fill: var(--ctr-survey-header-logo-placeholder-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-logo-image-placeholder svg {
  width: var(--ctr-survey-header-logo-placeholder-icon-width, calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-survey-header-logo-placeholder-icon-height, calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-logo-image-placeholder use {
  transition: fill var(--sjs-creator-transition-duration, 150ms);
  fill: var(--ctr-survey-header-logo-placeholder-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-logo-image-container {
  position: relative;
}
.svc-logo-image-container .sd-logo {
  margin: 0;
}
.svc-logo-image-controls {
  opacity: 0;
  width: max-content;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.svc-logo-image-container {
  cursor: default;
}
.svc-logo-image-container:not(.svc-logo-image-container--editable) .svc-logo-image-controls {
  display: none;
}
.svc-logo-image-container--editable:focus-within .svc-logo-image-controls,
.svc-logo-image-container--editable:hover .svc-logo-image-controls {
  opacity: 1;
}
/*!*********************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/link-value.scss ***!
  \*********************************************************************************************************************************************************************************/
.svc-link__button {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  border-radius: var(--ctr-actionbar-button-corner-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-question-link__set-button {
  cursor: pointer;
}
.svc-link-value-button {
  --thm-margin-inline-start: calc(-1 * var(--ctr-actionbar-button-padding-left-medium-text));
  margin-inline-start: var(--thm-margin-inline-start, calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-question-link__clear-button {
  color: var(--sjs-special-red, var(--red, #e60a3e));
  cursor: pointer;
}
.svc-question-link__clear-button:focus,
.svc-question-link__clear-button:hover {
  background-color: var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1)));
}
/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/search.scss ***!
  \*****************************************************************************************************************************************************************************/
.svc-search {
  --sjs-general-forecolor: rgba(0, 0, 0, 0.91);
  --sjs-general-forecolor-light: rgba(0, 0, 0, 0.45);
}
.svc-search {
  display: flex;
  align-items: center;
}
.svc-search__input {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  font-weight: 600;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  background: transparent;
  box-sizing: border-box;
  outline: none;
  padding: 0;
  width: 0;
  flex-grow: 1;
}
.svc-creator--mobile .svc-search__input {
  font-size: max(16px, var(--ctr-font-small-size, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))));
}
.svc-search__toolbar {
  display: flex;
  gap: var(--ctr-search-toolbar-gap, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  justify-content: flex-end;
  align-items: center;
  flex-shrink: 0;
}
.svc-search__toolbar .sv-action-bar {
  gap: var(--ctr-search-toolbar-gap, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  margin: 0;
  flex-shrink: 0;
}
.svc-search__toolbar .sv-action--hidden {
  display: none;
}
.svc-search__toolbar .svc-search__bar-item {
  height: min-content;
  margin: 0;
  border-radius: var(--ctr-search-button-corner-radius, 100px);
  padding: var(--ctr-search-button-padding-vertical, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-search-button-padding-horizontal, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-search-button-padding-vertical, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-search-button-padding-horizontal, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-search__toolbar .svc-search__bar-item .sv-svg-icon {
  width: var(--ctr-search-button-icon-width, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-search-button-icon-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-search__toolbar-counter {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  font-weight: 600;
  display: flex;
  flex-shrink: 0;
}
/*!*****************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/scroll.scss ***!
  \*****************************************************************************************************************************************************************************/
.svc-scroll__wrapper {
  position: relative;
  flex-grow: 1;
  flex-shrink: 1;
  height: 0;
  display: flex;
  flex-direction: column;
}
.svc-scroll__scroller {
  box-sizing: border-box;
  flex-grow: 1;
  overflow-y: auto;
  overflow-x: hidden;
  display: flex;
  flex-direction: column;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.svc-scroll__scroller::-webkit-scrollbar {
  display: none;
}
.svc-scroll__scrollbar {
  position: absolute;
  top: 0;
  bottom: 0;
  overflow-y: scroll;
  overflow-x: hidden;
  width: fit-content;
  margin-inline-start: -1px;
  visibility: hidden;
  z-index: 30;
  inset-inline-end: 0;
  inset-inline-start: initial;
}
@-moz-document url-prefix() {
  .svc-scroll__scrollbar {
    scrollbar-width: thin;
    scrollbar-color: var(--sjs-border-default, var(--border, #d6d6d6)) transparent;
  }
}
.svc-scroll__wrapper:hover .svc-scroll__scrollbar {
  visibility: visible;
}
.svc-scroll__scrollbar-sizer {
  width: 1px;
}
.svc-scroll__container {
  width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
/*!*********************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/property-panel/property-panel-item.scss ***!
  \*********************************************************************************************************************************************************************************************************/
.svc-property-panel__item {
  margin: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) 0;
  width: 100%;
}
/*!****************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/property-panel/property-panel.scss ***!
  \****************************************************************************************************************************************************************************************************/
.svc-property-grid-placeholder {
  display: flex;
  padding: var(--ctr-property-grid-placeholder-padding-top, 96px) var(--ctr-property-grid-placeholder-padding-right, 48px) var(--ctr-property-grid-placeholder-padding-bottom, 0px) var(--ctr-property-grid-placeholder-padding-left, 48px);
  flex-direction: column;
  align-items: center;
  gap: var(--ctr-property-grid-placeholder-image-margin-top, 24px);
  flex: 1 0 0;
  align-self: stretch;
  background: var(--ctr-property-grid-form-background-color, #f3f3f3);
}
.svc-property-grid-placeholder__header {
  display: flex;
  max-width: var(--ctr-property-grid-placeholder-text-max-width, 256px);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--ctr-property-grid-placeholder-text-gap, 8px);
}
.svc-property-grid-placeholder__title {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  color: var(--ctr-property-grid-placeholder-text-title-color, rgba(0, 0, 0, 0.91));
  text-align: center;
  display: inline-block;
}
.svc-property-grid-placeholder__description {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  color: var(--ctr-property-grid-placeholder-text-description-color, rgba(0, 0, 0, 0.45));
  text-align: center;
  display: inline-block;
}
.svc-property-grid-placeholder__content {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 100%;
}
.svc-property-grid-placeholder__gap {
  max-width: 192px;
  flex: 1 0 0;
  width: 100%;
}
.svc-property-grid-placeholder__image {
  display: flex;
  max-width: 192px;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAhkAAADJCAYAAACOuyCNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAGihJREFUeNrs3Wt3FMWixvHK/Y5BQC4CRkFQwLscdeve581Z58X5Um1/tL23ty0gCiJEQEFugkCAkJAEkpx67GqpVLqTzFQnmcv/t1atnukZQtLd0/1M3brj888/P2iMOWbLvC0nkiT53QAAAETqtOUdWwZsGbbl7TRNO9gsAACgipAx4z3fassImwUAAFQRMn4Pnu9iswAAgKpDhiFkAACAqkLGH2Zpk8mONE372TQAACAqZCRJMmeXt711vbbsZNMAAICokOGWt4L1e9g0AACgqpAx563flaZpL5sHAABEhYwkSdQn4463Xn0yaDIBAABxIcO5GbxGkwkAAKgkZKjJ5Kn3fHeapj1sIgAAEBUykiSZNktHmWiqcebMAAAAcSHDuRE838smAgAAVYQM9csIR5n0sZkAAEBUyHCjTPxpxjXKhCYTAAAQFzKca8HzfWwmAABQRcjQKJNp77maTAbZVAAAICpkJEmiYax+B1ANY6UDKAAAiAsZzm/B8/1sKgAAUEXIuGvLA+/59jRNt7K5AABAVMhIkmTBLq56qzoMtRkAACA2ZDhqMpn3nu9P07SbTQYAAKJCRpIkj0020iQ3bMtuNhkAAIgKGc6V4PkYmwwAAFQRMjTN+KT3XHdmHWGzAQCAqJCRJIn6ZPgdQLsMtRkAACA2ZDhXzNIOoGN0AAUAANEhI0kSNZfc9FapA+geNh0AAIgKGc7l4PkBNh0AAKgiZNy2ZcJ7vjNN021sPgAAEBUy3Aygfm2GZgClNgMAAMSFDEczgM54z/dzC3gAABAdMpIkmTVLJ+fSLeBfYxMCAICokOGoycQfznogTdMeNiMAAIgKGUmSPLKLa94qNZe8wmYEAABRIcO5aMui9/z1NE072ZQAACAqZCRJctdkQ1pzo7bsZVMCAICokOGMB88Pp2naweYEAACxIeOWLXe959sNU40DAIDYkJEkifpkLKvNYHMCAICokOFct+WB91xTje9ikwIAgKiQ4aYavxCsfpNNCgAAokKGc9WWh97zXdRmAACA6JBRUptxhM0KAACqmEQrrM1Q3wxGmgAAQMiIkySJ7mVyPlh9lHkzAAAgZFRBtRkT3nPNm7GPzQsAACEjiuub8VOwWrUZXWxiAAAIGbF0d1Z/FlDd0+RVNjEAAISMKG4W0B+D1UfSNO1lMwMAQMiIDRq6p8kNb9WQYbpxAAAIGRVRbcaC9/xQmqbDbGoAAAgZUZIkuW8XV7xVai45yqYGAICQUYVztjz1nr+apukONjcAAISMKEmSPDZLpxvXxFzvMEEXAACEjCqM2zLpPVdNBkNaAQAgZMRJkkTNJeGQ1mNpmvax2QEAIGTE0nTjt73nGtJ6jM0OAAAhI4qboOt7s3RI68E0Tbex6QEAIGTEBg0Nab0U/J/v0QkUAABCRhU0pHXae65OoAfZ/AAAEDKiJEkyYxdngtVvMRMoAACEjCqCxq92cctbpVEm77ILAAAgZFThtC3PvOf70jTdz24AAICQESVJkod2cT5YrU6g/ewKAAAIGbEUMu57zwcVNNgVAAAQMqIkSTJvF6fM0rkzxtI03cfuAACAkBEbNO6apTdQk/dt0BhglwAAQMiI9ZMtD7znajZ5n10CAAAhI4q7gVrYbLI/TdPX2C0AABAyYoPGHVM82mSEXQMAACEjlqYc90eb9Npy3AaNTnYPAACEjLq50SYnzNJJunbacpTdAwAAISM2aKgm42yw+kiaprvYRQAAEDJijdtyM/jdjjMbKAAAhIwoSZIsmqzZ5Im3Wndp/dAGjQ52FQAAhIyYoDFtFyeD1ZoJ9E12FQAAhIzYoHHdLJ8N9K00TXeyuwAAIGTEOmPLneD3/MgGjUF2GQAAhIy6uWGt39oy660eckGD+TMAACBkRAWNSZN1BF30VmtI67vsNgAACBmxQeOayW6k5jvM/U0AACBkVOFHs3T+DPnABo0d7D4AAAgZdUuSRHdp/Y8tk97qbls+oSMoAACEjNigMWMXX9vy1FutjqB/s0Gjm90IAAAhIyZo3DPLJ+pSk8mH7EYAAAgZsUHjilneEfTVNE3fZlcCAEDIiKWJuq4F647aoHGA3QkAACGjbu5Gapqo627wkkac7GaXAgBAyIgJGnMm6wg65a3uMtmIk23sVgAACBkxQeOxXXxllo446bPlMxs0Rti1AAAQMmKChppMNIfGgrd60AWNfnYvAACEjJigoU6gp4LVoy5o9LKLAQAgZMQEjUsmm37cpzk0mKwLAABCRnTQOGsXF4PVGm3C7eEBACBkRFOzydVg3X5bjtug0cHuBgCAkFEXN4eGOoLeCF7SreGPs7sBACBkxASNebv4xpY7wUsH0jTlPicAABAyooKGJuv6wiyfFfR1GzTeZ7cDALD+OhYXF1v2j3NzZfy3LS8GL120QeQkux8AUHDt0KCBw7Y8sWXcXi8esFUIGWUHy6ALGqNh0LDllOvHAQBA/uX0/0w2g7RoVunLtlyw14snbKHatPzQTntQTNvFP22ZCF563TDqBACwVK8XMKTHljds+V97vTjM3EuEjLKg8a+CoKHbw39sD5ouDgUAgDVpy0+2hLXcqhVXn77/sdeM/WymtWn55hKfazr5hy1bg5eu2/KNDSNPOSQAAPZ6oVmjj9iyp+Qtv9tyzl437rC1CBn+gTNgF5/Zsr3ggPnKHjCzHBYAAHfN2GsXR83yAQS5K7acp3MoIcM/aNTe9qktO4OX7tnypT1Ypjg0AADumqGuBWpeV9+M4YK35J1Dx13zPNo5ZLiDRp17Prbl5eClRy5okEoBAP51QyNPDpls4EDRXb7/HPJqyyWa39s8ZLgDRh0+P7LllYID5Sva2gAABdeOLSbrrzGm62jBWx6arPPo1XafJqGtQ4Y7WHSAvO/SqU8p9IQ9QK7ykQIAFFw/Vuscqi+qP9nryC1CBgfLW3ZxLFitjfO9PUAusIUAACXXj5dd2Nhe8pYbLmzcJWS094Gi2oz3zPL5Q9TGdprZQQEAJdcP1Yq/asubtmwpeIuuH7+abObQh4SM9j1QNFxJ/TR6C5Lot/bgmGErAQBKriG6dqhjqL609he8RU3xl2z5uR1GohAyig8SVXl9YpYPVdKIk68ZeQIAWOU6MmSyIa8a+lo0q3Q+EuWyu3M4IaPNDpARkw1xDdvYVJOhGo0bbCUAwCrXEt2cU/01Xil5i6ZNOG/LFXtdWSBktNfBoWqvDwsODm20s/aAOMdWAgCs4Xrykgsbu0veoskg1Tn0OiGj/Q6OopEnouGtp5iKHACwxuvJaiNRdIsLTVP+OyGjvQ6MMbv4wCzvEKo7u6r55D5bCQCwhuuJRqLomqKRKC+UvO26CxtNPeyVkFHbgaEb5GjkyWjwkjrtaIjrL2wlAMAaryk9JusYethkt5IP6QJ9xYWNphz2Ssio/aDQkCT109hX8PJFW35gznoAQA3XFd0dXMNeD9rSV/AWXVP0JVbDXh8TMtrjoFAfDZVw3np13jlJ8wkAoMbriqZN0LDX10zxsNdZ92X2YrPM2UTIiDsg1EtYtRrhfBpqPjljD4KLbCUAQI3Xlq0m66+x3xTfgE2TeP1smmCODUJGNclTQaNoWJJGn6ivxhO2FACgxuvLDhc2Xi55i+bY0IRev9rrzDwho3UPBCXNo66E9z2ZdEGDybsAAPVcY3a7sLGz5C0a5agbeTbcreUJGdUeCDoANMy1aEiSqrbOtvL0sQCAdb3GaMCB+myUzbHxh8luwNYwE3oRMqo/CDT65F2T3Y2vKG2qVuM2WwoAUMc1RjXnmoVaNRujJW/TNUbDXm8RMlr3QBhzYWMgeEkbXG1o56jVAADUeY3R6BONQtEcGyMlb7vlwsamfbElZKzvQaAd/54p7rSjO7mebpWpYwEAm3Kd0SzUml9D82wMlrxNzSdqRvmDkNGaB4F2vu5/UjTJyiVbfmQECgAg4joz4MKGSn/BW3Sx/82FjQ2bx4mQsXEHgDqDqvlkT8HLmsFNnUKvsKUAABHXmiG7OGSyppTegrfodvK61ozba84DQkbrHQCq1ThWkjQ1zPXMRux4AEBLX2vUXK/+GhqE0F3wFs2r8avJpipft/uiEDI2b+e/bbLZ3EKao14dQy9wDxQAQOT1ZtSFjTGzfB6n/JqTh41JQkZr7fz9LmwU9QxWslQTyjW2FAAg8nqju4i/YcqnKtdoR92E7WKVN2EjZGz+jlezicY7HypJmTdN1jH0HlsLABB5zdnuwsbekrChm7BddmFjmpDRWjtetRpF08aqo45GoagJZYqtBQCIvOa8ZLJmlL0lb5lxYeNSTNggZDTejlePYN0DZbjgZQ1zHXc7nf4aAIDYa46+2KpmY88KYeOSu+7UPNUCIaMxd3rehKKRKF0Fb1F/jZ9MA94MBwDQlNed3S5s7Cp5iwLG5VrDBiGjsXf6VpMNdy2rzmq4m+EAAJr6uqMajcMrhA01nahm47K99swQMlonYSpslN15T1OTn2eKcgBARdedl13YKLu9vEag/NtkNeuah6PHZLNa53NyzGn+DUJG8+xw9QLWpCpqRtlS8jZN5qWajTtsMQBABdce1Wio6V5fdsPme82rodqMERcuNEIyH7GicHGekNF8O1zTxB5wCXOg5G1qPhknbAAAIq43Cg2DLmAcMeU3YCvzjJDRvDtfAeOQCxxFN17TjlXNxs+beZtfAEDTXFdUG6H7bG3ziu6F0lnnj7xPyGj+g2LYPL8ZTk/J2266sHGLLQYAcE3wGsmoAQYvekt9ge2o4L/QwIQThIzWOWC2uLAxtkLYUPPJRVuu28CxwFYDgLa5Rqg/xYgXKFRLsWWF60UZTQh53/2MovmcdG3RFAvndJ0hZLRm2FAnnVdXOHh0gGi882/2IJhjqwFAy10L+szyWgr1qeiM+LHnbblgsgkj1VTfVXBt+c5eV/7IVxAyWjtsHHBho6/kbRqCdMWWX6u8IQ4AYEPP910uQGzzAoXuvtpbw49ZcNcEjRbZYZY3mah24jdbPjTF0yloNuqz4WzUhIzWP/gGXdh4zZT3DFZthkak/OInUABAQ57XFR5eMEubPoZM8QzRZeZNNgRVN9+cMFlz+jNbPjLL58YYd+99uyC4PHa1FzeK/hNCRvsclKrNGHOB44WSt+lg0EgU3e73hj1onrHlAGBTz91q3hhwgSIPFSp9prYOmvoyqYmz7ruicDGV98+z/4+a1/9hy0tB7cY19/iVgp+pmo3TK91AjZDRfgeskq6mKT8YHEyhSXcA6f4oD9lyALAh52hd7LeYpX0p8smu1krhYNqFiQm3fGDLbNH9rtz9sj4zWTOJ/6Xzkcn6cIwUBJYf7M+6tNovQsho3wNZCXinq9nQ9LFl1WyqUtMQ2Kta2oNqnq0HAJXXUmz1Sn+NtRRPXSDIQ4VqKSbXcr4uCRh5yFg0yzuK3rXlpP3ZE2v5xQgZ0EGm5hN1EFV12EozuukgVtWZRqU8YMsBQE3n2rwvhYLEaJ21FLpoz5jnzR55TcVMrXflXiFglPnZ1WCsuSmdkIHwA7DXBY6VmlJUFae+G7+52o0Zth4ALDmfqnZ42Dwf6ZEHi94aaynCDpoKFI/CURx1/H61BAzd2l19L67W+v8QMlB08HW4A2/MZE0p/Su8XQFDzSmq4bhNcwqANjxndrrzZB4o8lBR67wUuiDPmqX9KLScrnICxRoDhkadnLD//6N6/i9CBtZyMO4zWVPK9lUSuNK2hjFpOOw9ZhUF0KKBotcLE/lQUtVadNf4456586YfKB7G1lKs8vtrVMrf1xgwNHT1h5gvj4QM1FK7obHY+03WpDK0Shp/4AKHajnu19pWCAANct7rc0EiDxSqoVA/ilqn49aXrhlXSzFhlvalWNigv6fP1WC8tMpb9Xt+V0/zCCEDVRyo+nDtcTUcu1b5sC26D5LChm7QNkENB4AGDRSqodjigoQfKHrr+JH5vBQTXi3F5GbNP+QCxqdm+URbIfX9+Laqzv2EDMQeuKrReNkFDjWndK6hhuOWK/fowwFgE85beZNHXkOxxVvqS1OtdyFVcHhsnjd7TLiAMdcItbg1BIxfXA1GZc01hAxUeSCPusCx130D6FglcOhD+bsrd7hZG4B1OC9plEe/ed7ckQeKYVN7k4foi9GUV0OR11bMNGItrRs1+NkqAUN/k/pejFf9/xMysB4Hdd5/Y48ro2v4ZqA2QPVivu3KY/pxAKjx3KOOl0MuTPiBQqM8uuv4kbr4Tns1Ew9cedIMtbAuYKgGY9cKb9OXPTWP3F6P34GQgfU+yFUtqZ7Xu73A0bmGD3Z+wx6Ve9RyAAjOK30uRChMjLjHW9z6rjp+rM47T7wgkddQTDdjs+4aA4bOr/9Zz7twEzKw0TUcoy5w7Ha1HWs5GeiDr7vD3nUfikf05QDa5pzh105s8YLFUJ21E3mgmPLCRF5LMd0K5xbXOf9Td54to/uOnF7vjqiEDGzmB2HYpWy1FWpIVf8a/tmCOzn8WcPhgsdjQgfQ9OcDBYYBFyJGgtoJfSvvrPNHqxPjYxciHnmBYqYVzxsuYHxisv5xZefQ79ej/wUhA438wVAV5w4XNna6E8taTir6wEy6sHHfLScJHUDDh4k8SAyb+KaO/Fww6wUJfznXDkPnXSfXT1cIGOr7puaRmxv1OxEy0IgfFIWLF1zg2OFK/xr/eV7Tcc88v4HQQ/p0ABv6Gc6bOQaDMJE/jgkT8sx9zvMQkQeKqfWcLbMJAoZqMPaVvEW1N19v9M0tCRlohg+Pqkq3ubChuTjUkXStQ8/yewHkk+HkY9inqO0AKrmw9XoBYsh7nA8R7Yz4L+bdt+88SEx6j2eZ2G/JF7O/rRAwbroajA2/mSUhA834gRpwYWO7Cx+jprbx7v6wtLzjV9MMSwM2IUj0uFqJYVcGvSDR72olOiL+G33u5rwgMekFiiebNUtmEwWMj012f6kiuj376c0KZIQMNPsHrMOd5PIaDoWOrab2aYDz3uZ5T/NHLnhMcYJDG9VIDHklDxV6POCCRGfkf6XP2awXIh57YWKaz1pdAeMjk90xu4g6eJ7fzN+RkIFW/OD1uaDxores9ZbL4nck84tOijPUeqDJLkZ5h8tBL0T4j6uokZBF83zOiTBMPKZmotIvWB+XBAz1SzlRxQ3OCBnA2r6lDZvnTSv5zY966zyhFp1A85Oo1j9jtlJs8MVGIaLHBYVBL0wMeGFiwAWNzor+67yJY8r7DPhljiC+rvv8uC0HCl5WU7A6eN5phN+VkIF2/ZCGd1vMb45Ub/DIT7pP3Uk3L9PeSTgPIHRWQ60BotsFiIGCZR4g8hEbnRX+Cjqmn3nH8FQQKmYI1ZtyXChgHCx4SU28X9r98ahRfldCBvD8ZK5vgiNe4MhnFsyrkWMsuACSh44nXpn2Hs/z7a/twkOfO8bypf94wHtedYCQxaBGwg/GU96xSpBonGPnA7s4VPCSai6+svvpSSP9voQMYOUPdNkshCOu1qOrov9qwX1jnHEn+RlXZr3HeXnqwgg1Io0XGjrdMdEXlN7gcb/3vLPC42il2ohpL0Q8CQLFnDumuCA09nH2nl28UfDSNZMNUW24OUIIGUB8+Mh74A+58FF127cfRPwwMudCiL8MH8+59+f/dpELyYpBIS95LUNPQen1lkWla51qHcqOibyZLq8Vm/bCah4oZgimTX98vmMXRwpeumjLqUb9XBMygGpPBHkHvDx05AFk0Cvd6/zNVRZd8YPJ06DMed9y/TIfPJ73Lmbz3s803nIx+L//VO+Jz13w/zpPFTwOA0GHd3EvKt1ecCgqPe59PcFz/+dvtHybz3lBYcZ77De5PaUmoqXPK2/bxdGCl360+/xsI//uhAxgYwNIl1na4z8cCdAfXOA226JXwud56FgMQseit/Qfr3o+8r79hyHCmOfNEWEJ32+Cx41kMQgPfpPYrFnaPPZXDQQBoq3PG8fs4q2ClzTB1oVG//0JGUDjhZAes3wUgd8hMC/dwYUWm1PbkAeHvHbIb8IKm7H88metEOEBK5wT1DzyTsExd9IeN5eb4W8gZADNG0a6C4JHUZ8Bf11XQQ1BO/NrZvxmpaLmJb+ZKS/+8wUXGuj3gCo+54ft4v1gtY43dfC81ix/ByEDaI9QEnZm7C547Jeyvg35z/B/ZmfwPGymKGq26Agu9GaV5wtB8Zth5k1x35GwFPU5CcuCFxY4OWKzPrOv28WHwWoFWQ1RvdVMfwshA0AtJ7+OICQU9YEo6lsRBozOIECENQs5vz9H2DfkryWBAC0eMNQ358tGmcWTkAEAQPMFjKImEg1D/sIGjHvN+Dd1s1sBANj0gKFJtt4rCBj/tAHjQbP+XYQMAAA2N2AUjSLREOZ/NXPAEHqXAwCweQHjjYKAoT4Y/7YBY6LZ/z5CBgAAmxMw1AcjbCLRHCpN2weDkAEAQGMEjKJ5MDSK5I9W+TsJGQAAbGzAeL0gYGieFs2DcbuV/lZCBgAAGxcwDpjl82BogrivbcC42Wp/LyEDAICNCRhjdnE8WK0J5zRV+PVW/JsJGQAArH/A2GcX/2WWT6l/wgaMq636dxMyAABY34Cx2y4+Ntn9f3ynbMD4pZX/dkIGAADrFzB22MXfzPLJL0/bgHGx1f9+QgYAAOsTMEbt4lNbeoOXztiAcaEdtgEhAwCA6gPGiF383ZaB4KVzNmCca5ftQMgAAKDagKFg8Zktw8FL4zZgnGmnbUHIAACguoDRY7ImktHgpUs2YHzXbtuDkAEAQDUBQ9dUjSLZEbx0xZaT7bhNCBkAAFRDM3nuDdZds+XbJEkWCRkAAKBmaZq+ZRcHgtW3bPnGBoz5dt0uhAwAAOICxgt2cTRYfcdkNzx71s7bhpABAEA8f7rweya7Zftcu28UQgYAABFsmHhoFz/YMmuLbtX+hV03w5Yx5v8FGACVOvI8hJEn6QAAAABJRU5ErkJggg==) 50%/contain no-repeat;
  width: 100%;
  overflow: hidden;
  height: 86px;
}
[dir=rtl] .svc-property-grid-placeholder__image,
[style*="direction:rtl"] .svc-property-grid-placeholder__image,
[style*="direction: rtl"] .svc-property-grid-placeholder__image,
.svc-creator__side-bar--left .svc-property-grid-placeholder__image {
  transform: rotateY(180deg);
}
.svc-creator__side-bar--left .svc-property-grid-placeholder__content {
  flex-direction: row-reverse;
}
/*!***************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/tabbed-menu/tabbed-menu-item.scss ***!
  \***************************************************************************************************************************************************************************************************/
.svc-tabbed-menu-item {
  display: flex;
  align-items: center;
  min-height: calc(var(--ctr-menu-toolbar-button-icon-height) + var(--ctr-menu-item-padding-top) + var(--ctr-menu-item-padding-bottom));
  padding: var(--ctr-menu-item-padding-top, 20px) var(--ctr-menu-item-padding-right, 24px) var(--ctr-menu-item-padding-bottom, 20px) var(--ctr-menu-item-padding-left, 24px);
  box-sizing: border-box;
  cursor: pointer;
  transition: box-shadow var(--sjs-creator-transition-duration, 150ms), background-color var(--sjs-creator-transition-duration, 150ms);
}
.svc-tabbed-menu-item:hover,
.svc-tabbed-menu-item:focus {
  background-color: var(--ctr-menu-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  box-shadow: inset 0px -1px 0px var(--ctr-menu-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  outline: none;
}
.svc-tabbed-menu-item--icon {
  padding-right: var(--ctr-menu-item-padding-right-icon, 16px);
  padding-left: var(--ctr-menu-item-padding-left-icon, 16px);
  display: flex;
  align-items: center;
}
.svc-tabbed-menu-item--selected {
  background: var(--ctr-menu-item-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  box-shadow: inset 0px -2px 0px var(--ctr-menu-item-border-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-tabbed-menu-item--selected:hover,
.svc-tabbed-menu-item--selected:focus {
  background: var(--ctr-menu-item-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  box-shadow: inset 0px -2px 0px var(--ctr-menu-item-border-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-tabbed-menu-item--disabled {
  cursor: default;
  opacity: var(--ctr-menu-item-opacity-disabled, 0.25);
}
.svc-tabbed-menu-item--disabled:hover {
  background-color: var(--ctr-menu-item-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
}
.svc-tabbed-menu-item--hidden {
  visibility: hidden;
}
.svc-tabbed-menu-item__text.svc-tabbed-menu-item__text {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  white-space: nowrap;
  display: block;
  color: var(--ctr-menu-item-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-tabbed-menu-item--selected .svc-tabbed-menu-item__text {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
}
.svc-tabbed-menu-item__icon {
  width: var(--ctr-menu-item-icon-width, 24px);
  height: var(--ctr-menu-item-icon-height, 24px);
  fill: var(--ctr-menu-item-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-tabbed-menu-item-container .sv-dots__item {
  width: auto;
}
.svc-tabbed-menu-item-container .svc-list__item-icon {
  display: none;
}
/*!**********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/tabbed-menu/tabbed-menu.scss ***!
  \**********************************************************************************************************************************************************************************************/
.svc-tabbed-menu {
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  align-items: center;
}
.svc-tabbed-menu-wrapper {
  flex: 1 1 auto;
  overflow: hidden;
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/toolbox/toolbox-tool.scss ***!
  \*******************************************************************************************************************************************************************************************/
.svc-toolbox__item {
  display: flex;
  position: relative;
  align-items: center;
  outline: none;
  padding-top: var(--ctr-toolbox-item-padding-top, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-bottom: var(--ctr-toolbox-item-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-inline-end: var(--ctr-toolbox-item-padding-right, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-start: var(--ctr-toolbox-item-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  border-radius: var(--ctr-toolbox-item-corner-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-toolbox__item-icon {
  display: block;
  height: var(--ctr-toolbox-item-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  width: var(--ctr-toolbox-item-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  pointer-events: none;
}
.svc-toolbox__tool {
  cursor: default;
  align-items: var(--ctr-toolbox-item-align, flex-start);
  align-self: var(--ctr-toolbox-item-align, flex-start);
}
.svc-toolbox__tool:first-of-type > .svc-toolbox__tool-content {
  padding-block-start: 0;
}
.svc-toolbox__tool:first-of-type > .svc-toolbox__tool-content .svc-toolbox__item-banner {
  top: 50%;
}
.svc-toolbox__tool-content {
  display: flex;
  padding-block-start: var(--ctr-toolbox-group-gap, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  flex-direction: column;
  align-items: var(--ctr-toolbox-item-align, flex-start);
  position: relative;
}
.svc-toolbox__item--has-subitems {
  padding-inline-end: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-toolbox__tool--has-subitems {
  align-items: var(--ctr-toolbox-item-align, flex-start);
  align-self: var(--ctr-toolbox-item-align, flex-start);
}
.svc-toolbox__item-container {
  display: flex;
  outline: none;
}
.svc-toolbox__item-container use {
  fill: var(--ctr-toolbox-item-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-toolbox__item-banner {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  font-weight: 600;
  opacity: 0;
  box-sizing: border-box;
  align-items: center;
  inset-inline-start: var(--thm-toolbox-item-banner-left, calc(-0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  max-width: calc(100 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-top: var(--ctr-tooltip-padding-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-end: var(--ctr-tooltip-padding-right, calc(3.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-bottom: var(--ctr-tooltip-padding-bottom, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-start: var(--ctr-tooltip-padding-left, calc(5.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  margin-inline-end: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  white-space: nowrap;
  color: var(--ctr-toolbox-item-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  transition: opacity var(--sjs-creator-transition-duration, 150ms);
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
  border-radius: var(--ctr-tooltip-corder-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-shadow: var(--ctr-tooltip-shadow-1-offset-x, 0px) var(--ctr-tooltip-shadow-1-offset-y, 2px) var(--ctr-tooltip-shadow-1-blur, 6px) var(--ctr-tooltip-shadow-1-spread, 0px) var(--ctr-tooltip-shadow-1-color, rgba(0, 0, 0, 0.1)), var(--ctr-tooltip-shadow-2-offset-x, 0px) var(--ctr-tooltip-shadow-2-offset-y, 1px) var(--ctr-tooltip-shadow-2-blur, 2px) var(--ctr-tooltip-shadow-2-spread, 0px) var(--ctr-tooltip-shadow-2-color, transparent);
  background-color: var(--ctr-tooltip-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  overflow: visible;
  position: absolute;
  z-index: 200;
  top: calc(50% + var(--ctr-toolbox-group-gap, 4px) / 2);
  transform: translate(0, -50%);
  pointer-events: none;
}
.svc-toolbox__item-banner .svc-toolbox__item-icon {
  position: absolute;
  display: var(--ctr-toolbox-item-banner-icon-display, block);
  inset-inline-start: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-toolbox__item-banner:after {
  content: " ";
  display: var(--ctr-toolbox-item-banner-beak-display, none);
  width: calc(var(--ctr-tooltip-pointer-height) * 1.41);
  height: calc(var(--ctr-tooltip-pointer-height) * 1.41);
  background: var(--ctr-tooltip-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  border-top-color: transparent;
  border-inline-end-color: transparent;
  box-shadow: var(--ctr-tooltip-shadow-1-offset-x, 0px) var(--ctr-tooltip-shadow-1-offset-y, 2px) var(--ctr-tooltip-shadow-1-blur, 6px) var(--ctr-tooltip-shadow-1-spread, 0px) var(--ctr-tooltip-shadow-1-color, rgba(0, 0, 0, 0.1)), var(--ctr-tooltip-shadow-2-offset-x, 0px) var(--ctr-tooltip-shadow-2-offset-y, 1px) var(--ctr-tooltip-shadow-2-blur, 2px) var(--ctr-tooltip-shadow-2-spread, 0px) var(--ctr-tooltip-shadow-2-color, transparent);
  align-self: center;
  position: absolute;
  inset-inline-end: 100%;
  top: 50%;
  z-index: 300;
  transform: translate(calc(var(--ctr-tooltip-pointer-height) / 1.41), calc(var(--ctr-tooltip-pointer-height) / -1.41)) rotate(45deg);
  clip-path: polygon(-100% -100%, -100% 200%, 200% 200%);
}
.svc-toolbox__item-banner .sv-svg-icon use {
  fill: var(--ctr-toolbox-item-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-toolbox__item-title {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  font-weight: 600;
  display: block;
  padding-inline-start: var(--sjs-base-unit, var(--base-unit, 8px));
  padding-inline-end: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  white-space: nowrap;
  color: var(--ctr-toolbox-item-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  overflow: hidden;
  text-overflow: ellipsis;
}
.svc-toolbox__tool:hover .svc-toolbox__item-banner,
.svc-toolbox__tool:focus-within .svc-toolbox__item-banner {
  display: var(--ctr-toolbox-item-banner-display, flex);
  opacity: 1;
  pointer-events: initial;
}
.svc-toolbox__tool--disabled {
  pointer-events: none;
}
.svc-toolbox__tool--disabled use {
  opacity: var(--ctr-toolbox-item-icon-opacity-disabled, 0.15);
  fill: var(--ctr-toolbox-item-icon-color-disabled, rgba(0, 0, 0, 0.91));
}
.svc-toolbox__tool--disabled .svc-toolbox__item-title {
  opacity: var(--ctr-toolbox-item-text-opacity-disabled, 0.25);
}
.svc-toolbox__item:focus,
.svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item,
.svc-toolbox__item:hover {
  overflow: visible;
  background-color: var(--ctr-toolbox-item-background-color-hovered, var(--sjs-general-backcolor, var(--background, #fff)));
  box-shadow: var(--ctr-toolbox-item-shadow-hovered-1-offset-x, 0px) var(--ctr-toolbox-item-shadow-hovered-1-offset-y, 2px) var(--ctr-toolbox-item-shadow-hovered-1-blur, 6px) var(--ctr-toolbox-item-shadow-hovered-1-spread, 0px) var(--ctr-toolbox-item-shadow-hovered-1-color, rgba(0, 0, 0, 0.1)), var(--ctr-toolbox-item-shadow-hovered-2-offset-x, 0px) var(--ctr-toolbox-item-shadow-hovered-2-offset-y, 1px) var(--ctr-toolbox-item-shadow-hovered-2-blur, 2px) var(--ctr-toolbox-item-shadow-hovered-2-spread, 0px) var(--ctr-toolbox-item-shadow-hovered-2-color, transparent);
  transition: 0.1s ease-in-out;
}
.svc-toolbox__item:focus .svc-toolbox--compact .svc-toolbox__item:focus,
.svc-toolbox__item:focus .svc-toolbox--compact .svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item,
.svc-toolbox__item:focus .svc-toolbox--compact .svc-toolbox__item:hover,
.svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item .svc-toolbox--compact .svc-toolbox__item:focus,
.svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item .svc-toolbox--compact .svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item,
.svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item .svc-toolbox--compact .svc-toolbox__item:hover,
.svc-toolbox__item:hover .svc-toolbox--compact .svc-toolbox__item:focus,
.svc-toolbox__item:hover .svc-toolbox--compact .svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item,
.svc-toolbox__item:hover .svc-toolbox--compact .svc-toolbox__item:hover {
  background-color: transparent;
  box-shadow: none;
}
.svc-toolbox__item:focus .svc-toolbox__item-title,
.svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item .svc-toolbox__item-title,
.svc-toolbox__item:hover .svc-toolbox__item-title {
  color: var(--ctr-toolbox-item-text-color-hovered, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-toolbox__item:focus .sv-svg-icon use,
.svc-toolbox__tool--has-subitems:hover > .svc-toolbox__tool-content > .svc-toolbox__item .sv-svg-icon use,
.svc-toolbox__item:hover .sv-svg-icon use {
  fill: var(--ctr-toolbox-item-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-toolbox__tool .sv-dots__item:hover:enabled,
.svc-toolbox__tool .sv-dots__item:focus:enabled,
.svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed {
  background-color: var(--ctr-toolbox-button-background-color-hovered, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
  border-radius: var(--ctr-toolbox-item-corner-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-shadow: none;
}
.svc-toolbox__tool .sv-dots__item:hover:enabled .sv-svg-icon use,
.svc-toolbox__tool .sv-dots__item:focus:enabled .sv-svg-icon use,
.svc-toolbox__tool .sv-dots__item.sv-action-bar-item--pressed .sv-svg-icon use {
  fill: var(--ctr-toolbox-item-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-toolbox__item-submenu-button {
  position: absolute;
  inset-inline-end: var(--ctr-toolbox-item-padding-right, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  margin-inline-end: var(--ctr-toolbox-item-submenu-button-margin-right, 0);
  top: calc(var(--ctr-toolbox-item-padding-top, var(--dft-toolbox-item-padding-top)) + var(--ctr-toolbox-gap, var(--dft-toolbox-gap)));
  bottom: var(--ctr-toolbox-item-padding-bottom, var(--dft-toolbox-item-padding-bottom));
  display: inline-flex;
  padding: var(--ctr-toolbox-item-submenu-button-padding-top, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-item-submenu-button-padding-right, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-item-submenu-button-padding-bottom, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-item-submenu-button-padding-left, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-sizing: border-box;
  align-items: center;
  border-radius: var(--ctr-toolbox-item-submenu-button-corner-radius, 1024px);
  background-color: var(--ctr-toolbox-item-submenu-button-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  transition: background-color var(--sjs-creator-transition-duration, 150ms);
}
.svc-toolbox__item-submenu-button:hover {
  background-color: var(--ctr-toolbox-item-submenu-button-background-color-hovered, var(--sjs-general-backcolor, var(--background, #fff)));
}
.svc-toolbox__item-submenu-button svg {
  fill: var(--ctr-toolbox-item-submenu-button-icon-color, var(--sjs-layer-1-foreground-50, var(--sjs-general-forecolor-light, var(--foreground-light, #909090))));
  width: var(--ctr-toolbox-item-submenu-button-icon-width, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-toolbox-item-submenu-button-icon-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-toolbox-popup .sv-list__item:first-of-type .sv-list__item-separator {
  display: none;
}
.svc-toolbox-popup .sv-list__item .sv-list__item-body {
  padding-top: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-start: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-inline-end: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-toolbox__tool.svc-toolbox__tool--pressed .svc-toolbox__item {
  background: var(--ctr-toolbox-item-background-color-pressed, inherit);
  box-shadow: var(--ctr-toolbox-item-shadow-pressed-offset-x, 0px) var(--ctr-toolbox-item-shadow-pressed-offset-y, 1px) var(--ctr-toolbox-item-shadow-pressed-blur, 2px) var(--ctr-toolbox-item-shadow-pressed-spread, 0px) var(--ctr-toolbox-item-shadow-pressed-color, rgba(0, 0, 0, 0));
}
.svc-toolbox__tool.svc-toolbox__tool--pressed .svc-toolbox__item-title {
  color: var(--ctr-toolbox-item-text-color-pressed, var(--sjs-general-forecolor, var(--foreground, #161616)));
  opacity: var(--ctr-toolbox-item-text-opacity-pressed, 0.5);
}
.svc-toolbox__tool.svc-toolbox__tool--pressed .sv-svg-icon use {
  fill: var(--ctr-toolbox-item-icon-color-pressed, var(--sjs-general-forecolor, var(--foreground, #161616)));
  opacity: var(--ctr-toolbox-item-icon-opacity-pressed, 0.5);
}
.svc-toolbox__tool.svc-toolbox__tool--pressed .svc-toolbox__item.svc-toolbox__item-subtype {
  opacity: unset;
}
.svc-toolbox-subtypes .sv-popup__container {
  margin-top: calc(0px - var(--ctr-toolbox-submenu-group-margin-top, 0px) - var(--ctr-toolbox-item-padding-top, var(--dft-toolbox-item-padding-top)));
  padding: 0;
  padding-inline-start: calc(var(--ctr-toolbox-item-padding-right, var(--dft-toolbox-item-padding-right)) + var(--ctr-toolbox-item-submenu-button-margin-right, 0px) + var(--ctr-toolbox-group-padding-right, var(--dft-toolbox-group-padding-right)) + var(--ctr-toolbox-border-width-right, 0px));
  box-shadow: unset;
  background: unset;
}
.svc-toolbox-subtypes .sv-list__container {
  flex-wrap: wrap;
  column-gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-toolbox-subtypes .sv-popup__body-content {
  border-radius: var(--ctr-toolbox-submenu-corner-radius, var(--sjs-base-unit, var(--base-unit, 8px)));
  box-shadow: var(--ctr-toolbox-submenu-shadow-1-offset-x, 0px) var(--ctr-toolbox-submenu-shadow-1-offset-y, 2px) var(--ctr-toolbox-submenu-shadow-1-blur, 8px) var(--ctr-toolbox-submenu-shadow-1-spread, 0px) var(--ctr-toolbox-submenu-shadow-1-color, transparent), var(--ctr-toolbox-submenu-shadow-2-offset-x, 0px) var(--ctr-toolbox-submenu-shadow-2-offset-y, 16px) var(--ctr-toolbox-submenu-shadow-2-blur, 32px) var(--ctr-toolbox-submenu-shadow-2-spread, 0px) var(--ctr-toolbox-submenu-shadow-2-color, transparent);
  background: var(--ctr-toolbox-submenu-background-color, unset);
  padding: 0;
}
.svc-toolbox-subtypes .sv-popup__scrolling-content {
  padding-top: calc(var(--ctr-toolbox-submenu-group-margin-top, 0px));
  padding-inline-end: var(--ctr-toolbox-submenu-group-margin-right, 0px);
  padding-bottom: var(--ctr-toolbox-submenu-group-margin-bottom-last, 0px);
  padding-inline-start: var(--ctr-toolbox-submenu-group-margin-left, 0px);
  overflow: visible;
}
.svc-toolbox-subtypes .sv-list__item:hover > .sv-list__item-body,
.svc-toolbox-subtypes .sv-list__item:focus > .sv-list__item-body {
  background-color: unset;
}
.svc-toolbox-subtypes .svc-toolbox__item.svc-toolbox__item-subtype {
  opacity: var(--ctr-toolbox-item-opacity-submenu, 0.85);
  overflow: hidden;
  border-radius: var(--ctr-toolbox-item-corner-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  background: var(--ctr-toolbox-item-background-color-submenu, var(--sjs-layer-2-background-500, var(--sjs-general-backcolor-dim-light, var(--background-dim-light, #f9f9f9))));
  box-shadow: var(--ctr-toolbox-item-shadow-hovered-1-offset-x, 0px) var(--ctr-toolbox-item-shadow-hovered-1-offset-y, 2px) var(--ctr-toolbox-item-shadow-hovered-1-blur, 6px) var(--ctr-toolbox-item-shadow-hovered-1-spread, 0px) var(--ctr-toolbox-item-shadow-hovered-1-color, rgba(0, 0, 0, 0.1)), var(--ctr-toolbox-item-shadow-hovered-2-offset-x, 0px) var(--ctr-toolbox-item-shadow-hovered-2-offset-y, 1px) var(--ctr-toolbox-item-shadow-hovered-2-blur, 2px) var(--ctr-toolbox-item-shadow-hovered-2-spread, 0px) var(--ctr-toolbox-item-shadow-hovered-2-color, rgba(0, 0, 0, 0));
  transition: 0.1s ease-in-out;
  padding: var(--ctr-toolbox-item-padding-top-submenu, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-item-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-item-padding-bottom-submenu, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-item-padding-left-submenu, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  align-self: flex-start;
  min-width: var(--ctr-toolbox-submenu-item-min-width, initial);
  box-sizing: border-box;
}
.svc-toolbox-subtypes .svc-toolbox__item.svc-toolbox__item-subtype .svc-toolbox__item-title {
  color: var(--ctr-toolbox-item-text-color-submenu, var(--sjs-layer-2-foreground-100, rgba(0, 0, 0, 0.9098039216)));
}
.svc-toolbox-subtypes .svc-toolbox__tool:hover .svc-toolbox__item-subtype,
.svc-toolbox-subtypes .svc-toolbox__item:focus .svc-toolbox__item-subtype {
  background: var(--ctr-toolbox-item-background-color-hovered, var(--sjs-layer-1-background-500, var(--sjs-general-backcolor, var(--background, #fff))));
  opacity: unset;
}
.svc-toolbox-subtypes .svc-toolbox__tool:hover .svc-toolbox__item-subtype .svc-toolbox__item-title,
.svc-toolbox-subtypes .svc-toolbox__item:focus .svc-toolbox__item-subtype .svc-toolbox__item-title {
  color: var(--ctr-toolbox-item-text-color-hovered, var(--sjs-layer-1-foreground-100, var(--sjs-general-forecolor, var(--foreground, #161616))));
}
.svc-toolbox-subtypes .svc-toolbox__item-title {
  padding: 0;
}
.svc-toolbox__tool--dots {
  align-self: flex-start;
}
.svc-toolbox__item--dots {
  padding-inline-end: var(--ctr-toolbox-item-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  margin-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-toolbox--compact .svc-toolbox__item-submenu-button {
  display: none;
}
.svc-toolbox--compact .svc-toolbox__tool {
  padding: 0px var(--ctr-toolbox-item-margin-horizontal-no-text, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  align-self: flex-start;
  pointer-events: all;
}
.svc-toolbox--compact .svc-toolbox__search-button {
  padding-inline-start: var(--ctr-toolbox-item-margin-horizontal-no-text, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-toolbox--compact .svc-toolbox__item {
  padding-inline-start: var(--ctr-toolbox-item-padding-left-no-text, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-inline-end: var(--ctr-toolbox-item-padding-right-no-text, var(--sjs-base-unit, var(--base-unit, 8px)));
  box-sizing: border-box;
  align-self: flex-start;
}
.svc-toolbox--compact .svc-toolbox__tool--dots {
  padding-inline-end: 0;
  padding-inline-start: 0;
}
.svc-toolbox--compact .svc-toolbox__item--dots {
  padding-inline-end: var(--ctr-toolbox-item-padding-right, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-start: var(--ctr-toolbox-item-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
/*!**************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/toolbox/toolbox.scss ***!
  \**************************************************************************************************************************************************************************************/
.svc-toolbox {
  --dft-toolbox-item-padding-top: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --dft-toolbox-group-padding-right: calc(2 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --dft-toolbox-item-padding-right: calc(1.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --dft-toolbox-gap: calc(0.5 * var(--sjs-base-unit, var(--base-unit, 8px)));
  --dft-toolbox-width-compact: calc(9 *var(--sjs-base-unit, var(--base-unit, 8px)));
  --thm-toolbox-width-compact: calc( var(--ctr-toolbox-item-icon-width) + var(--ctr-toolbox-item-padding-right-no-text) + var(--ctr-toolbox-item-padding-left-no-text) + var(--ctr-toolbox-item-margin-horizontal-no-text) * 2 + var(--ctr-toolbox-group-padding-right) + var(--ctr-toolbox-group-padding-left) );
  --thm-toolbox-item-banner-left: calc( var(--ctr-toolbox-item-icon-width) + var(--ctr-toolbox-item-padding-right-no-text) + var(--ctr-toolbox-item-padding-left-no-text) + var(--ctr-toolbox-item-margin-horizontal-no-text) * 2 + var(--ctr-toolbox-group-padding-right) + var(--ctr-tooltip-pointer-height) * 2 );
  --toolbox-width: var(--ctr-toolbox-min-width, 224.984375px );
  --toolbox-width-compact: var(--thm-toolbox-width-compact, var(--dft-toolbox-width-compact));
  width: auto;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.svc-toolbox__panel {
  position: relative;
  flex-grow: 1;
  flex-shrink: 1;
  height: 0;
  display: flex;
  flex-direction: column;
  border-inline-end: var(--ctr-toolbox-border-width-right, 0px) solid var(--ctr-toolbox-border-color, transparent);
  background: var(--ctr-toolbox-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  min-width: var(--toolbox-width);
}
.svc-toolbox .svc-scroll__scroller {
  padding: var(--ctr-toolbox-padding-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-group-padding-right, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-padding-bottom, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-group-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  align-items: var(--ctr-toolbox-scroller-align-items, flex-end);
}
.svc-toolbox .svc-scroll__scrollbar {
  inset-inline-end: var(--ctr-toolbox-scrollbar-right, initial);
  inset-inline-start: var(--ctr-toolbox-scrollbar-left, 0);
  padding: var(--ctr-toolbox-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) 0 var(--ctr-toolbox-padding-bottom, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) 0;
}
.svc-toolbox--scrollable {
  --toolbox-width: var(--ctr-toolbox-min-width, 236.984375px);
}
.svc-toolbox--compact {
  margin-inline-end: var(--ctr-toolbox-margin-left-compact, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-toolbox--compact .svc-toolbox__panel {
  overflow: visible;
  width: var(--toolbox-width-compact);
  min-width: var(--toolbox-width-compact);
}
.svc-toolbox--compact .svc-scroll__scroller {
  width: 100vw;
  padding: var(--ctr-toolbox-padding-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-group-padding-right-compact, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-padding-bottom, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-toolbox-group-padding-left-compact, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  pointer-events: none;
}
.svc-toolbox--compact .svc-search {
  opacity: 0;
  position: absolute;
}
.svc-toolbox--compact .svc-toolbox__search-container {
  padding-top: var(--ctr-toolbox-padding-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-start: var(--ctr-toolbox-group-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-end: var(--ctr-toolbox-group-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-bottom: calc(var(--ctr-toolbox-separator-padding-top, 8px) + var(--ctr-toolbox-gap, 4px));
}
.svc-toolbox--compact .svc-toolbox__category-separator {
  box-sizing: content-box;
  padding-inline-end: var(--ctr-toolbox-separator-padding-right-compact, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-start: var(--ctr-toolbox-separator-padding-left-compact, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  margin-inline-end: calc(0px - var(--ctr-toolbox-group-padding-right-compact, 12px) - var(--ctr-toolbox-item-margin-horizontal-no-text, 4px));
  margin-inline-start: calc(0px - var(--ctr-toolbox-group-padding-left-compact, 12px) - var(--ctr-toolbox-item-margin-horizontal-no-text, 4px));
}
.svc-toolbox--compact .svc-toolbox__category-separator--search {
  margin-inline-end: 0;
  margin-inline-start: 0;
}
.svc-toolbox__tool.svc-toolbox__search-button {
  z-index: 20;
  justify-content: center;
  align-items: center;
  width: fit-content;
}
.svc-toolbox__tool.svc-toolbox__search-button svg {
  height: var(--ctr-toolbox-item-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  width: var(--ctr-toolbox-item-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-toolbox--flyout {
  --toolbox-width: var(--ctr-toolbox-min-width, calc(32 *var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-inline-end: var(--ctr-toolbox-margin-left-compact, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  overflow: visible;
  overflow: visible;
  width: var(--toolbox-width-compact);
  max-width: var(--thm-toolbox-width-compact, calc(10.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  overflow: visible;
  border-inline-end: var(--ctr-toolbox-border-width-right, 0px) solid transparent;
}
.svc-toolbox--flyout .svc-search {
  opacity: 1;
  position: relative;
}
.svc-toolbox--flyout .svc-toolbox__panel {
  z-index: 200;
  width: fit-content;
  position: relative;
  box-shadow: var(--ctr-toolbox-shadow-floating-2-offset-x, 0px) var(--ctr-toolbox-shadow-floating-2-offset-y, 8px) var(--ctr-toolbox-shadow-floating-2-blur, 16px) var(--ctr-toolbox-shadow-floating-2-spread, 0px) var(--ctr-toolbox-shadow-floating-2-color, rgba(0, 0, 0, 0.1)), var(--ctr-toolbox-shadow-floating-1-offset-x, 0px) var(--ctr-toolbox-shadow-floating-1-offset-y, 2px) var(--ctr-toolbox-shadow-floating-1-blur, 6px) var(--ctr-toolbox-shadow-floating-1-spread, 0px) var(--ctr-toolbox-shadow-floating-1-color, rgba(0, 0, 0, 0.1));
  transition: box-shadow var(--sjs-creator-transition-duration, 150ms);
}
.svc-toolbox--searchable .svc-toolbox__search-container {
  display: flex;
}
.svc-toolbox__search-container {
  position: sticky;
  top: 0;
  display: none;
  flex-direction: column;
  box-sizing: border-box;
  background: var(--ctr-toolbox-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  border-bottom: var(--ctr-toolbox-search-border-width-bottom, 1px) solid transparent;
}
.svc-toolbox__search-container svg {
  pointer-events: none;
}
.svc-toolbox__category {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
.svc-toolbox__category-separator {
  box-sizing: border-box;
  padding-top: var(--ctr-toolbox-separator-padding-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-end: var(--ctr-toolbox-separator-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-bottom: var(--ctr-toolbox-separator-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-inline-start: var(--ctr-toolbox-separator-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  margin-top: var(--ctr-toolbox-gap, 0);
  margin-inline-end: calc(0px - var(--ctr-toolbox-group-padding-right, 12px));
  margin-inline-start: calc(0px - var(--ctr-toolbox-group-padding-left, 12px));
  max-width: var(--ctr-toolbox-separator-max-width, calc(9 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-toolbox__category-separator:after {
  content: "";
  display: block;
  height: var(--ctr-toolbox-separator-height, 1px);
  background-color: var(--ctr-toolbox-separator-color, var(--sjs-border-default, var(--border, #d6d6d6)));
}
.svc-toolbox__category-separator--search {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  align-self: center;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  margin-top: 0;
  max-width: initial;
}
.svc-toolbox--no-separators .svc-toolbox__category-separator {
  display: none;
}
.svc-toolbox--no-separators .svc-toolbox__category-separator--search {
  display: block;
}
.svc-toolbox__category-header-wrapper {
  padding: var(--ctr-toolbox-group-header-margin-top, 0px) var(--ctr-toolbox-group-header-margin-left, 0px) var(--ctr-toolbox-group-header-margin-bottom, 0px) var(--ctr-toolbox-group-header-margin-left, 0px);
  margin-inline-start: calc(0px - var(--ctr-toolbox-group-padding-left, 0px));
  margin-inline-end: calc(0px - var(--ctr-toolbox-group-padding-right, 0px));
  align-self: stretch;
}
.svc-toolbox__category-header {
  padding-top: var(--ctr-toolbox-group-header-padding-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-end: var(--ctr-toolbox-group-header-padding-right, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-bottom: var(--ctr-toolbox-group-header-padding-bottom, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-start: var(--ctr-toolbox-group-header-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-shadow:
    inset 0 var(--ctr-toolbox-group-header-border-width-top, 0px) var(--ctr-toolbox-group-header-border-color, var(--sjs-border-default, var(--border, #d6d6d6))),
    inset calc(0px - var(--ctr-toolbox-group-header-border-width-right, 0px)) 0 var(--ctr-toolbox-group-header-border-color, var(--sjs-border-default, var(--border, #d6d6d6))),
    inset 0 calc(0px - var(--ctr-toolbox-group-header-border-width-bottom, 1px)) var(--ctr-toolbox-group-header-border-color, var(--sjs-border-default, var(--border, #d6d6d6))),
    inset var(--ctr-toolbox-group-header-border-width-left, 0px) 0 var(--ctr-toolbox-group-header-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  box-sizing: border-box;
  width: 100%;
  min-width: calc(20 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  position: relative;
  display: flex;
}
.svc-toolbox__category-header--collapsed {
  cursor: pointer;
}
.svc-toolbox__category-title {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  font-weight: 600;
  color: var(--sjs-general-forecolor, var(--foreground, #161616));
  vertical-align: middle;
  display: block;
  flex-grow: 1;
}
.svc-toolbox__category-header__controls {
  inset-inline-end: var(--sjs-base-unit, var(--base-unit, 8px));
  top: var(--ctr-category-header-controls-top, var(--sjs-base-unit, var(--base-unit, 8px)));
  display: none;
  align-self: center;
  margin-top: -50%;
  margin-bottom: -50%;
}
.svc-toolbox__category-header__button {
  fill: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  height: var(--ctr-toolbox-item-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  width: var(--ctr-toolbox-item-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-toolbox__category-header:hover .svc-toolbox__category-header__controls {
  display: flex;
}
.svc-toolbox__category--collapsed .svc-toolbox__tool {
  height: 0;
  visibility: hidden;
}
.svc-toolbox__category--empty {
  height: 0;
  visibility: hidden;
}
.svc-toolbox__placeholder {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  padding-top: calc(13.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin-inline-start: auto;
  margin-inline-end: auto;
  color: var(--ctr-property-grid-placeholder-text-description-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/toolbox/toolbox-search.scss ***!
  \*********************************************************************************************************************************************************************************************/
.svc-toolbox .svc-search {
  padding-top: var(--ctr-toolbox-search-padding-top, calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-end: var(--ctr-toolbox-search-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-bottom: var(--ctr-toolbox-search-padding-bottom, calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-start: var(--ctr-toolbox-search-padding-left, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  gap: var(--ctr-toolbox-search-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
  height: unset;
  width: unset;
  flex-grow: 1;
  border-bottom: none;
}
.svc-toolbox .svc-search__input {
  color: var(--ctr-toolbox-search-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-toolbox .svc-search__input::placeholder {
  color: var(--ctr-toolbox-search-text-color-placeholder, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-toolbox .svc-search__bar-item:hover:enabled {
  background-color: var(--ctr-toolbox-search-clear-button-background-color-hovered, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));
}
.svc-toolbox .svc-search__bar-item:hover:enabled svg use {
  fill: var(--ctr-toolbox-search-clear-button-icon-color-hovered, var(--sjs-special-red, var(--red, #e60a3e)));
}
.svc-toolbox .svc-search__search-icon {
  width: var(--ctr-toolbox-search-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-toolbox-search-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-toolbox .svc-search__search-icon .sv-svg-icon {
  width: var(--ctr-toolbox-search-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-toolbox-search-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-toolbox .svc-search__search-icon .sv-svg-icon use {
  fill: var(--ctr-toolbox-search-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
/*!********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/toolbox/toolbox-right.scss ***!
  \********************************************************************************************************************************************************************************************/
.svc-creator__toolbox--right .svc-toolbox,
[dir=rtl] .svc-toolbox,
[style*="direction:rtl"] .svc-toolbox,
[style*="direction: rtl"] .svc-toolbox {
  direction: rtl;
}
.svc-creator__toolbox--right .svc-toolbox__item-banner:after,
[dir=rtl] .svc-toolbox__item-banner:after,
[style*="direction:rtl"] .svc-toolbox__item-banner:after,
[style*="direction: rtl"] .svc-toolbox__item-banner:after {
  transform: translate(-2px, -2px) rotate(90deg);
}
.svc-creator__toolbox--right .svc-toolbox__item-submenu-button svg,
[dir=rtl] .svc-toolbox__item-submenu-button svg,
[style*="direction:rtl"] .svc-toolbox__item-submenu-button svg,
[style*="direction: rtl"] .svc-toolbox__item-submenu-button svg {
  transform: rotate(180deg);
}
.svc-creator__toolbox--right .sv-popup__body-content,
.svc-creator__toolbox--right .svc-search {
  direction: initial;
}
/*!************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/toolbox/toolbox-animation.scss ***!
  \************************************************************************************************************************************************************************************************/
@keyframes toolboxFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes toolboxMoveIn {
  from {
    width: var(--toolbox-width-compact);
    overflow: hidden;
  }
  to {
    width: var(--animation-width);
    overflow: hidden;
  }
}
@keyframes toolboxSeparatorSearchMoveIn {
  from {
    padding-inline-end: var(--ctr-toolbox-separator-padding-right-compact, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
    padding-inline-start: var(--ctr-toolbox-separator-padding-left-compact, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
    overflow: hidden;
  }
  to {
    padding-inline-end: 0;
    padding-inline-start: 0;
    overflow: hidden;
  }
}
@keyframes toolboxSeparatorMoveIn {
  from {
    padding-inline-end: var(--ctr-toolbox-separator-padding-right-compact, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
    padding-inline-start: var(--ctr-toolbox-separator-padding-left-compact, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
    overflow: hidden;
  }
  to {
    padding-inline-end: var(--ctr-toolbox-separator-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
    padding-inline-start: var(--ctr-toolbox-separator-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
    overflow: hidden;
  }
}
.svc-toolbox__panel--enter,
.svc-toolbox__panel--leave {
  animation-fill-mode: forwards;
  animation-duration: var(--move-animation-duration), var(--animation-duration);
  animation-delay: var(--move-animation-delay), 0s;
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
  animation-name: toolboxMoveIn, empty;
  animation-fill-mode: forwards;
  min-width: 0;
}
.svc-toolbox__panel--enter .svc-toolbox__category-separator,
.svc-toolbox__panel--leave .svc-toolbox__category-separator {
  animation-duration: var(--move-animation-duration);
  animation-delay: var(--move-animation-delay);
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
  animation-name: toolboxSeparatorMoveIn;
  animation-fill-mode: forwards;
}
.svc-toolbox__panel--enter .svc-toolbox__category-separator--search,
.svc-toolbox__panel--leave .svc-toolbox__category-separator--search {
  animation-name: toolboxSeparatorSearchMoveIn;
}
.svc-toolbox__panel--enter .svc-toolbox__item-submenu-button,
.svc-toolbox__panel--enter .svc-toolbox__item-title,
.svc-toolbox__panel--enter .svc-search__input,
.svc-toolbox__panel--leave .svc-toolbox__item-submenu-button,
.svc-toolbox__panel--leave .svc-toolbox__item-title,
.svc-toolbox__panel--leave .svc-search__input {
  animation-duration: var(--fade-animation-duration);
  animation-delay: var(--fade-animation-delay);
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
  animation-name: toolboxFadeIn;
  animation-fill-mode: forwards;
  opacity: 0;
  text-overflow: initial;
}
.svc-toolbox__panel--enter {
  --fade-animation-duration: var(--sjs-svc-toolbox-fade-in-duration, 250ms);
  --move-animation-duration: var(--sjs-svc-toolbox-move-in-duration, 250ms);
  --fade-animation-delay: var(--sjs-svc-toolbox-fade-in-delay, 100ms);
  --move-animation-delay: 0s;
  --animation-direction: normal;
  --animation-duration: calc(var(--fade-animation-delay) + var(--fade-animation-duration));
  --animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}
.svc-toolbox__panel--leave {
  --fade-animation-duration: var(--sjs-svc-toolbox-fade-out-duration, 250ms);
  --move-animation-duration: var(--sjs-svc-toolbox-move-out-duration, 250ms);
  --fade-animation-delay: 0s;
  --move-animation-delay: var(--sjs-svc-toolbox-move-out-delay, 0ms);
  --animation-direction: reverse;
  --animation-duration: 0s;
  --animation-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
}
.svc-toolbox--flyout-to-compact-running {
  width: var(--toolbox-width-compact);
  margin-inline-end: var(--ctr-toolbox-margin-left-compact, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  z-index: 200;
  border-inline-end: var(--ctr-toolbox-border-width-right, 0px) solid transparent;
}
.svc-creator--disable-animations .svc-toolbox__panel--enter,
.svc-creator--disable-animations .svc-toolbox__panel--leave {
  animation: none;
}
/*!****************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/side-bar/side-bar.scss ***!
  \****************************************************************************************************************************************************************************************/
.svc-side-bar__container {
  flex-direction: column;
  display: flex;
  position: relative;
  width: var(--ctr-property-grid-width, 450px);
  min-width: var(--ctr-property-grid-min-width, 370px);
  height: 100%;
  border-inline-start: 1px solid var(--ctr-property-grid-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
}
.svc-side-bar__wrapper {
  height: 100%;
}
.svc-side-bar__container .svc-resizer {
  width: 3px;
  height: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  background-color: transparent;
  cursor: e-resize;
}
.svc-resizer-west {
  left: 0;
}
.svc-resizer-east {
  right: 0;
}
.svc-side-bar__container-header {
  background: var(--ctr-property-grid-header-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  box-shadow: inset 0px -2px 0px var(--ctr-property-grid-header-border-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  display: flex;
  padding: var(--ctr-property-grid-header-padding-top, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-property-grid-header-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-property-grid-header-padding-bottom, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-property-grid-header-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-side-bar__container-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  height: 100%;
  overflow-y: auto;
  background-color: var(--ctr-property-grid-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
}
.svc-side-bar__container-container {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding: 0px calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  box-sizing: border-box;
  background: var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3));
  box-shadow: inset 0px -1px 0px var(--sjs-border-default, var(--border, #d6d6d6));
}
.svc-side-bar__container-title {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  display: flex;
  flex-grow: 1;
  flex-shrink: 0;
  justify-content: flex-end;
  padding: var(--ctr-menu-toolbar-button-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  color: var(--ctr-menu-toolbar-button-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-side-bar__container-actions {
  width: 100%;
  box-sizing: border-box;
}
.svc-side-bar__container-actions .sv-action-bar {
  justify-content: flex-end;
  padding: 0;
}
.svc-side-bar__container-actions .sv-action-bar-item {
  transition: background-color var(--sjs-creator-transition-duration, 150ms);
}
.svc-side-bar__container-actions .sv-action-bar-item:not(.sv-action-bar-item--pressed):enabled {
  border-radius: var(--ctr-menu-toolbar-button-corner-radius, 0);
}
.svc-side-bar__container-actions .sv-action-bar-item:not(.sv-action-bar-item--pressed):enabled:focus {
  background: var(--ctr-menu-toolbar-button-background-color-pressed, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-side-bar__container-actions .sv-action-bar-item:not(.sv-action-bar-item--pressed):enabled:hover {
  background: var(--ctr-menu-toolbar-button-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-side-bar__container-actions .sv-action-bar-item--pressed:not(.sv-action-bar-item--active) {
  background: var(--ctr-menu-toolbar-button-background-color-pressed, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-side-bar__container-actions .sv-action-bar-item__title {
  color: var(--ctr-menu-toolbar-button-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-side-bar__container-actions .sv-action-bar-item__icon use {
  fill: var(--ctr-menu-toolbar-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-flex-row.svc-side-bar__wrapper {
  width: auto;
  height: 100%;
  background-color: transparent;
}
.svc-side-bar__container {
  background-color: var(--ctr-property-grid-form-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-side-bar {
  height: 100%;
}
.svc-side-bar--flyout .svc-side-bar__shadow {
  background-color: var(--ctr-popup-haze-background-color, var(--background-semitransparent, rgba(144, 144, 144, 0.5)));
  position: absolute;
  top: 0;
  bottom: 0;
  inset-inline-end: 0;
  inset-inline-start: 0;
  z-index: 900;
}
.svc-side-bar--flyout .svc-side-bar__container-wrapper {
  border-left: none;
  z-index: 1000;
  position: absolute;
  inset-inline-end: 0;
  height: 100%;
  max-width: 100%;
}
.svc-side-bar--flyout.svc-side-bar--side-area .svc-side-bar__container-wrapper {
  max-width: calc(100% - calc(var(--ctr-menu-toolbar-button-padding-left, 8px) + var(--ctr-menu-toolbar-button-padding-right, 8px) + var(--ctr-menu-toolbar-button-icon-width, 24px) + var(--ctr-property-grid-tabs-padding-left, 12px) + var(--ctr-property-grid-tabs-padding-right, 12px)));
  inset-inline-end: calc(var(--ctr-menu-toolbar-button-padding-left, 8px) + var(--ctr-menu-toolbar-button-padding-right, 8px) + var(--ctr-menu-toolbar-button-icon-width, 24px) + var(--ctr-property-grid-tabs-padding-left, 12px) + var(--ctr-property-grid-tabs-padding-right, 12px));
}
.svc-side-bar--flyout .svc-side-bar__container {
  display: flex;
  max-width: 100%;
}
.svc-side-bar--flyout .svc-sidebar-tabs {
  z-index: 1000;
}
.svc-side-bar--mobile .svc-side-bar__wrapper {
  position: absolute;
  width: 100%;
  position: absolute;
  inset-inline-end: 0;
  z-index: 1000;
}
.svc-side-bar--mobile .svc-side-bar__container-wrapper {
  position: static;
  flex-grow: 1;
}
.svc-side-bar--mobile .svc-side-bar__container {
  width: 100%;
  min-width: 100%;
  box-sizing: border-box;
}
@keyframes flyoutSideBarShadowFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.75;
  }
}
@keyframes sideBarMoveIn {
  from {
    width: 0;
    overflow: hidden;
  }
  to {
    width: var(--animation-width);
    overflow: hidden;
  }
}
.svc-side-bar--enter,
.svc-side-bar--leave {
  animation-fill-mode: forwards;
  animation-name: empty;
  animation-duration: var(--animation-duration);
}
.svc-side-bar--enter .svc-side-bar__container,
.svc-side-bar--leave .svc-side-bar__container {
  max-width: var(--animation-width);
}
.svc-side-bar--enter {
  --animation-duration: var(--svc-side-bar-enter-duration, 500ms);
  --animation-direction: normal;
  --animation-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}
.svc-side-bar--leave {
  --animation-duration: var(--svc-side-bar-leave-duration, 500ms);
  --animation-direction: reverse;
  --animation-timing-function: cubic-bezier(0.32, 0, 0.67, 0);
}
.svc-side-bar--enter .svc-side-bar__container,
.svc-side-bar--enter .svc-side-bar__container-wrapper,
.svc-side-bar--leave .svc-side-bar__container,
.svc-side-bar--leave .svc-side-bar__container-wrapper {
  animation-fill-mode: forwards;
  animation-duration: var(--animation-duration);
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
}
.svc-side-bar--enter .svc-side-bar__container-wrapper,
.svc-side-bar--leave .svc-side-bar__container-wrapper {
  animation-name: sideBarMoveIn;
}
.svc-side-bar--flyout.svc-side-bar--enter .svc-side-bar__shadow,
.svc-side-bar--flyout.svc-side-bar--leave .svc-side-bar__shadow {
  animation-name: flyoutSideBarShadowFadeIn;
  animation-fill-mode: forwards;
  animation-duration: var(--animation-duration);
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
}
.svc-side-bar--mobile.svc-side-bar--leave .svc-side-bar__container,
.svc-side-bar--mobile.svc-side-bar--leave .svc-side-bar__container-wrapper,
.svc-side-bar--mobile.svc-side-bar--enter .svc-side-bar__container,
.svc-side-bar--mobile.svc-side-bar--enter .svc-side-bar__container-wrapper {
  animation: none;
  min-width: var(--animation-width);
}
.svc-side-bar--mobile.svc-side-bar--leave .svc-side-bar__container-wrapper,
.svc-side-bar--mobile.svc-side-bar--enter .svc-side-bar__container-wrapper {
  min-width: var(--animation-width);
}
.svc-side-bar--mobile.svc-side-bar--leave .svc-side-bar__wrapper,
.svc-side-bar--mobile.svc-side-bar--enter .svc-side-bar__wrapper {
  animation-name: sideBarMoveIn;
  animation-fill-mode: forwards;
  animation-duration: var(--animation-duration);
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
}
.svc-creator--disable-animations .svc-side-bar--leave,
.svc-creator--disable-animations .svc-side-bar--enter {
  animation: none;
}
.sv-action--object-selector {
  max-width: 70%;
}
.sv-action--object-selector .sv-action-bar-item {
  flex-shrink: 1;
  height: auto;
}
.sv-action--object-selector .sv-action-bar-item__title {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  overflow: hidden;
  text-overflow: ellipsis;
}
.svc-full-container.svc-creator__side-bar--left {
  flex-direction: row-reverse;
}
.svc-full-container.svc-creator__side-bar--left .svc-side-bar__wrapper {
  flex-direction: row-reverse;
}
.svc-full-container.svc-creator__side-bar--left .svc-side-bar__container-header .sv-action-bar {
  flex-direction: row-reverse;
}
.svc-full-container.svc-creator__side-bar--left .sv-action--object-selector {
  justify-content: flex-start;
  flex: 1;
  display: flex;
}
[dir=rtl] .svd-grid-hide .sv-svg-icon,
[dir=rtl] .svd-grid-expand .sv-svg-icon,
[style*="direction:rtl"] .svd-grid-hide .sv-svg-icon,
[style*="direction:rtl"] .svd-grid-expand .sv-svg-icon,
[style*="direction: rtl"] .svd-grid-hide .sv-svg-icon,
[style*="direction: rtl"] .svd-grid-expand .sv-svg-icon,
.svc-full-container.svc-creator__side-bar--left .svd-grid-hide .sv-svg-icon,
.svc-full-container.svc-creator__side-bar--left .svd-grid-expand .sv-svg-icon {
  transform: rotate(180deg);
}
.svc-full-container.svc-creator__side-bar--left .svc-side-bar__container-wrapper,
.svc-full-container.svc-creator__side-bar--left .svc-side-bar__wrapper {
  inset-inline-start: 0;
  inset-inline-end: unset;
}
.svc-full-container.svc-creator__side-bar--left .svc-side-bar--side-area .svc-side-bar__container-wrapper {
  inset-inline-start: calc(var(--ctr-menu-toolbar-button-padding-left, 8px) + var(--ctr-menu-toolbar-button-padding-right, 8px) + var(--ctr-menu-toolbar-button-icon-width, 24px) + var(--ctr-property-grid-tabs-padding-left, 12px) + var(--ctr-property-grid-tabs-padding-right, 12px));
}
.svd-grid-hide {
  margin-inline-end: auto;
}
.svd-grid-hide .sv-action-bar-item--icon {
  padding: var(--ctr-menu-toolbar-button-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svd-grid-hide .sv-svg-icon {
  width: var(--ctr-menu-toolbar-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-menu-toolbar-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-side-bar .svc-toolbox {
  width: 100%;
}
.svc-side-bar .svc-toolbox .svc-scroll__scroller {
  direction: initial;
}
.svc-side-bar .svc-toolbox .svc-scroll__scrollbar {
  inset-inline-end: 0;
  inset-inline-start: initial;
}
.svc-side-bar .svc-toolbox__category-separator--search {
  display: none;
}
.svc-side-bar .svc-toolbox__panel {
  width: unset;
  border: none;
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/components/side-bar/tab-control.scss ***!
  \*******************************************************************************************************************************************************************************************/
.svc-sidebar-tabs {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  border-inline-start: var(--ctr-property-grid-tabs-border-width, 1px) solid var(--ctr-property-grid-tabs-border-color, rgba(0, 0, 0, 0.16));
  background: var(--ctr-property-grid-tabs-background-color, #fff);
  box-sizing: border-box;
}
.svc-sidebar-tabs__top-container {
  display: flex;
  padding: var(--ctr-property-grid-tabs-padding-top, 12px) var(--ctr-property-grid-tabs-padding-right, 12px) var(--ctr-property-grid-tabs-padding-bottom, 12px) var(--ctr-property-grid-tabs-padding-left, 12px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: var(--ctr-property-grid-tabs-separator-margin, 12px);
}
.svc-sidebar-tabs__collapse-button {
  display: flex;
  align-items: center;
}
[dir=rtl] .svc-sidebar-tabs__collapse-button .sv-svg-icon,
[style*="direction:rtl"] .svc-sidebar-tabs__collapse-button .sv-svg-icon,
[style*="direction: rtl"] .svc-sidebar-tabs__collapse-button .sv-svg-icon,
.svc-creator__side-bar--left .svc-sidebar-tabs__collapse-button .sv-svg-icon {
  transform: rotateY(180deg);
}
.svc-sidebar-tabs__separator {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  margin-top: -1px;
}
.svc-sidebar-tabs__separator > div {
  height: var(--ctr-separator-width, 1px);
  background: var(--ctr-separator-color, rgba(0, 0, 0, 0.16));
  width: 100%;
}
.svc-sidebar-tabs__items {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: var(--ctr-property-grid-tabs-gap, 12px);
}
.svc-sidebar-tabs:not(.svc-sidebar-tabs--collapsed) .svc-menu-action__button--selected {
  display: flex;
  padding: var(--ctr-menu-toolbar-button-padding-top, 8px) var(--ctr-menu-toolbar-button-padding-right, 8px) var(--ctr-menu-toolbar-button-padding-bottom, 8px) var(--ctr-menu-toolbar-button-padding-left, 8px);
  justify-content: center;
  align-items: center;
  gap: var(--ctr-menu-toolbar-button-gap, 8px);
  border-radius: var(--ctr-menu-toolbar-button-corner-radius, 4px);
  background: var(--ctr-menu-toolbar-button-background-color-selected, #fff);
}
.svc-sidebar-tabs:not(.svc-sidebar-tabs--collapsed) .svc-menu-action__button--selected use {
  fill: var(--ctr-menu-toolbar-button-icon-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-creator--mobile .svc-sidebar-tabs--collapsed {
  display: none;
}
.svc-menu-action {
  display: flex;
  align-items: center;
}
.svc-menu-action__icon-container {
  flex: 1 0 0;
  align-self: stretch;
}
.svc-sidebar-tabs__bottom-container {
  display: flex;
  padding: var(--ctr-property-grid-tabs-padding-top, 12px) var(--ctr-property-grid-tabs-padding-right, 12px) var(--ctr-property-grid-tabs-padding-bottom, 12px) var(--ctr-property-grid-tabs-padding-left, 12px);
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: var(--ctr-property-grid-tabs-separator-margin, 12px);
}
.svc-sidebar__header.svc-sidebar__header--tabbed {
  display: flex;
  align-items: flex-start;
}
.svc-sidebar__header-container {
  display: flex;
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  align-self: stretch;
  background: var(--ctr-property-grid-header-background-color, #fff);
  box-shadow: inset 0px calc(-1 * var(--ctr-property-grid-header-border-width-bottom, 2px)) 0px var(--ctr-property-grid-header-border-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  box-sizing: border-box;
  width: 100%;
}
.svc-sidebar__header--tabbed,
.svc-sidebar__header-container {
  min-height: calc(var(--ctr-menu-toolbar-button-icon-height) + var(--ctr-menu-toolbar-button-padding-top) + var(--ctr-menu-toolbar-button-padding-bottom) + var(--ctr-menu-toolbar-padding-vertical) + var(--ctr-menu-toolbar-padding-vertical));
}
.svc-sidebar__header-container.svc-sidebar__header-container--with-subtitle {
  padding: var(--ctr-property-grid-header-padding-top-with-subtitle, 6px) var(--ctr-property-grid-header-padding-right, 16px) var(--ctr-property-grid-header-padding-bottom-with-subtitle, 6px) var(--ctr-property-grid-header-padding-left, 16px);
}
.svc-sidebar__header-container .svc-side-bar__container-title {
  justify-content: center;
}
.svc-sidebar__header-content {
  display: flex;
  align-items: center;
}
.svc-menu-action__button {
  display: flex;
  padding: var(--ctr-menu-toolbar-button-padding-top, 8px) var(--ctr-menu-toolbar-button-padding-right, 8px) var(--ctr-menu-toolbar-button-padding-bottom, 8px) var(--ctr-menu-toolbar-button-padding-left, 8px);
  justify-content: center;
  align-items: center;
  gap: var(--ctr-menu-toolbar-button-gap, 8px);
  border-radius: var(--ctr-menu-toolbar-button-corner-radius, 4px);
  cursor: pointer;
}
.svc-menu-action__button:hover,
.svc-menu-action__button:focus,
.svc-menu-action__button:focus-within {
  background: var(--ctr-menu-toolbar-button-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  outline: unset;
}
.svc-menu-action__button.svc-menu-action__button--pressed {
  opacity: var(--ctr-menu-toolbar-button-opacity-pressed, 0.5);
  background: var(--ctr-menu-toolbar-button-background-color-pressed, #f3f3f3);
}
.svc-menu-action__button.svc-menu-action__button--with-subtitle {
  padding: var(--ctr-menu-toolbar-button-padding-top-with-description, 4px) var(--ctr-menu-toolbar-button-padding-right-with-description, 8px) var(--ctr-menu-toolbar-button-padding-bottom, 8px) var(--ctr-menu-toolbar-button-padding-left-with-description, 8px);
}
.svc-menu-action__icon {
  display: flex;
  width: var(--ctr-menu-toolbar-button-icon-width, 24px);
  height: var(--ctr-menu-toolbar-button-icon-height, 24px);
  justify-content: center;
  align-items: center;
}
.svc-menu-action__icon .sv-svg-icon {
  width: var(--ctr-menu-toolbar-button-icon-width, 24px);
  height: var(--ctr-menu-toolbar-button-icon-height, 24px);
  display: block;
}
.svc-menu-action__icon use {
  fill: var(--ctr-menu-toolbar-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-sidebar__header-caption {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.svc-sidebar__header-title {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  color: var(--ctr-menu-toolbar-button-text-color, rgba(0, 0, 0, 0.91));
  display: inline-block;
}
.svc-sidebar__header-subtitle {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  color: var(--ctr-menu-toolbar-button-text-color-secondary, rgba(0, 0, 0, 0.45));
  display: inline-block;
}
/*!*********************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/property-grid-theme/property-grid.scss ***!
  \*********************************************************************************************************************************************************************************************/
.spg-action-bar {
  display: flex;
  box-sizing: content-box;
  position: relative;
  align-items: center;
  margin-left: auto;
  overflow: hidden;
  white-space: nowrap;
}
.spg-action-button {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: flex;
  padding: var(--ctr-actionbar-button-padding-top-large-icon, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-actionbar-button-padding-right-large-icon, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-actionbar-button-padding-bottom-large-icon, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-actionbar-button-padding-left-large-icon, var(--sjs-base-unit, var(--base-unit, 8px)));
  box-sizing: border-box;
  border: none;
  color: var(--ctr-actionbar-button-text-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  border-radius: var(--ctr-actionbar-button-corner-radius, calc(12.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  background-color: transparent;
  cursor: pointer;
  transition: background-color var(--sjs-creator-transition-duration, 150ms), opacity var(--sjs-creator-transition-duration, 150ms);
}
.spg-action-button:hover,
.spg-action-button:focus {
  opacity: 1;
  outline: none;
  background-color: var(--ctr-actionbar-button-background-color-hovered, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
}
.spg-action-button:hover use,
.spg-action-button:focus use {
  fill: var(--ctr-actionbar-button-icon-color-hovered, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.spg-action-button--icon {
  padding: var(--ctr-actionbar-button-padding-top-large-icon, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-actionbar-button-padding-right-large-icon, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-actionbar-button-padding-bottom-large-icon, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-actionbar-button-padding-left-large-icon, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.spg-action-button__icon {
  display: block;
  width: var(--ctr-actionbar-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-actionbar-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.spg-action-button__icon use {
  fill: var(--ctr-actionbar-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  transition: fill var(--sjs-creator-transition-duration, 150ms);
}
.spg-action-button--danger {
  color: var(--ctr-library-action-button-text-color-negative, var(--sjs-special-red, var(--red, #e60a3e)));
}
.spg-action-button--danger:hover,
.spg-action-button--danger:focus {
  background-color: var(--ctr-library-action-button-background-color-negative-hovered, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));
}
.spg-action-button--danger:hover use,
.spg-action-button--danger:focus use {
  fill: var(--ctr-library-action-button-icon-color-negative, var(--sjs-special-red, var(--red, #e60a3e)));
}
button.spg-action-button--large {
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-action-button:disabled {
  opacity: var(--ctr-actionbar-button-opacity-disabled, 0.25);
  pointer-events: none;
  cursor: default;
}
.spg-action-button--muted {
  opacity: var(--ctr-actionbar-button-opacity-muted, 0.5);
}
.spg-action-button:active {
  opacity: var(--ctr-actionbar-button-opacity-pressed, 0.5);
}
.spg-action-button--text {
  padding: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-question {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 0px;
  border-radius: var(--ctr-editor-corner-radius);
}
.spg-question.spg-question--disabled {
  background-color: var(--ctr-editor-background-color-disabled);
}
.spg-question__header {
  width: 100%;
}
.spg-question--disabled .spg-question__header {
  opacity: var(--ctr-editor-label-opacity-disabled, 0.25);
}
.spg-question__title {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  width: 100%;
  margin: 0;
  padding: var(--ctr-label-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-label-padding-right, 0px) var(--ctr-label-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-label-padding-left, 0px);
  color: var(--ctr-label-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  box-sizing: border-box;
}
.spg-question__title.sd-element__title--disabled {
  color: var(--ctr-caption-with-actions-text-color-disabled, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
}
.spg-question__content {
  width: 100%;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  cursor: pointer;
}
.spg-text__content,
.spg-comment__content {
  position: relative;
}
.spg-question__content:focus-within .spg-remaining-character-counter {
  display: flex;
}
.spg-remaining-character-counter {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  display: none;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  padding: 0px;
  color: var(--sjs-general-forecolor-light, var(--foreground-light, #909090));
  position: absolute;
  inset-inline-end: calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  inset-block-end: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-question__description {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  color: var(--ctr-caption-with-actions-description-text-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
  padding-bottom: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  white-space: normal;
}
.spg-question--disabled .spg-question__description {
  color: var(--ctr-caption-with-actions-description-text-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
}
.spg-row-narrow__question {
  --thm-ctr-property-grid-form-gap: var(--ctr-property-grid-form-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  margin-top: calc(-1 * var(--thm-ctr-property-grid-form-gap));
}
.spg-row--multiple > div > .spg-row-narrow__question {
  --thm-ctr-editor-layout-gap: var(--ctr-editor-layout-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
  margin-top: calc(-1 * var(--thm-ctr-editor-layout-gap));
}
.spg-question--location--left {
  flex-direction: row;
  background: var(--ctr-editor-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  box-shadow: inset 0 0 0 var(--ctr-editor-border-width, 1px) var(--ctr-editor-border-color, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));
  line-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  vertical-align: middle;
  align-items: stretch;
  border-radius: var(--ctr-editor-corner-radius, 0px);
}
.spg-question--location--left:focus-within {
  box-shadow: inset 0 0 0 var(--ctr-editor-border-width-focused, 2px) var(--ctr-editor-border-color-focused, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.spg-question--disabled.spg-question--location--left .spg-question__title {
  color: var(--ctr-editor-content-text-color-disabled, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
}
.spg-question__header--location--left {
  width: max-content;
  box-sizing: border-box;
  max-width: 50%;
  flex: 0 0;
  display: flex;
  align-items: center;
  padding-inline-start: var(--ctr-editor-padding-left, 0);
}
.spg-question__header--location--left .spg-question__title {
  padding: var(--ctr-editor-label-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-editor-label-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-editor-label-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-editor-label-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  border-inline-end: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  display: inline-block;
  color: var(--ctr-editor-label-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.spg-question__header--location--left .spg-question__title .sv-string-viewer {
  white-space: nowrap;
}
.spg-question__content--left {
  flex: 2;
}
.spg-question__content--left .spg-input.spg-input.spg-input {
  background-color: transparent;
  box-shadow: none;
  border: none;
}
.spg-question__content--left .spg-input.spg-input.spg-input:focus,
.spg-question__content--left .spg-input.spg-input.spg-input:focus-within {
  box-shadow: none;
}
.spg-row--multiple {
  display: flex;
  gap: var(--ctr-editor-layout-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
  flex-wrap: wrap;
}
.spg-row--multiple > div {
  flex-grow: 1;
  min-width: calc(25.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-row--multiple > div input {
  min-width: max(17 * var(--sjs-base-unit, var(--base-unit, 8px)), 100%);
  width: 0;
}
.spg-question__erbox {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  padding: var(--ctr-error-message-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-error-message-padding-right, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-error-message-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-error-message-padding-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  color: var(--ctr-error-message-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  background-color: var(--ctr-error-message-background-color, var(--sjs-special-red-light, var(--red-light, rgba(230, 10, 62, 0.1))));
  border-radius: var(--ctr-error-message-corner-radius, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.spg-question__erbox > div,
.spg-question__erbox > svc-question-error > div,
sv-question-error > div {
  display: flex;
  gap: var(--ctr-error-message-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.spg-question__erbox-icon {
  width: var(--ctr-error-message-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-error-message-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.spg-question__erbox-icon .sv-svg-icon {
  vertical-align: top;
  width: var(--ctr-error-message-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-error-message-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.spg-question__erbox-icon use {
  fill: var(--ctr-error-message-icon-color, var(--sjs-special-red, var(--red, #e60a3e)));
}
.spg-question__erbox--location--bottom {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.spg-restfull .spg-panel__content,
.spg-masksettings .spg-panel__content {
  gap: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-restfull .spg-panel__content .spg-row,
.spg-masksettings .spg-panel__content .spg-row {
  margin-top: 0;
}
.spg-question--highlighted .spg-input,
.spg-question--highlighted .spg-input-container,
.spg-question--highlighted .spg-question--location--left,
.spg-question--highlighted .spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {
  box-shadow: inset 0 0 0 var(--ctr-editor-border-width-highlighed, 2px) var(--ctr-editor-border-color-highlighted, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
}
.spg-question--highlighted .spg-checkbox__control:focus + .spg-checkbox__rectangle,
.spg-question--highlighted .spg-matrixdynamic__content.spg-text__content {
  outline: var(--ctr-editor-border-width-highlighed, 2px) solid var(--ctr-editor-border-color-highlighted, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
  outline-offset: calc(-1 * var(--ctr-editor-border-width-highlighed, 2px));
  border-radius: var(--ctr-data-table-corner-radius, 0px);
}
.spg-question--highlighted .spg-checkbox__control:focus + .spg-checkbox__rectangle .spg-input,
.spg-question--highlighted .spg-matrixdynamic__content.spg-text__content .spg-input {
  box-shadow: none;
}
.spg-question--highlighted .svc-action-button {
  border: var(--ctr-actionbar-button-border-width-highlighed, 2px) solid var(--ctr-actionbar-button-border-color-highlighted, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
}
.spg-question--highlighted .sv-button-group {
  box-shadow: 0 0 0 1px var(--ctr-editor-border-color-highlighted, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
  border-color: var(--ctr-editor-border-color-highlighted, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
}
.spg-question--highlighted .spg-checkbox__control + .spg-checkbox__rectangle {
  outline: var(--ctr-editor-border-width-highlighed, 2px) solid var(--ctr-editor-border-color-highlighted, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
  outline-offset: calc(-1 * var(--ctr-editor-border-width-highlighed, 2px));
}
.spg-question--highlighted .spg-button-group::after {
  box-shadow: inset 0 0 0 var(--ctr-button-group-border-width-focused, 2px) var(--ctr-editor-border-color-highlighted, var(--sjs-secondary-backcolor, var(--secondary, #ff9814)));
}
.spg-input {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  background-color: var(--ctr-editor-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  box-sizing: border-box;
  width: 100%;
  border: none;
  border-radius: var(--ctr-editor-corner-radius);
  box-shadow: inset 0 0 0 var(--ctr-editor-border-width, 1px) var(--ctr-editor-border-color, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));
  transition: box-shadow var(--sjs-creator-transition-duration, 150ms);
  padding-top: calc(var(--ctr-editor-padding-top, 4px) + var(--ctr-editor-content-margin-top, 8px));
  padding-right: calc(var(--ctr-editor-padding-right, 4px) + var(--ctr-editor-content-margin-right, 12px));
  padding-bottom: calc(var(--ctr-editor-padding-bottom, 4px) + var(--ctr-editor-content-margin-bottom, 8px));
  padding-left: calc(var(--ctr-editor-padding-left, 4px) + var(--ctr-editor-content-margin-left, 12px));
  outline: none;
  color: var(--ctr-editor-content-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.spg-input::placeholder {
  color: var(--ctr-editor-content-text-color-placeholder, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.spg-input:focus:not(:disabled),
.spg-input.spg-dropdown:focus:not(:disabled),
.spg-input.spg-dropdown:focus-within:not(:disabled),
.spg-input-container:focus-within {
  box-shadow: inset 0 0 0 var(--ctr-editor-border-width-focused, 2px) var(--ctr-editor-border-color-focused, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
input.spg-input:focus:read-only {
  box-shadow: inset 0 0 0 var(--ctr-editor-border-width, 1px) var(--ctr-editor-border-color, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));
}
.spg-input:disabled,
.spg-input:disabled::placeholder,
input.spg-input:read-only,
input.spg-input:read-only::placeholder {
  color: color-mix(in srgb, var(--ctr-editor-content-text-color-disabled, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91))), transparent calc(100% - 100% * var(--ctr-editor-content-text-opacity-disabled, 0.25)));
  background-color: var(--ctr-editor-background-color-disabled, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.spg-input[type=color] {
  padding-left: 0;
  padding-right: 0;
  min-width: calc(8 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-input__edit-button {
  position: relative;
  box-sizing: border-box;
  appearance: none;
  background: transparent;
  border: none;
  outline: none;
  border-radius: var(--ctr-editor-button-corner-radius);
  padding: var(--ctr-editor-button-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-editor-button-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-editor-button-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-editor-button-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  line-height: 0;
  transition: background var(--sjs-creator-transition-duration, 150ms), opacity var(--sjs-creator-transition-duration, 150ms);
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
}
.spg-input__edit-button:focus,
.spg-input__edit-button:hover {
  background: var(--ctr-editor-button-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.spg-input__edit-button:active {
  opacity: var(--ctr-editor-button-icon-opacity-pressed, 0.5);
}
.spg-input__edit-button svg {
  width: var(--ctr-editor-button-icon-width, 24px);
  height: var(--ctr-editor-button-icon-height, 24px);
  fill: var(--ctr-editor-button-icon-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
}
.spg-input-container--multiline .spg-input__edit-button {
  align-self: flex-end;
}
.spg-input__edit-button--disabled,
.spg-input__edit-button:disabled {
  opacity: var(--ctr-editor-button-icon-opacity-disabled, 0.25);
  background: transparent;
}
.spg-input__edit-button--disabled svg,
.spg-input__edit-button:disabled svg {
  fill: var(--ctr-editor-button-icon-color-disabled, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
}
.spg-input.spg-input--error {
  box-shadow: 0 0 0 1px inset var(--ctr-editor-border-color-error, var(--sjs-special-red, var(--red, #e60a3e)));
}
.spg-input-container {
  display: flex;
  justify-content: space-between;
  cursor: default;
  padding: var(--ctr-editor-padding-top, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-editor-padding-right, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-editor-padding-bottom, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-editor-padding-left, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  align-items: center;
  gap: var(--ctr-editor-gap, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-shadow: inset 0 0 0 var(--ctr-editor-border-width, 1px) var(--ctr-editor-border-color, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));
}
.spg-input-container--multiline {
  align-items: end;
  flex-direction: column;
  gap: 0;
  height: auto;
}
.spg-input-container--multiline sv-ng-question-comment {
  display: flex;
}
.spg-input-container--multiline .spg-input-container__input {
  box-sizing: border-box;
  resize: none;
}
.spg-input-container__input {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  flex-grow: 1;
  width: 100%;
  padding: var(--ctr-editor-content-margin-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-editor-content-margin-right, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-editor-content-margin-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-editor-content-margin-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  color: var(--ctr-editor-content-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  outline: none;
  border: none;
  background-color: transparent;
}
.spg-input-container__input::placeholder {
  color: var(--ctr-editor-content-text-color-placeholder, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
}
.spg-input-container__input:disabled,
.spg-input-container__input:disabled::placeholder {
  opacity: var(--ctr-editor-content-text-opacity-disabled, 0.25);
  color: var(--ctr-editor-content-text-color-disabled, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
  background-color: var(--ctr-editor-background-color-disabled, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.spg-input-container__buttons-container {
  display: flex;
  gap: var(--ctr-editor-buttons-gap, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  align-self: stretch;
}
.spg-dropdown {
  display: flex;
  padding-right: calc(var(--ctr-editor-buttons-gap, 4px) + var(--ctr-editor-button-padding-right, 8px) + var(--ctr-editor-button-padding-left, 8px) + var(--ctr-editor-button-icon-width, 24px));
  min-height: calc(var(--ctr-editor-button-icon-height) + var(--ctr-editor-button-padding-top) + var(--ctr-editor-button-padding-bottom) + var(--ctr-editor-padding-top) + var(--ctr-editor-padding-bottom));
}
.spg-dropdown--empty .spg-dropdown__value {
  min-height: var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));
}
.spg-dropdown__value {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  display: flex;
  align-items: center;
  min-height: var(--ctr-font-default-line-height, var(--ctr-default-line-height, 24px));
}
.spg-dropdown__filter-string-input {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
}
.spg-dropdown_chevron-button {
  width: var(--ctr-editor-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding: var(--ctr-editor-button-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-editor-button-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-editor-button-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-editor-button-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  inset-block-start: var(--ctr-editor-padding-top, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  inset-inline-end: var(--ctr-editor-padding-right, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  inset-block-end: var(--ctr-editor-padding-bottom, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.spg-dropdown_chevron-button:hover,
.spg-dropdown_chevron-button:focus {
  border-radius: var(--ctr-editor-button-corner-radius);
  background: var(--ctr-editor-button-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.spg-dropdown_chevron-button .spg-dropdown_chevron-button-svg use {
  fill: var(--ctr-editor-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.spg-dropdown_chevron-button-svg {
  width: var(--ctr-editor-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-editor-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.spg-dropdown-popup:not(.sv-popup--dropdown-overlay) {
  height: 0;
}
.spg-dropdown__clean-button {
  --thm-ctr-editor-content-margin-top: var(--ctr-editor-content-margin-top, var(--sjs-base-unit, var(--base-unit, 8px)));
  --thm-ctr-editor-content-margin-bottom: var(--ctr-editor-content-margin-bottom, var(--sjs-base-unit, var(--base-unit, 8px)));
  margin-top: calc(-1 * var(--thm-ctr-editor-content-margin-top));
  margin-bottom: calc(-1 * var(--thm-ctr-editor-content-margin-bottom));
}
.spg-dropdown__clean-button use {
  fill: inherit;
}
.spg-comment {
  height: auto;
  max-width: 100%;
  min-width: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  min-height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  line-height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-panel__title {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-sizing: border-box;
  width: 100%;
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  border: none;
  outline: none;
  color: var(--ctr-property-grid-chapter-caption-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  cursor: pointer;
  background-color: var(--ctr-property-grid-chapter-caption-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  box-shadow: inset 0px -1px 0px var(--ctr-property-grid-chapter-caption-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  margin: 0;
  transition:
    color var(--sjs-creator-transition-duration, 150ms),
    background-color var(--sjs-creator-transition-duration, 150ms),
    opacity var(--sjs-creator-transition-duration, 150ms);
}
.spg-panel__title:disabled,
.spg-panel__title:disabled:hover {
  color: var(--ctr-property-grid-chapter-caption-text-color-disabled, var(--sjs-general-forecolor, var(--foreground, #161616)));
  opacity: 0.25;
  cursor: default;
}
.spg-panel__title--collapsed:hover {
  background-color: var(--ctr-property-grid-chapter-caption-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.spg-panel__title--expandable:focus {
  background-color: var(--ctr-property-grid-chapter-caption-background-color-focused, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.spg-panel__title--expanded {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  color: var(--ctr-property-grid-chapter-caption-text-color-selected, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.spg-panel__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-top: var(--ctr-property-grid-form-padding-top, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-end: var(--ctr-property-grid-form-padding-right, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-bottom: var(--ctr-property-grid-form-padding-bottom, calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-start: var(--ctr-property-grid-form-padding-left, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-sizing: border-box;
  background: var(--ctr-property-grid-form-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  box-shadow: inset 0px -1px 0px var(--ctr-property-grid-chapter-caption-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
}
.spg-panel__content .spg-row {
  width: 100%;
  margin-top: var(--ctr-property-grid-form-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.spg-panel__content .spg-row--multiple {
  margin-top: var(--ctr-editor-layout-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.spg-panel__content > .spg-row:first-of-type {
  margin-top: 0;
}
.svc-side-bar--mobile .spg-panel__content {
  padding-inline-end: var(--ctr-property-grid-form-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-start: var(--ctr-property-grid-form-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.spg-question__nopadding .spg-panel__content {
  padding: 0px;
  box-shadow: unset;
}
.spg-row--enter.spg-row.spg-row.spg-row {
  margin-top: 0;
}
.spg-row--enter {
  animation-fill-mode: forwards;
  animation-name: fadeIn, moveInWithOverflow;
  min-height: 0 !important;
  opacity: 0;
  height: 0;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-delay:
    var(---sjs-spg-row-fade-in-delay, 150ms),
    0s,
    0s;
  animation-duration:
    var(--sjs-spg-row-fade-in-duration, 500ms),
    var(--sjs-spg-move-in-duration, 150ms),
    var(--sjs-spg-move-in-duration, 150ms);
}
.spg-row--delayed-enter {
  animation-delay:
    calc(var(---sjs-spg-row-fade-in-delay, 150ms) + var(--sjs-spg-row-fade-in-animation-delay, 400ms)),
    var(--sjs-spg-row-fade-in-animation-delay, 400ms),
    var(--sjs-spg-row-fade-in-animation-delay, 400ms);
}
.spg-row--leave {
  animation-name: fadeIn, moveInWithOverflow;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-fill-mode: forwards;
  animation-direction: reverse;
  min-height: 0 !important;
  animation-delay:
    0s,
    var(--sjs-spg-row-move-out-delay, 100ms),
    var(--sjs-spg-row-move-out-delay, 100ms);
  animation-duration:
    var(--sjs-spg-row-fade-out-duration, 150ms),
    var(--sjs-spg-row-move-out-duration, 250ms),
    var(--sjs-spg-row-move-out-duration, 250ms);
}
.spg-panel__content--enter {
  animation-name: fadeIn, moveInWithOverflow;
  min-height: 0 !important;
  opacity: 0;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
  animation-duration:
    var(--sjs-spg-expand-fade-in-duration, 350ms),
    var(--sjs-spg-expand-move-in-duration, 350ms),
    var(--sjs-spg-expand-move-in-duration, 350ms);
  animation-delay:
    var(--sjs-spg-expand-fade-in-delay, 0ms),
    0s,
    0s;
}
.spg-panel__content--leave {
  animation-name: fadeIn, moveInWithOverflow;
  min-height: 0 !important;
  animation-direction: reverse;
  animation-fill-mode: forwards;
  animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
  animation-duration:
    var(--sjs-spg-collapse-fade-out-duration, 350ms),
    var(--sjs-spg-collapse-move-out-duration, 350ms),
    var(--sjs-spg-collapse-move-out-duration, 350ms);
  animation-delay:
    0s,
    var(--sjs-spg-collapse-move-out-delay, 0ms),
    var(--sjs-spg-collapse-move-out-delay, 0ms);
}
.svc-creator--disable-animations .spg-row--enter,
.svc-creator--disable-animations .spg-row--leave,
.svc-creator--disable-animations .spg-panel__content--enter,
.svc-creator--disable-animations .spg-panel__content--leave {
  animation: none;
}
.spg-panel.spg-panel--group > .spg-panel__content {
  padding: 0;
  box-shadow: none;
}
.spg-panel.spg-panel--group .spg-panel__title {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  color: var(--ctr-label-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  box-shadow: none;
  background-color: transparent;
  padding-top: var(--ctr-label-padding-top, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-inline-end: var(--ctr-label-padding-right, 0px);
  padding-bottom: var(--ctr-label-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-inline-start: var(--ctr-label-padding-left, 0px);
  color: var(--ctr-label-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.spg-panel.spg-panel--group .spg-row {
  margin-top: var(--ctr-editor-layout-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.spg-panel.spg-panel--group .spg-row:first-of-type {
  margin-top: 0;
}
.spg-checkbox {
  cursor: pointer;
  margin-top: var(--ctr-checkbox-list-gap-vertical, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.spg-checkbox--disabled {
  cursor: default;
}
.spg-checkbox--disabled .spg-checkbox {
  cursor: default;
}
.spg-checkbox--disabled .spg-checkbox__caption {
  color: var(--ctr-checkbox-text-color-disabled, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.spg-checkbox--disabled .spg-checkbox__rectangle,
.spg-checkbox--disabled.spg-checkbox:active .spg-checkbox__rectangle,
.spg-checkbox--disabled.spg-checkbox__control:focus + .spg-checkbox__rectangle {
  border: var(--ctr-checkbox-border-width, 1px) solid var(--ctr-checkbox-border-color-disabled, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));
  background: var(--ctr-checkbox-background-color-disabled, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  outline: none;
}
.spg-checkbox__caption {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  color: var(--ctr-checkbox-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.spg-checkbox__rectangle {
  background: var(--ctr-checkbox-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  border: var(--ctr-checkbox-border-width, 1px) solid var(--ctr-checkbox-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  border-radius: var(--ctr-checkbox-corner-radius);
  box-sizing: border-box;
  width: var(--ctr-checkbox-button-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-checkbox-button-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  padding: 1px 1px;
  outline: 2px solid transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  transition:
    background var(--sjs-creator-transition-duration, 150ms),
    background-color var(--sjs-creator-transition-duration, 150ms),
    outline var(--sjs-creator-transition-duration, 150ms);
}
.spg-checkbox:not(.spg-checkbox--checked):hover .spg-checkbox__rectangle {
  background-color: var(--ctr-checkbox-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.spg-checkbox:active .spg-checkbox__rectangle,
.spg-checkbox__control:focus:not(:disabled) + .spg-checkbox__rectangle {
  outline: 2px solid var(--ctr-checkbox-border-color-focused, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  outline-offset: -2px;
}
.spg-checkbox .spg-checkbox__svg {
  display: block;
  opacity: 0;
  fill: transparent;
  width: var(--ctr-checkbox-button-check-mark-width, calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-checkbox-button-check-mark-height, calc(2.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  background-repeat: no-repeat;
  background-size: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))) calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  transition: opacity var(--sjs-creator-transition-duration, 150ms), fill var(--sjs-creator-transition-duration, 150ms);
}
.spg-checkbox--checked .spg-checkbox__rectangle {
  background: var(--ctr-checkbox-background-color-selected, var(--sjs-general-backcolor, var(--background, #fff)));
}
.spg-checkbox--checked .spg-checkbox__svg {
  opacity: 1;
  fill: var(--ctr-checkbox-button-check-mark-color, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.spg-checkbox--disabled.spg-checkbox--checked .spg-checkbox__svg {
  fill: var(--ctr-checkbox-button-check-mark-color-disabled, var(--sjs-border-default, var(--border, #d6d6d6)));
}
.spg-checkbox__control {
  position: fixed;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
}
.spg-checkbox__hidden {
  display: none;
}
.spg-selectbase {
  border: none;
  padding: 0;
  margin: 0;
}
.spg-selectbase__label {
  display: flex;
  align-items: flex-start;
  gap: var(--ctr-checkbox-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.spg-checkbox .spg-question__description {
  padding: 0;
  padding-top: var(--ctr-checkbox-description-text-margin-top, calc(0.75 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-inline-start: var(--ctr-checkbox-description-text-margin-left, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  color: var(--ctr-checkbox-description-text-color, var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45)));
}
.spg-checkbox .spg-help-action use {
  pointer-events: none;
}
.spg-matrixdynamic__drag-element {
  padding: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-matrixdynamic__drag-element:hover {
  background-color: var(--sjs-general-backcolor, var(--background, #fff));
}
.spg-matrixdynamic__drag-element:after {
  content: " ";
  display: block;
  height: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-drag-element__svg {
  width: var(--ctr-data-table-row-drag-area-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-data-table-row-drag-area-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding-top: var(--ctr-data-table-row-drag-area-padding-top, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-inline-end: var(--ctr-data-table-row-drag-area-padding-right, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-bottom: var(--ctr-data-table-row-drag-area-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding-inline-start: var(--ctr-data-table-row-drag-area-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  display: block;
  opacity: 0.5;
}
.spg-drag-element__svg use {
  fill: var(--ctr-data-table-row-drag-area-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.spg-matrixdynamic__drag-drop-ghost-position-top,
.spg-matrixdynamic__drag-drop-ghost-position-bottom {
  position: relative;
}
.spg-matrixdynamic__drag-drop-ghost-position-top::after,
.spg-matrixdynamic__drag-drop-ghost-position-bottom::after {
  content: "";
  width: 100%;
  height: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background-color: var(--sjs-secondary-backcolor, var(--secondary, #ff9814));
  position: absolute;
  left: 0;
}
.spg-matrixdynamic__drag-drop-ghost-position-top::after {
  top: 0;
}
.spg-matrixdynamic__drag-drop-ghost-position-bottom::after {
  bottom: 0;
}
.spg-matrixdynamic__placeholder {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--ctr-property-grid-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  border: 1px solid var(--ctr-survey-placeholder-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  border-radius: var(--ctr-data-table-placeholder-corner-radius);
  box-sizing: border-box;
  padding: var(--ctr-data-table-placeholder-padding-top, calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-data-table-placeholder-padding-right, 0) var(--ctr-data-table-placeholder-padding-bottom, calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-data-table-placeholder-padding-left, 0);
  gap: var(--ctr-survey-placeholder-gap, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.spg-matrixdynamic__placeholder .spg-matrixdynamic__add-btn {
  display: initial;
  margin: 0;
}
.spg-matrixdynamic__placeholder-text {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  color: var(--ctr-survey-placeholder-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
  text-align: center;
}
.spg-matrixdynamic__add-btn {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  display: none;
  appearance: none;
  border: none;
  margin-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  background: transparent;
  color: var(--ctr-survey-action-button-text-color-positive, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.spg-smiley-icon {
  width: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  margin: var(--sjs-base-unit, var(--base-unit, 8px));
  border-radius: 100px;
  border: 1px solid var(--ctr-actionbar-button-icon-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-smiley-icon svg {
  width: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  height: calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  fill: var(--ctr-actionbar-button-icon-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.spg-matrixdynamic__dragged-row {
  cursor: grabbing;
  position: absolute;
  z-index: 10000;
}
.spg-matrixdynamic__dragged-row .spg-table__row {
  display: flex;
  align-items: center;
  flex: 1 0 0;
  border-radius: var(--ctr-data-table-row-corner-radius-floating, 0px);
  background: var(--ctr-data-table-row-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  box-shadow: var(--ctr-data-table-row-shadow-floating-1-offset-x, 0px) var(--ctr-data-table-row-shadow-floating-1-offset-y, 2px) var(--ctr-data-table-row-shadow-floating-1-blur, 6px) var(--ctr-data-table-row-shadow-floating-1-spread, 0px) var(--ctr-data-table-row-shadow-floating-1-color, rgba(0, 0, 0, 0.1)), var(--ctr-data-table-row-shadow-floating-2-offset-x, 0px) var(--ctr-data-table-row-shadow-floating-2-offset-y, 8px) var(--ctr-data-table-row-shadow-floating-2-blur, 16px) var(--ctr-data-table-row-shadow-floating-2-spread, 0px) var(--ctr-data-table-row-shadow-floating-2-color, rgba(0, 0, 0, 0.1));
}
.spg-table-wrapper {
  border: var(--ctr-data-table-border-width, 1px) solid var(--ctr-data-table-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  border-radius: var(--ctr-data-table-corner-radius, 0px);
  overflow: hidden;
}
.spg-table {
  width: 100%;
  background-color: var(--ctr-data-table-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  border-collapse: collapse;
}
.spg-table tr {
  border-bottom: var(--ctr-data-table-row-border-width, 1px) solid var(--ctr-data-table-row-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  background-color: var(--ctr-data-table-row-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
}
.spg-table tbody > tr:last-of-type {
  border-bottom: var(--ctr-data-table-row-border-width-last-row, 0px);
}
.spg-table__cell {
  padding: 0;
}
.spg-table__cell .spg-checkbox {
  margin: 0 calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-table__cell--detail-panel {
  background: var(--ctr-data-table-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.spg-table__cell--detail-panel .spg-panel__content {
  box-shadow: none;
}
.spg-table__cell:not(.spg-table__cell--detail-panel):not(.spg-table__cell--actions):first-of-type {
  padding-left: 8px;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input {
  appearance: none;
  box-shadow: none;
  border-radius: var(--ctr-data-table-cell-corner-radius-focused, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  background-color: var(--ctr-data-table-row-background-color, transparent);
  height: auto;
  padding: var(--ctr-data-table-cell-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-data-table-cell-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-data-table-cell-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-data-table-cell-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input[type=color] {
  padding-right: 0;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input:focus,
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-input:focus-within {
  box-shadow: inset 0 0 0 2px var(--ctr-data-table-cell-border-color-focused, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button {
  position: static;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_select-wrapper {
  display: flex;
  align-items: center;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown {
  width: max-content;
  padding-right: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  min-height: auto;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button {
  --tmp-dropdown-button-margin: calc(-1 * var(--ctr-data-table-cell-drop-down-arrow-width));
  width: var(--ctr-data-table-cell-drop-down-arrow-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-data-table-cell-drop-down-arrow-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  margin-inline-start: var(--tmp-dropdown-button-margin, calc(-3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding: var(--ctr-data-table-cell-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) 0 var(--ctr-data-table-cell-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) 0;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button:hover,
.spg-table__cell:not(.spg-table__cell--detail-panel) .spg-dropdown_chevron-button:focus {
  background: transparent;
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .sd-dropdown_chevron-button-svg {
  opacity: var(--ctr-data-table-cell-drop-down-arrow-opacity, 0.5);
}
.spg-table__cell:not(.spg-table__cell--detail-panel) .sd-dropdown_chevron-button-svg use {
  fill: var(--ctr-data-table-cell-drop-down-arrow-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.spg-table__cell:not(.spg-table__cell--detail-panel):first-of-type .spg-text {
  padding-left: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-table__cell--actions:first-of-type {
  width: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-table__cell--actions:last-of-type .spg-action-bar {
  justify-content: flex-end;
  padding-inline-end: var(--ctr-data-table-row-padding-right, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.spg-table__cell--actions > .spg-matrixdynamic__drag-element {
  display: inline-block;
  margin-top: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  cursor: move;
}
.spg-table__cell--header {
  background: var(--ctr-data-table-row-background-color-header, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  text-align: left;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 100px;
  padding: var(--ctr-data-table-row-padding-top-header, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-data-table-cell-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-data-table-row-padding-bottom-header, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-data-table-cell-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  color: var(--ctr-data-table-cell-text-color-header, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.spg-table__cell--header span {
  display: none;
}
.spg-table__cell--header .sv-string-viewer {
  display: inline;
  white-space: unset;
}
.spg-table__question-wrapper {
  box-sizing: border-box;
  padding: var(--ctr-data-table-row-padding-top, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-data-table-row-padding-right, 0) var(--ctr-data-table-row-padding-bottom, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-data-table-row-padding-left, 0);
}
.spg-table__row--leave,
.spg-table__row--enter {
  animation-name: empty;
  --move-whole-animation-duration: calc(var(--move-animation-duration) + var(--move-animation-delay));
  --fade-whole-animation-duration: calc(var(--fade-animation-duration) + var(--fade-animation-delay));
  animation-duration: max(var(--fade-whole-animation-duration), var(--move-whole-animation-duration));
}
.spg-table__row--leave > td > div,
.spg-table__row--enter > td > div {
  animation-name: fadeIn, moveInWithOverflow;
  opacity: 0;
  animation-direction: var(--animation-direction);
  animation-timing-function: var(--animation-timing-function);
  animation-fill-mode: forwards;
  animation-duration:
    var(--fade-animation-duration),
    var(--move-animation-duration),
    var(--move-animation-duration);
  animation-delay:
    var(--fade-animation-delay),
    var(--move-animation-delay),
    var(--move-animation-delay);
}
.spg-table__row--enter {
  --move-animation-delay: 0s;
  --move-animation-duration: var(--sjs-spg-matrix-row-move-in-duration, 150ms);
  --fade-animation-duration: var(--sjs-spg-matrix-row-fade-in-duration, 250ms);
  --fade-animation-delay: var(--sjs-spg-matrix-row-fade-in-delay, 150ms);
  --animation-direction: normal;
  --animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
.spg-table__row--leave {
  --move-animation-delay: var(--sjs-spg-matrix-row-move-out-delay, 100ms);
  --move-animation-duration: var(--sjs-spg-matrix-row-move-out-duration, 250ms);
  --fade-animation-duration: var(--sjs-spg-matrix-row-fade-out-duration, 100ms);
  --fade-animation-delay: 0s;
  --animation-direction: reverse;
  --animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
.spg-table__row--detail.spg-table__row--enter {
  --move-animation-delay: 0s;
  --move-animation-duration: var(--sjs-spg-matrix-detail-row-move-in-duration, 150ms);
  --fade-animation-duration: var(--sjs-spg-matrix-detail-row-fade-in-duration, 500ms);
  --fade-animation-delay: var(--sjs-spg-matrix-detail-row-fade-in-delay, 150ms);
  --animation-direction: normal;
  --animation-timing-function: cubic-bezier(0, 0, 0.58, 1);
}
.spg-table__row--detail.spg-table__row--leave {
  --move-animation-delay: var(--sjs-spg-matrix-detail-row-move-out-delay, 100ms);
  --move-animation-duration: var(--sjs-spg-matrix-detail-row-move-out-duration, 250ms);
  --fade-animation-duration: var(--sjs-spg-matrix-detail-row-fade-out-duration, 150ms);
  --fade-animation-delay: 0s;
  --animation-direction: reverse;
  --animation-timing-function: cubic-bezier(0.42, 0, 1, 1);
}
.svc-creator--disable-animations .spg-table__row--enter,
.svc-creator--disable-animations .spg-table__row--leave {
  animation: none;
}
.spg-question-group .spg-row {
  margin-top: 0;
}
.spg-question-group .spg-row:not(:first-of-type) {
  margin-top: var(--sjs-base-unit, var(--base-unit, 8px));
}
.spg-color-editor__color-input {
  position: absolute;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  left: 0;
  top: 100%;
  transform: translateY(-50%);
}
.svc-list__item-body .spg-color-editor__color-swatch {
  margin-left: 0;
  flex: 0 1 auto;
}
.spg-color-editor__color-swatch {
  position: relative;
  flex-shrink: 0;
  flex-grow: 0;
  border-radius: var(--ctr-list-item-color-swatch-corner-radius, 3px);
  width: var(--ctr-list-item-color-swatch-width, calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-list-item-color-swatch-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  box-sizing: border-box;
  border: 1px solid var(--ctr-list-item-color-swatch-border-color, var(--sjs-border-inside, var(--border-inside, rgba(0, 0, 0, 0.16))));
  margin-left: var(--ctr-editor-color-swatch-margin-left, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.spg-color-editor__color-swatch .sv-svg-icon {
  position: absolute;
  width: var(--ctr-editor-color-swatch-icon-width, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-editor-color-swatch-icon-height, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  fill: var(--sjs-general-backcolor, var(--background, #fff));
}
.spg-question--disabled .spg-color-editor {
  background-color: var(--ctr-editor-background-color-disabled, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.spg-color-editor__color-swatch--disabled .sv-svg-icon {
  opacity: 0.25;
}
.spg-color-editor__color-swatch--default .sv-svg-icon {
  opacity: 1;
}
.spg-color-editor .spg-input__edit-button + * {
  margin-inline-end: calc(0px - var(--ctr-editor-gap, 4px));
}
.spg-file-edit__choose-button {
  position: relative;
}
.spg-link {
  display: flex;
}
.sv-string-viewer .spg-link {
  display: initial;
  color: var(--sjs-primary-backcolor, var(--primary, #19b394));
  font-weight: 600;
  text-decoration-line: underline;
}
.spg-theme-builder-root .sv-skeleton-element {
  min-height: 50px;
}
.spg-theme-builder-root .spg-paneldynamic__separator {
  border: none;
  margin: 0;
  height: var(--sjs-base-unit, var(--base-unit, 8px));
}
.spg-theme-builder-root .spg-panel__footer {
  justify-content: center;
  margin: var(--sjs-base-unit, var(--base-unit, 8px)) 0 0 0;
  padding: 0;
}
.spg-theme-builder-root .spg-panel__content .spg-row.spg-row {
  animation: none;
}
.spg-theme-builder-root .spg-paneldynamic__add-btn {
  margin: 0 auto;
}
.spg-theme-builder-root .spg-row--multiple .spg-spin-editor .spg-input-container__buttons-container {
  display: none;
}
.spg-theme-builder-root .spg-row--multiple > div {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: calc(50% - var(--sjs-base-unit, var(--base-unit, 8px)) * 0.5);
  min-width: auto;
}
.spg-theme-builder-root .spg-row--multiple > div input {
  min-width: 0;
}
.spg-theme-builder-root .spg-row--multiple > div .spg-question--location--left {
  box-sizing: border-box;
}
.spg-theme-builder-root .spg-row--multiple > div .spg-question--location--left .spg-input {
  height: auto;
}
.spg-theme-builder-root .sv-button-group {
  overflow: hidden;
}
.spg-theme-builder-root .spg-panel-by-page,
.spg-theme-builder-root .spg-nested-panel {
  padding-bottom: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-theme-builder-root .spg-panel-by-page::after,
.spg-theme-builder-root .spg-nested-panel::after {
  content: " ";
  display: block;
  position: relative;
  left: calc(-4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  top: calc(5 * var(--sjs-base-unit, var(--base-unit, 8px)));
  width: calc(8 * var(--sjs-base-unit, var(--base-unit, 8px)) + 100%);
  height: 1px;
  background-color: var(--ctr-editor-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
}
.spg-theme-builder-root .spg-panel-by-page__content > .spg-row:first-of-type,
.spg-theme-builder-root .spg-nested-panel__content > .spg-row:first-of-type {
  margin-top: 0;
}
.spg-theme-builder-root .spg-panel-by-page.spg-panel--hidden-border,
.spg-theme-builder-root .spg-row:last-of-type > div > .spg-panel-by-page,
.spg-theme-builder-root .spg-paneldynamic__panel-wrapper > .spg-nested-panel,
.spg-theme-builder-root .spg-row:last-of-type > div > .spg-nested-panel {
  padding-bottom: 0;
}
.spg-theme-builder-root .spg-panel-by-page.spg-panel--hidden-border::after,
.spg-theme-builder-root .spg-row:last-of-type > div > .spg-panel-by-page::after,
.spg-theme-builder-root .spg-paneldynamic__panel-wrapper > .spg-nested-panel::after,
.spg-theme-builder-root .spg-row:last-of-type > div > .spg-nested-panel::after {
  content: none;
}
.spg-theme-builder-root .spg-panel-by-page.spg-panel--padding {
  padding-top: calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding-bottom: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-theme-builder-root .spg-theme-group-caption {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  color: var(--ctr-property-grid-group-caption-text-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
  position: relative;
  top: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)));
  padding: calc(1 * var(--sjs-base-unit, var(--base-unit, 8px))) 0;
  cursor: auto;
}
.spg-theme-builder-root .sv-theme-group_title-action .spg-action-button:hover,
.spg-theme-builder-root .sv-theme-group_title-action .spg-action-button:focus {
  background-color: unset;
}
.spg-theme-builder-root .sd-panel__header.sd-element__header .spg-action-bar {
  pointer-events: none;
}
.spg-theme-builder-root .spg-header {
  margin-top: calc(-2 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-theme-builder-root .sd-question--title-top .spg-paneldynamic {
  --thm-ctr-editor-layout-gap: var(--ctr-editor-layout-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
  margin-top: calc(-1 * var(--thm-ctr-editor-layout-gap));
}
.spg-theme-builder-root .spg-question.spg-row__question:not(.sd-question--title-top):not(.spg-question--boolean),
.spg-theme-builder-root .spg-question__content-coloralpha {
  --thm-ctr-property-grid-form-gap: var(--ctr-property-grid-form-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  --thm-ctr-editor-layout-gap: var(--ctr-editor-layout-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
  margin-top: calc(var(--thm-ctr-editor-layout-gap) - var(--thm-ctr-property-grid-form-gap));
}
.spg-theme-builder-root .spg-row--multiple .spg-question.spg-row__question:not(.sd-question--title-top) {
  margin-top: 0;
}
.spg-theme-builder-root .spg-question-composite__content .spg-row:first-of-type {
  margin-top: var(--ctr-editor-layout-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-side-bar--mobile .spg-theme-builder-root .spg-nested-panel__content::after {
  width: calc(4 * var(--sjs-base-unit, var(--base-unit, 8px)) + 100%);
  left: calc(-2 * var(--sjs-base-unit, var(--base-unit, 8px)));
}
.spg-boolean-wrapper--overriding.spg-boolean-wrapper--overriding {
  min-width: 0;
  flex: 0 0 max-content;
}
.spg-link-wrapper--overriding {
  align-self: end;
}
.spg-link-wrapper--overriding .svc-action-button {
  text-decoration: underline;
  padding: 0;
  border: none;
  margin: 0;
}
.spg-link-wrapper--overriding .svc-action-button:focus,
.spg-link-wrapper--overriding .svc-action-button:hover {
  background-color: transparent;
}
.svc-side-bar .svc-search {
  border-bottom: 1px solid var(--ctr-property-grid-search-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  background: var(--ctr-property-grid-search-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  gap: var(--ctr-property-grid-search-gap, var(--sjs-base-unit, var(--base-unit, 8px)));
  padding: var(--ctr-property-grid-search-padding-top, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-property-grid-search-padding-right, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-property-grid-search-padding-bottom, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-property-grid-search-padding-left, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-side-bar .svc-search__input {
  color: var(--ctr-property-grid-search-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.svc-side-bar .svc-search__input::placeholder {
  color: var(--ctr-property-grid-search-text-color-placeholder, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-side-bar .svc-search__bar-item:not(.sv-action-bar-item--pressed):hover:enabled,
.svc-side-bar .svc-search__bar-item:not(.sv-action-bar-item--pressed):focus:enabled {
  background-color: var(--ctr-property-grid-search-button-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-side-bar .svc-search__toolbar .sv-action-bar-item__icon use {
  fill: var(--ctr-property-grid-search-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-side-bar .svc-search__toolbar-counter {
  color: var(--ctr-property-grid-search-count-text-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-side-bar .svc-search__search-icon {
  width: var(--ctr-property-grid-search-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-property-grid-search-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-side-bar .svc-search__search-icon .sv-svg-icon {
  width: var(--ctr-property-grid-search-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-property-grid-search-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-side-bar .svc-search__search-icon .sv-svg-icon use {
  fill: var(--ctr-property-grid-search-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.spg-button-group {
  position: relative;
  display: flex;
  padding: var(--ctr-button-group-padding, 0px);
  align-items: center;
  align-self: stretch;
  border-radius: var(--ctr-button-group-corner-radius, 0px);
  box-shadow: inset 0 0 0 var(--ctr-button-group-border-width, 0px) var(--ctr-button-group-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  background-color: var(--ctr-button-group-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
}
.spg-button-group::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: var(--ctr-button-group-corner-radius, 0px);
  box-shadow: inset 0 0 0 var(--ctr-button-group-border-width-focused, 2px) transparent;
  pointer-events: none;
  transition: box-shadow var(--sjs-creator-transition-duration, 150ms);
}
.spg-button-group:focus-within::after {
  box-shadow: inset 0 0 0 var(--ctr-button-group-border-width-focused, 2px) var(--ctr-button-group-border-color-focused, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.spg-button-group__item {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  color: var(--ctr-button-group-item-text-color, rgba(0, 0, 0, 0.91));
  display: flex;
  padding: var(--ctr-button-group-item-padding-vertical, calc(1.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-button-group-item-padding-horizontal, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  justify-content: center;
  align-items: center;
  align-self: stretch;
  flex-basis: 0;
  flex-grow: 1;
  width: 0;
  border-radius: var(--ctr-button-group-item-corner-radius, 0px);
  box-shadow: inset 0 0 0 var(--ctr-button-group-item-border-width, 1px) var(--ctr-button-group-item-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  background-color: var(--ctr-button-group-item-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  transition:
    background var(--sjs-creator-transition-duration, 150ms),
    background-color var(--sjs-creator-transition-duration, 150ms),
    color var(--sjs-creator-transition-duration, 150ms);
}
.spg-button-group__item:not(:last-of-type) {
  margin-right: var(--ctr-button-group-gap, -1px);
}
.spg-button-group__item--hover:hover {
  background-color: var(--ctr-button-group-item-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.spg-button-group__item-icon use {
  fill: var(--ctr-button-group-item-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.spg-button-group__item--selected {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  font-weight: 600;
  color: var(--ctr-button-group-item-text-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)));
  box-shadow: inset 0 0 0 var(--ctr-button-group-item-border-width-selected, 1px) var(--ctr-button-group-item-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  background: var(--ctr-button-group-item-background-color-selected, var(--sjs-general-backcolor, var(--background, #fff)));
}
.spg-button-group__item--selected .spg-button-group__item-icon use {
  fill: var(--ctr-button-group-item-icon-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.spg-button-group__item-decorator {
  max-width: 100%;
}
.spg-button-group__item-caption {
  display: block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.spg-question--disabled .spg-button-group {
  background: var(--ctr-button-group-background-color-disabled);
}
.spg-button-group__item--disabled {
  color: var(--ctr-button-group-item-text-color-disabled, var(--sjs-general-forecolor, var(--foreground, #161616)));
  background: var(--ctr-button-group-item-background-color-disabled, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.spg-button-group__item--disabled .spg-button-group__item-icon use {
  fill: var(--ctr-button-group-item-text-color-disabled, var(--sjs-general-forecolor, var(--foreground, #161616)));
}
.spg-button-group__item--disabled .spg-button-group__item-caption {
  opacity: var(--ctr-button-group-item-text-opacity-disabled, 0.25);
  color: var(--ctr-button-group-item-text-color-disabled, rgba(0, 0, 0, 0.91));
}
.spg-button-group__item--disabled:hover {
  background-color: var(--ctr-button-group-item-background-color-disabled, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.spg-button-group__item--selected.spg-button-group__item--disabled {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  box-shadow: inset 0 0 0 var(--ctr-button-group-item-border-width-selected-disabled, 1px) var(--ctr-button-group-item-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  background: var(--ctr-button-group-item-background-color-selected-disabled, #f3f3f3);
}
.spg-root-modern {
  position: relative;
  width: 100%;
  border-inline-end: 1px solid var(--sjs-border-default, var(--border, #d6d6d6));
  box-sizing: border-box;
  height: 0;
  flex-grow: 1;
  overflow: auto;
  --sjs-transition-duration: 0ms;
}
.spg-root-modern .sd-row--leave,
.spg-root-modern .sd-row--enter {
  animation: none;
}
.spg-root-modern .sd-element-wrapper--leave,
.spg-root-modern .sd-element-wrapper--enter {
  animation: none;
}
.spg-root-modern .sd-element__content--enter,
.spg-root-modern .sd-element__content--leave {
  animation: none;
}
.spg-root-modern .sd-paneldynamic__panel-wrapper--enter,
.spg-root-modern .sd-paneldynamic__panel-wrapper--leave {
  animation: none;
}
.spg-root-modern .sd-item--enter {
  animation: none;
}
.spg-root-modern .sd-item--leave {
  animation: none;
}
.spg-root-modern .sd-table__row--leave,
.spg-root-modern .sd-table__row--enter {
  animation: none;
}
.spg-root--one-category {
  min-height: fit-content;
  height: initial;
  overflow: initial;
}
.spg-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.spg-root-modern.spg-root--one-category {
  background-color: var(--ctr-property-grid-form-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
  border-right: unset;
}
.spg-root-modern.spg-root--one-category .spg-page.spg-body__page {
  box-shadow: unset;
}
.sv-popup--modal.svc-property-editor .sv-popup__container .sv-popup_shadow {
  background-color: transparent;
}
.sv-popup--modal.svc-property-editor .sv-popup__container .sd-root-modern {
  background-color: transparent;
}
.sv-popup--modal.svc-property-editor .sv-popup__container .sd-page {
  margin: 0;
  padding: 0;
}
.sv-popup--modal.svc-property-editor .sv-popup__container .sv-components-column--expandable {
  min-width: calc(78 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-popup--modal .sv-popup__footer {
  padding-bottom: 2px;
}
.sv-popup--modal .sd-body,
.sv-popup--modal .sl-body {
  min-width: calc(78 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  padding: 0;
}
.sv-popup.svc-property-editor .sd-root-modern {
  --sd-mobile-width: 0;
}
.svc-object-selector .sv-popup__container {
  margin-left: var(--sjs-base-unit, var(--base-unit, 8px));
  margin-right: var(--sjs-base-unit, var(--base-unit, 8px));
}
.svc-object-selector__content {
  position: relative;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.spg-action-title-bar {
  margin-inline-end: var(--ctr-data-table-border-width, 1px);
  padding-inline-end: var(--ctr-caption-with-actions-actionbar-padding-right, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.spg-body {
  width: 100%;
}
.spg-body--empty {
  margin: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-title-toolbar--single-help-action {
  justify-content: flex-start;
  padding-left: calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.spg-title-toolbar--single-help-action .spg-help-action {
  flex-grow: 1;
}
.spg-title-toolbar--single-help-action .spg-help-action .spg-action-button--icon {
  padding: var(--ctr-actionbar-button-padding-top-small-icon, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-actionbar-button-padding-right-small-icon, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-actionbar-button-padding-bottom-small-icon, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px))))) var(--ctr-actionbar-button-padding-left-small-icon, calc(0.5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  opacity: var(--ctr-actionbar-button-opacity-muted, 0.5);
}
.spg-title-toolbar--single-help-action .spg-help-action .spg-action-button--icon:focus,
.spg-title-toolbar--single-help-action .spg-help-action .spg-action-button--icon:hover {
  opacity: 1;
}
.spg-title-toolbar--single-help-action .spg-help-action .spg-action-button:active {
  opacity: var(--ctr-actionbar-button-opacity-pressed, 0.5);
}
.spg-title-toolbar--single-help-action .spg-help-action .spg-action-button__icon {
  width: var(--ctr-actionbar-button-icon-width-small, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-actionbar-button-icon-height-small, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.spg-title-toolbar--single-help-action .spg-help-action svg {
  fill: var(--sjs-general-dim-forecolor-light, rgba(0, 0, 0, 0.45));
}
/*!************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/utils/layout.scss ***!
  \************************************************************************************************************************************************************************/
.svc-flex-container {
  display: flex;
}
.svc-flex-row {
  display: flex;
  flex-direction: row;
  background: var(--ctr-surface-background-color, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-full-container {
  height: 100%;
  width: 100%;
}
.svc-flex-row.svc-full-container {
  height: calc(60 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  min-height: calc(60 * (var(--sjs-base-unit, var(--base-unit, 8px))));
  flex-grow: 1;
  position: relative;
}
.svc-flex-row__element--growing {
  flex: 1;
  overflow: auto;
}
.svc-flex-column {
  display: flex;
  flex-direction: column;
}
.sv-action-bar--default-size-mode .sv-action-bar-separator {
  height: calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-action-bar--default-size-mode .sv-action-bar-item {
  height: auto;
  width: auto;
}
.sv-action-bar--small-size-mode .sv-action-bar-separator {
  height: calc(4 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-action-bar--small-size-mode .sv-action-bar-item {
  height: auto;
  width: auto;
}
.svc-creator--mobile .sv-action-bar-separator {
  height: calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.sv-action-bar--small-size-mode .sv-action-bar-item {
  --small-bold-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --ctr-small-bold-font-size: calc(0.75 * var(--small-bold-font-size));
  --ctr-small-bold-line-height: var(--small-bold-font-size);
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-small-size, var(--ctr-small-bold-font-size, 12px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-small-line-height, var(--ctr-small-bold-line-height, 16px));
  font-weight: 600;
  align-items: center;
  border-radius: var(--ctr-survey-question-panel-toolbar-item-corner-radius, 2px);
}
.svc-top-bar {
  display: flex;
  background: var(--ctr-menu-item-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  box-sizing: border-box;
  box-shadow: inset 0px -1px 0px var(--ctr-menu-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
}
.svc-top-bar .svc-toolbar-wrapper {
  flex: 0 0 auto;
  display: flex;
}
.svc-top-bar .svc-toolbar-wrapper .sv-action-bar {
  padding: var(--ctr-menu-toolbar-padding-vertical, 0) var(--ctr-menu-toolbar-padding-horizontal, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  justify-content: flex-end;
}
.svc-top-bar .svc-toolbar-wrapper .sv-action-bar-separator {
  display: none;
}
.svc-top-bar .svc-toolbar-wrapper .sv-action-bar > .sv-action:not(.sv-action--hidden) ~ .sv-action .sv-action-bar-separator {
  --thm-menu-toolbar-button-height: calc( var(--ctr-menu-toolbar-button-padding-top) + var(--ctr-menu-toolbar-button-padding-bottom) + var(--ctr-menu-toolbar-button-icon-width) );
  display: inline-block;
  margin: 0;
  margin-inline-start: var(--ctr-menu-toolbar-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--thm-menu-toolbar-button-height, calc(5 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-top-bar .svc-toolbar-wrapper .sv-action .sv-action-bar-item {
  margin: 0;
  padding: var(--ctr-menu-toolbar-button-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-top-bar .svc-toolbar-wrapper .sv-action .sv-action-bar-item--active {
  background: var(--ctr-menu-toolbar-button-background-color-selected, transparent);
}
.svc-top-bar .svc-toolbar-wrapper .sv-action:not(.sv-action--hidden) ~ .sv-action:not(.sv-action--hidden) .sv-action-bar-item {
  margin-inline-start: var(--ctr-menu-toolbar-gap, calc(2 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-top-bar .sv-action-bar-separator {
  background-color: var(--ctr-separator-color, var(--sjs-border-default, var(--border, #d6d6d6)));
}
.svc-top-bar .sv-action-bar-item {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  border-radius: var(--ctr-menu-toolbar-button-corner-radius, 2px);
  background-color: transparent;
  color: var(--ctr-menu-toolbar-button-text-color, var(--sjs-general-forecolor, var(--foreground, #161616)));
  transition: background-color var(--sjs-creator-transition-duration, 150ms);
  height: auto;
}
.svc-top-bar .sv-action-bar-item:hover,
.svc-top-bar .sv-action-bar-item:focus {
  background-color: var(--ctr-menu-toolbar-button-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-top-bar .sv-action-bar-item:active,
.svc-top-bar .sv-action-bar-item.sv-action-bar-item--pressed {
  opacity: var(--ctr-menu-toolbar-button-opacity-pressed, 0.5);
  background-color: var(--ctr-menu-toolbar-button-background-color-pressed, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-top-bar .sv-action-bar-item:active use,
.svc-top-bar .sv-action-bar-item.sv-action-bar-item--pressed use {
  fill: black;
  opacity: 0.45;
}
.svc-top-bar .sv-action-bar-item.sv-action-bar-item--active {
  background-color: var(--ctr-menu-toolbar-button-background-color-selected, var(--sjs-general-backcolor, var(--background, #fff)));
}
.svc-top-bar .sv-action-bar-item.sv-action-bar-item--active use {
  fill: var(--ctr-menu-toolbar-button-text-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-top-bar .sv-action-bar-item:disabled {
  background-color: transparent;
  opacity: var(--ctr-menu-toolbar-button-opacity-disabled, 0.25);
}
.svc-top-bar .sv-action-bar-item--icon {
  padding: var(--ctr-menu-toolbar-button-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
  border-radius: var(--ctr-menu-toolbar-button-corner-radius, 0);
}
.svc-top-bar .sv-action-bar-item__icon {
  width: var(--ctr-menu-toolbar-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-menu-toolbar-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-top-bar .sv-action-bar-item__icon use {
  fill: var(--ctr-menu-toolbar-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
.svc-top-bar .sv-action-bar-item-dropdown {
  border-radius: calcCornerRadius(0.5);
  background-color: transparent;
}
.svc-footer-bar .svc-toolbar-wrapper {
  height: calc(6 * (var(--sjs-base-unit, var(--base-unit, 8px))));
}
.svc-footer-bar .svc-toolbar-wrapper .sv-action-bar {
  justify-content: center;
  padding: 0;
  width: 100%;
  height: calc(6 * var(--sjs-base-unit, var(--base-unit, 8px)));
  background: var(--ctr-menu-background-color, var(--sjs-general-backcolor, var(--background, #fff)));
  border-top: var(--ctr-menu-border-width, 1px) solid var(--ctr-menu-border-color, var(--sjs-border-default, var(--border, #d6d6d6)));
  box-sizing: border-box;
}
.svc-footer-bar .svc-toolbar-wrapper .sv-action-bar-item {
  border-radius: var(--ctr-menu-toolbar-button-corner-radius, calc(0.25 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  padding: var(--ctr-menu-toolbar-button-padding-top, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-right, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-bottom, var(--sjs-base-unit, var(--base-unit, 8px))) var(--ctr-menu-toolbar-button-padding-left, var(--sjs-base-unit, var(--base-unit, 8px)));
}
.svc-footer-bar .svc-toolbar-wrapper .sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,
.svc-footer-bar .svc-toolbar-wrapper .sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled {
  background-color: var(--ctr-menu-toolbar-button-background-color-hovered, var(--sjs-general-backcolor-dim, var(--background-dim, #f3f3f3)));
}
.svc-footer-bar .svc-toolbar-wrapper .sv-action-bar-item--active {
  background-color: var(--ctr-menu-toolbar-button-background-color-selected, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
}
.svc-footer-bar .svc-toolbar-wrapper .sv-action-bar-item--active.sv-action-bar-item:not(.sv-action-bar-item--pressed):hover:enabled,
.svc-footer-bar .svc-toolbar-wrapper .sv-action-bar-item--active.sv-action-bar-item:not(.sv-action-bar-item--pressed):focus:enabled {
  background-color: var(--ctr-menu-toolbar-button-background-color-selected, var(--sjs-primary-backcolor-light, var(--primary-light, rgba(25, 179, 148, 0.1))));
}
.svc-footer-bar .svc-toolbar-wrapper .sv-action-bar-item--active .sv-action-bar-item__icon use {
  fill: var(--ctr-menu-toolbar-button-icon-color-selected, var(--sjs-primary-backcolor, var(--primary, #19b394)));
}
.svc-footer-bar .svc-toolbar-wrapper .sv-action-bar-item__icon {
  width: var(--ctr-menu-toolbar-button-icon-width, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
  height: var(--ctr-menu-toolbar-button-icon-height, calc(3 * (var(--sjs-base-unit, var(--base-unit, 8px)))));
}
.svc-footer-bar .svc-toolbar-wrapper .sv-action-bar-item__icon use {
  fill: var(--ctr-menu-toolbar-button-icon-color, var(--sjs-general-forecolor-light, var(--foreground-light, #909090)));
}
/*!*******************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].use[1]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./src/custom-questions/boolean-switch.scss ***!
  \*******************************************************************************************************************************************************************************************/
.spg-boolean-switch,
.spg-boolean-switch * {
  box-sizing: border-box;
}
.spg-boolean-switch {
  display: flex;
  flex-direction: row;
  gap: var(--ctr-toggle-button-gap-label, 8px);
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.spg-boolean-switch__button {
  background: var(--ctr-toggle-button-background-color, #ffffff);
  outline: none;
  border-radius: var(--ctr-toggle-button-corner-radius, 1024px);
  box-shadow: 0px 0px 0px 1px var(--ctr-toggle-button-border-color, rgba(0, 0, 0, 0.16));
  padding: var(--ctr-toggle-button-padding-top, 4px) var(--ctr-toggle-button-padding-right, 4px) var(--ctr-toggle-button-padding-bottom, 4px) var(--ctr-toggle-button-padding-left, 4px);
  display: flex;
  flex-direction: row;
  gap: var(--ctr-toggle-button-gap, 4px);
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.spg-boolean-switch__button:focus,
.spg-boolean-switch__button:focus-visible {
  box-shadow: 0px 0px 0px 2px var(--ctr-toggle-button-border-color-focused, #19b394);
}
.spg-boolean-switch__button:hover {
  background: var(--ctr-toggle-button-background-color-hovered, #f8f8f8);
}
.spg-boolean-switch__button--checked {
  background: var(--ctr-toggle-button-background-color-checked, #19b394);
  box-shadow: none;
}
.spg-boolean-switch__button--checked .spg-boolean-switch__thumb--left {
  background: none;
}
.spg-boolean-switch__button--checked .spg-boolean-switch__thumb--right {
  background: var(--ctr-toggle-button-thumb-background-color-checked, #ffffff);
}
.spg-boolean-switch__button--checked:hover {
  background: var(--ctr-toggle-button-background-color-checked, #19b394);
}
.spg-boolean-switch__button--checked:focus {
  background: var(--ctr-toggle-button-background-color-checked-focused, #ffffff);
}
.spg-boolean-switch__button--checked:focus .spg-boolean-switch__thumb--right {
  background: var(--ctr-toggle-button-thumb-background-color-checked-focused, #19b394);
}
.spg-boolean-switch__thumb {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.spg-boolean-switch__thumb-circle {
  border-radius: var(--ctr-toggle-button-thumb-corner-radius, 1024px);
  border: var(--ctr-toggle-button-thumb-border-width, 0px) solid var(--ctr-toggle-button-thumb-border-color, rgba(0, 0, 0, 0.16));
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: var(--ctr-toggle-button-thumb-width, 16px);
  height: var(--ctr-toggle-button-thumb-height, 16px);
  position: relative;
  overflow: hidden;
}
.spg-boolean-switch__thumb--left {
  background: var(--ctr-toggle-button-thumb-background-color-active, rgba(0, 0, 0, 0.45));
}
.spg-boolean-switch__caption {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  position: relative;
}
.spg-boolean-switch__title {
  --thm-default-font-size: var(--sjs-font-size, calc(2 * var(--sjs-base-unit, var(--base-unit, 8px))));
  --thm-default-line-height: calc(1.5 * var(--thm-default-font-size));
  font-family: var(--ctr-font-family, var(--sjs-font-family, var(--font-family)));
  font-size: var(--ctr-font-default-size, var(--thm-default-font-size, 16px));
  font-style: normal;
  font-weight: 400;
  line-height: var(--ctr-font-default-line-height, var(--thm-default-line-height, 24px));
  color: var(--ctr-toggle-button-label-text-color, var(--sjs-general-dim-forecolor, rgba(0, 0, 0, 0.91)));
  text-align: left;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

/* node_modules/ngx-spinner/animations/ball-clip-rotate-multiple.css */
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-clip-rotate-multiple,
.la-ball-clip-rotate-multiple > div {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.la-ball-clip-rotate-multiple {
  display: block;
  font-size: 0;
  color: #fff;
}
.la-ball-clip-rotate-multiple.la-dark {
  color: #333;
}
.la-ball-clip-rotate-multiple > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
}
.la-ball-clip-rotate-multiple {
  width: 32px;
  height: 32px;
}
.la-ball-clip-rotate-multiple > div {
  position: absolute;
  top: 50%;
  left: 50%;
  background: transparent;
  border-style: solid;
  border-width: 2px;
  border-radius: 100%;
  -webkit-animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;
  -moz-animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;
  -o-animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;
  animation: ball-clip-rotate-multiple-rotate 1s ease-in-out infinite;
}
.la-ball-clip-rotate-multiple > div:first-child {
  position: absolute;
  width: 32px;
  height: 32px;
  border-right-color: transparent;
  border-left-color: transparent;
}
.la-ball-clip-rotate-multiple > div:last-child {
  width: 16px;
  height: 16px;
  border-top-color: transparent;
  border-bottom-color: transparent;
  -webkit-animation-duration: .5s;
  -moz-animation-duration: .5s;
  -o-animation-duration: .5s;
  animation-duration: .5s;
  -webkit-animation-direction: reverse;
  -moz-animation-direction: reverse;
  -o-animation-direction: reverse;
  animation-direction: reverse;
}
.la-ball-clip-rotate-multiple.la-sm {
  width: 16px;
  height: 16px;
}
.la-ball-clip-rotate-multiple.la-sm > div {
  border-width: 1px;
}
.la-ball-clip-rotate-multiple.la-sm > div:first-child {
  width: 16px;
  height: 16px;
}
.la-ball-clip-rotate-multiple.la-sm > div:last-child {
  width: 8px;
  height: 8px;
}
.la-ball-clip-rotate-multiple.la-2x {
  width: 64px;
  height: 64px;
}
.la-ball-clip-rotate-multiple.la-2x > div {
  border-width: 4px;
}
.la-ball-clip-rotate-multiple.la-2x > div:first-child {
  width: 64px;
  height: 64px;
}
.la-ball-clip-rotate-multiple.la-2x > div:last-child {
  width: 32px;
  height: 32px;
}
.la-ball-clip-rotate-multiple.la-3x {
  width: 96px;
  height: 96px;
}
.la-ball-clip-rotate-multiple.la-3x > div {
  border-width: 6px;
}
.la-ball-clip-rotate-multiple.la-3x > div:first-child {
  width: 96px;
  height: 96px;
}
.la-ball-clip-rotate-multiple.la-3x > div:last-child {
  width: 48px;
  height: 48px;
}
@-webkit-keyframes ball-clip-rotate-multiple-rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-moz-keyframes ball-clip-rotate-multiple-rotate {
  0% {
    -moz-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  50% {
    -moz-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
  }
  100% {
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@-o-keyframes ball-clip-rotate-multiple-rotate {
  0% {
    -o-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  50% {
    -o-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
  }
  100% {
    -o-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}
@keyframes ball-clip-rotate-multiple-rotate {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0deg);
    -moz-transform: translate(-50%, -50%) rotate(0deg);
    -o-transform: translate(-50%, -50%) rotate(0deg);
    transform: translate(-50%, -50%) rotate(0deg);
  }
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(180deg);
    -moz-transform: translate(-50%, -50%) rotate(180deg);
    -o-transform: translate(-50%, -50%) rotate(180deg);
    transform: translate(-50%, -50%) rotate(180deg);
  }
  100% {
    -webkit-transform: translate(-50%, -50%) rotate(360deg);
    -moz-transform: translate(-50%, -50%) rotate(360deg);
    -o-transform: translate(-50%, -50%) rotate(360deg);
    transform: translate(-50%, -50%) rotate(360deg);
  }
}

/* node_modules/@bryntum/core-thin/fontawesome/css/solid.css */
/*!
 * Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 * Copyright 2024 Fonticons, Inc.
 */
:root,
:host {
  --fa-style-family-classic: "Font Awesome 6 Free";
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
}
@font-face {
  font-family: "Font Awesome 6 Free";
  font-style: normal;
  font-weight: 900;
  font-display: block;
  src: url("./media/fa-solid-900.woff2") format("woff2"), url("./media/fa-solid-900.ttf") format("truetype");
}
.fas,
.fa-solid {
  font-weight: 900;
}

/* node_modules/@bryntum/core-thin/core.css */
:root,
:host {
  --bryntum-version: "7.3.4";
  --b-checkbox-checked-check-content: "\f00c";
  --b-widget-anchor-width: 1.2em;
  --b-widget-anchor-height: .6em;
  --b-widget-font-size: 1em;
  --b-widget-font-weight: 400;
  --b-widget-icon-font-family: "Font Awesome 6 Free";
  --b-widget-icon-font-weight: 900;
  --b-widget-sub-menu-icon: "\f0da";
  --b-widget-color: var(--b-text-1);
  --b-widget-border-color: var(--b-border-3);
  --b-widget-disabled-color: var(--b-text-3);
  --b-widget-disabled-background: var(--b-neutral-90);
  --b-widget-padding: 1em;
  --b-widget-padding-large: 1.5em;
  --b-widget-gap: 1em;
  --b-widget-focus-outline-width: 2px;
  --b-widget-focus-outline-color: var(--b-primary);
  --b-widget-floating-box-shadow: var(--b-elevation-2);
  --b-aligned-above-floating-box-shadow: -3px -1px 6px rgba(0, 0, 0, 0.12), 3px -2px 6px rgba(0, 0, 0, 0.24);
  --b-widget-floating-border: null;
  --b-label-color: var(--b-widget-color);
  --b-widget-scrollbar-border-color: var(--b-border-7);
  --b-widget-anchor-offset: 1px;
  --b-elevation-0: none;
  --b-elevation-1:
    0 1px 3px 0 rgba(0, 0, 0, 0.12),
    0 1px 1px 0 rgba(0, 0, 0, 0.10),
    0 2px 1px -1px rgba(0, 0, 0, 0.08);
  --b-elevation-2:
    0 1px 5px 0 rgba(0, 0, 0, 0.12),
    0 2px 2px 0 rgba(0, 0, 0, 0.10),
    0 3px 1px -2px rgba(0, 0, 0, 0.08);
  --b-elevation-3: 0 3px 6px rgba(0, 0, 0, 0.12), 0 3px 6px rgba(0, 0, 0, 0.24);
  --b-elevation-4:
    0 5px 6px -3px rgba(0, 0, 0, 0.16),
    0 8px 10px 1px rgba(0, 0, 0, 0.10),
    0 3px 14px 2px rgba(0, 0, 0, 0.08);
  --b-default-transition-duration: .15s;
  --b-float-root-z-index: 14000;
  --b-widget-centered-z-index: 1;
  --b-floating-z-index: 1;
}
@media (prefers-reduced-motion: reduce) {
  body:not(.b-siesta-testing) {
    --b-default-transition-duration: 0s;
  }
}
@property --bi-widget-grid-column { syntax : "*"; inherits : false; }
.b-internal {
  --bi-widget-grid-column: null;
}
.b-widget {
  display: flex;
  position: relative;
  overflow: hidden;
  color-scheme: var(--b-widget-color-scheme);
  font-weight: var(--b-widget-font-weight);
  font-size: var(--b-widget-font-size);
  grid-column: var(--bi-widget-grid-column);
}
.b-widget,
.b-widget::before,
.b-widget::after,
.b-widget *,
.b-widget *::before,
.b-widget *::after {
  box-sizing: border-box;
}
.b-widget.b-hidden.b-hide-mode-clip {
  clip: rect(0, 0, 0, 0) !important;
}
.b-widget.b-hidden.b-hide-mode-opacity {
  opacity: 0 !important;
  pointer-events: none;
}
.b-widget.b-hidden.b-hide-mode-display {
  display: none !important;
}
.b-widget.b-positioned {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: 0;
}
.b-widget.b-positionable {
  position: absolute;
}
.b-widget .b-aria-desc-element {
  position: absolute;
  clip-path: polygon(0 0);
  contain: strict;
}
.b-widget.b-floating,
.b-widget.b-positioned {
  box-shadow: var(--b-widget-floating-box-shadow);
}
:is(.b-widget.b-floating, .b-widget.b-positioned).b-centered {
  top: 50%;
  inset-inline-start: 50%;
  z-index: var(--b-widget-centered-z-index);
  translate: calc(-50% * var(--b-rtl-negate)) -50%;
}
.b-widget.b-maximized {
  position: fixed;
  width: 100% !important;
  height: 100% !important;
}
.b-widget.b-maximized:not(.b-maximized-constrained) {
  translate: none !important;
  max-width: 100% !important;
  max-height: 100% !important;
  top: 0 !important;
  inset-inline-start: 0 !important;
}
.b-widget.b-maximized.b-maximized-constrained {
  top: 50% !important;
  inset-inline-start: 50% !important;
  translate: calc(-50% * var(--b-rtl-negate)) -50% !important;
}
.b-widget.b-maximized.b-mobile .b-bottom-toolbar {
  order: -1;
  min-height: 3.5em;
}
.b-widget.b-maximized.b-mobile .b-bottom-toolbar .b-toolbar-content {
  padding-block: 0.5em 0;
  padding-inline-start: 1em !important;
}
.b-widget > .b-focus-trap {
  position: absolute;
  display: none;
  clip: rect(0, 0, 0, 0);
}
.b-widget.b-focus-trapped.b-contains-focus > .b-focus-trap {
  display: inherit;
}
.b-widget.b-initializing * {
  transition: none !important;
}
.b-anchor {
  position: absolute;
}
.b-anchor svg {
  position: absolute;
  top: 0;
  pointer-events: none;
  overflow: visible;
}
.b-anchor.b-anchor-top,
.b-anchor.b-anchor-bottom {
  left: 0;
  height: calc(var(--b-widget-anchor-height) + var(--bi-align-offset-y, 0px));
  width: 100%;
}
:is(.b-anchor.b-anchor-top, .b-anchor.b-anchor-bottom) svg {
  width: var(--b-widget-anchor-width);
  height: var(--b-widget-anchor-height);
}
.b-anchor.b-anchor-top {
  bottom: calc(100% - var(--b-widget-anchor-offset));
}
.b-anchor.b-anchor-top svg {
  top: auto;
  bottom: 0;
}
.b-anchor.b-anchor-bottom {
  top: calc(100% - var(--b-widget-anchor-offset));
}
.b-anchor.b-anchor-bottom svg {
  rotate: 180deg;
}
.b-anchor.b-anchor-start,
.b-anchor.b-anchor-end {
  top: 0;
  width: calc(var(--b-widget-anchor-height) + var(--bi-align-offset-x, 0px));
  height: 100%;
}
:is(.b-anchor.b-anchor-start, .b-anchor.b-anchor-end) svg {
  height: var(--b-widget-anchor-width);
  width: var(--b-widget-anchor-height);
}
.b-anchor.b-anchor-start {
  inset-inline-end: 100%;
}
.b-anchor.b-anchor-start svg {
  rotate: 270deg;
  transform-origin: var(--b-widget-anchor-height) var(--b-widget-anchor-height);
}
.b-anchor.b-anchor-end {
  inset-inline-start: 100%;
}
.b-anchor.b-anchor-end svg {
  rotate: 90deg;
  transform-origin: calc(var(--b-widget-anchor-height) / 2) calc(var(--b-widget-anchor-height) / 2);
}
.b-anchor.b-anchor-right {
  inset-inline-start: calc(100% - var(--bi-border-width, 0px));
  clip-path: rect(0 100% 100% var(--bi-border-width, 0px));
}
.b-anchor.b-anchor-left {
  inset-inline-end: calc(100% - var(--bi-border-width, 0px));
  clip-path: rect(0 calc(100% - var(--bi-border-width, 0px)) 100% 0);
}
.b-rtl > .b-anchor.b-anchor-right {
  inset-inline-end: calc(100% - var(--bi-border-width, 0px));
  inset-inline-start: auto;
}
.b-rtl > .b-anchor.b-anchor-left {
  inset-inline-start: calc(100% - var(--bi-border-width, 0px));
  inset-inline-end: auto;
}
.b-float-root {
  position: fixed !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: clip;
  contain: strict;
  z-index: var(--b-float-root-z-index);
}
.b-float-root.b-safari {
  user-select: none;
  -webkit-user-select: none;
}
.b-float-root > .b-floating {
  position: absolute;
  contain: layout style;
  pointer-events: all;
  transition: opacity 0.2s;
  top: 0;
  inset-inline-start: 0;
  z-index: var(--b-floating-z-index);
}
.b-float-root > .b-floating:not(.b-popup) {
  box-shadow: var(--b-widget-floating-box-shadow);
  border-radius: var(--b-widget-border-radius);
  border: var(--b-widget-floating-border);
}
.b-firefox :is(.b-float-root > .b-floating) {
  contain: layout;
}
.b-float-root > .b-floating.b-hidden {
  opacity: 0;
}
.b-float-root > .b-floating.b-aligned-above:not(.b-anchored) {
  box-shadow: var(--b-aligned-above-floating-box-shadow);
}
.b-trial-demo-mode [style*="data:image/svg+xml"] {
  background-image: none !important;
}
:root,
:host {
  --b-rtl-negate: 1;
}
.b-rtl {
  direction: rtl;
  --b-rtl-negate: -1;
}
.b-rtl .b-anchor.b-anchor-start svg {
  rotate: 90deg;
  transform-origin: calc(var(--b-widget-anchor-height) / 2) calc(var(--b-widget-anchor-height) / 2);
}
.b-rtl .b-anchor.b-anchor-end svg {
  rotate: 270deg;
  transform-origin: var(--b-widget-anchor-height) var(--b-widget-anchor-height);
}
.b-ltr {
  direction: ltr;
}
.b-aria-live-el {
  height: 0;
  width: 0;
  position: absolute;
  inset-inline-start: -9999px;
  contain: strict;
}
.b-released,
.b-hide-display,
.b-theme-info {
  display: none !important;
}
.b-hide-visibility {
  visibility: hidden !important;
}
.b-hide-offscreen {
  visibility: hidden !important;
  position: absolute !important;
  top: -10000em;
  left: -10000em;
}
.b-yscroll-pad {
  display: none;
}
.b-visible-scrollbar .b-show-yscroll-padding > .b-yscroll-pad {
  display: block;
  order: 9999;
  border-inline-start: 1px solid var(--b-widget-scrollbar-border-color);
}
.b-visible-scrollbar .b-show-yscroll-padding > .b-yscroll-pad .b-yscroll-pad-sizer {
  overflow-x: hidden;
  overflow-y: scroll;
  margin-inline-start: -1px;
  height: 0;
  max-width: var(--bi-scrollbar-width);
}
.b-widget-scroller.b-hide-scroll {
  scrollbar-width: none;
}
.b-widget-scroller.b-hide-scroll::-webkit-scrollbar {
  display: none;
}
.b-scroller-stretcher {
  position: absolute;
  height: 1px;
  width: 1px;
  top: 0;
  inset-inline-start: 0;
}
:is(div, span) .b-color-red {
  --b-primary: var(--b-color-red);
}
:is(div, span) .b-color-pink {
  --b-primary: var(--b-color-pink);
}
:is(div, span) .b-color-magenta {
  --b-primary: var(--b-color-magenta);
}
:is(div, span) .b-color-purple {
  --b-primary: var(--b-color-purple);
}
:is(div, span) .b-color-deep-purple {
  --b-primary: var(--b-color-deep-purple);
}
:is(div, span) .b-color-violet {
  --b-primary: var(--b-color-violet);
}
:is(div, span) .b-color-indigo {
  --b-primary: var(--b-color-indigo);
}
:is(div, span) .b-color-blue {
  --b-primary: var(--b-color-blue);
}
:is(div, span) .b-color-light-blue {
  --b-primary: var(--b-color-light-blue);
}
:is(div, span) .b-color-cyan {
  --b-primary: var(--b-color-cyan);
}
:is(div, span) .b-color-teal {
  --b-primary: var(--b-color-teal);
}
:is(div, span) .b-color-green {
  --b-primary: var(--b-color-green);
}
:is(div, span) .b-color-light-green {
  --b-primary: var(--b-color-light-green);
}
:is(div, span) .b-color-lime {
  --b-primary: var(--b-color-lime);
}
:is(div, span) .b-color-yellow {
  --b-primary: var(--b-color-yellow);
}
:is(div, span) .b-color-amber {
  --b-primary: var(--b-color-amber);
}
:is(div, span) .b-color-orange {
  --b-primary: var(--b-color-orange);
}
:is(div, span) .b-color-deep-orange {
  --b-primary: var(--b-color-deep-orange);
}
:is(div, span) .b-color-brown {
  --b-primary: var(--b-color-brown);
}
:is(div, span) .b-color-lighter-gray {
  --b-primary: var(--b-color-lighter-gray);
}
:is(div, span) .b-color-light-gray {
  --b-primary: var(--b-color-light-gray);
}
:is(div, span) .b-color-gray {
  --b-primary: var(--b-color-gray);
}
:is(div, span) .b-color-black {
  --b-primary: var(--b-color-black);
}
@keyframes b-anim-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes b-anim-fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes b-anim-slide-in-from-right {
  30% {
    translate: -50%;
    opacity: 0.5;
  }
  30.01% {
    translate: 50%;
  }
  100% {
    translate: 0;
    opacity: 1;
  }
}
@keyframes b-anim-slide-in-from-left {
  30% {
    translate: 50%;
    opacity: 0.5;
  }
  30.01% {
    translate: -50%;
  }
  100% {
    translate: 0;
    opacity: 1;
  }
}
@keyframes b-anim-slide-in-from-below {
  30% {
    translate: 0 -50%;
    opacity: 0.5;
  }
  30.01% {
    translate: 0 50%;
  }
  100% {
    translate: 0;
    opacity: 1;
  }
}
@keyframes b-anim-slide-in-from-above {
  30% {
    translate: 0 50%;
    opacity: 0.5;
  }
  30.01% {
    translate: 0 -50%;
  }
  100% {
    translate: 0;
    opacity: 1;
  }
}
.b-slide-in-next,
.b-slide-in-previous {
  animation: b-anim-slide-in-from-left 0.3s ease 0s 1 normal;
}
.b-slide-vertical.b-slide-in-next {
  animation-name: b-anim-slide-in-from-below;
}
.b-slide-vertical.b-slide-in-previous {
  animation-name: b-anim-slide-in-from-above;
}
.b-slide-in-next:not(.b-slide-vertical) {
  animation-name: b-anim-slide-in-from-right;
}
.b-slide-in-previous:not(.b-slide-vertical) {
  animation-name: b-anim-slide-in-from-left;
}
.b-rtl.b-slide-in-next:not(.b-slide-vertical) {
  animation-name: b-anim-slide-in-from-left;
}
.b-rtl.b-slide-in-previous:not(.b-slide-vertical) {
  animation-name: b-anim-slide-in-from-right;
}
.b-sliding-child-element {
  overflow: clip;
}
.b-transition-expand-collapse.b-aligned-below {
  animation: b-anim-expand-downwards 0.3s forwards;
}
.b-transition-expand-collapse.b-aligned-above {
  animation: b-anim-expand-upwards 0.3s forwards;
}
.b-transition-expand-collapse.b-hiding.b-aligned-below {
  animation: b-anim-collapse-upwards 0.3s forwards;
}
.b-transition-expand-collapse.b-hiding.b-aligned-above {
  animation: b-anim-collapse-downwards 0.3s forwards;
}
@keyframes b-anim-expand-downwards {
  0% {
    clip-path: rect(-25px calc(100% + 25px) 0 -25px);
    opacity: 0;
  }
  100% {
    clip-path: rect(-25px calc(100% + 25px) calc(100% + 25px) -25px);
    opacity: 1;
  }
}
@keyframes b-anim-collapse-upwards {
  0% {
    clip-path: rect(-25px calc(100% + 25px) calc(100% + 25px) -25px);
    opacity: 1;
  }
  100% {
    clip-path: rect(-25px calc(100% + 25px) 0 -25px);
    opacity: 0;
  }
}
@keyframes b-anim-expand-upwards {
  0% {
    clip-path: rect(100% calc(100% + 25px) 100% -25px);
    opacity: 0;
  }
  100% {
    clip-path: rect(-25px calc(100% + 25px) calc(100% + 25px) -25px);
    opacity: 1;
  }
}
@keyframes b-anim-collapse-downwards {
  0% {
    clip-path: rect(-25px calc(100% + 25px) calc(100% + 25px) -25px);
    opacity: 1;
  }
  100% {
    clip-path: rect(100% calc(100% + 25px) 100% -25px);
    opacity: 0;
  }
}
:root,
:host {
  --b-color-red: #e53935;
  --b-color-pink: #d81b60;
  --b-color-magenta: #c200c2;
  --b-color-purple: #8e24aa;
  --b-color-violet: #5e35b1;
  --b-color-deep-purple: #4527a0;
  --b-color-indigo: #3949ab;
  --b-color-blue: #1e88e5;
  --b-color-light-blue: #03a9f4;
  --b-color-cyan: #3bc9db;
  --b-color-teal: #00897b;
  --b-color-green: #43a047;
  --b-color-light-green: #8bc34a;
  --b-color-lime: #c0ca33;
  --b-color-yellow: #fdd835;
  --b-color-amber: #ffb300;
  --b-color-orange: #fb8c00;
  --b-color-deep-orange: #f4511e;
  --b-color-brown: #6d4c41;
  --b-color-lighter-gray: #e0e0e0;
  --b-color-light-gray: #c0c0c0;
  --b-color-gray: #757575;
  --b-color-black: #000000;
  --b-neutral-100: hsl(0 0% 100%);
  --b-neutral-99: hsl(0 0% 99%);
  --b-neutral-98: hsl(0 0% 98%);
  --b-neutral-97: hsl(0 0% 97%);
  --b-neutral-96: hsl(0 0% 96%);
  --b-neutral-95: hsl(0 0% 95%);
  --b-neutral-94: hsl(0 0% 94%);
  --b-neutral-93: hsl(0 0% 93%);
  --b-neutral-92: hsl(0 0% 92%);
  --b-neutral-91: hsl(0 0% 91%);
  --b-neutral-90: hsl(0 0% 90%);
  --b-neutral-85: hsl(0 0% 85%);
  --b-neutral-80: hsl(0 0% 80%);
  --b-neutral-75: hsl(0 0% 75%);
  --b-neutral-70: hsl(0 0% 70%);
  --b-neutral-65: hsl(0 0% 65%);
  --b-neutral-60: hsl(0 0% 60%);
  --b-neutral-55: hsl(0 0% 55%);
  --b-neutral-50: hsl(0 0% 50%);
  --b-neutral-45: hsl(0 0% 45%);
  --b-neutral-40: hsl(0 0% 40%);
  --b-neutral-35: hsl(0 0% 35%);
  --b-neutral-30: hsl(0 0% 30%);
  --b-neutral-25: hsl(0 0% 25%);
  --b-neutral-20: hsl(0 0% 20%);
  --b-neutral-15: hsl(0 0% 15%);
  --b-neutral-10: hsl(0 0% 10%);
  --b-neutral-5: hsl(0 0% 5%);
  --b-neutral-2: hsl(0 0% 2%);
  --b-neutral-1: hsl(0 0% 1%);
  --b-neutral-0: hsl(0 0% 0%);
  --b-border-1: var(--b-neutral-10);
  --b-border-2: var(--b-neutral-30);
  --b-border-3: var(--b-neutral-50);
  --b-border-4: var(--b-neutral-60);
  --b-border-5: var(--b-neutral-70);
  --b-border-6: var(--b-neutral-80);
  --b-border-7: var(--b-neutral-90);
  --b-border-8: var(--b-neutral-93);
  --b-border-9: var(--b-neutral-95);
  --b-border-10: var(--b-neutral-100);
  --b-text-1: var(--b-neutral-10);
  --b-text-2: var(--b-neutral-30);
  --b-text-3: var(--b-neutral-50);
  --b-text-4: var(--b-neutral-70);
  --b-text-5: var(--b-neutral-100);
  --b-heatmap-start: oklab(0.96 0.01 0.04);
  --b-heatmap-end: oklab(0.86 0.05 0.02);
  --b-heatmap-mix-blend-mode: multiply;
}
.b-colorize,
.b-bryntum {
  --b-primary-100: var(--b-mix);
  --b-primary-99: color-mix(in srgb, var(--b-primary), var(--b-mix) 98%);
  --b-primary-98: color-mix(in srgb, var(--b-primary), var(--b-mix) 96%);
  --b-primary-97: color-mix(in srgb, var(--b-primary), var(--b-mix) 94%);
  --b-primary-96: color-mix(in srgb, var(--b-primary), var(--b-mix) 92%);
  --b-primary-95: color-mix(in srgb, var(--b-primary), var(--b-mix) 90%);
  --b-primary-94: color-mix(in srgb, var(--b-primary), var(--b-mix) 88%);
  --b-primary-93: color-mix(in srgb, var(--b-primary), var(--b-mix) 86%);
  --b-primary-92: color-mix(in srgb, var(--b-primary), var(--b-mix) 84%);
  --b-primary-91: color-mix(in srgb, var(--b-primary), var(--b-mix) 82%);
  --b-primary-90: color-mix(in srgb, var(--b-primary), var(--b-mix) 80%);
  --b-primary-85: color-mix(in srgb, var(--b-primary), var(--b-mix) 70%);
  --b-primary-80: color-mix(in srgb, var(--b-primary), var(--b-mix) 60%);
  --b-primary-75: color-mix(in srgb, var(--b-primary), var(--b-mix) 50%);
  --b-primary-70: color-mix(in srgb, var(--b-primary), var(--b-mix) 40%);
  --b-primary-65: color-mix(in srgb, var(--b-primary), var(--b-mix) 30%);
  --b-primary-60: color-mix(in srgb, var(--b-primary), var(--b-mix) 20%);
  --b-primary-55: color-mix(in srgb, var(--b-primary), var(--b-mix) 10%);
  --b-primary-50: var(--b-primary);
  --b-primary-45: color-mix(in srgb, var(--b-primary), var(--b-opposite) 10%);
  --b-primary-40: color-mix(in srgb, var(--b-primary), var(--b-opposite) 20%);
  --b-primary-35: color-mix(in srgb, var(--b-primary), var(--b-opposite) 30%);
  --b-primary-30: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%);
  --b-primary-25: color-mix(in srgb, var(--b-primary), var(--b-opposite) 50%);
  --b-primary-20: color-mix(in srgb, var(--b-primary), var(--b-opposite) 60%);
  --b-primary-15: color-mix(in srgb, var(--b-primary), var(--b-opposite) 70%);
  --b-primary-10: color-mix(in srgb, var(--b-primary), var(--b-opposite) 80%);
  --b-primary-5: color-mix(in srgb, var(--b-primary), var(--b-opposite) 90%);
  --b-primary-2: color-mix(in srgb, var(--b-primary), var(--b-opposite) 96%);
  --b-primary-1: color-mix(in srgb, var(--b-primary), var(--b-opposite) 98%);
  --b-primary-0: var(--b-opposite);
}
@supports not (color: color-mix(in srgb, red, blue)) {
  .b-colorize,
  .b-bryntum {
    --b-primary-99: linear-gradient(rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.98)) var(--b-primary);
    --b-primary-98: linear-gradient(rgba(255, 255, 255, 0.96), rgba(255, 255, 255, 0.96)) var(--b-primary);
    --b-primary-97: linear-gradient(rgba(255, 255, 255, 0.94), rgba(255, 255, 255, 0.94)) var(--b-primary);
    --b-primary-96: linear-gradient(rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.92)) var(--b-primary);
    --b-primary-95: linear-gradient(rgba(255, 255, 255, 0.90), rgba(255, 255, 255, 0.90)) var(--b-primary);
    --b-primary-94: linear-gradient(rgba(255, 255, 255, 0.88), rgba(255, 255, 255, 0.88)) var(--b-primary);
    --b-primary-93: linear-gradient(rgba(255, 255, 255, 0.86), rgba(255, 255, 255, 0.86)) var(--b-primary);
    --b-primary-92: linear-gradient(rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.84)) var(--b-primary);
    --b-primary-91: linear-gradient(rgba(255, 255, 255, 0.82), rgba(255, 255, 255, 0.82)) var(--b-primary);
    --b-primary-90: linear-gradient(rgba(255, 255, 255, 0.80), rgba(255, 255, 255, 0.80)) var(--b-primary);
    --b-primary-85: linear-gradient(rgba(255, 255, 255, 0.70), rgba(255, 255, 255, 0.70)) var(--b-primary);
    --b-primary-80: linear-gradient(rgba(255, 255, 255, 0.60), rgba(255, 255, 255, 0.60)) var(--b-primary);
    --b-primary-75: linear-gradient(rgba(255, 255, 255, 0.50), rgba(255, 255, 255, 0.50)) var(--b-primary);
    --b-primary-70: linear-gradient(rgba(255, 255, 255, 0.40), rgba(255, 255, 255, 0.40)) var(--b-primary);
    --b-primary-65: linear-gradient(rgba(255, 255, 255, 0.30), rgba(255, 255, 255, 0.30)) var(--b-primary);
    --b-primary-60: linear-gradient(rgba(255, 255, 255, 0.20), rgba(255, 255, 255, 0.20)) var(--b-primary);
    --b-primary-55: linear-gradient(rgba(255, 255, 255, 0.10), rgba(255, 255, 255, 0.10)) var(--b-primary);
    --b-primary-45: linear-gradient(rgba(0, 0, 0, 0.10), rgba(0, 0, 0, 0.10)) var(--b-primary);
    --b-primary-40: linear-gradient(rgba(0, 0, 0, 0.20), rgba(0, 0, 0, 0.20)) var(--b-primary);
    --b-primary-35: linear-gradient(rgba(0, 0, 0, 0.30), rgba(0, 0, 0, 0.30)) var(--b-primary);
    --b-primary-30: linear-gradient(rgba(0, 0, 0, 0.40), rgba(0, 0, 0, 0.40)) var(--b-primary);
    --b-primary-25: linear-gradient(rgba(0, 0, 0, 0.50), rgba(0, 0, 0, 0.50)) var(--b-primary);
    --b-primary-20: linear-gradient(rgba(0, 0, 0, 0.60), rgba(0, 0, 0, 0.60)) var(--b-primary);
    --b-primary-15: linear-gradient(rgba(0, 0, 0, 0.70), rgba(0, 0, 0, 0.70)) var(--b-primary);
    --b-primary-10: linear-gradient(rgba(0, 0, 0, 0.80), rgba(0, 0, 0, 0.80)) var(--b-primary);
    --b-primary-5: linear-gradient(rgba(0, 0, 0, 0.90), rgba(0, 0, 0, 0.90)) var(--b-primary);
    --b-primary-2: linear-gradient(rgba(0, 0, 0, 0.96), rgba(0, 0, 0, 0.96)) var(--b-primary);
    --b-primary-1: linear-gradient(rgba(0, 0, 0, 0.98), rgba(0, 0, 0, 0.98)) var(--b-primary);
  }
}
:root,
:host {
  --b-fx-highlight-z-index: 9999;
}
.b-fx-highlight {
  animation: b-anim-fx-highlight 1s ease 0s 1;
  z-index: var(--b-fx-highlight-z-index) !important;
}
@keyframes b-anim-fx-highlight {
  0%, 100% {
    filter: none;
  }
  50% {
    filter: drop-shadow(0 0 6px var(--b-primary-50)) drop-shadow(0 0 10px var(--b-primary-50));
  }
}
:root,
:host {
  --b-drag-helper-z-index: 100;
  --b-drag-helper-main-z-index: 101;
}
.b-dragging,
.b-dragging * {
  pointer-events: none !important;
}
.b-dragging:not(.b-widget) {
  opacity: 0.8;
  box-sizing: border-box;
  z-index: var(--b-drag-helper-z-index);
}
.b-dragging:not(.b-widget).b-drag-unified-proxy {
  opacity: 0.65;
}
.b-dragging:not(.b-widget).b-drag-main {
  opacity: 1;
  z-index: var(--b-drag-helper-main-z-index);
}
.b-drag-proxy {
  position: absolute !important;
  top: 0;
  inset-inline-start: 0;
  pointer-events: none !important;
  box-sizing: border-box;
}
.b-drag-proxy * {
  box-sizing: border-box;
}
.b-aborting,
.b-drag-final-transition {
  transition-duration: .3s;
  transition-property: all !important;
}
.b-drag-unified-animation {
  transition: translate .2s;
}
.b-drag-original.b-hidden {
  display: none !important;
}
.b-drag-helper-active * {
  -webkit-user-select: none !important;
  user-select: none !important;
}
:root,
:host {
  --b-resize-grip-z-index: 1;
  --b-resize-grip-corner-z-index: 2;
}
.b-resize-grip {
  position: absolute;
  z-index: var(--b-resize-grip-z-index);
}
.b-resize-grip-top-start,
.b-resize-grip-top-end,
.b-resize-grip-bottom-start,
.b-resize-grip-bottom-end {
  width: .5em;
  height: .5em;
}
.b-resize-grip-top,
.b-resize-grip-top-start,
.b-resize-grip-top-end {
  top: 0;
}
.b-resize-grip-bottom,
.b-resize-grip-bottom-start,
.b-resize-grip-bottom-end {
  bottom: 0;
}
.b-resize-grip-start,
.b-resize-grip-top-start,
.b-resize-grip-bottom-start {
  inset-inline-start: 0;
}
.b-resize-grip-end,
.b-resize-grip-top-end,
.b-resize-grip-bottom-end {
  inset-inline-end: 0;
}
.b-resize-grip-top,
.b-resize-grip-bottom {
  height: .5em;
}
.b-resize-grip-start,
.b-resize-grip-end {
  width: .5em;
}
.b-resize-grip-top-start,
.b-resize-grip-bottom-end {
  cursor: nwse-resize;
  z-index: var(--b-resize-grip-corner-z-index);
}
.b-resize-grip-top-end,
.b-resize-grip-bottom-start {
  cursor: nesw-resize;
  z-index: var(--b-resize-grip-corner-z-index);
}
.b-resize-grip-top,
.b-resize-grip-bottom {
  cursor: ns-resize;
  width: 100%;
  inset-inline-start: 0;
}
.b-resize-grip-start,
.b-resize-grip-end {
  height: 100%;
  top: 0;
  cursor: ew-resize;
}
.b-no-resize-observer.b-resize-monitored:not(.b-floating) {
  position: relative;
}
.b-no-resize-observer.b-resize-monitored .b-resize-monitors {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
  overflow: hidden;
}
.b-no-resize-observer.b-resize-monitored .b-resize-monitors > * {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.b-no-resize-observer.b-resize-monitored .b-resize-monitors > .b-resize-monitor-expand:after {
  content: "";
  display: block;
  width: 100000px;
  height: 100000px;
}
.b-no-resize-observer.b-resize-monitored .b-resize-monitors > .b-resize-monitor-shrink:after {
  content: "";
  display: block;
  width: 200%;
  height: 200%;
  min-width: 1px;
  min-height: 1px;
}
.simulated-mouse {
  position: absolute;
  z-index: 100;
  top: 10px;
  left: 10px;
  transition: top .5s, left .5s;
  pointer-events: none;
  font-size: 16px;
}
.simulated-mouse.quick {
  transition: top .05s, left .05s;
}
.simulated-mouse:after {
  position: absolute;
  content: "\f245" / "";
  font-family: var(--b-widget-icon-font-family);
  font-weight: 900;
  z-index: 102;
}
.simulated-mouse.drag:before,
.simulated-mouse.mousedown:before,
.simulated-mouse.dblclick:before,
.simulated-mouse.click:before {
  position: absolute;
  content: "";
  border: 2px solid transparent;
  border-radius: 50%;
  animation-name: b-anim-click;
  animation-duration: .2s;
  top: 0;
  left: 0;
  translate: -50% -50%;
  z-index: 101;
  opacity: 0.7;
}
.simulated-mouse.drag:after {
  content: "\f25a" / "";
  left: -3px;
}
.simulated-mouse.dblclick:before {
  animation-name: b-anim-dblclick;
  animation-duration: .3s;
}
.simulated-mouse.mousedown:before,
.simulated-mouse.drag:before {
  animation-name: none;
  width: 1.5em;
  height: 1.5em;
  border-color: red;
}
@keyframes b-anim-click {
  0% {
    width: 0;
    height: 0;
  }
  90% {
    width: 1.5em;
    height: 1.5em;
    border-color: red;
  }
  100% {
    width: 0;
    height: 0;
    border-color: transparent;
  }
}
@keyframes b-anim-dblclick {
  0% {
    width: 0;
    height: 0;
  }
  40% {
    width: 1.5em;
    height: 1.5em;
    border-color: red;
  }
  50% {
    width: 0;
    height: 0;
  }
  90% {
    width: 1.5em;
    height: 1.5em;
    border-color: red;
  }
  100% {
    width: 0;
    height: 0;
    border-color: transparent;
  }
}
.b-scroll-hidden {
  visibility: hidden !important;
  position: absolute !important;
  top: -10000em;
  left: -10000em;
  translate: 0 0 !important;
}
.b-infinity-scroller {
  overflow: scroll;
}
.b-infinity-scroller.b-infinity-scroller-smooth {
  scroll-behavior: smooth;
}
.b-infinity-scroller-item {
  position: absolute !important;
}
.b-widget-scroller {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-anchor: none;
  position: relative;
}
.b-hide-scroll {
  scrollbar-width: none;
}
.b-hide-scroll::-webkit-scrollbar {
  display: none;
}
.b-scroller-stretcher {
  position: absolute;
  height: 1px;
  width: 1px;
  top: 0;
  inset-inline-start: 0;
}
.b-icon {
  display: inline-flex;
  gap: .5em;
}
.b-icon::before,
.b-fw-icon::before {
  font-style: normal;
  font-variant: normal;
  line-height: 1;
  display: grid;
  place-items: center;
  font-family: var(--b-widget-icon-font-family);
  font-weight: var(--b-widget-icon-font-weight);
}
.b-fw-icon::before {
  width: 1em;
}
.b-icon-scroll-left::before {
  content: var(--b-icon-scroll-left, "\f104");
}
.b-icon-scroll-right::before {
  content: var(--b-icon-scroll-right, "\f105");
}
.b-icon-spin-up::before {
  content: var(--b-icon-spin-up, "\f0d8");
}
.b-icon-spin-down::before {
  content: var(--b-icon-spin-down, "\f0d7");
}
.b-icon-add:before {
  content: var(--b-icon-add, "+");
}
.b-icon-clear:before {
  content: var(--b-icon-clear, "\f00d");
}
.b-icon-remove:before {
  content: var(--b-icon-remove, "\f00d");
}
.b-icon-close:before {
  content: var(--b-icon-close, "\f00d");
}
.b-icon-remove-circle:before {
  content: var(--b-icon-remove-circle, "\f057");
}
.b-icon-collapse-down:before {
  content: var(--b-icon-collapse-down, "\f078");
}
.b-icon-collapse-left:before {
  content: var(--b-icon-collapse-left, "\f053");
}
.b-icon-collapse-right:before {
  content: var(--b-icon-collapse-right, "\f054");
}
.b-icon-collapse-up:before {
  content: var(--b-icon-collapse-up, "\f077");
}
.b-icon-filter-disable:before {
  content: var(--b-icon-filter-disable, "\f05e");
}
.b-icon-search:before {
  content: var(--b-icon-search, "\f002");
}
.b-icon-search-plus:before {
  content: var(--b-icon-search-plus, "\f00e");
}
.b-icon-search-minus:before {
  content: var(--b-icon-search-minus, "\f010");
}
.b-icon-hide:before {
  content: var(--b-icon-hide, "\f057");
}
.b-icon-trash:before {
  content: var(--b-icon-trash, "\f1f8");
}
.b-icon-edit:before {
  content: var(--b-icon-edit, "\f303");
}
.b-icon-show-details:before {
  content: var(--b-icon-show-details, "\f002");
}
.b-icon-rename:before {
  content: var(--b-icon-rename, "\f044");
}
.b-icon-copy:before {
  content: var(--b-icon-copy, "\f0c5");
}
.b-icon-cut:before {
  content: var(--b-icon-cut, "\f0c4");
}
.b-icon-paste:before {
  content: var(--b-icon-paste, "\f0ea");
}
.b-icon-expand-row:before {
  content: var(--b-icon-expand-row, "\f107");
}
.b-icon-expand-column:before {
  content: var(--b-icon-expand-column, "\f105");
}
.b-icon-expand {
  content: var(--b-icon-expand, "\f065");
}
.b-icon-first:before {
  content: var(--b-icon-first, "\f100");
}
:is(.b-rtl .b-icon-first, .b-rtl .b-icon-last, .b-rtl .b-icon-next, .b-rtl .b-icon-previous, .b-rtl .b-icon-scroll-left, .b-rtl .b-icon-scroll-right, .b-rtl .b-icon-collapse-left:not(.b-splitter-button-icon), .b-rtl .b-icon-collapse-right:not(.b-splitter-button-icon), .b-rtl .b-icon-tree-expand, .b-rtl .b-icon-expand-gridregion, .b-rtl .b-icon-collapse-gridregion)::before {
  scale: -1 1;
}
.b-icon-last:before {
  content: var(--b-icon-last, "\f101");
}
.b-icon-redo:before {
  content: var(--b-icon-redo, "\f01e");
}
.b-icon-reload:before {
  content: var(--b-icon-reload, "\f01e");
}
.b-icon-undo:before {
  content: var(--b-icon-undo, "\f0e2");
}
.b-icon-compare:before {
  content: var(--b-icon-compare, "\e13a");
}
.b-icon-split-horizontal:before,
.b-icon-split-vertical:before,
.b-icon-split-both:before {
  min-width: 1em !important;
  width: 1em;
  height: 1em;
  border-radius: 2px;
  border: 2px solid currentColor;
  overflow: hidden;
}
.b-icon-split-horizontal:before {
  content: var(--b-icon-split-horizontal, "\2503");
  rotate: 90deg;
  border-left-width: 3px;
  align-items: start;
  line-height: 0.8;
}
.b-icon-split-vertical:before {
  content: var(--b-icon-split-vertical, "\2503");
  border-top-width: 3px;
  align-items: start;
  line-height: 0.8;
}
.b-icon-split-both:before {
  content: var(--b-icon-split-both, "\254b");
  border-top-width: 3px;
}
.b-icon-download:before {
  content: var(--b-icon-download, "\f019");
}
.b-icon-zoom::before {
  content: var(--b-icon-zoom, "\f002");
}
.b-icon-code:before {
  content: var(--b-icon-code, "\f121");
}
.b-icon-clipboard:before {
  content: var(--b-icon-clipboard, "\f328");
}
.b-icon-filter:before {
  content: var(--b-icon-filter, "\f0b0");
}
.b-icon-filter-equal:before {
  content: var(--b-icon-filter-equal, "\f0b0");
}
.b-icon-filter-less:before {
  content: var(--b-icon-filter-less, "\f053");
}
.b-icon-filter-before:before {
  content: var(--b-icon-filter-before, "\f053");
}
.b-icon-filter-more:before {
  content: var(--b-icon-filter-more, "\f054");
}
.b-icon-filter-after:before {
  content: var(--b-icon-filter-after, "\f054");
}
.b-icon-check:before {
  content: var(--b-icon-check, "\f00c");
}
.b-icon-checked:before {
  content: var(--b-icon-checked, "\f14a");
}
.b-icon-unchecked:before {
  content: var(--b-icon-unchecked, "\f0c8");
}
.b-icon-radio:before {
  content: var(--b-icon-radio, "\f111");
}
.b-icon-radio-unchecked:before {
  content: var(--b-icon-radio-unchecked, "\f111");
}
.b-icon-radio-checked:before {
  content: var(--b-icon-radio-checked, "\f192");
}
.b-icon-calendar:before {
  content: var(--b-icon-calendar, "\f133");
}
.b-icon-calendar-day:before {
  content: var(--b-icon-calendar-day, "\f783");
}
.b-icon-calendar-plus:before {
  content: var(--b-icon-calendar-plus, "\f271");
}
.b-icon-clock:before {
  content: var(--b-icon-clock, "\f017");
}
.b-icon-recurring:before {
  content: var(--b-icon-recurring, "\f021");
}
.b-icon-duration:before {
  content: var(--b-icon-duration, "\f254");
}
.b-icon-milestone:before {
  content: var(--b-icon-milestone, "\f219");
}
.b-icon-locked:before {
  content: var(--b-icon-locked, "\f023");
}
.b-icon-unlocked:before {
  content: var(--b-icon-unlocked, "\f09c");
}
.b-icon-user:before {
  content: var(--b-icon-user, "\f0c0");
}
.b-icon-menu:before {
  content: var(--b-icon-menu, "\f0c9");
}
.b-icon-menu-horizontal:before {
  content: var(--b-icon-menu-horizontal, "\f141");
}
.b-icon-menu-vertical:before {
  content: var(--b-icon-menu-vertical, "\f142");
}
.b-icon-info:before {
  content: var(--b-icon-info, "\f129");
}
.b-icon-sub-menu:before {
  content: var(--b-widget-sub-menu-icon);
}
.b-icon-star:before {
  content: var(--b-icon-star, "\f005");
}
.b-icon-warning:before {
  content: var(--b-icon-warning, "\f071");
}
.b-icon-columns:before {
  content: var(--b-icon-columns, "\f0db");
}
.b-icon-picker:before {
  content: var(--b-icon-picker, "\f0d7");
  transition: rotate .2s;
}
.b-icon-picker-rotated:before {
  content: var(--b-icon-picker-rotated, "\f0d7");
  rotate: 180deg;
  transition: rotate .2s;
}
.b-icon-resize-horizontal:before {
  content: var(--b-icon-resize-horizontal, "\f337");
}
.b-icon-fullscreen:before {
  content: var(--b-icon-fullscreen, "\f0b2");
}
.b-icon-cog:before {
  content: var(--b-icon-cog, "\f013");
}
:is(.b-linux, .b-windows) .b-icon-cog:before {
  vertical-align: middle;
}
.b-icon-file-download:before {
  content: var(--b-icon-file-download, "\f56d");
}
.b-icon-sync:before {
  content: var(--b-icon-sync, "\f2f1");
}
.b-icon-bad-mood-emoji:before {
  content: var(--b-icon-bad-mood-emoji, "\f119");
}
.b-icon-circle:before {
  content: var(--b-icon-circle, "\f111");
}
.b-icon-square:before {
  content: var(--b-icon-square, "\f0c8");
}
.b-icon-merge-cells:before {
  content: var(--b-icon-merge-cells, "\f5fd");
}
.b-icon-merge-events:before {
  content: var(--b-icon-merge-events, "\f5fd");
}
.b-icon-version:before {
  content: var(--b-icon-version, "\e5a0");
}
.b-icon-material:before {
  content: var(--b-icon-material, "\e4e6");
}
.b-icon-cost:before {
  content: var(--b-icon-cost, "\f81d");
}
.b-icon-paper-plane:before {
  content: var(--b-icon-paper-plane, "\f1d8");
}
.b-icon-robot:before {
  content: var(--b-icon-robot, "\f544");
}
.b-icon-mic:before {
  content: var(--b-icon-mic, "\f130");
}
.b-icon-play:before {
  content: var(--b-icon-play, "\f04b");
}
.b-icon-stop:before {
  content: var(--b-icon-stop, "\f04d");
}
.b-icon-message:before {
  content: var(--b-icon-message, "\f27a");
}
.b-icon-volume-high:before {
  content: var(--b-icon-volume-high, "\f028");
}
.b-icon-thumbs-up:before {
  content: var(--b-icon-thumbs-up, "\f164");
}
.b-icon-thumbs-down:before {
  content: var(--b-icon-thumbs-down, "\f165");
}
.b-icon-exclamation-circle:before {
  content: var(--b-icon-exclamation-circle, "\f06a");
}
.b-icon-eye:before {
  content: var(--b-icon-eye, "\f06e");
}
.b-icon-mouse-pointer:before {
  content: var(--b-icon-mouse-pointer, "\f245");
}
.b-icon-up:before {
  content: var(--b-icon-up, "\f062");
}
.b-icon-down:before {
  content: var(--b-icon-down, "\f063");
}
.b-icon-left:before {
  content: var(--b-icon-left, "\f060");
}
.b-icon-right:before {
  content: var(--b-icon-right, "\f061");
}
.b-icon-angle-left:before {
  content: var(--b-icon-angle-left, "\f104");
}
.b-icon-angle-right:before {
  content: var(--b-icon-angle-right, "\f105");
}
.b-icon-before:before {
  content: var(--b-icon-before, "\f053");
}
.b-icon-previous:before {
  content: var(--b-icon-previous, "\f053");
}
.b-icon-after:before {
  content: var(--b-icon-after, "\f054");
}
.b-icon-next:before {
  content: var(--b-icon-next, "\f054");
}
.b-icon-move-left-right:before {
  content: var(--b-icon-move-left-right, "\f337");
}
.b-icon-move-up-down:before {
  content: var(--b-icon-move-up-down, "\f338");
}
.b-icon-circle-arrow-up:before {
  content: var(--b-icon-circle-arrow-up, "\f0aa");
}
.b-icon-column-move-left:before {
  content: var(--b-icon-column-move-left, "\f0a8");
}
.b-icon-column-move-right:before {
  content: var(--b-icon-column-move-right, "\f0a9");
}
.b-icon-hide-column:before {
  content: var(--b-icon-hide-column, "\f057");
}
.b-icon-column-pin:before {
  content: var(--b-icon-column-pin, "\f08d");
}
.b-icon-column-unpin:before {
  content: var(--b-icon-column-unpin, "\e68f");
}
.b-icon-sort:before {
  content: var(--b-icon-sort, "\f0dc");
}
.b-icon-sort-asc:before {
  content: var(--b-icon-sort-asc, "\f15e");
}
.b-icon-sort-desc:before {
  content: var(--b-icon-sort-desc, "\f15d");
}
.b-icon-sorted-asc:before {
  content: var(--b-icon-sorted-asc, "\f062");
}
.b-icon-group-asc:before {
  content: var(--b-icon-group-asc, "\f885");
}
.b-icon-group-desc:before {
  content: var(--b-icon-group-desc, "\f160");
}
.b-icon-group-collapse:before {
  content: var(--b-icon-group-collapse, "\f056");
}
.b-icon-group-expand:before {
  content: var(--b-icon-group-expand, "\f055");
}
.b-icon-grouped-asc:before {
  content: var(--b-icon-grouped-asc, "\f012");
}
.b-icon-tree-expand:before {
  content: var(--b-icon-tree-expand, "\f105");
}
.b-icon-tree-collapse:before {
  content: var(--b-icon-tree-collapse, "\f107");
}
.b-icon-tree-folder:before {
  content: var(--b-icon-tree-folder, "\f07b");
}
.b-icon-tree-folder-open:before {
  content: var(--b-icon-tree-folder-open, "\f07c");
}
.b-icon-tree-leaf:before {
  content: var(--b-icon-tree-leaf, "\f111");
}
.b-icon-expand-gridregion:before {
  content: var(--b-icon-expand-gridregion, "\f054");
}
.b-icon-collapse-gridregion:before {
  content: var(--b-icon-collapse-gridregion, "\f053");
}
.b-icon-lock-row:before {
  content: var(--b-icon-lock-row, "\e67a");
}
.b-icon-unlock-row:before {
  content: var(--b-icon-unlock-row, "\e691");
}
.b-icon-unassign:before {
  content: var(--b-icon-unassign, "\f506");
}
.b-icon-valid:before {
  content: var(--b-icon-valid, "\f00c");
}
.b-icon-invalid:before {
  content: var(--b-icon-invalid, "\f05e");
}
.b-icon-checking:before {
  content: var(--b-icon-checking, "\f110");
}
.b-icon-expand-resource:before {
  content: var(--b-icon-expand-resource, "\f103");
}
.b-icon-note:before {
  content: var(--b-icon-note, "\f249");
}
.b-icon-advanced:before {
  content: var(--b-icon-advanced, "\f085");
}
.b-icon-palette:before {
  content: var(--b-icon-palette, "\f53f");
}
.b-icon-renumber:before {
  content: var(--b-icon-renumber, "\f884");
}
.b-icon-indent:before {
  content: var(--b-icon-indent, "\f03c");
}
.b-icon-outdent:before {
  content: var(--b-icon-outdent, "\f03b");
}
.b-icon-subtask::before {
  content: var(--b-icon-subtask, "\e476");
}
.b-icon-predecessor::before {
  content: var(--b-icon-predecessor, "\e477");
}
.b-icon-successor::before {
  content: var(--b-icon-successor, "\e47a");
}
.b-icon-link:before {
  content: var(--b-icon-link, "\f0c1");
}
.b-icon-unlink:before {
  content: var(--b-icon-unlink, "\f127");
}
.b-icon-calendar-days:before {
  content: var(--b-icon-calendar-days, "\f073");
}
.b-icon-calendar-week:before {
  content: var(--b-icon-calendar-week, "\f784");
}
.b-icon-bold:before {
  content: var(--b-icon-bold, "\f032");
}
.b-icon-underline:before {
  content: var(--b-icon-underline, "\f0cd");
}
.b-icon-italic:before {
  content: var(--b-icon-italic, "\f033");
}
.b-icon-clock-live {
  background-color: currentColor;
  border-radius: 50%;
  width: 1em;
  height: 1em;
  animation-delay: 0s;
  display: grid;
}
.b-icon-clock-live:before,
.b-icon-clock-live:after {
  grid-area: 1 / 1 / 1 / 1;
  position: relative;
  font-size: 1em !important;
  content: "";
  width: .10em !important;
  left: .44em;
  background: #fff;
  border-radius: .5em;
}
.b-icon-clock-live:before {
  top: .15em;
  height: .4em !important;
  transform-origin: .05em .35em;
  animation: b-anim-rotate 6s infinite linear;
  animation-play-state: paused;
  animation-delay: inherit;
}
.b-icon-clock-live:after {
  top: .22em;
  height: .33em;
  transform-origin: .05em .3em;
  animation: b-anim-rotate 72s infinite linear;
  animation-play-state: paused;
  animation-delay: inherit;
}
.b-icon-chart:before {
  content: var(--b-icon-chart, "\f201");
}
.b-icon-settings:before {
  content: var(--b-icon-settings, "\f013");
}
.b-icon-spinner:before {
  content: var(--b-icon-spinner, "\f110");
  animation: b-anim-rotate 2s infinite linear;
}
@keyframes b-anim-rotate {
  0% {
    rotate: 0deg;
  }
  100% {
    rotate: 360deg;
  }
}
:root,
:host {
  --b-gripper-edge-size: 1em;
  --b-gripper-horz-cursor: ns-resize;
  --b-gripper-border: 1px solid rgba(0, 0, 0, 0.3);
  --b-gripper-horz-edge-height: var(--b-gripper-edge-size);
  --b-gripper-horz-height: .25em;
  --b-gripper-horz-width: 1.2em;
  --b-gripper-horz-offset: .4em;
  --b-gripper-horz-transition:
    opacity 0.2s,
    margin-inline-start 0.2s,
    width 0.2s;
  --b-gripper-vert-cursor: ew-resize;
  --b-gripper-vert-gradient:
    repeating-linear-gradient(
      
      90deg,
      rgba(0, 0, 0, 0.5),
      rgba(255, 255, 255, 0.8) 3px);
  --b-gripper-vert-edge-width: var(--b-gripper-edge-size);
  --b-gripper-vert-width: calc(var(--b-gripper-vert-edge-width) / 2);
  --b-gripper-vert-height: 12px;
  --b-gripper-vert-offset: 4px;
  --b-gripper-vert-transition:
    opacity 0.2s,
    margin-top 0.2s,
    height 0.2s;
}
.b-gripper {
  position: absolute;
}
.b-gripper::after {
  content: " " / "";
  position: absolute;
  opacity: 0;
}
.b-hover-top .b-gripper.b-gripper-horz,
.b-hover-bottom .b-gripper.b-gripper-horz {
  cursor: var(--b-gripper-horz-cursor);
  height: var(--b-gripper-horz-edge-height);
  left: 0;
  right: 0;
}
.b-hover-bottom .b-gripper.b-gripper-horz {
  bottom: 0;
}
.b-gripper.b-gripper-horz::after {
  width: 0;
  left: 50%;
  margin-inline-start: 0;
  border-top: var(--b-gripper-border);
  border-bottom: var(--b-gripper-border);
  height: var(--b-gripper-horz-height);
}
.b-hover-left .b-gripper.b-gripper-vert,
.b-hover-right .b-gripper.b-gripper-vert {
  top: 0;
  bottom: 0;
  cursor: var(--b-gripper-vert-cursor);
  width: var(--b-gripper-vert-edge-width);
}
.b-hover-right .b-gripper.b-gripper-vert {
  right: 0;
}
.b-hover-left .b-gripper.b-gripper-vert {
  left: 0;
}
.b-gripper.b-gripper-vert::after {
  height: 0;
  top: 50%;
  margin-top: 0;
  background: var(--b-gripper-vert-gradient);
  width: var(--b-gripper-vert-width);
}
.b-hover-anim.b-hover-edge .b-gripper-horz::after {
  opacity: 1;
  margin-inline-start: calc(var(--b-gripper-horz-width) / -2);
  width: var(--b-gripper-horz-width);
  transition: var(--b-gripper-horz-transition);
}
.b-hover-top .b-gripper-horz::after {
  top: var(--b-gripper-horz-offset);
}
.b-hover-bottom .b-gripper-horz::after {
  bottom: var(--b-gripper-horz-offset);
}
.b-hover-anim.b-hover-edge .b-gripper-vert::after {
  opacity: 1;
  margin-top: calc(var(--b-gripper-vert-height) / -2);
  height: var(--b-gripper-vert-height);
  transition: var(--b-gripper-vert-transition);
}
.b-hover-left .b-gripper-vert::after {
  left: var(--b-gripper-vert-offset);
}
.b-hover-right .b-gripper-vert::after {
  right: var(--b-gripper-vert-offset);
}
.b-sftime-picker .b-panel-content {
  background: var(--b-panel-background);
  align-items: stretch;
  padding: 0.5em;
  gap: 0.5em;
}
.b-sftime-picker .b-panel-content .b-widget {
  margin: 0;
  flex: 0 0 auto;
  width: auto;
}
.b-sftime-picker .b-panel-content .b-number-field {
  height: 100%;
}
.b-sftime-picker .b-panel-content .b-number-field > .b-label {
  clip-path: polygon(0 0);
  position: absolute;
  contain: strict;
}
.b-sftime-picker .b-panel-content .b-number-field:not(.b-first-visible-child)::before {
  content: ":";
  align-self: center;
  margin-inline-end: 0.5em;
  font-weight: bold;
}
.b-sftime-picker .b-panel-content .b-number-field input {
  width: 3em;
}
.b-sftime-picker .b-panel-content .b-button {
  flex: 0 0 3em;
  padding: 0;
}
.b-sftime-picker .b-panel-content .b-button .b-button-label {
  text-overflow: clip;
}
:root,
:host {
  --b-button-box-shadow: null;
  --b-button-text-align: center;
  --b-button-disabled-opacity: 0.4;
  --b-button-icon-only-border-radius: 50%;
  --b-button-font-weight: 500;
  --b-button-gap: 0.5em;
  --b-button-height: 3em;
  --b-button-icon-padding-inline: var(--b-widget-padding);
  --b-button-end-icon-padding-inline: var(--b-widget-padding);
  --b-button-menu-padding-inline: var(--b-widget-padding);
  --b-button-opacity: 1;
  --b-button-padding-inline: var(--b-widget-padding);
  --b-button-pressed-box-shadow: none;
  --b-button-focus-outline-width: var(--b-widget-focus-outline-width);
  --b-button-focus-outline-offset: calc(var(--b-widget-focus-outline-width) * -1);
  --b-button-border-radius: var(--b-widget-border-radius);
  --b-button-elevated-active-box-shadow: var(--b-elevation-1);
  --b-button-elevated-box-shadow: var(--b-elevation-1);
  --b-button-elevated-focus-box-shadow: var(--b-elevation-1);
  --b-button-elevated-hover-box-shadow: var(--b-elevation-2);
  --b-button-filled-color: var(--b-text-5);
  --b-button-filled-hover-box-shadow: none;
  --b-button-tonal-hover-box-shadow: none;
  --b-button-outlined-border-width: 1px;
  --b-button-outlined-border-color: var(--b-border-6);
  --b-button-outlined-disabled-background: transparent;
  --b-button-outlined-disabled-border-color: var(--b-border-6);
  --b-button-outlined-background: transparent;
  --b-button-outlined-pressed-color: unset;
  --b-button-type-text-background: transparent;
  --b-button-type-text-disabled-background: transparent;
  --b-button-disabled-background: var(--b-widget-disabled-background);
  --b-button-disabled-color: var(--b-neutral-50);
  --b-button-type-text-focused-background: transparent;
  --b-button-type-text-text-only-border-radius: unset;
  --b-button-focus-outline-color: var(--b-primary);
  --b-button-content-z-index: 1;
}
.b-button {
  display: flex;
  align-items: center;
  position: relative;
  transition-property:
    box-shadow,
    font-weight,
    background,
    color,
    border,
    border-radius;
  transition-duration: var(--b-default-transition-duration);
  overflow: hidden;
  flex-shrink: 0;
  font-family: inherit;
  text-decoration: none;
  padding-block: 0;
  contain: style;
  --b-button-border-width: var(--b-button-idle-border-width);
  --b-button-border-color: var(--b-button-idle-border-color);
  --b-widget-font-weight: var(--b-button-font-weight);
  --bi-button-cursor: pointer;
  background: var(--b-button-background);
  border: var(--b-button-border-width) solid var(--b-button-border-color);
  border-radius: var(--b-button-border-radius);
  box-shadow: var(--b-button-box-shadow);
  color: var(--bi-button-applied-color, var(--b-button-color));
  cursor: var(--bi-button-cursor);
  gap: var(--b-button-gap);
  height: var(--b-button-height);
  max-height: var(--b-button-max-height);
  opacity: var(--b-button-opacity);
  padding-inline: var(--b-button-padding-inline);
  justify-content: var(--b-button-text-align);
}
.b-button .b-button-label,
.b-button i {
  white-space: nowrap;
  text-overflow: ellipsis;
  transition: color 0.2s;
  margin: 0;
  z-index: var(--b-button-content-z-index);
  cursor: var(--bi-button-cursor);
}
.b-button .b-button-label {
  overflow: hidden;
}
.b-button i {
  flex-shrink: 0;
}
.b-button.b-button-elevated {
  --b-button-background: var(--b-button-elevated-background, var(--b-primary-98));
  --b-button-hover-background: var(--b-button-elevated-hover-background, var(--b-primary-95));
  --b-button-focused-background: var(--b-button-elevated-focused-background, var(--b-primary-95));
  --b-button-active-background: var(--b-button-elevated-active-background, var(--b-primary-95));
  --b-button-pressed-background: var(--b-button-elevated-pressed-background, var(--b-primary-90));
  --b-button-pressed-hover-background: var(--b-button-elevated-pressed-hover-background, var(--b-primary-92));
  --b-button-box-shadow: var(--b-button-elevated-box-shadow);
  --b-button-hover-box-shadow: var(--b-button-elevated-hover-box-shadow);
  --b-button-focus-box-shadow: var(--b-button-elevated-focus-box-shadow);
  --b-button-active-box-shadow: var(--b-button-elevated-active-box-shadow);
  --b-button-color: var(--b-button-elevated-color, var(--b-primary-40));
  --b-button-split-color: var(--b-button-elevated-split-color, color-mix(in srgb, var(--b-button-color), transparent 70%));
}
.b-button.b-button-filled,
.b-button.b-raised {
  --b-button-background: var(--b-button-filled-background, var(--b-primary-45));
  --b-button-hover-background: var(--b-button-filled-hover-background, var(--b-primary-55));
  --b-button-focused-background: var(--b-button-filled-focused-background, var(--b-primary-60));
  --b-button-active-background: var(--b-button-filled-active-background, var(--b-primary-60));
  --b-button-pressed-background: var(--b-button-filled-pressed-background, var(--b-primary-65));
  --b-button-pressed-hover-background: var(--b-button-filled-pressed-hover-background, var(--b-primary-70));
  --b-button-color: var(--b-button-filled-color);
  --b-button-hover-box-shadow: var(--b-button-filled-hover-box-shadow);
  --b-button-split-color: var(--b-button-filled-split-color, var(--b-button-color));
}
.b-button.b-button-tonal {
  --b-button-background: var(--b-button-tonal-background, var(--b-primary-95));
  --b-button-hover-background: var(--b-button-tonal-hover-background, var(--b-primary-90));
  --b-button-focused-background: var(--b-button-tonal-focused-background, var(--b-primary-90));
  --b-button-active-background: var(--b-button-tonal-active-background, var(--b-primary-85));
  --b-button-pressed-background: var(--b-button-tonal-pressed-background, var(--b-primary-80));
  --b-button-pressed-hover-background: var(--b-button-tonal-pressed-hover-background, var(--b-primary-85));
  --b-button-hover-box-shadow: var(--b-button-tonal-hover-box-shadow);
  --b-button-color: var(--b-button-tonal-color, var(--b-primary-30));
  --b-button-split-color: var(--b-button-tonal-split-color, color-mix(in srgb, var(--b-button-tonal-color, var(--b-primary-30)), transparent 70%));
  --b-button-idle-border-width: var(--b-button-tonal-border-width);
  --b-button-idle-border-color: var(--b-button-tonal-border-color);
  --b-button-focus-border-color: var(--b-button-tonal-border-color);
  --b-button-hover-border-color: var(--b-button-tonal-border-color);
  --b-button-disabled-border-color: var(--b-button-tonal-border-color);
}
.b-button.b-button-outlined {
  --b-button-background: var(--b-button-outlined-background);
  --b-button-hover-background: var(--b-button-outlined-hover-background, var(--b-primary-95));
  --b-button-focused-background: var(--b-button-outlined-focused-background, var(--b-primary-90));
  --b-button-active-background: var(--b-button-outlined-active-background, var(--b-primary-90));
  --b-button-pressed-background: var(--b-button-outlined-pressed-background, var(--b-primary-90));
  --b-button-pressed-hover-background: var(--b-button-outlined-pressed-hover-background, var(--b-primary-92));
  --b-button-color: var(--b-button-outlined-color, var(--b-primary-25));
  --b-button-pressed-color: var(--b-button-outlined-pressed-color);
  --b-button-idle-border-width: var(--b-button-outlined-border-width);
  --b-button-idle-border-color: var(--b-button-outlined-border-color);
  --b-button-focus-border-color: var(--b-button-outlined-focus-border-color, var(--b-primary));
  --b-button-hover-border-color: var(--b-button-outlined-hover-border-color, var(--b-primary-80));
  --b-button-disabled-background: var(--b-button-outlined-disabled-background);
  --b-button-disabled-border-color: var(--b-button-outlined-disabled-border-color);
  --b-button-split-color: var(--b-button-outlined-split-color, var(--b-button-border-color));
}
.b-button.b-button-text,
.b-button.b-transparent {
  --b-button-background: var(--b-button-type-text-background);
  --b-button-hover-background: var(--b-button-type-text-hover-background, var(--b-primary-95));
  --b-button-focused-background: var(--b-button-type-text-focused-background);
  --b-button-active-background: var(--b-button-type-text-active-background, var(--b-primary-90));
  --b-button-pressed-background: var(--b-button-type-text-pressed-background, var(--b-primary-90));
  --b-button-pressed-hover-background: var(--b-button-type-text-pressed-hover-background, var(--b-primary-92));
  --b-button-color: var(--b-button-type-text-color, var(--b-primary-20));
  --b-button-disabled-background: var(--b-button-type-text-disabled-background);
  --b-button-split-color: var(--b-button-type-text-split-color, var(--b-button-color));
}
:is(.b-button.b-button-text, .b-button.b-transparent).b-split-button .b-button-menu-icon {
  align-self: center;
}
:is(.b-button.b-button-text, .b-button.b-transparent).b-text:not(:has(.b-button-icon)) {
  border-radius: var(--b-button-type-text-text-only-border-radius, var(--b-button-border-radius));
}
.b-button:focus-visible,
.b-button.b-contains-focus[aria-expanded] {
  outline-offset: var(--b-button-focus-outline-offset);
  outline: var(--b-button-focus-outline-color) solid var(--b-button-focus-outline-width);
}
.b-button.b-focus,
.b-button:focus-visible {
  --b-button-background: var(--b-button-focused-background);
  --b-button-box-shadow: var(--b-button-focus-box-shadow);
  --b-button-border-color: var(--b-button-focus-border-color);
}
:is(.b-button:hover, .b-button .b-hover):where(:not(:active, .b-disabled)) {
  --b-button-background: var(--b-button-hover-background);
  --b-button-box-shadow: var(--b-button-hover-box-shadow);
  --b-button-border-color: var(--b-button-hover-border-color);
}
.b-button.b-active,
.b-button:active {
  --b-button-background: var(--b-button-active-background);
  --b-button-box-shadow: var(--b-button-active-box-shadow);
}
.b-button.b-rotate-vertical {
  padding-inline: 0;
  padding-block: var(--b-button-padding-inline);
  width: var(--b-button-height);
  height: auto;
}
.b-button.b-rotate-vertical .b-button-label {
  writing-mode: vertical-lr;
}
.b-button.b-rotate-left {
  flex-direction: column-reverse;
}
.b-button.b-rotate-left .b-button-label {
  rotate: 180deg;
}
.b-button.b-rotate-left i {
  rotate: 270deg;
}
.b-button.b-rotate-right {
  flex-direction: column;
}
.b-button.b-rotate-right i {
  rotate: 90deg;
}
.b-button.b-pressed {
  --bi-button-applied-color: var(--b-button-pressed-color);
  --b-button-background: var(--b-button-pressed-background);
  --b-button-box-shadow: var(--b-button-pressed-box-shadow);
}
.b-button.b-pressed:hover {
  --b-button-background: var(--b-button-pressed-hover-background);
}
.b-button.b-icon-align-start {
  --b-button-padding-inline: var(--b-button-icon-padding-inline);
}
.b-button.b-icon-align-end {
  --b-button-padding-inline: var(--b-button-end-icon-padding-inline);
}
.b-button.b-icon-align-end .b-button-icon {
  order: 1;
}
.b-button.b-disabled {
  --b-button-color: var(--b-button-disabled-color);
  --b-button-background: var(--b-button-disabled-background);
  --b-button-opacity: var(--b-button-disabled-opacity);
  --b-button-box-shadow: none;
  --b-button-border-color: var(--b-button-disabled-border-color);
  --bi-button-cursor: normal;
}
.b-button:not(.b-text, .b-has-menu-icon, .b-tab) {
  aspect-ratio: 1 / 1;
  --b-button-padding-inline: 0;
  --b-button-border-radius: var(--b-button-icon-only-border-radius);
}
.b-button.b-has-menu-icon:not(.b-text) {
  --b-button-padding-inline: var(--b-button-menu-padding-inline);
}
.b-button .b-button-menu-icon::before {
  transition: rotate .2s;
}
.b-button.b-menu-visible .b-button-menu-icon::before {
  rotate: 180deg;
}
.b-button-custom-content {
  display: flex;
  align-items: center;
}
.b-using-keyboard .b-button-key {
  text-decoration: underline;
}
.b-split-button {
  padding-inline-end: 0;
}
.b-split-button .b-button-menu-icon {
  display: grid;
  place-content: center;
  align-self: stretch;
  transition: border .2s;
  padding-inline: var(--b-button-padding-inline);
  border-inline-start: 1px solid var(--b-button-split-color);
}
.b-split-button i:first-child {
  flex: 1 0 auto;
  text-align: end;
}
.b-split-button .b-button-label {
  flex: 1 0 auto;
  text-align: start;
}
:root,
:host {
  --b-tab-border-radius: 0;
  --b-tab-indicator-border-radius: 0;
  --b-tab-font-weight: 500;
  --b-tab-padding: 0 var(--b-widget-padding-large);
  --b-tab-icon-only-padding: 0 var(--b-widget-padding);
  --b-tab-indicator-display: block;
  --b-tab-hover-indicator-opacity: 0;
  --b-tab-background: transparent;
  --b-tab-color: var(--b-neutral-40);
  --b-tab-close-color: var(--b-neutral-50);
  --b-tab-close-hover-color: var(--b-neutral-30);
  --b-tab-active-background: var(--b-tab-background);
  --b-tab-border: null;
  --b-tab-active-border: null;
  --b-tab-hover-border: var(--b-tab-border);
  --b-tab-label-position: null;
  --b-tab-indicator-height: .2em;
  --b-tab-hover-color: var(--b-neutral-20);
  --b-tab-active-tab-color: var(--b-neutral-0);
  --b-tab-invalid-indicator-color: var(--b-color-red);
  --b-tab-indicator-hidden-color: transparent;
  --b-tab-invalid-border: null;
  --bi-tab-indicator-opacity: 0;
}
.b-button.b-tab {
  border: var(--b-tab-border);
  --b-button-background: var(--b-tab-background);
  --b-button-border-radius: var(--b-tab-border-radius);
  --b-button-hover-background: var(--b-tab-hover-background, var(--b-primary-95));
  --b-button-focused-background: var(--b-tab-focus-background, var(--b-primary-90));
  --b-button-color: var(--b-tab-color);
  --b-button-font-weight: var(--b-tab-font-weight);
  --b-button-padding: var(--b-tab-padding);
  --b-tab-indicator-applied-color: var(--b-tab-indicator-hidden-color, transparent);
}
.b-button.b-tab.b-active {
  --b-tab-border: var(--b-tab-active-border);
  --b-button-background: var(--b-tab-active-background);
  --b-tab-color: var(--b-tab-active-tab-color);
  --b-tab-indicator-applied-color: var(--b-tab-indicator-color);
  --bi-tab-indicator-opacity: 1;
}
.b-button.b-tab:hover:where(:not(.b-active)) {
  --b-tab-color: var(--b-tab-hover-color);
  --b-tab-border: var(--b-tab-hover-border);
  --b-button-background: var(--b-tab-hover-background, var(--b-primary-95));
}
.b-button.b-tab.b-invalid {
  --b-tab-indicator-applied-color: var(--b-tab-invalid-indicator-color);
  --bi-tab-indicator-opacity: 1;
  --b-tab-border: var(--b-tab-invalid-border);
}
.b-button.b-tab:not(.b-text) {
  --b-button-icon-padding: var(--b-tab-icon-only-padding);
}
.b-button.b-tab .b-button-label {
  display: grid;
  place-items: center;
  align-self: stretch;
  position: var(--b-tab-label-position);
}
.b-tab-bar.b-dock-top {
  --b-tab-indicator-inset: auto 0 0 0;
}
.b-tab-bar.b-dock-right {
  --b-tab-indicator-inset: 0 auto 0 0;
}
.b-tab-bar.b-dock-bottom {
  --b-tab-indicator-inset: 0 0 auto 0;
}
.b-tab-bar.b-dock-left {
  --b-tab-indicator-inset: 0 auto 0 0;
}
.b-tab-indicator {
  position: absolute;
  transition: opacity .2s, background .2s;
  opacity: var(--bi-tab-indicator-opacity);
  inset: var(--b-tab-indicator-inset, auto 0 0 0);
  display: var(--b-tab-indicator-display);
  background: var(--b-tab-indicator-applied-color, var(--b-tab-active-tab-color));
  block-size: var(--b-tab-indicator-height);
  border-radius: var(--b-tab-indicator-border-radius);
}
.b-tab-close {
  font-size: .8em;
  cursor: pointer;
  color: var(--b-tab-close-color);
}
.b-tab-close:hover {
  color: var(--b-tab-close-hover-color);
}
.b-tab.b-drag-proxy {
  transition: background-color 0.3s;
  opacity: 0.9;
  background-color: var(--b-toolbar-background);
}
.b-aisettings-panel {
  padding-block: 1em;
}
.b-aisettings-panel .b-field-inner {
  justify-content: end;
}
:root,
:host {
  --b-chat-button-color: #FFF;
  --b-chat-button-z-index: 10000;
}
.b-bryntum {
  --b-chat-button-background: var(--b-primary);
}
.b-chat-button.b-button {
  position: absolute;
  bottom: 1em;
  inset-inline-end: 1em;
  border: none;
  border-radius: 50%;
  font-size: 1em;
  width: 2.75em;
  height: 2.75em;
  display: grid;
  place-items: center;
  padding: 0;
  margin: 0;
  box-shadow: 0 2px 8px 0 rgba(99, 99, 99, 0.2);
  scale: 1;
  transition: scale .2s;
  min-height: 0;
  outline: none;
  z-index: var(--b-chat-button-z-index);
  color: var(--b-chat-button-color);
  background: var(--b-chat-button-background);
}
.b-chat-button.b-button .b-button-menu-icon {
  display: none;
}
.b-chat-button.b-button i {
  position: relative;
  display: grid;
  place-items: center;
  font-size: 1.3em;
}
.b-chat-button.b-button:hover {
  scale: 1.1;
}
.b-chat-button.b-button:active {
  scale: 1;
}
.b-using-keyboard .b-chat-button.b-button:focus:not(:active) {
  box-shadow: 0 0 0.8em #3183fe;
}
.b-chat-button.b-button.b-chat-button-animating i::before {
  animation: b-anim-chat-button-icon-transition .2s;
}
.b-chat-button.b-button.b-chat-closed {
  --bi-content: "\f27a";
}
.b-chat-button.b-button.b-chat-closed-previous {
  --bi-previous-content: "\f27a";
}
.b-chat-button.b-button.b-chat-open {
  --bi-content: "\f00d";
}
.b-chat-button.b-button.b-chat-open-previous {
  --bi-previous-content: "\f00d";
}
.b-chat-button.b-button.b-voice-speaking {
  --bi-content: "\e473";
}
.b-chat-button.b-button.b-voice-speaking i {
  animation: b-anim-voice-speaking .7s infinite;
}
.b-chat-button.b-button.b-voice-speaking-previous {
  --bi-previous-content: "\e473";
}
.b-chat-button.b-button.b-voice-waiting {
  --bi-content: "\f110";
  animation: b-anim-rotate 2s infinite linear;
}
.b-chat-button.b-button.b-voice-waiting-previous {
  --bi-previous-content: "\f110";
}
.b-chat-button.b-button.b-voice-active {
  --bi-content: "\f130";
}
.b-chat-button.b-button.b-voice-active i {
  animation: b-anim-voice-active 0.9s ease-out infinite;
}
.b-chat-button.b-button.b-voice-active-previous {
  --bi-previous-content: "\f130";
}
.b-chat-button.b-button.b-voice-inactive {
  --bi-content: "\f130";
  background: #AAAAAA;
}
.b-chat-button.b-button.b-voice-inactive-previous {
  --bi-previous-content: "\f130";
}
.b-chat-button.b-button .b-button-icon::before {
  content: var(--bi-content);
}
@keyframes b-anim-voice-speaking {
  0% {
    transform: none;
    opacity: 1;
  }
  49.9% {
    transform: none;
  }
  50% {
    transform: scaleX(-1);
    opacity: .5;
  }
  100% {
    transform: scaleX(-1);
    opacity: 1;
  }
}
@keyframes b-anim-voice-active {
  0%, 100% {
    transform: scale(1);
    opacity: 1;
  }
  25% {
    transform: scale(0.95);
  }
  60% {
    transform: scale(1.05);
    opacity: .8;
  }
}
@keyframes b-anim-chat-button-icon-transition {
  0% {
    font-size: 1em;
    content: var(--bi-previous-content);
  }
  50% {
    font-size: 0.1em;
  }
  100% {
    font-size: 1em;
    content: var(--bi-content);
  }
}
@starting-style {
  .b-chat-button.b-button {
    scale: 0;
  }
  .b-chat-button.b-button i:after {
    opacity: 0;
  }
}
:root,
:host {
  --b-chat-bubble-z-index: 1;
  --b-chat-panel-border-radius: 1em;
  --b-chat-panel-message-them-align-self: flex-start;
  --b-chat-panel-message-them-background: var(--b-neutral-90);
  --b-chat-panel-message-them-color: var(--b-text-2);
  --b-chat-panel-intro-color: var(--b-neutral-50);
  --b-chat-panel-example-prompt-color: var(--b-neutral-70);
  --b-chat-panel-example-prompt-hover-color: var(--b-neutral-40);
  --b-chat-panel-message-us-align-self: flex-end;
  --b-chat-panel-message-us-color: #FFF;
  --b-chat-panel-message-color: var(--b-chat-panel-message-us-color);
  --b-chat-panel-tool-color: var(--b-color-lighter-gray);
  --b-chat-panel-tool-color-active: var(--b-color-gray);
  --b-chat-panel-tool-hover-color: var(--b-color-light-gray);
  --b-chat-panel-font-size: .8em;
  --b-chat-panel-loading-color: var(--b-text-3);
  --b-chat-panel-option-hover-background: color-mix(in srgb, var(--b-chat-panel-message-us-background), transparent 90%);
  --b-chat-panel-avatar-size: 5em;
}
.b-internal {
  --bi-value: null;
}
.b-chat-bubbles {
  display: flex;
  flex-flow: column nowrap;
  gap: 0.5em;
  overflow-x: clip;
  overflow-y: auto;
}
.b-chat-bubbles:before {
  content: "";
}
.b-chat-bubbles .b-message {
  display: flex;
  flex-direction: column;
  gap: 0.2em;
  overflow: clip;
  width: 100%;
  flex-shrink: 0;
  align-self: var(--b-chat-panel-message-align-self);
}
.b-chat-bubbles .b-bubble {
  padding: 0.5em 0.75em;
  opacity: 1;
  transition: opacity .2s, translate .2s;
  translate: 0;
  min-height: 2.5em;
  line-height: 1.5em;
  max-width: 80%;
  word-wrap: break-word;
  overflow: auto;
  z-index: var(--b-chat-bubble-z-index);
  border-radius: var(--b-chat-panel-border-radius);
  align-self: var(--b-chat-panel-message-align-self);
  background: var(--b-chat-panel-message-background);
  color: var(--b-chat-panel-message-color);
}
.b-chat-bubbles .b-bubble .b-aborted {
  opacity: .3;
}
.b-chat-bubbles .b-bubble .b-failed {
  color: var(--b-color-red);
}
.b-chat-bubbles .b-bubble strong {
  font-weight: 600;
}
.b-chat-bubbles .b-undone .b-bubble {
  opacity: .3;
}
.b-chat-bubbles .b-async .b-bubble {
  width: 3.5em;
  display: flex;
  align-items: center;
  overflow: clip;
}
.b-chat-bubbles .b-async .b-asyncstatus {
  font-size: .8em;
  opacity: .8;
  padding-inline-start: .2em;
}
.b-chat-bubbles .b-bubble-loading {
  position: relative;
  inset-inline-start: -2em;
  width: .5em;
  height: .5em;
  border-radius: 50%;
  animation: b-anim-jumping-dots 2s infinite;
  box-shadow:
    calc(2em * var(--b-rtl-negate)) 0 0 0 var(--b-chat-panel-loading-color),
    calc(2.75em * var(--b-rtl-negate)) 0 0 0 var(--b-chat-panel-loading-color),
    calc(3.5em * var(--b-rtl-negate)) 0 0 0 var(--b-chat-panel-loading-color);
}
.b-chat-bubbles .b-bubble-tools {
  display: flex;
  padding-inline: 0.75em;
  gap: .5em;
  align-items: center;
  transition: opacity .2s, translate .2s;
  transition-delay: .2s;
  justify-content: var(--b-chat-panel-message-them-align-self);
}
.b-chat-bubbles .b-bubble-tools .b-undone-tag {
  border-radius: 1em;
  font-size: .75em;
  padding-inline: .5em;
  background: var(--b-color-red);
  color: var(--b-neutral-100);
}
.b-chat-bubbles .b-bubble-tool {
  font-size: var(--b-chat-panel-font-size);
  color: var(--b-chat-panel-tool-color);
}
.b-chat-bubbles .b-bubble-tool:hover {
  --b-chat-panel-tool-color: var(--b-chat-panel-tool-hover-color);
}
.b-chat-bubbles button.b-bubble-tool {
  cursor: pointer;
  border: none;
  background: transparent;
  padding-inline: 0;
}
.b-chat-bubbles .b-timestamp {
  font-size: .7em;
  color: var(--b-chat-panel-tool-color);
}
.b-chat-bubbles .b-us {
  --b-chat-panel-message-align-self: var(--b-chat-panel-message-us-align-self);
  --b-chat-panel-message-background: var(--b-chat-panel-message-us-background, var(--b-primary));
  --b-chat-panel-message-color: var(--b-chat-panel-message-us-color);
}
.b-chat-bubbles .b-them {
  --b-chat-panel-message-align-self: var(--b-chat-panel-message-them-align-self);
  --b-chat-panel-message-background: var(--b-chat-panel-message-them-background);
  --b-chat-panel-message-color: var(--b-chat-panel-message-them-color);
}
.b-chat-bubbles .b-confidence {
  position: relative;
  width: 1em;
  height: .6em;
  border-radius: .25em;
  border: 1px solid var(--b-chat-panel-tool-color);
  overflow: clip;
}
.b-chat-bubbles .b-confidence::before {
  display: block;
  position: absolute;
  content: "";
  height: 100%;
  opacity: 0.6;
  width: calc(var(--bi-value) * 100%);
  background: var(--b-chat-panel-tool-color);
}
.b-chat-bubbles .b-options {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .5em;
  opacity: 1;
  transition:
    height .2s,
    opacity .2s,
    gap .2s;
  height: auto;
  overflow: hidden;
  align-items: var(--b-chat-panel-message-us-align-self);
}
.b-chat-bubbles .b-options:has(.b-selected) {
  gap: 0;
}
.b-chat-bubbles .b-options:has(.b-selected) .b-option {
  pointer-events: none;
}
.b-chat-bubbles .b-options:has(.b-selected) .b-option:not(.b-selected) {
  opacity: 0;
  height: 0;
  min-height: 0;
  padding-block: 0;
  display: none;
  transition-delay: 0s;
}
.b-chat-bubbles .b-option {
  background: none;
  font-size: 1em;
  padding: 0.5em 0.75em;
  opacity: 1;
  transition:
    opacity .2s,
    translate .2s,
    height .2s,
    min-height .2s,
    padding .2s,
    display .2s;
  transition-delay: .2s;
  translate: 0;
  min-height: 2.5em;
  line-height: 1.5em;
  overflow: hidden;
  transition-behavior: allow-discrete;
  interpolate-size: allow-keywords;
  border: 1px solid var(--b-chat-panel-tool-color);
  border-radius: var(--b-chat-panel-border-radius);
}
.b-chat-bubbles .b-option:not(.b-outdated):hover {
  cursor: pointer;
  background: var(--b-chat-panel-option-hover-background);
}
.b-chat-bubbles .b-option.b-selected {
  border: none;
  background: var(--b-chat-panel-message-us-background, var(--b-primary));
  color: var(--b-chat-panel-message-us-color);
}
.b-chat-bubbles .b-option:nth-child(2) {
  transition-delay: .3s;
}
.b-chat-bubbles .b-option:nth-child(3) {
  transition-delay: .4s;
}
.b-chat-bubbles .b-option:nth-child(4) {
  transition-delay: .5s;
}
.b-chat-bubbles .b-option:nth-child(5) {
  transition-delay: .6s;
}
.b-chat-bubbles .b-option:nth-child(6) {
  transition-delay: .7s;
}
.b-chat-bubbles .b-option.b-outdated {
  opacity: .3;
  transition-delay: 0s;
}
.b-chat-bubbles .b-bottom-anchor {
  min-height: 1px;
}
@starting-style {
  .b-chat-bubbles.b-animate .b-bubble {
    opacity: 0;
    translate: 0 1em;
  }
  .b-chat-bubbles.b-animate .b-bubble-tools {
    opacity: 0;
    translate: 0 -1em;
  }
  .b-chat-bubbles.b-animate .b-option {
    translate: -100% 0;
    opacity: 0;
  }
}
@keyframes b-anim-jumping-dots {
  0%, 33.333%, 66.667%, 100% {
    box-shadow:
      calc(2em * var(--b-rtl-negate)) 0 0 0 var(--b-chat-panel-loading-color),
      calc(2.75em * var(--b-rtl-negate)) 0 0 0 var(--b-chat-panel-loading-color),
      calc(3.5em * var(--b-rtl-negate)) 0 0 0 var(--b-chat-panel-loading-color);
  }
  16.667%, 50%, 83.333% {
    box-shadow:
      calc(2em * var(--b-rtl-negate)) -.5em 0 0 var(--b-chat-panel-loading-color),
      calc(2.75em * var(--b-rtl-negate)) 0 0 0 var(--b-chat-panel-loading-color),
      calc(3.5em * var(--b-rtl-negate)) 0 0 0 var(--b-chat-panel-loading-color);
  }
  33.333% {
    box-shadow:
      calc(2em * var(--b-rtl-negate)) 0 0 0 var(--b-chat-panel-loading-color),
      calc(2.75em * var(--b-rtl-negate)) 0 0 0 var(--b-chat-panel-loading-color),
      calc(3.5em * var(--b-rtl-negate)) 0 0 0 var(--b-chat-panel-loading-color);
  }
  50% {
    box-shadow:
      calc(2em * var(--b-rtl-negate)) 0 0 0 var(--b-chat-panel-loading-color),
      calc(2.75em * var(--b-rtl-negate)) -.5em 0 0 var(--b-chat-panel-loading-color),
      calc(3.5em * var(--b-rtl-negate)) 0 0 0 var(--b-chat-panel-loading-color);
  }
  66.667% {
    box-shadow:
      calc(2em * var(--b-rtl-negate)) 0 0 0 var(--b-chat-panel-loading-color),
      calc(2.75em * var(--b-rtl-negate)) 0 0 0 var(--b-chat-panel-loading-color),
      calc(3.5em * var(--b-rtl-negate)) 0 0 0 var(--b-chat-panel-loading-color);
  }
  83.333% {
    box-shadow:
      calc(2em * var(--b-rtl-negate)) 0 0 0 var(--b-chat-panel-loading-color),
      calc(2.75em * var(--b-rtl-negate)) 0 0 0 var(--b-chat-panel-loading-color),
      calc(3.5em * var(--b-rtl-negate)) -.5em 0 0 var(--b-chat-panel-loading-color);
  }
  100% {
    box-shadow:
      calc(2em * var(--b-rtl-negate)) 0 0 0 var(--b-chat-panel-loading-color),
      calc(2.75em * var(--b-rtl-negate)) 0 0 0 var(--b-chat-panel-loading-color),
      calc(3.5em * var(--b-rtl-negate)) 0 0 0 var(--b-chat-panel-loading-color);
  }
}
.b-chat-panel-mixin.b-panel > header:after {
  display: none;
}
.b-float-root > .b-chat-panel-mixin.b-panel.b-floating {
  --b-aligned-above-floating-box-shadow: var(--b-widget-floating-box-shadow );
}
.b-chat-panel-mixin.b-panel .b-chat-panel-mixin-content {
  --b-panel-with-header-padding: 0;
  padding: 0;
}
.b-chat-panel-mixin.b-panel .b-chat-panel-mixin-content > div {
  padding-inline: 1em;
}
.b-chat-panel-mixin.b-panel .b-chat-bubbles {
  padding-top: 1em;
  flex: 1;
}
.b-chat-panel-mixin.b-panel .b-intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: .5em;
  text-align: center;
  margin-bottom: 1em;
  color: var(--b-chat-panel-intro-color);
}
.b-chat-panel-mixin.b-panel .b-intro div {
  line-height: 1.5em;
}
.b-chat-panel-mixin.b-panel .b-intro .b-chat-avatar {
  border-radius: 50%;
  margin-bottom: 1em;
  background: var(--b-primary);
  width: var(--b-chat-panel-avatar-size);
}
.b-chat-panel-mixin.b-panel .b-example-prompt {
  font-size: .9em;
  font-style: italic;
  cursor: pointer;
  color: var(--b-chat-panel-example-prompt-color);
}
.b-chat-panel-mixin.b-panel .b-example-prompt::before {
  content: '"';
}
.b-chat-panel-mixin.b-panel .b-example-prompt::after {
  content: '"';
}
.b-chat-panel-mixin.b-panel .b-example-prompt:hover {
  color: var(--b-chat-panel-example-prompt-hover-color);
}
.b-chat-panel-mixin.b-panel .b-text-area-field {
  padding-bottom: 1em;
}
.b-chat-panel-mixin.b-panel .b-text-area-field .b-field-inner {
  border-radius: var(--b-chat-panel-border-radius);
}
.b-chat-panel-mixin.b-panel .b-text-area-field textarea,
.b-chat-panel-mixin.b-panel .b-text-area-field [contenteditable] {
  max-height: 10em;
}
.b-chat-panel-mixin.b-panel .b-text-area-field.b-multiline textarea,
.b-chat-panel-mixin.b-panel .b-text-area-field.b-multiline [contenteditable] {
  -webkit-mask-image:
    linear-gradient(
      to bottom,
      transparent,
      black 1em,
      black calc(100% - 1em),
      transparent);
  mask-image:
    linear-gradient(
      to bottom,
      transparent,
      black 1em,
      black calc(100% - 1em),
      transparent);
}
.b-chat-panel-mixin.b-panel .b-text-area-field .b-field-trigger {
  overflow: visible;
  color: var(--b-chat-panel-tool-color);
}
.b-chat-panel-mixin.b-panel .b-text-area-field .b-field-trigger:before {
  font-size: 1.5em;
}
.b-chat-panel-mixin.b-panel .b-text-area-field .b-field-trigger:hover:not(.b-ai-context-chip) {
  color: var(--b-chat-panel-tool-hover-color);
}
.b-chat-panel-mixin.b-panel .b-text-area-field .b-field-trigger.b-send-chat-msg {
  transition: color .2s;
}
.b-using-keyboard :is(.b-chat-panel-mixin.b-panel .b-text-area-field .b-field-trigger).b-icon-mic:focus {
  padding-inline-end: 0;
  outline-offset: .4em;
  margin-inline-end: var(--b-field-trigger-edge-gap);
}
.b-chat-panel-mixin.b-panel .b-text-area-field .b-send-chat-msg:not(.b-disabled) {
  color: var(--b-chat-panel-tool-color-active);
}
.b-chat-panel-mixin.b-panel.b-chat-tools-below .b-text-area-field .b-field-inner,
.b-chat-panel-mixin.b-panel .b-text-area-field.b-multiline .b-field-inner {
  flex-wrap: wrap;
  justify-content: flex-end;
  padding-bottom: .7em;
}
.b-chat-panel-mixin.b-panel .b-ai-context-chip.b-field-trigger {
  font-size: .8em;
  cursor: pointer;
  gap: .5em;
  display: flex;
  flex-direction: row;
  margin-inline-end: auto;
  border-radius: 1em;
  padding-block: .4em;
  background-color: var(--b-chat-panel-tool-color);
  color: var(--b-color-black);
  padding-inline-start: var(--b-field-trigger-edge-gap);
  margin-inline-start: var(--b-field-trigger-edge-gap);
}
.b-chat-panel-mixin.b-panel .b-ai-context-chip.b-field-trigger span {
  padding: 0;
}
.b-chat-panel-mixin.b-panel .b-ai-context-chip.b-field-trigger:hover {
  background-color: var(--b-chat-panel-tool-hover-color);
}
.b-is-speaking button.b-bubble-tool[data-ref=readAloud] {
  color: blue;
}
.b-aichat-panel-mixin.b-panel .b-text-area-field .b-is-recording {
  color: blue;
}
.b-aichat-panel-mixin.b-panel .b-text-area-field .b-is-recording:hover {
  color: blue;
}
.b-bubble ul,
.b-bubble ol {
  padding-inline-start: 1em;
}
.b-bubble > p:first-child {
  margin-block-start: 0;
}
.b-bubble > p:last-child {
  margin-block-end: 0;
}
.b-aichat-panel-mixin .b-panel-header .b-tool[data-ref=offline] {
  color: #f99d9d;
}
.b-bubble-mention-tag {
  font-weight: 600;
  border-radius: .25em;
  padding-inline: .2em;
  background-color: color-mix(in srgb, var(--b-chat-panel-message-color), transparent 85%);
}
.b-confirmation-dialog {
  container-type: inline-size;
}
.b-confirmation-dialog .b-approve-button {
  --b-primary: var(--b-color-green);
}
.b-confirmation-dialog .b-reject-button {
  --b-primary: var(--b-color-red);
}
.b-confirmation-dialog .b-message-icon {
  font-size: 2em;
  color: var(--b-primary);
}
.b-confirmation-dialog .b-change-message {
  align-items: center;
}
.b-confirmation-dialog .b-confirmation-dialog-content > * {
  white-space: nowrap;
}
.b-confirmation-dialog .b-records-item {
  background-color: var(--b-neutral-90);
  display: flex;
  align-items: center;
  border-radius: 1em;
  padding: .5em;
}
.b-inline-item > .b-confirmation-dialog {
  --b-popup-background: var(--b-neutral-97);
  border-radius: var(--b-chat-panel-border-radius);
  font-size: .9em;
  flex-shrink: 0;
}
.b-inline-item > .b-confirmation-dialog .b-toolbar-content {
  --b-toolbar-padding: var(--b-panel-padding);
}
@container (max-width: 460px) {
  .b-inline-item > .b-confirmation-dialog .b-approve-button .b-button-label,
  .b-inline-item > .b-confirmation-dialog .b-reject-button .b-button-label {
    display: none;
  }
}
@container (max-width: 360px) {
  .b-inline-item > .b-confirmation-dialog .b-highlight-button .b-button-label,
  .b-inline-item > .b-confirmation-dialog .b-preview-button .b-button-label {
    display: none;
  }
}
.b-confirmation-dialog-popup {
  width: 80%;
  max-width: 42em;
}
.b-confirmation-dialog-popup:not(.b-centered, .b-dragged-by-user) {
  top: .5em;
  inset-inline-start: calc(100% - .5em);
  translate: -100%;
  transition: top .4s ease, inset-inline-start .4s ease;
}
@container (max-width: 550px) {
  .b-confirmation-dialog-popup .b-approve-button .b-button-label,
  .b-confirmation-dialog-popup .b-reject-button .b-button-label {
    display: none;
  }
}
@container (max-width: 380px) {
  .b-confirmation-dialog-popup .b-highlight-button .b-button-label,
  .b-confirmation-dialog-popup .b-preview-button .b-button-label {
    display: none;
  }
}
.b-panel.b-checkbox-group {
  gap: var(--bi-field-gap);
}
.b-panel.b-checkbox-group .b-fieldset-content.b-inline {
  flex-wrap: wrap;
}
.b-panel.b-checkbox-group .b-fieldset-content.b-inline label {
  white-space: nowrap;
}
.b-panel.b-checkbox-group.b-invalid .b-checkbox label:before {
  outline-offset: 2px;
  outline: 1px solid var(--b-color-red);
}
:root,
:host {
  --b-container-gap: var(--b-widget-gap);
  --b-container-padding: 0;
  --b-container-color: var(--b-widget-color);
  --b-divider-font-size: .9em;
  --b-divider-line-color: var(--b-border-5);
  --b-divider-text-color: var(--b-border-4);
  --b-divider-font-weight: null;
  --b-divider-margin-block: 1em;
  --b-container-border-width: 1px;
  --b-container-border-color: var(--b-border-7);
  --b-divider-text-z-index: 1;
}
.b-internal {
  --bi-container-columns: null;
}
.b-container {
  min-width: 0;
  min-height: 0;
  color: var(--b-container-color);
  gap: var(--b-container-gap);
  padding: var(--b-container-padding);
  align-content: var(--b-container-align-content);
}
.b-container:where(:not(.b-panel)) {
  display: grid;
  grid-auto-rows: min-content;
}
.b-container:where(:not(.b-panel)).b-columns {
  grid-template-columns: repeat(var(--bi-container-columns), auto);
}
.b-container.b-vbox {
  display: flex;
  flex-direction: column;
}
.b-container.b-vbox.b-single-child:not(.b-toolbar-content) > .b-container {
  align-self: stretch;
  flex: 1 1 auto;
}
.b-container.b-hbox {
  display: flex;
  flex-flow: row nowrap;
}
.b-container.b-hbox.b-single-child:not(.b-toolbar-content) > .b-container {
  align-self: stretch;
  flex: 1 1 auto;
}
.b-container.b-field-align-end .b-field-inner {
  justify-content: flex-end;
  justify-self: end;
}
.b-container.b-bordered {
  border: var(--b-container-border-width) solid var(--b-container-border-color);
  border-radius: var(--b-widget-border-radius);
}
.b-content-element:has(> .b-splitter) {
  gap: 0;
}
.b-content-element:has(> .b-splitter.b-moving) * {
  transition: none !important;
}
:is(.b-container, .b-panel).b-label-align-before {
  --b-field-align-before-label-column: span 1;
  --b-field-align-before-field-column: span 1;
}
.b-container.b-label-align-before,
.b-panel.b-label-align-before > .b-panel-body-wrap > .b-panel-content,
.b-panel.b-label-align-before > .b-panel-overlay > .b-panel-body-wrap > .b-panel-content {
  grid-template-columns: repeat(var(--bi-container-columns, 1), max-content 1fr);
  grid-auto-rows: min-content;
}
:is(.b-container.b-label-align-before, .b-panel.b-label-align-before > .b-panel-body-wrap > .b-panel-content, .b-panel.b-label-align-before > .b-panel-overlay > .b-panel-body-wrap > .b-panel-content) > .b-has-label {
  display: contents;
  --b-field-label-padding: 0;
}
:is(.b-container.b-label-align-before, .b-panel.b-label-align-before > .b-panel-body-wrap > .b-panel-content, .b-panel.b-label-align-before > .b-panel-overlay > .b-panel-body-wrap > .b-panel-content) > .b-has-label > label {
  grid-row: auto;
}
:is(.b-container.b-label-align-before, .b-panel.b-label-align-before > .b-panel-body-wrap > .b-panel-content, .b-panel.b-label-align-before > .b-panel-overlay > .b-panel-body-wrap > .b-panel-content) > .b-has-label > .b-field-inner {
  grid-row: auto;
}
.b-content-element {
  position: relative;
}
.b-content-element.b-text-content {
  display: block;
  overflow: auto;
}
.b-divider {
  justify-content: center;
  grid-column: 1 / -1;
  margin-block: var(--b-divider-margin-block);
}
.b-divider::before {
  content: "";
  width: 100%;
  border-bottom: 1px solid var(--b-divider-line-color);
  position: absolute;
  top: 50%;
}
.b-divider[data-text]::after {
  display: flex;
  padding: 0 1em;
  content: attr(data-text);
  z-index: var(--b-divider-text-z-index);
  color: var(--b-divider-text-color);
  background: var(--b-parent-background-color, var(--b-panel-background));
  font-size: var(--b-divider-font-size);
  font-weight: var(--b-divider-font-weight);
}
.b-undo-redo-base.b-toolbar {
  gap: 0.5em;
  align-items: center;
}
:root,
:host {
  --b-button-group-border-width: 0px;
  --b-button-group-border-radius: var(--b-button-border-radius);
  --b-button-group-box-shadow: none;
  --b-button-group-border-color: transparent;
  --b-button-group-padded-padding: 0.3em;
  --b-button-group-padded-background: var(--b-neutral-95);
  --b-button-group-padded-active-background: var(--b-neutral-97);
  --b-button-group-padded-pressed-background: var(--b-neutral-100);
  --b-button-group-padded-pressed-hover-background: var(--b-neutral-98);
  --b-button-group-padded-pressed-box-shadow:
    0 1px 3px 0 rgb(0 0 0 /0.05),
    0 1px 1px 0 rgb(0 0 0 /0.04),
    0 2px 1px -1px rgb(0 0 0 /0.03);
  --b-button-group-padded-pressed-border: null;
  --b-button-group-padded-button-opacity: 0.5;
  --b-button-group-padded-border: null;
  --b-button-group-padded-filled-pressed-color: var(--b-neutral-100);
  --b-button-group-focus-z-index: 3;
  --b-button-group-pressed-z-index: 2;
}
.b-bryntum {
  --b-button-group-padded-filled-pressed-background: var(--b-primary-50);
  --b-button-group-padded-filled-pressed-hover-background: var(--b-primary-55);
}
.b-button-group {
  display: flex;
  gap: 0;
  flex-shrink: 0;
  align-items: center;
  width: min-content;
  height: min-content;
  transition-property:
    box-shadow,
    border,
    opacity,
    background;
  box-shadow: var(--b-button-group-box-shadow);
  border: var(--b-button-group-border-width) solid var(--b-button-group-border-color);
  opacity: var(--bi-button-group-opacity, 1);
  transition-duration: var(--b-default-transition-duration);
}
.b-button-group.b-columned {
  width: 100%;
  flex-wrap: wrap;
}
.b-button-group.b-button-group-tonal .b-button {
  --bi-button-group-button-border-end-width: 1px;
  --b-button-group-border-color: color-mix(in oklab, var(--b-button-tonal-color), transparent 80%);
}
.b-button-group.b-button-group-elevated {
  --b-button-group-box-shadow: var(--b-button-elevated-box-shadow);
}
.b-button-group.b-button-group-outlined {
  --b-button-group-border-color: var(--b-button-outlined-border-color);
  --b-button-group-border-width: var(--b-button-outlined-border-width);
  --bi-button-group-button-border-end-width: var(--b-button-outlined-border-width);
}
.b-button-group.b-button-group-outlined.b-disabled {
  --b-button-group-border-color: var(--b-button-outlined-disabled-border-color);
  --bi-button-group-opacity: var(--b-button-disabled-opacity);
}
.b-button-group.b-button-group-outlined.b-disabled .b-button {
  --b-button-disabled-opacity: 1;
}
.b-button-group.b-rotate-vertical {
  flex-direction: column;
}
.b-button-group .b-button {
  --b-button-border-width: 0;
  --b-button-box-shadow: none;
}
.b-button-group .b-button:not(.b-button-text) {
  --b-button-border-radius: 0;
}
.b-button-group .b-button:not(.b-last-visible-child) {
  border-inline-end: var(--bi-button-group-button-border-end-width) solid var(--b-button-group-border-color);
}
.b-button-group .b-button:not(.b-text, .b-button-text) {
  aspect-ratio: unset;
  min-width: 3.25em;
}
.b-button-group .b-button:focus {
  z-index: var(--b-button-group-focus-z-index);
}
.b-button-group .b-pressed {
  z-index: var(--b-button-group-pressed-z-index);
}
.b-button-group:where(.b-no-gap:not(.b-button-group-text, .b-button-group-padded, .b-button-group-padded-filled)) {
  border-radius: var(--b-button-group-border-radius);
}
.b-button-group:where(.b-no-gap:not(.b-button-group-text, .b-button-group-padded, .b-button-group-padded-filled)) .b-first-visible-child {
  border-start-start-radius: calc(var(--b-button-group-border-radius) - var(--b-button-group-border-width));
  border-end-start-radius: calc(var(--b-button-group-border-radius) - var(--b-button-group-border-width));
}
.b-button-group:where(.b-no-gap:not(.b-button-group-text, .b-button-group-padded, .b-button-group-padded-filled)) .b-last-visible-child {
  border-start-end-radius: calc(var(--b-button-group-border-radius) - var(--b-button-group-border-width));
  border-end-end-radius: calc(var(--b-button-group-border-radius) - var(--b-button-group-border-width));
}
.b-button-group-padded,
.b-button-group-padded-filled {
  background: var(--b-button-group-padded-background);
  border-radius: var(--b-button-group-border-radius);
  padding: var(--b-button-group-padded-padding);
  border: var(--b-button-group-padded-border);
  gap: 3px;
}
:is(.b-button-group-padded, .b-button-group-padded-filled) .b-button {
  background: transparent;
  transition-property:
    opacity,
    background,
    box-shadow,
    border;
  transition-duration: var(--b-default-transition-duration);
  border-radius: calc(var(--b-button-group-border-radius) - 1px);
  height: calc(var(--b-button-height) - var(--b-button-group-padded-padding) * 2);
  opacity: var(--b-button-group-padded-button-opacity);
}
:is(.b-button-group-padded, .b-button-group-padded-filled) .b-button:hover,
:is(.b-button-group-padded, .b-button-group-padded-filled) .b-button.b-pressed {
  opacity: 1;
}
:is(.b-button-group-padded, .b-button-group-padded-filled) .b-button:active {
  background: var(--b-button-group-padded-active-background);
}
:is(.b-button-group-padded, .b-button-group-padded-filled) .b-button.b-pressed {
  background: var(--b-button-group-padded-pressed-background);
  border: var(--b-button-group-padded-pressed-border);
  box-shadow: var(--b-button-group-padded-pressed-box-shadow);
}
:is(.b-button-group-padded, .b-button-group-padded-filled):not(.b-toggle-group) {
  gap: var(--b-button-group-padded-padding);
}
:is(.b-button-group-padded, .b-button-group-padded-filled):not(.b-toggle-group) .b-button.b-pressed:hover {
  background: var(--b-button-group-padded-pressed-hover-background);
}
.b-button-group-padded-filled .b-button.b-pressed {
  box-shadow: none;
  background: var(--b-button-group-padded-filled-pressed-background);
  color: var(--b-button-group-padded-filled-pressed-color);
}
.b-button-group-padded-filled:not(.b-toggle-group) .b-button.b-pressed:hover {
  background: var(--b-button-group-padded-filled-pressed-hover-background);
}
:root,
:host {
  --b-editor-background: transparent;
  --b-editor-border-radius: var(--b-widget-border-radius);
}
.b-editor {
  display: flex;
  overflow: visible;
  background: var(--b-editor-background);
  border-radius: var(--b-editor-border-radius);
}
.b-editor .b-label {
  display: none;
}
.b-editor .b-field {
  display: flex;
  width: 100%;
  height: 100%;
  --b-text-field-input-height: 100%;
}
.b-editor .b-field-inner {
  height: 100%;
}
.b-field-filter-picker {
  display: flex;
  flex-flow: row wrap;
  overflow: visible;
  --b-container-gap: 1em;
  --b-text-field-default-width: 100%;
}
.b-field-filter-picker-property,
.b-field-filter-picker-operator,
.b-field-filter-picker-values,
.b-field-filter-picker-case-sensitive,
.b-field-filter-picker-values-multiple {
  flex: 1;
  min-width: 10em;
}
:is(.b-field-filter-picker-property, .b-field-filter-picker-operator, .b-field-filter-picker-values, .b-field-filter-picker-case-sensitive, .b-field-filter-picker-values-multiple).b-hidden {
  display: none;
}
.b-field-filter-picker-values-multiple {
  display: flex;
  align-items: center;
  gap: var(--b-container-gap);
}
.b-field-filter-picker-values-multiple .b-field {
  flex: 1;
}
.b-combo.b-field-filter-picker-combo-locked {
  margin-top: .25em;
  --b-text-field-border-width: 0;
  --b-text-field-input-padding: 0;
  --b-text-field-input-height: 3em;
  --b-text-field-background: transparent;
}
:root,
:host {
  --b-panel-gap: var(--b-widget-gap);
  --b-panel-background: var(--b-neutral-100);
  --b-panel-header-color: var(--b-widget-color);
  --b-panel-overlay-box-shadow: var(--b-elevation-1);
  --b-panel-drawer-box-shadow: var(--b-elevation-4);
  --b-panel-header-font-size: 1.2em;
  --b-panel-header-font-weight: calc(var(--b-widget-font-weight) + 100);
  --b-panel-header-text-align: start;
  --b-panel-header-gap: var(--b-widget-gap);
  --b-panel-padding: var(--b-widget-padding-large);
  --b-panel-with-header-padding: var(--b-panel-padding);
  --b-panel-bottom-toolbar-padding: var(--b-widget-padding-large);
  --b-panel-bottom-toolbar-background: transparent;
  --b-panel-top-toolbar-margin-inline: null;
  --b-panel-top-toolbar-border-radius: null;
  --b-panel-with-header-top-toolbar-background: var(--b-neutral-97);
  --b-panel-header-padding: var(--b-widget-padding-large);
  --b-panel-border: null;
  --b-panel-header-background: transparent;
  --b-drawer-size: 30em;
  --b-panel-overlay-border: null;
  --b-default-panel-transition:
    background var(--b-default-transition-duration),
    color var(--b-default-transition-duration),
    border-color var(--b-default-transition-duration);
  --b-panel-body-wrap-z-index: 0;
  --b-panel-header-z-index: 1;
  --b-panel-overlay-z-index: 1;
  --b-panel-collapsing-header-z-index: -1;
  --b-panel-collapser-z-index: 0;
}
.b-panel {
  display: flex;
  flex-direction: column;
  gap: 0;
  outline: none;
  transition: var(--b-default-panel-transition);
  overflow: clip;
  background: var(--b-panel-background);
  border: var(--b-panel-border);
}
.b-panel.b-columns .b-panel-content {
  display: grid;
  grid-auto-rows: min-content;
  grid-template-columns: repeat(var(--bi-container-columns), auto);
}
.b-panel.b-panel-has-header > .b-panel-body-wrap > .b-top-toolbar:not(.b-tab-bar) {
  margin-inline: var(--b-panel-top-toolbar-margin-inline);
  border-radius: var(--b-panel-top-toolbar-border-radius);
  background: var(--b-panel-with-header-top-toolbar-background);
}
.b-panel > .b-panel-overlay,
.b-panel > .b-panel-body-wrap {
  z-index: var(--b-panel-body-wrap-z-index);
}
.b-panel > .b-panel-collapse-size-locker {
  position: absolute !important;
}
.b-panel .b-panel-overlay-right {
  border-inline-start: var(--b-panel-overlay-border);
}
.b-panel:not(.b-panel-collapsible-overlay).b-collapsed > .b-panel-collapse-size-locker {
  clip: rect(0, 0, 0, 0);
}
:is(.b-panel:not(.b-panel-collapsible-overlay).b-panel-collapse-down:not(.b-panel-has-header), .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-bottom.b-panel-collapse-down, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-bottom.b-panel-collapse-up) > .b-panel-collapse-size-locker {
  top: 0;
}
:is(.b-panel:not(.b-panel-collapsible-overlay).b-panel-collapse-up:not(.b-panel-has-header), .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-top.b-panel-collapse-up, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-top.b-panel-collapse-down) > .b-panel-collapse-size-locker {
  bottom: 0;
}
:is(.b-panel:not(.b-panel-collapsible-overlay).b-panel-collapse-left:not(.b-panel-has-header), .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-left.b-panel-collapse-left, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-left.b-panel-collapse-right) > .b-panel-collapse-size-locker {
  right: 0;
}
:is(.b-panel:not(.b-panel-collapsible-overlay).b-panel-collapse-right:not(.b-panel-has-header), .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-right.b-panel-collapse-left, .b-panel:not(.b-panel-collapsible-overlay).b-header-dock-right.b-panel-collapse-right) > .b-panel-collapse-size-locker {
  left: 0;
}
.b-panel.b-panel-collapsible-overlay {
  background: transparent;
}
.b-panel.b-panel-collapsible-overlay:not(.b-collapsing, .b-expanding, .b-panel-overlay-revealed, .b-panel-overlay-revealing) > .b-panel-overlay > .b-panel-overlay-header {
  display: none;
}
.b-panel.b-panel-collapsible-overlay.b-panel-overlay-revealed > .b-panel-overlay {
  box-shadow: var(--b-panel-overlay-box-shadow);
  overflow: visible;
}
.b-panel.b-panel-collapsible-overlay > .b-panel-header {
  transition: translate 0.2s ease-in-out;
}
.b-panel.b-panel-collapsible-overlay.b-collapsed > .b-panel-header > .b-collapsify-hide {
  display: none;
}
:is(.b-panel.b-panel-collapsible-overlay.b-collapsing, .b-panel.b-panel-collapsible-overlay.b-expanding) > .b-panel-header {
  opacity: 0;
}
.b-panel.b-panel-collapsible-overlay:not(.b-collapsed, .b-collapsing) > .b-panel-overlay > .b-panel-overlay-header {
  display: none;
}
.b-panel.b-panel-collapsible-overlay.b-collapsing,
.b-panel.b-panel-collapsible-overlay.b-expanding,
.b-panel.b-panel-collapsible-overlay.b-panel-overlay-revealing,
.b-panel.b-panel-collapsible-overlay.b-panel-overlay-revealed {
  overflow: visible;
  z-index: var(--b-panel-overlay-z-index);
}
.b-panel.b-panel-collapsible-overlay.b-collapsing {
  overflow: visible;
}
.b-panel.b-panel-collapsible-overlay.b-collapsing > .b-panel-header {
  z-index: var(--b-panel-collapsing-header-z-index);
}
.b-panel.b-panel-collapsible-overlay.b-collapsing.b-panel-collapse-up > .b-panel-header {
  translate: 0 -100%;
}
.b-panel.b-panel-collapsible-overlay.b-collapsing.b-panel-collapse-down > .b-panel-header {
  translate: 0 100%;
}
.b-panel.b-panel-collapsible-overlay.b-collapsing.b-panel-collapse-right > .b-panel-header {
  translate: 100% 0;
}
.b-panel.b-panel-collapsible-overlay.b-collapsing.b-panel-collapse-left > .b-panel-header {
  translate: -100% 0;
}
.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding) {
  border: none;
}
.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding) > .b-panel-collapse-size-locker {
  transition:
    translate 0.2s cubic-bezier(0.06, 1.1, 0.58, 1),
    clip-path 0.2s ease-out,
    top 0.2s ease-out,
    right 0.2s ease-out,
    bottom 0.2s ease-out,
    left 0.2s ease-out;
}
.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-up > .b-panel-collapse-size-locker {
  translate: 0 -100%;
}
.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-up.b-panel-overlay-revealed > .b-panel-collapse-size-locker {
  clip-path: inset(0 0 -20px 0);
  translate: 0 0;
}
.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-down > .b-panel-collapse-size-locker {
  translate: 0 100%;
}
.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-down.b-panel-overlay-revealed > .b-panel-collapse-size-locker {
  clip-path: inset(-20px 0 0 0);
  translate: 0 0;
}
.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-left > .b-panel-collapse-size-locker {
  translate: -100% 0;
}
.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-left.b-panel-overlay-revealed > .b-panel-collapse-size-locker {
  clip-path: inset(0 -20px 0 0);
  translate: 0 0;
}
.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-right > .b-panel-collapse-size-locker {
  translate: 100% 0;
}
.b-panel.b-panel-collapsible-overlay.b-collapsed:not(.b-expanding).b-panel-collapse-right.b-panel-overlay-revealed > .b-panel-collapse-size-locker {
  clip-path: inset(0 0 0 -20px);
  translate: 0 0;
}
.b-panel.b-panel-collapsible-overlay.b-expanding {
  flex: none !important;
  overflow: visible;
}
.b-panel.b-header-dock-right,
.b-panel.b-header-dock-bottom {
  justify-content: flex-end;
}
.b-panel.b-collapsed:not(.b-expanding, .b-panel-overlay-revealed, .b-panel-overlay-revealing) {
  visibility: hidden;
  flex: 0 1 0;
}
.b-panel.b-collapsed > .b-panel-collapse-revealer {
  visibility: visible;
  cursor: pointer;
}
.b-panel.b-collapsed > .b-panel-collapse-revealer.b-dock-right,
.b-panel.b-collapsed > .b-panel-collapse-revealer .b-dock-left {
  height: 100%;
  border-block: none;
}
.b-panel .b-panel-collapser-header {
  display: none;
}
.b-panel.b-collapse-unflex {
  flex-grow: unset !important;
  flex-basis: unset !important;
  flex-shrink: 0 !important;
}
:is(.b-panel.b-collapsed, .b-panel.b-collapsing) .b-panel-collapser-header {
  display: flex;
}
:is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-top,
:is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-bottom {
  min-height: auto !important;
}
:is(:is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-top, :is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-bottom).b-panel-collapsible-overlay:not(.b-panel-overlay-revealed, .b-panel-overlay-revealing) {
  height: unset !important;
}
.b-vbox > :is(:is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-top, :is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-bottom) {
  flex: none !important;
}
:is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-right,
:is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-left {
  min-width: auto !important;
}
:is(:is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-right, :is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-left).b-panel-collapsible-overlay:not(.b-panel-overlay-revealed, .b-panel-overlay-revealing) {
  width: unset !important;
}
.b-hbox > :is(:is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-right, :is(.b-panel.b-collapsed, .b-panel.b-collapsing).b-header-dock-left) {
  flex: none !important;
}
.b-panel.b-collapsed:not(.b-expanding, .b-panel-overlay-revealed, .b-panel-overlay-revealing).b-header-dock-right,
.b-panel.b-collapsed:not(.b-expanding, .b-panel-overlay-revealed, .b-panel-overlay-revealing).b-header-dock-left {
  width: unset !important;
  flex: unset !important;
}
.b-drawer-panel {
  --b-panel-overlay-box-shadow: var(--b-panel-drawer-box-shadow);
}
.b-drawer-panel:not(.b-positioned, .b-floating) {
  flex: unset;
}
.b-drawer-panel.b-panel-overlay-revealed > header.b-panel-collapse-revealer {
  display: none;
}
.b-drawer-panel > header.b-panel-collapse-revealer {
  display: none;
}
.b-drawer-panel.b-panel-collapse-up {
  min-height: var(--b-drawer-size);
  height: auto;
  inset: 0 0 auto 0;
}
.b-drawer-panel.b-panel-collapse-right {
  width: var(--b-drawer-size);
  inset: 0 0 0 auto;
}
.b-drawer-panel.b-panel-collapse-down {
  min-height: var(--b-drawer-size);
  height: auto;
  inset: auto 0 0 0;
}
.b-drawer-panel.b-panel-collapse-left {
  width: var(--b-drawer-size);
  inset: 0 auto 0 0;
}
.b-panel-overlay {
  background: var(--b-panel-background);
}
.b-panel-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  flex-shrink: 0;
  z-index: var(--b-panel-header-z-index);
  transition:
    background var(--b-default-transition-duration),
    color var(--b-default-transition-duration),
    border var(--b-default-transition-duration);
  background: var(--b-panel-header-background);
  color: var(--b-panel-header-color);
  padding: var(--b-panel-header-padding);
  gap: var(--b-panel-header-gap);
  border-bottom: var(--b-panel-header-border-bottom);
}
.b-panel.b-collapsing > .b-panel-header,
.b-panel.b-expanding > .b-panel-header {
  transition: none;
}
.b-panel-collapsible > .b-panel-header {
  cursor: pointer;
}
.b-panel-header.b-dock-top {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.b-panel-header.b-dock-right {
  flex-flow: column nowrap;
  border-start-end-radius: inherit;
  border-end-end-radius: inherit;
  order: 100;
}
.b-panel-header.b-dock-right,
.b-panel-header.b-dock-bottom {
  order: 100;
}
.b-panel-header.b-dock-left {
  flex-flow: column-reverse nowrap;
  border-start-start-radius: inherit;
  border-end-start-radius: inherit;
}
.b-panel-header.b-dock-left .b-header-title {
  rotate: 180deg;
  text-align: end;
}
.b-rtl .b-panel-header.b-dock-left .b-header-title {
  text-align: start;
}
:is(.b-panel-header.b-dock-right, .b-panel-header.b-dock-left) .b-header-title {
  writing-mode: vertical-lr;
}
.b-panel-header .b-header-title {
  align-items: center;
  flex: 1;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  font-size: var(--b-panel-header-font-size);
  font-weight: var(--b-panel-header-font-weight);
  text-align: var(--b-panel-header-text-align);
  gap: var(--b-panel-header-gap);
}
.b-panel-header .b-header-title.b-header-html-title,
.b-panel-header .b-header-title.b-panel-ui-toolbar {
  display: flex;
}
.b-panel-body-wrap {
  overflow: hidden;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.b-panel-body-wrap .b-top-toolbar .b-button.b-button-text {
  --b-button-type-text-color: var(--b-panel-top-toolbar-button-type-text-color, var(--b-primary-20));
}
.b-panel-body-wrap .b-bottom-toolbar {
  background: var(--b-panel-bottom-toolbar-background);
  --b-toolbar-padding: var(--b-panel-bottom-toolbar-padding);
}
.b-panel.b-bordered > .b-panel-body-wrap > .b-toolbar {
  border-radius: 0;
}
.b-panel.b-bordered > .b-panel-body-wrap > .b-toolbar.b-bordered.b-top-toolbar,
.b-panel.b-bordered > .b-panel-body-wrap > .b-toolbar.b-bordered.b-bottom-toolbar {
  border-inline-width: 0;
}
.b-panel-collapser {
  z-index: var(--b-panel-collapser-z-index);
}
.b-panel-content {
  flex: 1;
  overflow: clip;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  gap: var(--b-panel-gap);
  padding: var(--b-panel-padding);
}
.b-panel-content:where(:not(.b-vbox, .b-hbox)) {
  display: grid;
  grid-auto-rows: min-content;
  align-items: center;
}
.b-panel-content.b-vbox {
  --b-text-field-default-width: 100%;
}
.b-panel-has-header:where(:not(:has(.b-top-toolbar:not(.b-hidden, .b-tab-bar)))) > .b-panel-body-wrap > .b-panel-content {
  padding: var(--b-panel-with-header-padding);
}
.b-panel .b-panel-content:has(+ .b-bottom-toolbar:not(.b-bordered, .b-hidden)) {
  padding-block-end: 0;
}
.b-collapse-tool::before {
  rotate: var(--b-panel-collapse-tool-rotate);
}
.b-collapse-tool:not(.b-collapsing):before {
  transition: all 0.2s ease-in-out;
}
.b-collapse-tool.b-rotate-left,
.b-collapse-tool.b-rotate-right {
  --b-panel-collapse-tool-rotate: 0deg;
}
.b-collapse-tool.b-collapsed {
  --b-panel-collapse-tool-rotate: 180deg;
}
.b-panel-ui-plain {
  --b-panel-header-background: var(--b-panel-background);
  --b-panel-header-color: var(--b-widget-color);
}
.b-panel-ui-toolbar {
  --b-panel-header-background: var(--b-grid-header-background, var(--b-toolbar-background));
  --b-panel-header-color: var(--b-widget-color);
  --b-panel-header-font-size: var(--b-widget-font-size);
  --b-panel-header-padding: 1em;
  --b-panel-header-border-bottom: 1px solid var(--b-grid-header-border-color, var(--b-border-5));
}
:root,
:host {
  --b-calendar-panel-day-font-size: unset;
  --b-calendar-panel-day-header-font-weight: 500;
  --b-calendar-panel-week-width: 2em;
  --b-calendar-panel-week-number-display: none;
  --b-calendar-panel-cell-display: flex;
  --b-calendar-panel-cell-padding: none;
  --b-calendar-panel-cell-font-size: 1em;
  --b-calendar-panel-cell-font-weight: var(--b-widget-font-weight);
  --b-calendar-panel-disabled-cell-opacity: 0.4;
  --b-calendar-panel-non-working-cell-display: flex;
  --b-calendar-panel-gap: 0em;
  --b-calendar-panel-day-color: unset;
  --b-calendar-panel-color: var(--b-widget-color);
  --b-calendar-panel-other-month-color: var(--b-neutral-60);
  --b-calendar-panel-weeks-gap: .5em;
}
.b-internal {
  --bi-min-column-width: null;
}
.b-calendar-panel {
  user-select: none;
  -webkit-user-select: none;
}
.b-calendar-panel.b-show-week-column {
  --b-calendar-panel-week-number-display: flex;
}
.b-calendar-panel.b-hide-other-month-cells .b-other-month {
  visibility: hidden;
  pointer-events: none;
}
.b-calendar-panel.b-disable-other-month-cells .b-other-month {
  pointer-events: none;
  opacity: var(--b-calendar-panel-disabled-cell-opacity);
}
.b-calendar-panel.b-shade-past-dates .b-past-date {
  opacity: var(--b-calendar-panel-disabled-cell-opacity);
}
.b-calendar-panel-content {
  gap: 0;
  padding: 0;
}
.b-calendar-panel-content.b-hide-non-working-days .b-non-working-day {
  display: none;
}
.b-calendar-panel-row {
  display: flex;
}
.b-week-number-cell {
  flex-direction: column;
  justify-content: center;
  cursor: pointer;
  display: var(--b-calendar-panel-week-number-display);
  font-size: var(--b-calendar-panel-day-font-size);
  width: var(--b-calendar-panel-week-width);
  color: var(--b-calendar-panel-week-number-color, var(--b-primary-20));
}
.b-calendar-week-days .b-week-number-cell {
  flex-direction: row;
  font-size: var(--b-calendar-panel-day-font-size);
}
.b-calendar-day-header {
  flex: 1;
  justify-content: center;
  display: flex;
  color: var(--b-calendar-panel-day-color);
  font-size: var(--b-calendar-panel-day-font-size);
  min-width: var(--bi-min-column-width);
  font-weight: var(--b-calendar-panel-day-header-font-weight);
}
.b-calendar-week-days {
  padding-inline: var(--b-calendar-panel-gap);
  gap: var(--b-calendar-panel-gap);
}
.b-weeks-container {
  display: flex;
  flex-flow: column nowrap;
  padding-block: var(--b-calendar-panel-weeks-gap);
  gap: var(--b-calendar-panel-weeks-gap);
}
.b-weeks-container .b-calendar-panel-row {
  flex: 1;
  min-height: var(--bi-min-row-height, 0);
}
.b-calendar-panel-days {
  display: flex;
  flex: 1;
  gap: var(--b-calendar-panel-gap);
}
.b-calendar-panel-cell {
  flex: 1;
  justify-content: center;
  align-items: center;
  position: relative;
  transition: padding var(--b-default-transition-duration);
  color: var(--b-calendar-panel-color);
  display: var(--b-calendar-panel-cell-display);
  padding: var(--b-calendar-panel-cell-padding);
  background: var(--b-calendar-panel-cell-background);
  font-weight: var(--b-calendar-panel-cell-font-weight);
  font-size: var(--b-calendar-panel-cell-font-size);
  min-width: var(--bi-min-column-width);
}
.b-calendar-panel-cell.b-other-month {
  --b-calendar-panel-color: var(--b-calendar-panel-other-month-color);
}
.b-calendar-panel-cell.b-disabled-date {
  opacity: var(--b-calendar-panel-disabled-cell-opacity);
}
:root,
:host {
  --b-date-picker-min-width: 25em;
  --b-date-picker-title-font-weight: 600;
  --b-date-picker-day-font-size: 1em;
  --b-date-picker-date-padding: 0.5em;
  --b-date-picker-date-font-size: 1em;
  --b-date-picker-today-font-weight: inherit;
  --b-date-picker-selected-font-weight: 600;
  --b-date-picker-selected-week-border-radius: 2px;
  --b-date-picker-cell-margin-block: 2px;
  --b-date-picker-toolbar-font-size: 1em;
  --b-date-picker-day-color: var(--b-neutral-20);
  --b-date-picker-date-color: var(--b-neutral-30);
  --b-date-picker-today-background: transparent;
  --b-date-picker-selected-color: var(--b-primary-30);
  --b-date-picker-header-padding: 1.5em 0;
  --b-date-picker-color: var(--b-primary);
  --b-date-picker-cell-inner-z-index: 1;
  --b-date-picker-cell-payload-z-index: 1;
  --b-date-picker-overlay-z-index: 1;
  --b-date-picker-focus-z-index: 1;
}
.b-date-picker {
  position: relative;
  opacity: 1;
  flex-shrink: 0;
  color: var(--b-date-picker-color);
  min-width: var(--b-date-picker-min-width);
  --b-calendar-panel-day-color: var(--b-date-picker-day-color);
  --b-calendar-panel-day-font-size: var(--b-date-picker-day-font-size);
  --b-calendar-panel-color: var(--b-date-picker-date-color);
  --b-calendar-panel-cell-background: transparent;
  --b-calendar-panel-cell-font-size: var(--b-date-picker-date-font-size);
  --b-panel-header-padding: var(--b-date-picker-header-padding);
  --b-panel-top-toolbar-margin-inline: 0;
  --b-panel-with-header-top-toolbar-background: transparent;
}
.b-date-picker.b-date-picker-has-payload {
  --b-calendar-panel-cell-display: block;
}
.b-date-picker.b-floating .b-weeks-container {
  max-height: 24em;
}
.b-date-picker .b-top-toolbar {
  --b-toolbar-background: transparent;
  --b-toolbar-gap: 0;
}
.b-date-picker .b-top-toolbar > .b-toolbar-content > .b-widget {
  font-size: var(--b-date-picker-toolbar-font-size);
}
.b-date-picker .b-top-toolbar .b-button {
  min-width: 2em;
  --b-button-type-text-color: var(--b-date-picker-toolbar-color, var(--b-primary-30));
}
.b-date-picker .b-top-toolbar .b-widget {
  --b-primary: inherit;
}
.b-date-picker .b-top-toolbar .b-text-field {
  color: var(--b-date-picker-toolbar-color, var(--b-primary-30));
  --b-text-field-background: transparent;
}
.b-date-picker .b-top-toolbar i {
  font-size: .9em;
}
:is(.b-date-picker [data-ref=monthButton], .b-date-picker [data-ref=yearButton]) .b-button-label {
  font-size: 1.1em;
}
.b-date-picker .b-calendar-panel-cell {
  cursor: pointer;
  line-height: 1;
  margin-block: var(--b-date-picker-cell-margin-block);
}
.b-date-picker .b-calendar-panel-cell:hover {
  --b-date-picker-date-background: var(--b-date-picker-date-hover-background, var(--b-primary-95));
  color: var(--b-date-picker-date-hover-color);
}
.b-date-picker .b-calendar-panel-cell:focus-visible {
  outline: none;
}
.b-date-picker .b-calendar-panel-cell:focus-visible::after {
  content: "";
  position: absolute;
  border-radius: .25em;
  pointer-events: none;
  inset: calc(var(--b-widget-focus-outline-width) * -1) var(--b-widget-focus-outline-width);
  outline: var(--b-widget-focus-outline-width) solid var(--b-widget-focus-outline-color);
  outline-offset: -1px;
  z-index: var(--b-date-picker-focus-z-index);
}
:is(.b-date-picker .b-calendar-panel-cell:not(.b-range-end):last-child, .b-date-picker .b-calendar-panel-cell:not(.b-range-end).b-last-visible-cell)::before {
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 50%, calc(100% - 10px) 100%, 0 100%);
}
:is(.b-date-picker .b-calendar-panel-cell:not(.b-range-start):first-child, .b-date-picker .b-calendar-panel-cell:not(.b-range-start).b-first-visible-cell)::before {
  clip-path: polygon(10px 0, 100% 0, 100% 100%, 10px 100%, 0 50%);
}
.b-date-picker .b-date-picker-cell-payload {
  pointer-events: none;
  position: absolute;
  inset: auto 0 0 0;
  display: flex;
  justify-content: center;
  overflow: clip;
  z-index: var(--b-date-picker-cell-payload-z-index);
  font-weight: var(--b-widget-font-weight);
}
.b-date-picker .b-month-picker,
.b-date-picker .b-year-picker {
  inset: 0;
  z-index: var(--b-date-picker-overlay-z-index);
}
.b-date-picker .b-selected-date:not(.b-in-range) {
  --b-date-picker-date-hover-background: var(--b-date-picker-selected-hover-background, var(--b-date-picker-selected-background, var(--b-primary-90)));
  --b-calendar-panel-color: var(--b-date-picker-selected-color);
  --b-date-picker-date-background: var(--b-date-picker-selected-background, var(--b-primary-90));
  --b-calendar-panel-cell-font-weight: var(--b-date-picker-selected-font-weight);
  --b-date-picker-date-border: var(--b-date-picker-selected-border);
}
.b-date-picker .b-today,
.b-date-picker .b-today:not(.b-in-range) {
  --b-date-picker-date-border: var(--b-date-picker-today-border, 1px solid var(--b-date-picker-today-color, var(--b-primary-50)));
}
.b-date-picker .b-today {
  --b-date-picker-date-hover-background: var(--b-date-picker-today-hover-background, var(--b-primary-95));
  --b-calendar-panel-color: var(--b-date-picker-today-color, var(--b-primary-50));
  --b-calendar-panel-date-background: var(--b-date-picker-today-background);
  --b-calendar-panel-cell-font-weight: var(--b-date-picker-today-font-weight);
}
.b-date-picker.b-highlight-selected-week .b-calendar-week:has(.b-selected-date) {
  background: var(--b-date-picker-selected-week-background, var(--b-primary-95));
  border-radius: var(--b-date-picker-selected-week-border-radius);
}
.b-date-picker .b-in-range {
  --b-date-picker-selected-color: var(--b-date-picker-selected-range-color);
}
:is(.b-date-picker .b-range-start:where(:not(.b-range-end)), .b-date-picker .b-range-end:where(:not(.b-range-start)), .b-date-picker .b-in-range)::before {
  content: "";
  position: absolute;
  display: block;
  height: 100%;
  inset-inline-start: 0;
  background: var(--b-date-picker-selected-range-background, var(--b-primary-96));
}
.b-date-picker .b-range-start::before {
  inset-inline-start: 50%;
  width: calc(50% + var(--b-calendar-panel-gap));
}
.b-date-picker .b-in-range::before {
  width: calc(100% + var(--b-calendar-panel-gap));
}
.b-date-picker .b-range-end::before {
  width: 50%;
}
.b-date-picker .b-out-of-range {
  opacity: var(--b-calendar-panel-disabled-cell-opacity);
}
.b-date-picker-cell-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  height: 100%;
  position: relative;
  aspect-ratio: 1 / 1;
  min-width: 2.25em;
  z-index: var(--b-date-picker-cell-inner-z-index);
  background: var(--b-date-picker-date-background);
  padding: var(--b-date-picker-date-padding);
  outline: var(--b-date-picker-date-border);
}
.b-date-picker-title {
  display: flex;
  flex-direction: row;
  flex: 1;
  align-items: center;
  justify-content: center;
  gap: 0.3em;
  overflow: visible;
}
.b-date-picker-month-button,
.b-date-picker-year-button {
  padding: 0;
  background: transparent;
  border-radius: 1px;
  font-weight: var(--b-date-picker-title-font-weight);
  --b-button-focus-outline-offset: 1px;
}
.b-carousel-content:not(.b-carousel-empty) {
  padding: 0;
}
.b-carousel-content > .b-carousel-content {
  overflow: clip;
}
.b-carousel-content.b-carousel-empty > .b-carousel-inner-ct,
.b-carousel-content:not(.b-carousel-empty) > .b-carousel-empty-text {
  display: none;
}
:root,
:host {
  --b-multi-date-picker-nav-z-index: 1;
}
.b-multi-date-picker.b-widget.b-floating {
  border-radius: var(--b-popup-border-radius);
}
.b-multi-date-picker.b-widget.b-floating .b-carousel-inner-ct {
  border-radius: var(--b-popup-border-radius);
}
.b-multi-date-picker .b-top-toolbar {
  --b-toolbar-gap: var(--b-date-range-field-gap);
}
.b-multi-date-picker [data-ref=yearButton],
.b-multi-date-picker [data-ref=monthButton] {
  color: var(--b-button-type-text-color);
  opacity: 1;
}
.b-multi-date-picker-nav-floating {
  overflow: visible;
}
.b-multi-date-picker-nav-floating > .b-multi-date-picker-nav-button {
  position: absolute;
  top: 50%;
  z-index: var(--b-multi-date-picker-nav-z-index);
  box-shadow: var(--b-elevation-1);
  --b-button-type-text-background: var(--b-panel-background);
  --b-button-type-text-hover-background: var(--b-primary-97);
}
.b-multi-date-picker-nav-floating > .b-multi-date-picker-next-button {
  inset-inline-end: 0;
  translate: calc(50% * var(--b-rtl-negate)) -50%;
}
.b-multi-date-picker-nav-floating > .b-multi-date-picker-prev-button {
  inset-inline-start: 0;
  translate: calc(-50% * var(--b-rtl-negate)) -50%;
}
.b-multi-date-picker-content > .b-carousel-inner-ct .b-date-picker-content .b-calendar-week,
.b-multi-date-picker-content > .b-carousel-inner-ct .b-date-picker-content .b-calendar-week-days {
  padding-inline: 1.5em;
}
.b-multi-date-picker-content > .b-carousel-inner-ct [data-ref=nextMonth],
.b-multi-date-picker-content > .b-carousel-inner-ct [data-ref=prevMonth],
.b-multi-date-picker-content > .b-carousel-inner-ct [data-ref=prevYear],
.b-multi-date-picker-content > .b-carousel-inner-ct [data-ref=nextYear] {
  display: none;
}
.b-multi-date-picker-content > .b-carousel-inner-ct .b-date-picker.b-carousel-visible.b-carousel-first > .b-top-focus-trap,
.b-multi-date-picker-content > .b-carousel-inner-ct .b-date-picker.b-carousel-visible.b-carousel-last > .b-end-focus-trap {
  display: none;
}
.b-multi-date-picker-content > .b-carousel-inner-ct .b-date-picker.b-carousel-reserve [data-ref=monthField] {
  pointer-events: none;
}
.b-multi-date-picker-content > .b-carousel-inner-ct .b-date-picker.b-carousel-reserve [data-ref=yearButton] {
  display: none;
}
.b-demo-code-editor {
  width: 490px;
  flex: unset;
  --b-toolbar-padding: 0.5em;
  --b-panel-padding: 0;
  --b-panel-background: var(--b-neutral-100);
  --b-text-field-input-height: 3em;
  --b-panel-overlay-border: none;
  --b-toolbar-background: transparent;
}
.b-demo-code-editor .b-top-toolbar {
  height: 58px;
  --b-toolbar-gap: 0;
}
@media (min-width: 2000px) {
  .b-demo-code-editor {
    width: 700px;
  }
}
.b-demo-code-editor:not(.b-collapsed) {
  border-inline-start: var(--b-splitter-size, 4px) solid var(--b-border-7);
}
:is(.b-demo-code-editor.b-collapsed, .b-demo-code-editor.b-collapsing) .b-panel-collapse-revealer {
  display: none;
}
.b-demo-code-editor:not(.b-resizing) {
  transition: border-width .1s;
}
.b-demo-code-editor .b-code-editor-body-wrap,
.b-demo-code-editor .b-panel-overlay {
  overflow: hidden;
}
.b-demo-code-editor .b-panel-content {
  direction: ltr;
}
.b-demo-code-editor.b-resizing * {
  user-select: none;
  -webkit-user-select: none;
}
.b-demo-code-editor.b-over-resize-handle {
  cursor: ew-resize;
}
.b-demo-code-editor.b-hidden {
  display: flex !important;
  border-inline-start-width: 0;
}
.b-demo-code-editor .b-bottom-toolbar {
  transition: background-color .2s;
}
.readonly :is(.b-demo-code-editor .b-bottom-toolbar) {
  background-color: #ff8d46;
}
.b-demo-code-editor .b-bottom-toolbar [data-ref=cursorPos] {
  margin-inline-start: auto;
}
.b-demo-code-editor .b-bottom-toolbar .b-toolbar-content {
  padding: 1em !important;
}
.b-demo-code-editor.invalid .b-bottom-toolbar {
  color: #fff;
  background: #b71c1c;
}
.b-demo-code-editor [data-ref=filesCombo] {
  margin-inline-end: .5em;
}
.b-demo-code-editor-file-picker {
  --b-list-item-gap: 0;
}
.b-demo-code-editor-file-picker .b-editor-file-type {
  margin-inline-end: 0.5em;
}
:root,
:host {
  --b-field-label-padding: 0;
  --b-field-label-default-gap: var(--b-widget-gap);
  --b-field-label-above-gap: .5em;
  --b-field-label-before-gap: var(--b-widget-gap);
  --b-field-default-template-areas: "before inner";
  --b-field-default-template-columns: auto 1fr;
  --b-field-default-template-rows: minmax(0, 1fr);
  --b-field-default-label-padding: 0 1em 0 0;
  --b-field-error-tip-primary: var(--b-color-red);
  --b-field-align-before-label-column: unset;
  --b-field-align-before-field-column: unset;
}
@property --bi-field-template-areas { syntax : "*"; inherits : false; }
@property --bi-field-template-columns { syntax : "*"; inherits : false; }
.b-field,
.b-slider {
  display: grid;
  align-items: center;
  justify-items: start;
  flex-shrink: 0;
  --bi-field-template-areas: "inner";
  --bi-field-template-columns: 1fr;
  grid-template-rows: var(--bi-field-template-rows, minmax(0, 1fr));
  grid-template-areas: var(--bi-field-template-areas);
  grid-template-columns: var(--bi-field-template-columns);
  color: var(--b-primary);
  gap: var(--bi-field-gap);
  --b-field-label-grid-area: before;
}
:is(.b-field, .b-slider) .b-field-inner {
  display: grid;
  align-items: center;
  justify-items: center;
  grid-area: inner;
  max-height: 100%;
}
:is(.b-field, .b-slider) .b-label {
  align-self: center;
  grid-area: var(--b-field-label-grid-area);
  padding: var(--b-field-label-padding);
}
.b-vbox > :is(.b-field, .b-slider).b-label-above .b-label {
  align-self: flex-start;
}
:is(.b-field, .b-slider).b-has-label {
  --bi-field-template-areas: var(--b-field-default-template-areas);
  --bi-field-template-rows: var(--b-field-default-template-rows);
  --bi-field-template-columns: var(--b-field-default-template-columns);
  --bi-field-gap: var(--b-field-label-default-gap);
}
:is(.b-field, .b-slider).b-has-label.b-required .b-label::after {
  content: "*";
}
:is(.b-field, .b-slider).b-label-align-before,
:is(.b-field, .b-slider).b-label-before {
  --bi-field-template-rows: minmax(0, 1fr);
  --bi-field-template-columns: auto 1fr;
  --bi-field-template-areas: "before inner";
  --b-field-label-grid-area: before;
  --bi-field-gap: var(--b-field-label-before-gap);
}
:is(.b-field, .b-slider).b-label-above {
  --bi-field-template-rows: auto 1fr;
  --bi-field-template-columns: 1fr;
  --bi-field-template-areas: "above" "inner";
  --b-field-label-grid-area: above;
  --bi-field-gap: var(--b-field-label-above-gap);
}
:is(.b-field, .b-slider).b-label-above .b-label {
  width: var(--b-label-above-width);
}
:is(.b-field, .b-slider).b-label-align-before .b-label {
  grid-column: var(--b-field-align-before-label-column);
}
:is(.b-field, .b-slider).b-label-align-before .b-field-inner {
  grid-column: var(--b-field-align-before-field-column);
}
:is(:is(.b-field, .b-slider).b-read-only, :is(.b-field, .b-slider).b-disabled) .b-field-trigger {
  pointer-events: none;
  opacity: .5;
}
.b-field-container-wrap {
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  position: relative;
  gap: var(--b-container-gap);
}
.b-field-container-wrap > .b-container {
  width: 100%;
}
.b-field.b-collapsed:not(.b-field-container-inline) > .b-field-container-wrap {
  height: 0;
}
.b-field.b-collapsed.b-field-container-inline > .b-field-container-wrap {
  opacity: 0;
}
.b-field-container:not(.b-field-container-inline) .b-field-container {
  gap: var(--b-container-gap);
}
.b-field-container-inline {
  gap: var(--b-container-gap);
}
.b-field-container-inline.b-has-label {
  --bi-field-template-areas: "before inner container";
  --bi-field-template-columns: auto 1fr auto;
}
.b-field-container-inline.b-has-label.b-label-above {
  --bi-field-template-areas: "above above" "inner container";
  --bi-field-template-columns: 1fr auto;
}
.b-field-container-inline.b-has-label.b-label-above .b-field-container-wrap {
  grid-row: 2;
}
.b-field-container-inline:not(.b-has-label) {
  --bi-field-template-areas: "inner container";
  --bi-field-template-columns: 1fr auto;
}
.b-field-container-inline .b-field-container-wrap {
  grid-area: container;
  width: 100%;
}
.b-field-container-inline .b-field-container {
  width: 100%;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
}
:root,
:host {
  --b-checkbox-size: 1.25em;
  --b-checkbox-border-radius: calc(var(--b-widget-border-radius) / 2);
  --b-checkbox-check-font-size: .9em;
  --b-checkbox-disabled-opacity: 1;
  --b-checkbox-inner-gap: 1em;
  --b-checkbox-ring-content: none;
  --b-checkbox-border-width: 1px;
  --b-checkbox-border-color: var(--b-widget-border-color);
  --b-checkbox-checked-border-color: var(--b-widget-border-color);
  --b-checkbox-checked-check-color: var(--b-neutral-100);
  --b-checkbox-disabled-checked-check-color: var(--b-neutral-100);
  --b-checkbox-disabled-checked-background: var(--b-neutral-50);
  --b-checkbox-hover-border-color: var(--b-border-3);
  --b-checkbox-focus-outline-width: var(--b-widget-focus-outline-width);
  --b-checkbox-focus-outline-offset: 2px;
  --b-checkbox-focus-outline-color: var(--b-widget-focus-outline-color);
  --bi-checkbox-ring-opacity: 0;
}
.b-checkbox {
  width: fit-content;
  overflow: visible;
}
.b-checkbox > .b-field-inner > input {
  grid-area: input;
  appearance: none;
  margin: 0;
}
.b-checkbox:not(.b-disabled) input {
  cursor: pointer;
}
:is(.b-checkbox:focus-within, .b-checkbox.b-focus) input {
  outline: none;
}
:is(.b-checkbox:focus-within, .b-checkbox.b-focus) input:focus-visible ~ .b-checkbox-box,
:is(.b-checkbox:focus-within, .b-checkbox.b-focus).b-focus input ~ .b-checkbox-box {
  outline: var(--b-checkbox-focus-outline-width) solid var(--b-checkbox-focus-outline-color);
  outline-offset: var(--b-checkbox-focus-outline-offset);
}
.b-checkbox > .b-field-inner {
  grid-template-areas: "input";
}
.b-checkbox.b-text > .b-field-inner {
  grid-template-areas: "input after";
  gap: var(--b-checkbox-inner-gap);
}
.b-checkbox .b-checkbox-label {
  grid-area: after;
  white-space: nowrap;
  justify-self: stretch;
  overflow: hidden;
  text-overflow: ellipsis;
  user-select: none;
  -webkit-user-select: none;
  color: var(--b-label-color);
}
.b-checkbox label {
  cursor: pointer;
}
.b-checkbox:not(.b-disabled):has(input:hover),
.b-checkbox:not(.b-disabled).b-hover {
  --bi-checkbox-ring-opacity: var(--b-checkbox-ring-hover-opacity);
}
.b-checkbox:not(.b-disabled):has(input:focus-visible),
.b-checkbox:not(.b-disabled).b-focus {
  --bi-checkbox-ring-opacity: var(--b-checkbox-ring-focus-opacity);
}
.b-checkbox:not(.b-disabled):has(input:active),
.b-checkbox:not(.b-disabled).b-active {
  --bi-checkbox-ring-opacity: var(--b-checkbox-ring-active-opacity);
}
.b-checkbox:not(.b-slide-toggle) > .b-field-inner {
  grid-template-columns: var(--b-checkbox-size);
}
.b-checkbox:not(.b-slide-toggle) > .b-field-inner input {
  aspect-ratio: 1 / 1;
  width: var(--b-checkbox-size);
}
.b-checkbox:not(.b-slide-toggle).b-text > .b-field-inner {
  grid-template-columns: var(--b-checkbox-size) auto;
}
.b-checkbox:not(.b-slide-toggle) > .b-field-inner::before {
  content: var(--b-checkbox-ring-content);
  background: var(--b-primary);
  grid-area: input;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity 0.3s;
  aspect-ratio: 1 / 1;
  width: calc(var(--b-checkbox-size) * 2.25);
  opacity: var(--bi-checkbox-ring-opacity);
}
.b-checkbox:not(.b-slide-toggle) input:checked ~ .b-checkbox-box {
  --b-checkbox-background: var(--b-checkbox-checked-background);
  --b-checkbox-border-color: var(--b-checkbox-checked-border-color);
}
.b-checkbox:not(.b-slide-toggle) input:checked ~ .b-checkbox-box::after {
  scale: 1;
}
.b-checkbox:not(.b-slide-toggle).b-disabled {
  --b-checkbox-border-color: var(--b-checkbox-disabled-border-color, var(--b-widget-disabled-color));
  --b-checkbox-checked-border-color: var(--b-checkbox-disabled-background, var(--b-widget-disabled-color));
  --b-checkbox-checked-check-color: var(--b-checkbox-disabled-checked-check-color);
  --b-checkbox-checked-background: var(--b-checkbox-disabled-checked-background, var(--b-widget-disabled-background));
  --b-label-color: var(--b-checkbox-disabled-background, var(--b-widget-disabled-color));
  --b-checkbox-opacity: var(--b-checkbox-disabled-opacity);
}
.b-checkbox:not(.b-slide-toggle):not(.b-disabled):has(input:hover),
.b-checkbox:not(.b-slide-toggle):not(.b-disabled).b-hover {
  --bi-checkbox-ring-opacity: var(--b-checkbox-ring-hover-opacity);
  --b-checkbox-background: var(--b-checkbox-hover-background);
  --b-checkbox-border-color: var(--b-checkbox-hover-border-color);
}
:is(.b-checkbox:not(.b-slide-toggle):not(.b-disabled):has(input:hover), .b-checkbox:not(.b-slide-toggle):not(.b-disabled).b-hover) input:checked ~ .b-checkbox-box {
  --b-checkbox-background: var(--b-checkbox-checked-hover-background);
}
.b-checkbox:not(.b-slide-toggle):not(.b-disabled):has(input:focus-visible),
.b-checkbox:not(.b-slide-toggle):not(.b-disabled).b-focus {
  --bi-checkbox-ring-opacity: var(--b-checkbox-ring-focus-opacity);
}
.b-checkbox:not(.b-slide-toggle):not(.b-disabled):has(input:active),
.b-checkbox:not(.b-slide-toggle):not(.b-disabled).b-active {
  --bi-checkbox-ring-opacity: var(--b-checkbox-ring-active-opacity);
}
.b-checkbox-box {
  grid-area: input;
  pointer-events: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background .2s ease, border .2s ease;
  width: var(--b-checkbox-size);
  height: var(--b-checkbox-size);
  border-radius: var(--b-checkbox-border-radius);
  border: var(--b-checkbox-border-width) solid var(--b-checkbox-border-color);
  background: var(--b-checkbox-background);
  opacity: var(--b-checkbox-opacity, 1);
}
.b-checkbox-box::after {
  transition: scale 0.2s ease, border .2s ease;
  scale: 0;
  font-family: var(--b-widget-icon-font-family);
  font-weight: var(--b-widget-icon-font-weight);
  content: var(--b-checkbox-checked-check-content);
  color: var(--b-checkbox-checked-check-color);
  font-size: var(--b-checkbox-check-font-size);
}
.b-menu > .b-menu-body-wrap .b-menu-content > .b-checkbox {
  margin-inline-start: var(--b-checkbox-inner-gap);
}
.b-field-container:not(.b-field-container-inline) > .b-field-container-wrap {
  margin-top: .5em;
  margin-inline-start: calc(var(--b-checkbox-size) + var(--b-checkbox-inner-gap));
}
.b-container.b-label-align-before .b-checkbox:not(.b-has-label) {
  grid-column: 2 / 2;
}
:root,
:host {
  --b-field-filter-picker-group-gap: 4em;
}
.b-field-filter-picker-group .b-no-visible-children {
  display: none;
}
.b-field-filter-picker-group [data-ref=pickers] {
  --b-container-gap: 0;
}
.b-field-filter-picker-group-row {
  position: relative;
  flex-shrink: 0;
  align-items: baseline;
  overflow: visible;
  padding-top: var(--b-field-filter-picker-group-gap);
  padding-bottom: .5em;
}
.b-field-filter-picker-group-row:first-child {
  --b-field-filter-picker-group-gap: 0;
}
.b-field-filter-picker-group-row:first-child::before {
  display: none;
}
.b-field-filter-picker-group-row::before {
  content: attr(data-separator-text);
  font-size: 85%;
  position: absolute;
  text-align: center;
  width: 100%;
  top: 0.15em;
  background-position: 0 50%;
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-image:
    linear-gradient(
      to right,
      var(--b-border-5),
      var(--b-border-5) 44%,
      transparent 44%,
      transparent 56%,
      var(--b-border-5) 56%);
  height: var(--b-field-filter-picker-group-gap);
  line-height: var(--b-field-filter-picker-group-gap);
}
.b-field-filter-picker-group-row:not(.b-field-filter-picker-group-row-removable) {
  padding-inline-end: 2.25em;
}
.b-field-filter-picker-group-row [data-ref=pickers] {
  gap: 0;
}
.b-field-filter-picker-group-filter-active {
  width: 2.3em;
  align-self: center;
}
.b-field-filter-picker-group-filter-active.b-slide-toggle {
  width: 3.5em;
}
.b-field-filter-picker-group-other-filters {
  padding: 0.5em 0;
}
.b-field-filter-picker-group-add-button {
  align-self: center;
}
.b-field-filter-picker-group-remove {
  margin-inline-start: 0.25em;
}
:root,
:host {
  --b-radio-check-gap: 0.2em;
  --b-radio-background: var(--b-neutral-100);
  --b-radio-checked-background: var(--b-radio-background);
  --b-radio-checked-border-color: var(--b-radio-checked-color);
}
.b-radio.b-checkbox {
  --b-checkbox-border-radius: 50%;
  --b-checkbox-checked-check-content: "";
  --b-checkbox-checked-check-color: var(--b-primary);
  --b-checkbox-background: var(--b-radio-background);
  --b-checkbox-checked-background: var(--b-radio-checked-background);
  --b-checkbox-checked-border-color: var(--b-radio-checked-border-color);
  --b-checkbox-checked-hover-background: var(--b-radio-checked-background);
  --b-checkbox-check-font-size: 1em;
  --b-checkbox-disabled-opacity: 0.4;
}
.b-radio.b-checkbox .b-checkbox-box::after {
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  width: 100%;
  background: var(--b-radio-checked-color, var(--b-primary));
  border: var(--b-radio-check-gap) solid var(--b-radio-checked-background);
}
:root,
:host {
  --b-slide-toggle-border-width: var(--b-checkbox-border-width);
  --b-slide-toggle-width: 2.75em;
  --b-slide-toggle-height: 1.75em;
  --b-slide-toggle-thumb-size: 1em;
  --b-slide-toggle-border-radius: calc(var(--b-slide-toggle-height) / 2);
  --b-slide-toggle-checked-thumb-size: 1em;
  --b-slide-toggle-thumb-offset: 0.15em;
  --b-slide-toggle-font-size: 1em;
  --b-slide-toggle-disabled-opacity: 0.5;
  --b-slide-toggle-inner-gap: 0.5em;
  --b-slide-toggle-label-before-padding: 0 0.5em 0 0;
  --b-slide-toggle-ring-color: var(--b-neutral-60);
  --b-slide-toggle-disabled-background: var(--b-neutral-85);
  --b-slide-toggle-disabled-thumb-background: var(--b-neutral-100);
  --b-slide-toggle-focus-outline-width: var(--b-checkbox-focus-outline-width);
  --b-slide-toggle-focus-outline-offset: var(--b-checkbox-focus-outline-offset);
  --b-slide-toggle-thumb-border: null;
  --b-slide-toggle-checked-thumb-border: null;
  --b-slide-toggle-thumb-color: var(--b-primary);
  --b-slide-toggle-thumb-background: var(--b-neutral-100);
  --b-slide-toggle-hovered-thumb-background: var(--b-neutral-95);
  --b-slide-toggle-checked-thumb-background: var(--b-neutral-100);
  --b-slide-toggle-checked-border-color: var(--b-slide-toggle-checked-background);
  --b-slide-toggle-checked-ring-color: var(--b-primary);
  --b-slide-toggle-checked-thumb-offset: 4px;
}
.b-internal {
  --bi-slidetoggle-thumb-position: null;
}
.b-slide-toggle {
  --bi-slidetoggle-thumb-position: calc(var(--b-slide-toggle-thumb-offset) + (var(--b-slide-toggle-checked-thumb-size) - var(--b-slide-toggle-thumb-size)) / 2);
  --b-checkbox-inner-gap: var(--b-slide-toggle-inner-gap);
  --b-checkbox-label-before-padding: var(--b-slide-toggle-label-before-padding);
}
.b-slide-toggle .b-field-inner {
  grid-template-columns: max-content;
}
.b-slide-toggle input {
  width: 100%;
  height: 100%;
}
.b-slide-toggle input:checked ~ .b-slide-toggle-toggle {
  --b-slide-toggle-background: var(--b-slide-toggle-checked-background, var(--b-primary));
  --b-slide-toggle-thumb-background: var(--b-slide-toggle-checked-thumb-background);
  --b-slide-toggle-thumb-border: var(--b-slide-toggle-checked-thumb-border);
  --b-slide-toggle-thumb-size: var(--b-slide-toggle-checked-thumb-size);
  --b-slide-toggle-border-color: var(--b-slide-toggle-checked-border-color);
  --b-slide-toggle-ring-color: var(--b-slide-toggle-checked-ring-color);
  --bi-slidetoggle-thumb-position: calc(var(--b-slide-toggle-width) - var(--b-slide-toggle-checked-thumb-size) - var(--b-slide-toggle-checked-thumb-offset));
}
.b-slide-toggle:not(.b-disabled):hover,
.b-slide-toggle:not(.b-disabled).b-hover,
.b-slide-toggle:not(.b-disabled):focus-within,
.b-slide-toggle:not(.b-disabled).b-focus,
.b-slide-toggle:not(.b-disabled).b-active,
.b-slide-toggle:not(.b-disabled):active {
  --b-slide-toggle-thumb-background: var(--b-slide-toggle-hovered-thumb-background);
  --b-slide-toggle-background: var(--b-slide-toggle-hover-background);
}
:is(.b-slide-toggle:not(.b-disabled):hover, .b-slide-toggle:not(.b-disabled).b-hover, .b-slide-toggle:not(.b-disabled):focus-within, .b-slide-toggle:not(.b-disabled).b-focus, .b-slide-toggle:not(.b-disabled).b-active, .b-slide-toggle:not(.b-disabled):active) input:checked ~ .b-slide-toggle-toggle {
  --b-slide-toggle-thumb-background: var(--b-slide-toggle-checked-hovered-thumb-background);
  --b-slide-toggle-background: var(--b-slide-toggle-checked-hover-background, var(--b-primary));
}
:is(.b-slide-toggle:not(.b-disabled):focus-within, .b-slide-toggle:not(.b-disabled).b-focus):has(:focus-visible) .b-slide-toggle-toggle,
:is(.b-slide-toggle:not(.b-disabled):focus-within, .b-slide-toggle:not(.b-disabled).b-focus).b-focus .b-slide-toggle-toggle {
  outline: var(--b-slide-toggle-focus-outline-width) solid var(--b-slide-toggle-focus-outline-color, var(--b-checkbox-focus-outline-color));
  outline-offset: var(--b-slide-toggle-focus-outline-offset);
}
.b-slide-toggle.b-disabled {
  --b-slide-toggle-opacity: var(--b-slide-toggle-disabled-opacity);
  --b-slide-toggle-border-color: var(--b-slide-toggle-disabled-border-color);
  --b-slide-toggle-checked-border-color: var(--b-slide-toggle-disabled-border-color);
}
.b-slide-toggle.b-disabled input:checked ~ .b-slide-toggle-toggle {
  --b-slide-toggle-background: var(--b-slide-toggle-disabled-background);
  --b-slide-toggle-thumb-background: var(--b-slide-toggle-disabled-thumb-background);
  --b-slide-toggle-checked-border-color: var(--b-slide-toggle-disabled-background);
}
.b-slide-toggle-toggle {
  display: flex;
  align-items: center;
  pointer-events: none;
  grid-area: input;
  transition:
    background 0.2s,
    border 0.2s,
    opacity 0.2s;
  font-size: var(--b-slide-toggle-font-size);
  width: var(--b-slide-toggle-width);
  height: var(--b-slide-toggle-height);
  background: var(--b-slide-toggle-background);
  border: var(--b-slide-toggle-border-width) solid var(--b-slide-toggle-border-color);
  border-radius: var(--b-slide-toggle-border-radius);
  opacity: var(--b-slide-toggle-opacity, 1);
}
.b-slide-toggle-thumb {
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  transition:
    background 0.2s ease,
    width 0.2s ease,
    margin 0.2s ease;
  position: relative;
  background: var(--b-slide-toggle-thumb-background);
  border: var(--b-slide-toggle-thumb-border);
  color: var(--b-slide-toggle-thumb-color);
  width: var(--b-slide-toggle-thumb-size);
  margin-inline-start: var(--bi-slidetoggle-thumb-position);
}
.b-slide-toggle-thumb::before {
  border-radius: 50%;
  pointer-events: none;
  transition: opacity 0.5s ease;
  aspect-ratio: 1 / 1;
  display: block;
  position: absolute;
  top: 50%;
  inset-inline-start: 50%;
  translate: calc(-50% * var(--b-rtl-negate)) -50%;
  content: var(--b-checkbox-ring-content);
  background: var(--b-slide-toggle-ring-color);
  opacity: var(--bi-checkbox-ring-opacity);
  width: calc(var(--b-slide-toggle-checked-thumb-size) * 1.7);
}
.b-date-time-field {
  width: unset;
  --b-text-field-default-width: 22em;
}
.b-date-time-field.b-field > div.b-field-inner {
  display: flex;
}
.b-date-time-field.b-field > div.b-field-inner:has(.b-field-trigger.b-align-start),
.b-date-time-field.b-field > div.b-field-inner:has(.b-field-trigger.b-align-end) {
  padding-inline: 0;
}
.b-date-time-field .b-date-field,
.b-date-time-field .b-time-field {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  grid-template-areas: "inner";
  grid-template-columns: 1fr;
  grid-template-rows: auto;
  --b-text-field-background: transparent;
}
:is(.b-date-time-field .b-date-field, .b-date-time-field .b-time-field) .b-label {
  display: none;
}
:is(.b-date-time-field .b-date-field, .b-date-time-field .b-time-field) .b-field-inner::before {
  content: none;
}
.b-date-time-field .b-date-field {
  flex: 1 1 53%;
}
.b-date-time-field .b-date-field .b-step-trigger-forward.b-align-end {
  padding-inline-end: calc(var(--b-text-field-input-padding) / 2);
}
.b-date-time-field .b-time-field {
  flex: 1 1 46%;
}
.b-date-time-field .b-time-field .b-field-trigger.b-align-start {
  padding-inline-start: calc(var(--b-text-field-input-padding) / 2);
}
:root,
:host {
  --b-text-field-font-weight: normal;
  --b-text-field-padding: 0;
  --b-text-field-input-font-size: var(--b-widget-font-size);
  --b-text-field-input-padding: 0;
  --b-text-field-border-style: solid;
  --b-text-field-focus-border-style: solid;
  --b-text-field-disabled-opacity: 0.4;
  --b-text-field-outlined-border-radius: var(--b-widget-border-radius);
  --b-field-trigger-gap: 0.75em;
  --b-field-trigger-edge-gap: 1em;
  --b-text-field-default-template-areas: "before inner";
  --b-text-field-default-template-columns: auto 1fr;
  --b-text-field-default-template-rows: minmax(0, 1fr);
  --b-text-field-default-label-padding: 0 var(--b-widget-padding) 0 0;
  --b-text-field-label-grid-area: before;
  --b-text-field-label-color: var(--b-widget-color);
  --b-text-field-input-color: var(--b-widget-color);
  --b-text-field-border-color: var(--b-widget-border-color);
  --b-text-field-label-above-grid-area: above;
  --b-text-field-label-font-size: var(--b-label-font-size);
  --b-text-field-empty-label-font-size: var(--b-text-field-label-font-size);
  --b-text-field-label-scale: 1;
  --b-text-field-empty-label-scale: 1;
  --b-text-field-trigger-read-only-color: var(--b-neutral-85);
  --b-text-field-trigger-disabled-color: var(--b-neutral-40);
  --b-text-field-filled-background: var(--b-neutral-95);
  --b-text-field-filled-hover-background: var(--b-neutral-90);
  --b-text-field-filled-focus-background: var(--b-neutral-90);
  --b-text-field-filled-border-width: 0;
  --b-text-field-filled-border-radius: var(--b-widget-border-radius);
  --b-text-field-filled-input-padding: 1em;
  --b-text-field-filled-no-label-input-padding: 1em;
  --b-text-field-filled-focus-border-width: 0;
  --b-text-field-filled-focus-label-color: var(--b-widget-color);
  --b-text-field-outlined-background: var(--b-neutral-100);
  --b-text-field-outlined-border-width: 1px;
  --b-text-field-outlined-border-color: var(--b-border-5);
  --b-text-field-outlined-input-padding: var(--b-widget-padding);
  --b-text-field-outlined-focus-border-width: var(--b-widget-focus-outline-width);
  --b-text-field-outlined-label-background: transparent;
  --b-text-field-outlined-label-padding: 0;
  --b-text-field-outlined-label-before-padding: 0;
  --b-text-field-outlined-label-above-padding: 0;
  --b-text-field-outlined-hover-border-color: var(--b-border-4);
  --b-text-field-outlined-hover-background: var(--b-neutral-100);
  --b-text-field-outlined-focus-background: var(--b-neutral-100);
  --b-text-field-outlined-focus-label-color: var(--b-widget-color);
  --b-text-field-filled-material-label-position: static;
  --b-field-trigger-color: var(--b-neutral-60);
  --b-spin-trigger-font-size: 1em;
  --b-text-field-invalid-border-color: var(--b-color-red);
  --b-text-field-invalid-label-color: var(--b-color-red);
  --b-text-field-color: var(--b-primary);
  --b-text-field-focus-border-color: var(--b-primary);
  --b-text-field-default-width: 12.5em;
  --bi-text-field-input-width: 100%;
  --b-text-field-border-z-index: 1;
  --b-text-field-label-z-index: 2;
  --b-text-field-outlined-label-bg-z-index: -1;
}
.b-internal {
  --b-text-field-opacity: null;
  --b-text-field-border-width: null;
  --b-text-field-focus-border-width: null;
  --b-text-field-focus-label-color: null;
  --bi-text-field-empty-label-padding: null;
}
.b-text-field,
.b-number-field,
.b-date-time-field,
.b-text-area-field {
  position: relative;
  height: fit-content;
  width: fit-content;
  overflow: visible;
  border-radius: var(--b-text-field-border-radius);
  color: var(--b-text-field-color);
  --b-field-label-grid-area: var(--b-text-field-label-grid-area);
  --b-field-label-padding: var(--b-text-field-label-padding);
  --b-field-default-template-areas: var(--b-text-field-default-template-areas);
  --b-field-default-template-columns: var(--b-text-field-default-template-columns);
  --b-field-default-template-rows: var(--b-text-field-default-template-rows);
  --b-field-default-label-padding: var(--b-text-field-default-label-padding);
  --b-label-color: var(--b-text-field-label-color);
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field):where(:not(.b-has-width)) {
  width: var(--b-text-field-default-width);
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) > .b-field-inner {
  display: flex;
  min-width: 0;
  position: relative;
  overflow: hidden;
  transition: background var(--b-default-transition-duration);
  background: var(--b-text-field-background);
  border-radius: var(--b-text-field-border-radius);
  padding: var(--b-text-field-padding);
  opacity: var(--b-text-field-opacity);
  width: var(--bi-text-field-input-width);
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) > .b-field-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  background: transparent;
  border-radius: inherit;
  pointer-events: none;
  transition: border 0.1s;
  z-index: var(--b-text-field-border-z-index);
  border-width: var(--b-text-field-border-width);
  border-style: var(--b-text-field-border-style);
  border-color: var(--b-text-field-border-color);
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) bry-time,
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) input,
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) textarea,
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-display-field-value {
  border: none;
  background: transparent;
  width: 100%;
  font-family: inherit;
  outline: none;
  text-align: inherit;
  color: var(--b-text-field-input-color);
  font-weight: var(--b-text-field-font-weight);
  height: var(--b-text-field-input-height);
  font-size: var(--b-text-field-input-font-size);
  padding: var(--b-text-field-input-padding);
}
:is(:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) bry-time, :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) input, :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) textarea, :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-display-field-value)::selection {
  background: var(--b-text-field-selection-background, var(--b-primary-85));
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) input::placeholder {
  color: var(--bi-text-field-placeholder-color, var(--b-text-4));
  font-style: var(--b-text-field-placeholder-font-style);
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-label-above {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  --b-field-label-grid-area: var(--b-text-field-label-above-grid-area);
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) label {
  line-height: 1em;
  align-self: start;
  transition:
    top 0.2s ease,
    left 0.2s ease,
    font-size 0.2s ease,
    padding 0.2s ease,
    scale 0.2s ease;
  transform-origin: top left;
  z-index: var(--b-text-field-label-z-index);
  font-size: var(--b-text-field-label-font-size);
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-has-label:not(.b-label-before, .b-label-align-before) {
  --bi-text-field-placeholder-color: var(--b-text-field-label-above-placeholder-color, var(--b-text-4));
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-has-label:not(.b-label-before, .b-label-align-before) label {
  scale: var(--b-text-field-label-scale);
  position: var(--b-text-field-material-label-position);
  top: var(--b-text-field-material-label-top);
  inset-inline-start: var(--b-text-field-material-label-left);
  cursor: var(--b-text-field-material-label-cursor);
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-trigger {
  display: flex;
  flex-direction: column;
  align-self: stretch;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  flex: 0 0 auto;
  min-width: 1em;
  gap: 0;
  color: var(--b-field-trigger-color);
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-trigger.b-align-start {
  padding-inline-start: var(--b-field-trigger-gap);
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-trigger.b-align-start:first-child {
  padding-inline-start: var(--b-field-trigger-edge-gap);
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-trigger.b-align-end {
  padding-inline-end: var(--b-field-trigger-gap);
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-trigger.b-align-end:last-child,
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-trigger.b-align-end.b-last-trigger {
  padding-inline-end: var(--b-field-trigger-edge-gap);
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-spin-trigger .b-icon {
  font-size: var(--b-spin-trigger-font-size);
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-container-wrap {
  grid-row: 1;
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-disabled {
  --b-text-field-opacity: var(--b-text-field-disabled-opacity);
  --b-text-field-label-color: var(--b-widget-disabled-color);
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-disabled .b-field-trigger {
  cursor: auto;
  color: var(--b-text-field-trigger-disabled-color);
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-read-only .b-field-trigger {
  cursor: auto;
  color: var(--b-text-field-trigger-read-only-color);
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field):not(.b-has-label) input,
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field):not(.b-has-label) span.b-display-field-value {
  padding: var(--b-text-field-no-label-input-padding, var(--b-text-field-input-padding));
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-text-field-filled {
  --b-text-field-background: var(--b-text-field-filled-background);
  --b-text-field-hover-background: var(--b-text-field-filled-hover-background);
  --b-text-field-border-width: var(--b-text-field-filled-border-width);
  --b-text-field-border-radius: var(--b-text-field-filled-border-radius);
  --b-text-field-input-padding: var(--b-text-field-filled-input-padding);
  --b-text-field-no-label-input-padding: var(--b-text-field-filled-no-label-input-padding);
  --b-text-field-focus-border-width: var(--b-text-field-filled-focus-border-width);
  --b-text-field-label-before-padding: var(--b-text-field-filled-label-before-padding);
  --b-text-field-label-above-padding: var(--b-text-field-filled-label-above-padding);
  --b-text-field-hover-border-color: var(--b-text-field-filled-hover-border-color);
  --b-text-field-focus-background: var(--b-text-field-filled-focus-background);
  --b-text-field-focus-label-color: var(--b-text-field-filled-focus-label-color);
  --b-text-field-material-label-position: var(--b-text-field-filled-material-label-position);
  --b-text-field-material-label-top: var(--b-text-field-filled-material-label-top);
  --b-text-field-material-label-left: var(--b-text-field-filled-material-label-left);
  --b-text-field-material-label-cursor: var(--b-text-field-filled-material-label-cursor);
  --b-text-field-material-empty-label-font-size: var(--b-text-field-filled-material-empty-label-font-size);
  --b-text-field-material-empty-label-top: var(--b-text-field-filled-material-empty-label-top);
  --b-text-field-material-empty-label-left: var(--b-text-field-filled-material-empty-label-left);
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-text-field-filled:where(.b-has-start-trigger:not(.b-no-steppers)),
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-text-field-filled:has(.b-has-start-trigger:not(.b-no-steppers)) {
  --b-text-field-material-label-left: var(--b-text-field-filled-material-trigger-label-left);
  --b-text-field-material-empty-label-left: var(--b-text-field-filled-material-trigger-empty-label-left);
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-text-field-outlined {
  --b-text-field-background: var(--b-text-field-outlined-background);
  --b-text-field-border-radius: var(--b-text-field-outlined-border-radius);
  --b-text-field-border-width: var(--b-text-field-outlined-border-width);
  --b-text-field-border-color: var(--b-text-field-outlined-border-color);
  --b-text-field-input-padding: var(--b-text-field-outlined-input-padding);
  --b-text-field-focus-border-width: var(--b-text-field-outlined-focus-border-width);
  --b-text-field-label-before-padding: var(--b-text-field-outlined-label-before-padding);
  --b-text-field-label-above-padding: var(--b-text-field-outlined-label-above-padding);
  --b-text-field-hover-border-color: var(--b-text-field-outlined-hover-border-color);
  --b-text-field-hover-background: var(--b-text-field-outlined-hover-background);
  --b-text-field-focus-label-color: var(--b-text-field-outlined-focus-label-color);
  --b-text-field-focus-background: var(--b-text-field-outlined-focus-background);
  --b-text-field-material-label-position: var(--b-text-field-outlined-material-label-position, static);
  --b-text-field-material-label-top: var(--b-text-field-outlined-material-label-top);
  --b-text-field-material-label-left: var(--b-text-field-outlined-material-label-left);
  --b-text-field-material-label-cursor: var(--b-text-field-outlined-material-label-cursor);
  --b-text-field-material-empty-label-background: var(--b-text-field-outlined-material-empty-label-background);
  --b-text-field-material-empty-label-top: var(--b-text-field-outlined-material-empty-label-top);
  --b-text-field-material-empty-label-left: var(--b-text-field-outlined-material-empty-label-left);
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-text-field-outlined:where(.b-has-start-trigger:not(.b-no-steppers)) {
  --b-text-field-material-empty-label-left: var(--b-text-field-outlined-material-trigger-empty-label-left);
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-text-field-outlined:where(:not(.b-label-before, .b-label-align-before)) {
  --b-text-field-label-padding: var(--b-text-field-outlined-label-padding);
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-text-field-outlined:where(:not(.b-label-before, .b-label-align-before)) label::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: var(--b-text-field-outlined-label-bg-z-index);
  background: var(--b-text-field-outlined-label-background);
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field):hover:where(:not(.b-disabled)) {
  --b-text-field-background: var(--b-text-field-hover-background);
  --b-text-field-border-color: var(--b-text-field-hover-border-color);
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field):focus-within,
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-contains-focus {
  --b-text-field-background: var(--b-text-field-focus-background);
  --b-text-field-border-width: var(--b-text-field-focus-border-width);
  --b-text-field-border-style: var(--b-text-field-focus-border-style);
  --b-text-field-border-color: var(--b-text-field-focus-border-color);
}
:is(:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field):focus-within, :is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-contains-focus):not(.b-label-before, .b-label-align-before) {
  --b-text-field-label-color: var(--b-text-field-focus-label-color);
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-widget.b-empty:not(:focus-within) {
  --b-text-field-label-font-size: var(--b-text-field-empty-label-font-size);
  --b-text-field-label-padding: var(--b-text-field-empty-label-padding);
  --b-text-field-label-scale: var(--b-text-field-empty-label-scale);
  --b-text-field-outlined-label-above-padding: var(--b-text-field-outlined-material-empty-label-padding);
  --b-text-field-label-background: var(--b-text-field-material-empty-label-background);
  --b-text-field-material-label-top: var(--b-text-field-material-empty-label-top);
  --b-text-field-material-label-left: var(--b-text-field-material-empty-label-left);
  --b-text-field-outlined-label-background: var(--b-text-field-outlined-material-empty-label-background);
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field).b-invalid:where(:not(.b-disabled)) {
  --b-text-field-border-color: var(--b-text-field-invalid-border-color);
  --b-text-field-label-color: var(--b-text-field-invalid-label-color);
  --b-text-field-focus-label-color: var(--b-text-field-invalid-label-color);
}
:is(.b-text-field, .b-number-field, .b-date-time-field, .b-text-area-field) .b-field-clear-clone {
  position: absolute;
  animation: b-shrink-width .3s;
}
.b-theme-transition .b-text-field .b-field-inner::before {
  transition-duration: var(--b-default-transition-duration);
}
.b-field-hint {
  align-self: stretch;
  overflow: visible;
  pointer-events: none;
  position: relative;
  white-space: nowrap;
  width: 0;
}
.b-field-no-hint .b-field-hint {
  display: none;
}
.b-field-hint-content {
  position: absolute;
  inset-inline-end: 0.6em;
  top: 50%;
  translate: 0 -50%;
  color: var(--b-text-field-input-color);
  font-size: var(--b-label-font-size);
  font-weight: var(--b-label-font-weight);
}
.b-container:where(:not(.b-toolbar)) > .b-field,
.b-panel:where(:not(.b-toolbar)) > .b-panel-body-wrap > .b-panel-content > .b-field,
.b-panel:where(:not(.b-toolbar)) > .b-panel-overlay > .b-panel-body-wrap > .b-panel-content > .b-field,
.b-grid-header > .b-field {
  --b-text-field-default-width: 100%;
}
@keyframes b-shrink-width {
  0% {
    max-width: 200px;
  }
  100% {
    max-width: 0;
  }
}
:root,
:host {
  --b-combo-filled-chip-view-padding-top: 1.55em;
  --b-combo-filled-label-before-chip-view-padding-top: 0.5em;
  --b-combo-outlined-chip-view-padding-top: 0.6em;
  --b-combo-outlined-label-before-chip-view-padding-top: 0.5em;
  --b-combo-chip-font-size: .9em;
  --b-combo-chip-view-margin-block: 0;
  --b-combo-chip-view-padding: 0.6em 1em;
  --b-combo-chip-view-min-height: 3em;
}
.b-combo [data-ref=expand]::before {
  transition: rotate 0.2s ease;
}
.b-combo.b-open [data-ref=expand]::before {
  rotate: 180deg;
}
.b-combo.b-not-editable :not(.b-field-trigger) {
  cursor: pointer;
}
.b-combo.b-uses-chip-view .b-field-inner {
  justify-items: start;
}
.b-combo.b-uses-chip-view:not(.b-empty) input::placeholder {
  visibility: hidden;
}
.b-combo.b-text-field-filled {
  --b-combo-chip-view-padding-top: var(--b-combo-filled-chip-view-padding-top);
}
.b-combo.b-text-field-outlined {
  --b-combo-chip-view-padding-top: var(--b-combo-outlined-chip-view-padding-top);
}
:is(.b-combo.b-label-align-before, .b-combo.b-label-before).b-text-field-filled {
  --b-combo-chip-view-padding-top: var(--b-combo-filled-label-before-chip-view-padding-top);
}
:is(.b-combo.b-label-align-before, .b-combo.b-label-before).b-text-field-outlined {
  --b-combo-chip-view-padding-top: var(--b-combo-outlined-label-before-chip-view-padding-top);
}
:is(.b-combo.b-hide-trigger, .b-combo.b-read-only) .b-field-trigger.b-icon-picker {
  display: none;
}
.b-combo.b-inline-picker {
  display: flex;
  flex-flow: column nowrap;
  gap: 0.5em;
}
.b-combo-chip-view {
  color: inherit;
  flex: 1;
  align-self: stretch;
  padding-top: var(--b-combo-chip-view-padding-top);
  min-height: var(--b-combo-chip-view-min-height);
  margin-block: var(--b-combo-chip-view-margin-block);
  --b-chip-view-chip-font-size: var(--b-combo-chip-font-size);
  --b-chip-view-padding: var(--b-combo-chip-view-padding);
}
.b-combo-chip-view.b-chip-view input {
  flex: 1;
  height: auto;
  order: 99999;
  padding: 0;
  align-self: center;
}
.b-combo-picker:not(.b-floating) {
  align-self: stretch;
}
.b-combo-picker.b-empty:not(.b-masked)[data-add-new-value]::after {
  content: attr(data-add-new-value);
  display: block;
  cursor: pointer;
  padding: var(--b-list-item-padding);
  color: var(--b-list-item-color);
}
.b-float-root > .b-combo-picker {
  padding: var(--b-menu-padding);
}
:is(.b-color-field, .b-color-box-combo) .b-color-box {
  grid-area: before;
  width: 1.5em;
  flex-shrink: 0;
  transition: color var(--b-default-transition-duration);
  border-radius: var(--b-color-picker-color-border-radius);
  margin-inline: var(--b-widget-padding) 0;
}
:is(.b-color-field, .b-color-box-combo) .b-color-box.b-no-color {
  background: none;
  border: 1px solid var(--b-color-picker-color-no-color-color);
}
.b-color-box {
  width: 1em;
  aspect-ratio: 1 / 1;
  background: currentColor;
  margin-inline-end: .5em;
  color: var(--b-primary);
}
.b-date-field.b-no-steppers .b-step-trigger {
  display: none;
}
:root,
:host {
  --b-date-range-field-gap: 0.5em;
}
.b-date-range-field:not(.b-has-width) {
  width: auto;
}
.b-date-range-field .b-field-container-wrap {
  grid-area: inner;
}
.b-date-range-field .b-field-container {
  --b-container-gap: var(--b-date-range-field-gap);
}
.b-date-range-field.b-field-container-inline.b-label-above {
  row-gap: var(--b-field-label-above-gap);
}
.b-date-range-field .b-field {
  grid-template-areas: "inner";
  grid-template-columns: 1fr;
  grid-template-rows: auto;
}
.b-date-range-field .b-start-date {
  width: 13em;
}
.b-date-range-field .b-end-date {
  width: 11em;
  --b-field-trigger-gap: 0;
}
.b-date-range-field .b-end-time,
.b-date-range-field .b-start-time {
  flex: 7 7 auto;
}
.b-date-range-picker .b-start-date,
.b-date-range-picker .b-end-date {
  width: 13em;
}
.b-date-range-picker.b-date-range-field-picker .b-end-date {
  width: 11em;
}
.b-display-field span {
  display: flex;
  min-width: 10em;
  align-items: center;
}
.b-display-field .b-display-field-value:empty::before {
  content: "\200b";
}
:root,
:host {
  --b-text-area-field-padding: var(--b-widget-padding);
}
.b-text-area-field {
  height: auto;
}
.b-text-area-field .b-field-inner {
  height: 100%;
  --b-text-field-input-padding: var(--b-text-area-field-padding);
}
.b-text-area-field textarea {
  font-family: inherit;
  height: 100%;
  min-height: var(--b-text-field-input-height);
}
.b-mention-text-field [contenteditable] {
  line-height: 1.4;
  overflow: auto;
}
.b-mention-text-field [contenteditable]:empty::before {
  pointer-events: none;
  content: attr(data-placeholder);
  color: var(--b-field-placeholder-color, #aaa);
}
.b-mention-text-field .b-mention-tag {
  padding-inline: .2em;
  border-radius: .2em;
  -webkit-user-select: all;
  user-select: all;
  background: color-mix(in srgb, var(--b-primary), transparent 75%);
}
:root,
:host {
  --b-text-area-picker-field-picker-color: var(--b-neutral-20);
}
.b-text-area-picker-field-picker {
  min-height: 10em;
}
.b-text-area-picker-field-picker:is(textarea) {
  display: flex;
  border: none;
  outline: none;
  padding: 1em;
}
.b-text-area-picker-field-picker:is(textarea):focus {
  border-color: var(--b-primary);
}
.b-text-area-picker-field-picker:is(textarea),
.b-text-area-picker-field-picker textarea {
  background: var(--b-text-area-picker-field-picker-background, var(--b-primary-98));
  color: var(--b-text-area-picker-field-picker-color);
}
.b-time-field bry-time {
  align-items: center;
  --b-time-field-button-background: color-mix(in srgb, currentColor, #fff 85%);
  --b-time-field-input-background: transparent;
}
.b-time-field.b-empty .b-field-trigger {
  animation-delay: -300s;
}
.b-time-field.b-empty:not(.b-contains-focus) bry-time {
  opacity: 0;
}
.b-time-field.b-no-steppers .b-step-trigger {
  display: none;
}
.b-time-field .b-step-trigger::before {
  transition: color .3s;
}
.b-time-field.b-rtl .b-step-trigger::before {
  transform: scaleX(-1);
}
:root,
:host {
  --b-field-set-border-radius: var(--b-widget-border-radius);
  --b-field-set-border-width: 1px;
  --b-field-set-padding: var(--b-panel-padding);
  --b-field-set-border-color: var(--b-border-3);
  --b-field-set-background: var(--b-neutral-100);
  --b-field-set-label-font-size: 0.8em;
  --b-field-set-label-z-index: 1;
  --b-field-set-label-bg-z-index: -1;
}
.b-field-set {
  position: relative;
  overflow: visible;
  align-items: stretch;
  gap: 0;
  color: var(--b-primary);
  --b-panel-with-header-padding: var(--b-field-set-padding);
}
.b-field-set fieldset {
  background: var(--b-field-set-background);
  border: var(--b-field-set-border-width) solid var(--b-field-set-border-color);
  border-radius: var(--b-field-set-border-radius);
  padding: var(--b-field-set-padding);
  min-width: 0;
  min-height: 0;
  margin: 0;
}
.b-field-set > .b-panel-body-wrap {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
}
.b-field-set.b-columns fieldset {
  grid-template-columns: repeat(var(--bi-container-columns), auto);
}
.b-field-set:not(.b-label-align-before) > .b-label {
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: 0;
  translate: calc(1em * var(--b-rtl-negate)) -50%;
  padding-inline: 0.5em;
  line-height: 1em;
  z-index: var(--b-field-set-label-z-index);
  font-size: var(--b-field-set-label-font-size);
}
.b-field-set:not(.b-label-align-before) > .b-label::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: var(--b-field-set-label-bg-z-index);
  clip-path: inset(calc(.5em - var(--b-field-set-border-width)) 0 0 0);
  background: var(--b-field-set-background);
}
.b-field-set.b-label-align-before:not(:has(.b-inline)) > .b-label {
  align-self: start;
}
legend.b-field-set-legend {
  position: absolute;
  top: -10000px;
  clip: rect(0, 0, 0, 0);
}
.b-toolbar-content > .b-field-set {
  --b-field-set-background: var(--b-toolbar-background, var(--b-neutral-100));
}
:root,
:host {
  --b-radio-group-gap: var(--b-widget-gap);
}
.b-radio-group {
  width: fit-content;
  gap: var(--bi-field-gap);
  --b-field-set-border-width: 0;
  --b-field-set-border-radius: 0;
  --b-field-set-padding: 0;
  --b-field-label-above-gap: 0;
  --b-field-set-background: transparent;
  --b-panel-background: transparent;
}
.b-radio-group > .b-panel-header {
  padding-inline: var(--b-field-set-padding);
}
.b-radio-group:not(:has(.b-inline)) {
  --b-panel-gap: var(--b-radio-group-gap);
}
.b-radio-group:not(:has(.b-inline)) .b-radio-group-content {
  width: fit-content;
}
.b-radio-group:has(.b-inline) {
  overflow: visible;
}
.b-radio-group:has(.b-inline) > .b-label:not(.b-align-start) {
  scale: var(--b-text-field-label-scale);
}
.b-radio-group:has(.b-inline) > div {
  grid-area: inner;
}
.b-radio-group:has(.b-inline) .b-panel-body-wrap {
  overflow: visible;
}
.b-radio-group .b-radio-group-body-wrap,
.b-radio-group fieldset.b-radio-group-content {
  overflow: visible;
}
.b-radio-group.b-label-before {
  flex-direction: row;
  gap: var(--b-field-label-before-gap);
}
.b-radio-group.b-label-above > .b-label {
  align-self: flex-start;
  margin-bottom: 0.75em;
}
.b-radio-group.b-has-label > .b-label {
  position: static;
  translate: none;
  padding-inline: 0;
  font-size: var(--b-label-font-size);
}
.b-radio-group.b-has-label > .b-label::before {
  content: none;
}
:root,
:host {
  --b-popup-border-radius: var(--b-widget-border-radius);
  --b-popup-text-popup-width: 25em;
  --b-popup-close-icon-content: "\f00d";
  --b-popup-maximize-icon-content: "\f065";
  --b-popup-padding: var(--b-widget-padding-large);
  --b-popup-background: var(--b-panel-background);
  --b-modal-mask-background: var(--b-mask-background);
  --b-popup-border: null;
  --b-modal-mask-z-index: 1;
}
.b-popup.b-panel {
  --b-panel-background: var(--b-popup-background);
  --b-panel-padding: var(--b-popup-padding);
  border: var(--b-popup-border);
}
.b-popup.b-panel .b-panel {
  --b-panel-background: var(--b-popup-background);
}
.b-popup {
  border-radius: var(--b-popup-border-radius);
}
.b-popup .b-panel-body-wrap {
  border-radius: inherit;
}
.b-popup .b-panel-body-wrap > .b-bottom-toolbar {
  background: transparent;
}
.b-popup.b-header-dock-top .b-panel-body-wrap {
  border-start-start-radius: 0;
  border-start-end-radius: 0;
}
.b-popup:where(.b-anchored) {
  overflow: visible;
}
.b-text-popup {
  max-width: var(--b-popup-text-popup-width);
  --b-panel-gap: 0;
}
.b-text-popup .b-popup-content {
  display: flex;
  flex-direction: column;
}
.b-popup-close::before {
  content: var(--b-popup-close-icon-content);
}
.b-popup-expand::before {
  content: var(--b-popup-maximize-icon-content);
}
.b-tooltip-loading .b-icon {
  display: inline-block;
  margin-inline-end: .5em;
}
@media (max-width: 480px) {
  .b-popup {
    max-width: 100% !important;
  }
}
.b-modal-mask {
  position: fixed;
  inset: 0;
  pointer-events: all;
  z-index: var(--b-modal-mask-z-index);
  background: var(--b-modal-mask-background);
  color: var(--b-modal-mask-color, var(--b-primary));
}
.b-modal-mask.b-modal-transparent {
  --b-modal-mask-background: transparent;
}
:root,
:host {
  --b-hint-highlighter-z-index: 99999;
  --b-hint-highlighter-center-z-index: -1;
}
.b-internal {
  --bi-hint-highlight-top: null;
  --bi-hint-highlight-left: null;
  --bi-hint-highlight-width: null;
  --bi-hint-highlight-height: null;
}
.b-hint code {
  padding: 2px 4px;
  line-height: 1;
  background: var(--b-neutral-80);
}
.b-hint .b-description {
  line-height: 1.7em;
}
.b-hint .b-mask {
  --b-mask-background: color-mix(in srgb, var(--b-neutral-70), transparent 90%);
  --b-mask-text-background: transparent;
  --b-elevation-1: none;
  --b-mask-text-color: transparent;
}
.b-hint.b-floating {
  width: max-content;
  max-width: 37em;
  transition: top 0.5s, inset-inline-start 0.5s;
}
.b-hint.b-floating [data-ref=steps] {
  margin-inline-end: auto;
}
.b-hint.b-floating.b-no-title .b-hint-header {
  max-height: 0;
  padding: 0;
}
.b-hint.b-floating.b-no-title .b-popup-close {
  position: absolute;
  inset-block-start: var(--b-widget-padding-large);
  inset-inline-end: var(--b-widget-padding-large);
}
.b-hint.b-floating.b-no-title .b-hint-content {
  padding-inline-end: calc(var(--b-widget-padding-large) * 2);
  padding-block: var(--b-widget-padding-large) 0;
}
.b-hint.b-floating,
.b-hint.b-floating .b-hint-body-wrap {
  border-radius: .5em;
}
.b-hint.b-floating .b-button {
  height: 2.75em;
}
.b-hint.b-floating .b-tooltip-header .b-tool {
  position: absolute;
  top: .5em;
  right: .5em;
}
.b-float-root .b-hint-highlighter {
  --bi-hint-highlight-color: var(--b-color-orange);
  background-color: transparent;
  pointer-events: none !important;
  transition:
    left .5s,
    top 0.5s,
    width 0.5s,
    height 0.5s,
    background-color 0.7s;
  border-radius: 3px;
  outline: 2px solid var(--bi-hint-highlight-color);
  left: var(--bi-hint-highlight-left);
  top: var(--bi-hint-highlight-top);
  width: var(--bi-hint-highlight-width);
  height: var(--bi-hint-highlight-height);
}
.b-float-root .b-hint-highlighter.b-hint-highlighter-ping {
  animation: b-anim-hint-highlighter-ping 1.2s 3 linear;
  z-index: var(--b-hint-highlighter-z-index);
}
.b-float-root .b-hint-highlighter.b-hint-highlighter-center {
  background-color: var(--bi-hint-highlight-color);
  border-radius: 50%;
  outline-offset: -2px;
  z-index: var(--b-hint-highlighter-center-z-index);
}
.b-float-root .b-hint-highlighter.b-realigning {
  transition: none !important;
}
@keyframes b-anim-hint-highlighter-ping {
  0%, 100% {
    outline-color: var(--bi-hint-highlight-color);
    outline-offset: -2px;
    outline-width: 2px;
  }
  70% {
    outline-offset: 20px;
    outline-color: color-mix(in srgb, var(--bi-hint-highlight-color) 40%, transparent 60%);
    outline-width: 10px;
  }
  95% {
    outline-offset: 20px;
    outline-color: transparent;
    outline-width: 10px;
  }
  96% {
    outline-offset: -2px;
    outline-color: transparent;
    outline-width: 2px;
  }
}
.b-modal-mask[owned-by*=b-hint] {
  --bi-hint-highlight-radius: var(--b-widget-border-radius, 0px);
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%, var(--bi-hint-highlight-left) var(--bi-hint-highlight-top), var(--bi-hint-highlight-left) calc(var(--bi-hint-highlight-top) + var(--bi-hint-highlight-height)), calc(var(--bi-hint-highlight-left) + var(--bi-hint-highlight-width)) calc(var(--bi-hint-highlight-top) + var(--bi-hint-highlight-height)), calc(var(--bi-hint-highlight-left) + var(--bi-hint-highlight-width)) var(--bi-hint-highlight-top), var(--bi-hint-highlight-left) var(--bi-hint-highlight-top));
  transition: all .5s;
}
@supports (clip-path: shape(from 0 0, close)) {
  .b-modal-mask[owned-by*=b-hint] {
    clip-path: shape(evenodd from 0% 0%, line to 100% 0%, line to 100% 100%, line to 0% 100%, line to 0% 0%, line to calc(var(--bi-hint-highlight-left) + var(--bi-hint-highlight-radius)) var(--bi-hint-highlight-top), arc to var(--bi-hint-highlight-left) calc(var(--bi-hint-highlight-top) + var(--bi-hint-highlight-radius)) of var(--bi-hint-highlight-radius), line to var(--bi-hint-highlight-left) calc(var(--bi-hint-highlight-top) + var(--bi-hint-highlight-height) - var(--bi-hint-highlight-radius)), arc to calc(var(--bi-hint-highlight-left) + var(--bi-hint-highlight-radius)) calc(var(--bi-hint-highlight-top) + var(--bi-hint-highlight-height)) of var(--bi-hint-highlight-radius), line to calc(var(--bi-hint-highlight-left) + var(--bi-hint-highlight-width) - var(--bi-hint-highlight-radius)) calc(var(--bi-hint-highlight-top) + var(--bi-hint-highlight-height)), arc to calc(var(--bi-hint-highlight-left) + var(--bi-hint-highlight-width)) calc(var(--bi-hint-highlight-top) + var(--bi-hint-highlight-height) - var(--bi-hint-highlight-radius)) of var(--bi-hint-highlight-radius), line to calc(var(--bi-hint-highlight-left) + var(--bi-hint-highlight-width)) calc(var(--bi-hint-highlight-top) + var(--bi-hint-highlight-radius)), arc to calc(var(--bi-hint-highlight-left) + var(--bi-hint-highlight-width) - var(--bi-hint-highlight-radius)) var(--bi-hint-highlight-top) of var(--bi-hint-highlight-radius), line to calc(var(--bi-hint-highlight-left) + var(--bi-hint-highlight-radius)) var(--bi-hint-highlight-top), line to 0% 0%);
  }
}
:root,
:host {
  --b-menu-border-radius: var(--b-widget-border-radius);
  --b-menu-background: var(--b-panel-background);
  --b-menu-padding: 0;
}
.b-menu.b-popup {
  min-height: 2em;
  user-select: none;
  -webkit-user-select: none;
  background: var(--b-menu-background);
  --b-panel-padding: var(--b-menu-padding);
  --b-popup-border-radius: var(--b-menu-border-radius);
}
.b-menu.b-popup .b-menu-body-wrap {
  border-radius: 0;
}
.b-menu-content {
  gap: 0;
}
.b-menu-content > :not(.b-menu-item) {
  margin: 1em;
}
.b-menu-custom-content {
  display: flex;
}
.b-menu-with-submenu .b-menu-item:not(.b-has-submenu) {
  --bi-menu-item-margin-inline-end: 2em;
}
:root,
:host {
  --b-message-dialog-min-width: 20em;
  --b-message-dialog-button-min-width: 6.5em;
  --bi-messagedialog-display: none;
}
.b-message-dialog {
  user-select: none;
  -webkit-user-select: none;
  min-width: var(--b-message-dialog-min-width);
}
.b-message-dialog .b-button {
  min-width: var(--b-message-dialog-button-min-width);
}
.b-message-dialog .b-message-dialog-input,
.b-message-dialog .b-message-dialog-ok-button,
.b-message-dialog .b-message-dialog-cancel-button {
  display: var(--bi-messagedialog-display);
}
:is(.b-message-dialog.b-message-dialog-prompt, .b-message-dialog.b-message-dialog-confirm) .b-message-dialog-ok-button,
:is(.b-message-dialog.b-message-dialog-prompt, .b-message-dialog.b-message-dialog-confirm) .b-message-dialog-cancel-button {
  --bi-messagedialog-display: flex;
}
.b-message-dialog.b-message-dialog-prompt .b-message-dialog-input {
  --bi-messagedialog-display: flex;
}
.b-message-dialog.b-message-dialog-alert .b-message-dialog-ok-button {
  --bi-messagedialog-display: flex;
}
.b-message-dialog .b-message-dialog-message {
  display: block;
}
:root,
:host {
  --b-tooltip-plain-padding: 0.5em;
  --b-tooltip-rich-padding: var(--b-widget-padding);
  --b-tooltip-rich-border-radius: var(--b-widget-border-radius-large);
  --b-tooltip-plain-font-size: 0.9em;
  --b-tooltip-text-gap: 1em;
  --b-tooltip-flex-direction: column;
  --b-tooltip-align-items: flex-start;
  --b-tooltip-content-display: flex;
  --b-tooltip-plain-color: var(--b-widget-color);
  --b-tooltip-rich-color: var(--b-widget-color);
  --b-tooltip-rich-background: var(--b-neutral-100);
  --b-tooltip-z-index: 2;
}
.b-tooltip.b-popup {
  color: var(--b-primary);
  z-index: var(--b-tooltip-z-index);
}
.b-tooltip.b-popup:not(.b-allow-over) {
  user-select: none;
  -webkit-user-select: none;
}
.b-tooltip.b-popup.b-plain-tooltip {
  --b-popup-background: var(--b-tooltip-plain-background, var(--b-neutral-100));
  --b-panel-padding: var(--b-tooltip-plain-padding);
  --b-tooltip-color: var(--b-tooltip-plain-color);
  --b-widget-font-size: var(--b-tooltip-plain-font-size);
  --b-popup-border-radius: var(--b-widget-border-radius);
}
.b-tooltip.b-popup.b-plain-tooltip .b-tooltip-content {
  display: block;
  text-align: center;
}
.b-rich-tooltip {
  --b-popup-background: var(--b-tooltip-rich-background);
  --b-tooltip-color: var(--b-tooltip-rich-color);
  --b-panel-padding: var(--b-tooltip-rich-padding);
  --b-popup-border-radius: var(--b-tooltip-rich-border-radius);
}
.b-rich-tooltip .b-tooltip-content {
  flex-wrap: wrap;
  display: var(--b-tooltip-content-display);
  flex-direction: var(--b-tooltip-flex-direction);
  align-items: var(--b-tooltip-align-items);
}
.b-tooltip-content {
  color: var(--b-tooltip-color);
}
.b-tooltip-content:where(.b-text-content) {
  --b-panel-gap: var(--b-tooltip-text-gap);
}
.b-tooltip-content:where(.b-text-content) > * {
  margin-block: 0;
}
:root,
:host {
  --b-year-picker-gap: 0.5em;
  --b-year-picker-padding: var(--b-year-picker-gap);
  --b-year-picker-title-font-weight: 600;
  --b-year-picker-year-font-weight: var(--b-widget-font-weight);
  --b-year-picker-year-color: var(--b-neutral-30);
}
.b-month-picker-body-wrap,
.b-year-picker-body-wrap {
  height: 100%;
}
.b-month-picker-content,
.b-year-picker-content {
  grid-template-columns: repeat(4, 1fr);
  grid-auto-rows: auto;
  place-items: center;
  height: 100%;
  gap: var(--b-year-picker-gap);
  padding: var(--b-year-picker-padding);
}
:is(.b-month-picker-content, .b-year-picker-content) .b-button {
  width: 100%;
  padding: 0.5em 0;
  --b-button-font-weight: var(--b-year-picker-year-font-weight);
  --b-button-color: var(--b-year-picker-year-color);
  --b-button-hover-background: var(--b-year-picker-hover-background, var(--b-date-picker-date-hover-background, var(--b-primary-95)));
}
:is(.b-month-picker-content, .b-year-picker-content) .b-button.b-selected {
  --b-button-background: var(--b-year-picker-selected-background, var(--b-date-picker-selected-background, var(--b-primary-90)));
  --b-button-color: var(--b-year-picker-selected-color);
  --b-button-font-weight: var(--b-year-picker-title-font-weight);
}
.b-month-picker-title,
.b-year-picker-title {
  flex: 1;
  background: transparent;
  font-weight: var(--b-year-picker-title-font-weight);
}
:is(.b-month-picker-title, .b-year-picker-title) .b-button-label {
  font-size: 1.1em;
}
.b-time-picker {
  max-height: 39em;
}
.b-time-picker .b-list {
  background-color: transparent;
  align-items: center;
  scroll-snap-type: block;
}
.b-time-picker-item {
  aspect-ratio: 1;
  flex-shrink: 0;
  width: 3em;
  scroll-snap-align: start;
  display: grid;
  place-content: center;
  cursor: pointer;
  border-radius: var(--b-widget-border-radius);
}
.b-time-picker-item:hover {
  outline: var(--b-widget-focus-outline-width) solid var(--b-widget-focus-outline-color);
  outline-offset: calc(var(--b-widget-focus-outline-width) * -1);
}
.b-time-picker-item[aria-selected=true] {
  outline: var(--b-widget-focus-outline-width) solid var(--b-widget-focus-outline-color);
  outline-offset: calc(var(--b-widget-focus-outline-width) * -1);
}
.b-time-picker-content {
  justify-content: center;
}
:root,
:host {
  --b-toolbar-gap: var(--b-widget-gap);
  --b-toolbar-padding: var(--b-widget-padding);
  --b-toolbar-separator-height: 2em;
  --b-toolbar-justify-content: flex-start;
  --b-toolbar-background: var(--b-panel-background);
  --b-toolbar-separator-color: var(--b-neutral-50);
}
.b-toolbar {
  display: flex;
  flex-direction: row;
  gap: 0;
  overflow: hidden;
  flex-shrink: 0;
  transition: background-color .2s;
  background: var(--b-toolbar-background);
}
.b-toolbar.b-dock-left,
.b-toolbar.b-dock-right {
  flex-direction: column;
  --bi-toolbar-min-width: var(--b-toolbar-min-size, unset);
}
.b-toolbar.b-dock-top,
.b-toolbar.b-dock-bottom {
  align-items: center;
  flex-wrap: nowrap;
  --bi-toolbar-min-height: var(--b-toolbar-min-size, unset);
}
:is(.b-toolbar.b-dock-top, .b-toolbar.b-dock-bottom) .b-box-center.b-toolbar-content > .b-button {
  height: 100%;
  min-height: var(--b-button-height);
}
.b-toolbar .b-overflow-button {
  margin: var(--b-toolbar-padding);
  place-content: center;
}
.b-toolbar .b-overflow-button.b-rotate-vertical {
  rotate: 90deg;
  align-self: center;
}
.b-toolbar .b-overflow-button:active {
  background: var(--b-neutral-90);
}
.b-toolbar .b-box-center.b-toolbar-content {
  align-items: center;
}
.b-toolbar .b-html {
  align-items: center;
}
.b-toolbar-content > .b-button-text:not(.b-hidden) + .b-button-text {
  margin-inline-start: calc(var(--b-toolbar-gap) * -1);
}
.b-box-center.b-toolbar-content {
  flex: 1;
  overflow: hidden;
  gap: var(--b-toolbar-gap);
  padding: var(--b-toolbar-padding);
  min-height: var(--bi-toolbar-min-height);
  min-width: var(--bi-toolbar-min-width);
  justify-content: var(--b-toolbar-justify-content);
}
.b-toolbar-separator {
  border-inline-end: 1px solid var(--b-toolbar-separator-color);
  min-height: var(--b-toolbar-separator-height);
}
.b-toolbar-fill {
  flex: 1;
}
.b-toolbar-overflow-menu > .b-panel-body-wrap > .b-menu-content .b-widget {
  flex: 0 0 auto !important;
  width: auto;
}
.b-confirmation-bar {
  --b-toolbar-justify-content: flex-end;
}
.b-paging-toolbar [data-ref=pageNumber] {
  width: auto;
}
.b-paging-toolbar [data-ref=pageNumber] .b-field-inner {
  width: 3.5em;
}
.b-paging-toolbar [data-ref=pageNumber] input {
  text-align: center;
}
:root,
:host {
  --b-tab-bar-border-bottom-width: 1px;
  --b-tab-bar-border-bottom-color: var(--b-border-6);
  --b-tab-bar-background: transparent;
  --b-tab-bar-padding: 0;
}
.b-tab-bar {
  --b-panel-bottom-toolbar-padding: var(--b-tab-bar-padding);
  --b-toolbar-gap: 0;
  --b-toolbar-padding: var(--b-tab-bar-padding);
  --b-toolbar-background: var(--b-tab-bar-background);
  transition: border var(--b-default-transition-duration), background var(--b-default-transition-duration);
  border-bottom: var(--b-tab-bar-border-bottom-width) solid var(--b-tab-bar-border-bottom-color);
}
.b-tab-bar .b-overflow-button {
  padding-inline: 1em;
  margin-inline: 0.5em;
}
.b-tab-bar.b-horizontal-tabs {
  border-bottom: none;
}
.b-tab-bar.b-horizontal-tabs.b-dock-left {
  border-inline-end: var(--b-tab-bar-border-bottom-width) solid var(--b-tab-bar-border-bottom-color);
}
.b-tab-bar.b-horizontal-tabs.b-dock-right {
  border-inline-start: var(--b-tab-bar-border-bottom-width) solid var(--b-tab-bar-border-bottom-color);
}
.b-tab-bar.b-horizontal-tabs .b-tab-indicator {
  inset: 0;
  block-size: auto;
  inline-size: var(--b-tab-indicator-height);
}
.b-tab-bar.b-horizontal-tabs .b-box-center.b-toolbar-content {
  align-items: stretch;
}
.b-tab-bar.b-horizontal-tabs .b-tab {
  justify-content: start;
}
.b-tab-bar.b-horizontal-tabs .b-tab .b-button-icon {
  width: 1.25em;
  text-align: center;
}
.b-tab-bar.b-horizontal-tabs.b-dock-left .b-tab-indicator {
  inset-inline-start: auto;
}
.b-tab-bar.b-horizontal-tabs.b-dock-right .b-tab-indicator {
  inset-inline-end: auto;
}
.demo-header {
  display: flex;
  padding-inline: 0.7em 0;
  padding-block: 0;
  flex: 0 0 auto;
  background: var(--b-demo-header-background);
  border-bottom: 1px solid var(--b-border-6);
  transition:
    background-color var(--b-default-transition-duration),
    padding var(--b-default-transition-duration),
    font-size .1s,
    border-color var(--b-default-transition-duration);
}
.demo-header a {
  text-decoration: none;
}
.demo-header .b-icon {
  font-size: 1.1em;
}
.demo-header .title {
  margin-inline-end: auto;
  display: flex;
  align-items: center;
  white-space: nowrap;
  color: var(--b-text-1);
}
.demo-header .title:focus-visible {
  outline-offset: var(--b-button-focus-outline-offset);
  outline: var(--b-button-focus-outline-width) solid var(--b-widget-focus-outline-color);
  border-radius: var(--b-widget-border-radius);
}
.demo-header .title h1 {
  display: flex;
  align-items: center;
  margin: 0;
  font-weight: 600;
  font-size: 1.1em;
}
.demo-header .title svg {
  margin-inline-end: .75em;
  height: 2em;
  width: 2em;
  background: #0076f8;
  padding-inline-end: .2em;
  border-radius: 5px;
}
.demo-header .title svg g {
  fill: #fff;
}
.demo-header .b-toolbar {
  font-size: .9em;
  --b-toolbar-padding: 0.7em;
  --b-toolbar-background: transparent;
}
:root,
:host {
  --b-file-field-button-background: var(--b-primary);
  --b-file-field-button-color: var(--b-neutral-100);
}
.b-file-field input[type=file] {
  font-family: inherit;
  color: var(--b-label-color);
}
.b-file-field input[type=file]::file-selector-button {
  padding: 0.5em 1em;
  border-radius: 0.25em;
  cursor: pointer;
  font-weight: 500;
  margin-inline-end: 1em;
  border: none;
  font-family: inherit;
  background: var(--b-file-field-button-background);
  color: var(--b-file-field-button-color);
}
.b-file-field input[type=file]::file-selector-button:hover {
  background: color-mix(in srgb, var(--b-file-field-button-background), #fff 10%);
}
.b-file-picker {
  overflow: visible;
}
:root,
:host {
  --b-histogram-bar-border-width: null;
  --b-histogram-bar0-border-width: null;
  --b-histogram-bar1-border-width: null;
  --b-histogram-bar2-border-width: null;
  --b-histogram-bar3-border-width: null;
  --b-histogram-bar4-border-width: null;
  --b-histogram-bar5-border-width: null;
  --b-histogram-transition-duration: .3s;
  --b-histogram-bar-legend-font-size: 0.8em;
  --b-histogram-bar-color: var(--b-color-green);
  --b-histogram-bar-border-color: null;
  --b-histogram-bar0-color: var(--b-color-green);
  --b-histogram-bar0-border-color: null;
  --b-histogram-bar1-color: var(--b-color-blue);
  --b-histogram-bar1-border-color: null;
  --b-histogram-bar2-color: var(--b-color-indigo);
  --b-histogram-bar2-border-color: null;
  --b-histogram-bar3-color: var(--b-color-teal);
  --b-histogram-bar3-border-color: null;
  --b-histogram-bar4-color: var(--b-color-orange);
  --b-histogram-bar4-border-color: null;
  --b-histogram-bar5-color: var(--b-color-lime);
  --b-histogram-bar5-border-color: null;
  --b-histogram-exceeds-top-bar-color: var(--b-color-red);
  --b-histogram-outline-color: #f99;
}
.b-histogram {
  background-color: #fff;
  padding: 1px;
  contain: strict;
}
.b-histogram svg * {
  vector-effect: non-scaling-stroke;
}
.b-histogram rect {
  fill: var(--b-histogram-bar-color);
  stroke-width: var(--b-histogram-bar-border-width);
  stroke: var(--b-histogram-bar-border-color);
  transition-property:
    x,
    y,
    width,
    height,
    fill;
  transition-duration: var(--b-histogram-transition-duration);
}
.b-histogram rect.b-series-index-0 {
  fill: var(--b-histogram-bar0-color);
  stroke-width: var(--b-histogram-bar0-border-width);
  stroke: var(--b-histogram-bar0-border-color);
}
.b-histogram rect.b-series-index-1 {
  fill: var(--b-histogram-bar1-color);
  stroke-width: var(--b-histogram-bar1-border-width);
  stroke: var(--b-histogram-bar1-border-color);
}
.b-histogram rect.b-series-index-2 {
  fill: var(--b-histogram-bar2-color);
  stroke-width: var(--b-histogram-bar2-border-width);
  stroke: var(--b-histogram-bar2-border-color);
}
.b-histogram rect.b-series-index-3 {
  fill: var(--b-histogram-bar3-color);
  stroke-width: var(--b-histogram-bar3-border-width);
  stroke: var(--b-histogram-bar3-border-color);
}
.b-histogram rect.b-series-index-4 {
  fill: var(--b-histogram-bar4-color);
  stroke-width: var(--b-histogram-bar4-border-width);
  stroke: var(--b-histogram-bar4-border-color);
}
.b-histogram rect.b-series-index-5 {
  fill: var(--b-histogram-bar5-color);
  stroke-width: var(--b-histogram-bar5-border-width);
  stroke: var(--b-histogram-bar5-border-color);
}
.b-histogram rect.b-exceeds-top {
  fill: var(--b-histogram-exceeds-top-bar-color);
}
.b-histogram text.b-bar-legend {
  writing-mode: tb;
  text-anchor: end;
  font-size: var(--b-histogram-bar-legend-font-size);
  pointer-events: none;
}
.b-histogram svg {
  overflow: visible;
}
.b-histogram path {
  fill: transparent;
  stroke: var(--b-histogram-outline-color);
  transition: d var(--b-histogram-transition-duration);
  pointer-events: none;
}
:root,
:host {
  --b-scale-line-color: var(--b-neutral-60);
  --b-scale-label-color: var(--b-neutral-30);
}
.b-scale {
  contain: strict;
}
.b-scale svg * {
  vector-effect: non-scaling-stroke;
}
.b-scale.b-scale-vertical text.b-scale-tick-label {
  translate: 0 0.3em;
}
.b-scale.b-scale-vertical.b-align-right {
  text-anchor: end;
}
.b-scale.b-scale-horizontal text.b-scale-tick-label {
  text-anchor: middle;
}
.b-scale path {
  stroke: var(--b-scale-line-color);
  pointer-events: none;
}
.b-scale text {
  fill: var(--b-scale-label-color);
}
:root,
:host {
  --b-label-font-size: var(--b-widget-font-size);
  --b-label-font-weight: 400;
  --b-label-disabled-color: var(--b-neutral-50);
  --b-label-above-width: 100%;
  --b-label-width: null;
}
.b-label {
  white-space: nowrap;
  align-items: center;
  transition: color var(--b-default-transition-duration);
  user-select: none;
  -webkit-user-select: none;
  color: var(--b-label-color);
  font-size: var(--b-label-font-size);
  font-weight: var(--b-label-font-weight);
  width: var(--b-label-width);
  min-width: var(--b-label-width);
}
.b-label.b-has-label-width {
  white-space: normal;
}
.b-disabled > .b-label {
  --b-label-color: var(--b-label-disabled-color);
}
.b-hbox,
.b-vbox {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  position: relative;
}
:is(.b-hbox, .b-vbox) > .b-box-center {
  flex: 1 1 auto;
  overflow: hidden;
}
.b-hbox {
  flex-flow: row nowrap;
}
.b-vbox {
  flex-flow: column nowrap;
}
.b-box-justify-stretch {
  justify-content: stretch;
}
:root,
:host {
  --bi-card-margin: 1em;
}
.b-card-container {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.b-card-container.b-animating {
  overflow: hidden;
}
.b-card-container > .b-card-item {
  flex: 1 0 100%;
  align-items: stretch;
  max-width: 100%;
  min-width: 100%;
}
.b-card-container.b-hide-child-headers > .b-panel:not(.b-positioned) > .b-panel-header {
  display: none;
}
.b-slide-in-left {
  animation: b-anim-card-slide-in-left calc(0.3s * var(--bi-duration-debug-factor, 1)) ease 0s 1;
}
.b-slide-out-right {
  pointer-events: none;
  left: var(--bi-card-margin);
  animation: b-anim-card-slide-out-right calc(0.3s * var(--bi-duration-debug-factor, 1)) ease 0s 1;
}
.b-slide-in-right {
  animation: b-anim-card-slide-in-right calc(0.3s * var(--bi-duration-debug-factor, 1)) ease 0s 1;
}
.b-slide-out-left {
  pointer-events: none;
  margin-inline-start: calc(var(--bi-card-margin) * -1);
  margin-inline-end: var(--bi-card-margin);
  animation: b-anim-card-slide-out-left calc(0.3s * var(--bi-duration-debug-factor, 1)) ease 0s 1;
}
@keyframes b-anim-card-slide-in-left {
  0% {
    translate: -100% 0;
  }
  100% {
    translate: 0;
  }
}
@keyframes b-anim-card-slide-out-right {
  0% {
    translate: -100% 0;
  }
  100% {
    translate: 0;
  }
}
@keyframes b-anim-card-slide-in-right {
  0% {
    translate: 0;
  }
  100% {
    translate: -100% 0;
  }
}
@keyframes b-anim-card-slide-out-left {
  0% {
    translate: 0;
  }
  100% {
    translate: -100% 0;
  }
}
.b-fit-container {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  overflow: hidden;
  position: relative;
}
.b-fit-container > .b-fit-item {
  flex: 1 0 auto;
  margin: 0;
  max-width: 100%;
  align-self: stretch !important;
}
:root,
:host {
  --b-list-multi-select-gap: 0;
  --b-list-item-gap: 0.75em;
  --b-list-item-padding: 0.75em;
  --b-list-multi-select-item-padding: var(--b-list-item-padding);
  --b-list-item-border-radius: 0;
  --b-list-item-group-padding: 0.75em 0.75em 0.75em 2em;
  --b-list-selected-icon-size: 1.25em;
  --b-list-selected-icon-content: var(--b-checkbox-checked-check-content);
  --b-list-checkbox-checked-check-color: var(--b-text-5);
  --b-list-item-group-header-font-weight: calc(var(--b-widget-font-weight) + 200);
  --b-list-background: transparent;
  --b-list-title-background: var(--b-neutral-100);
  --b-list-item-color: var(--b-widget-color);
  --b-list-title-font-weight: 500;
  --b-list-sticky-z-index: 1;
}
.b-list {
  display: flex;
  flex-direction: column;
  padding: 0;
  margin: 0;
  background: var(--b-list-background);
  border-radius: var(--b-list-border-radius);
}
.b-list.b-floating {
  --b-list-border-radius: var(--b-widget-border-radius);
  --b-list-background: var(--b-list-floating-background, var(--b-primary-100));
}
.b-list .b-empty-text {
  pointer-events: none;
}
.b-list .b-select-all-item {
  position: sticky;
  top: 0;
  z-index: var(--b-list-sticky-z-index);
  background: var(--b-list-title-background);
  font-weight: var(--b-list-title-font-weight);
}
:has(.b-list-title) > :is(.b-list .b-select-all-item) {
  top: 2em;
}
.b-list.b-multi-select {
  gap: var(--b-list-multi-select-gap);
}
.b-list-item {
  display: flex;
  cursor: pointer;
  overflow: clip;
  user-select: none;
  -webkit-user-select: none;
  flex-shrink: 0;
  background: var(--b-list-item-background);
  color: var(--b-list-item-color);
  font-weight: var(--b-list-item-font-weight);
  padding: var(--b-list-item-padding);
  border-radius: var(--b-list-item-border-radius);
}
.b-list-item .b-selected-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all var(--b-default-transition-duration);
  width: var(--b-list-selected-icon-size);
  height: var(--b-list-selected-icon-size);
  border-radius: var(--b-checkbox-border-radius);
  border: var(--b-checkbox-border-width) solid var(--b-checkbox-border-color);
  background: var(--b-checkbox-background);
}
.b-list-item .b-selected-icon::before {
  transition: scale var(--b-default-transition-duration) ease;
  scale: 0;
  content: var(--b-checkbox-checked-check-content);
  color: var(--b-list-checkbox-checked-check-color);
  font-size: var(--b-checkbox-check-font-size);
}
.b-multi-select > .b-list-item {
  --b-list-item-padding: var(--b-list-multi-select-item-padding);
}
.b-multi-select > .b-list-item.b-selected .b-selected-icon::before {
  scale: 1;
}
.b-multi-select > .b-list-item.b-selected .b-list-item-content {
  --b-checkbox-background: var(--b-list-checkbox-checked-background);
  --b-checkbox-border-color: var(--b-list-checkbox-checked-border-color, var(--b-list-checkbox-checked-background));
}
.b-list-item:focus {
  outline: none;
}
.b-list-item.b-list-item-group-header {
  --b-list-item-font-weight: var(--b-list-item-group-header-font-weight);
}
.b-list-item.b-out-of-view::before {
  content: "...";
}
.b-grouped > .b-list-item:not(.b-list-item-group-header, .b-list-item-tree-parent) {
  --b-list-item-padding: var(--b-list-item-group-padding);
}
.b-list-item.b-selected {
  --b-list-item-background: var(--b-list-item-selected-background, var(--b-primary-95));
}
.b-list-item.b-active,
.b-list-item:focus-visible {
  --b-list-item-background: var(--b-list-item-focus-background, var(--b-primary-85));
}
.b-list-title {
  position: sticky;
  top: 0;
  z-index: var(--b-list-sticky-z-index);
  font-weight: var(--b-list-title-font-weight);
  background: var(--b-list-title-background);
}
.b-list-expander-icon {
  pointer-events: all;
  width: 1.1em;
  height: 1em;
}
.b-list-item:is(.b-list-item-group-header, .b-list-item-tree-parent) .b-list-expander-icon {
  margin-inline-start: auto;
  margin-inline-end: 0;
}
.b-list-item-content {
  display: flex;
  align-items: center;
  flex: 1;
  gap: var(--b-list-item-gap);
}
:root,
:host {
  --b-chip-view-gap: 0.25em;
  --b-chip-view-padding: 0;
  --b-chip-view-chip-border-radius: 1.5em;
  --b-chip-view-chip-border-width: 1px;
  --b-chip-view-chip-font-size: 1em;
  --b-chip-view-chip-gap: 0.5em;
  --b-chip-view-chip-padding-block: 0.25em;
  --b-chip-view-chip-padding-inline: 0.75em;
  --b-chip-view-chip-border-color: transparent;
  --b-chip-view-chip-color: var(--b-text-1);
  --b-chip-view-chip-selected-color: var(--b-text-1);
}
.b-chip-view {
  display: flex;
  flex-flow: row wrap;
  background: transparent;
  align-items: center;
  --b-list-multi-select-gap: var(--b-chip-view-gap);
  padding: var(--b-chip-view-padding);
}
.b-chip-view.b-transitioning-height {
  transition: height 0.2s ease-in-out;
}
.b-chip-view.b-adding-item.b-prevent-scroll {
  overflow: clip !important;
}
.b-chip {
  display: flex;
  cursor: pointer;
  outline: none;
  overflow: clip;
  opacity: 1;
  transition:
    opacity .2s linear,
    translate .2s ease-in,
    max-width .2s,
    background .2s;
  translate: 0 0;
  max-width: 15em;
  align-items: center;
  line-height: 1.2em;
  border: var(--b-chip-view-chip-border-width) solid var(--b-chip-view-chip-border-color);
  background: var(--b-chip-view-chip-background, var(--b-primary-90));
  font-size: var(--b-chip-view-chip-font-size);
  border-radius: var(--b-chip-view-chip-border-radius);
  padding-block: var(--b-chip-view-chip-padding-block);
  padding-inline: var(--b-chip-view-chip-padding-inline);
}
.b-chip:hover {
  --b-chip-view-chip-background: var(--b-chip-view-chip-hover-background, var(--b-primary-85));
}
.b-chip.b-selected {
  --b-chip-view-chip-background: var(--b-chip-view-chip-selected-background, var(--b-primary-75));
  --b-chip-view-chip-color: var(--b-chip-view-chip-selected-color);
}
.b-chip.b-active {
  --b-chip-view-chip-background: var(--b-chip-view-chip-active-background, var(--b-primary-85));
  --b-chip-view-chip-color: var(--b-chip-view-chip-selected-color);
}
.b-chip.b-selected.b-active {
  --b-chip-view-chip-background: var(--b-chip-view-chip-active-selected-background, var(--b-primary-75));
}
.b-chip:focus-visible {
  --b-chip-view-chip-border-color: var(--b-chip-view-chip-focus-border-color, var(--b-primary-35));
}
.b-chip.b-removing.b-anim-collapse {
  transition: opacity .2s linear, max-width .2s ease-out;
  opacity: 0;
  max-width: 0;
}
.b-chip.b-adding.b-anim-slide-up {
  opacity: 0;
  translate: 0 1em;
}
.b-chip.b-adding.b-anim-expand {
  max-width: 0;
  opacity: 0;
}
.b-chip-content {
  display: flex;
  overflow: clip;
  white-space: nowrap;
  align-items: center;
  gap: var(--b-chip-view-chip-gap);
  color: var(--b-chip-view-chip-color);
}
:root,
:host {
  --b-color-picker-color-border-radius: var(--b-widget-border-radius);
  --b-color-picker-color-outline-width: 2px;
  --b-color-picker-color-outline: var(--b-color-picker-color-outline-width) solid currentColor;
  --b-color-picker-color-hover-outline: var(--b-color-picker-color-outline-width) solid currentColor;
  --b-color-picker-color-active-outline: var(--b-color-picker-color-outline-width) solid color-mix(in oklab, currentColor, transparent 50%);
  --b-color-picker-color-outline-offset: 2px;
  --b-color-picker-color-size: 2em;
  --b-color-picker-gap: .8em;
  --b-color-picker-padding: var(--b-widget-padding);
  --b-color-picker-color-no-color-color: #ccc;
  --b-color-picker-columns: 5;
}
.b-color-picker {
  display: grid;
  overflow: visible;
  --b-menu-padding: var(--b-color-picker-padding);
  grid-gap: var(--b-color-picker-gap);
  grid-template-columns: repeat(var(--b-color-picker-columns), 1fr);
  --b-list-background: transparent;
}
.b-color-picker.b-combo-picker,
.b-color-picker.b-color-column-picker {
  grid-template-columns: repeat(auto-fill, minmax(var(--b-color-picker-color-size), 1fr));
  min-width: calc(var(--b-color-picker-color-size) * 4 + var(--b-color-picker-gap) * 3);
}
:is(.b-color-picker.b-combo-picker, .b-color-picker.b-color-column-picker) .b-color-picker-swatch {
  width: 100%;
}
.b-color-picker-swatch {
  display: grid;
  aspect-ratio: 1 / 1;
  cursor: pointer;
  background-color: currentColor;
  position: relative;
  place-items: center;
  overflow: clip;
  outline-offset: calc(var(--b-color-picker-color-outline-width) * -1);
  transition: outline-offset .2s;
  outline: var(--b-color-picker-color-hover-outline);
  border-radius: var(--b-color-picker-color-border-radius);
  color: var(--b-primary);
  width: var(--b-color-picker-color-size);
}
.b-color-picker-swatch.b-color-active {
  outline: var(--b-color-picker-color-active-outline);
  outline-offset: var(--b-color-picker-color-outline-offset);
}
.b-color-picker-swatch.b-selected,
.b-color-picker-swatch:hover {
  outline: var(--b-color-picker-color-hover-outline);
  outline-offset: var(--b-color-picker-color-outline-offset);
}
.b-color-picker-swatch.b-no-color {
  background-color: transparent;
  border: 1px solid currentColor;
  color: var(--b-color-picker-color-no-color-color);
}
.b-color-picker-swatch.b-no-color::before {
  content: "";
  position: absolute;
  height: 300%;
  border-inline-end: 1px solid currentColor;
  rotate: 135deg;
}
:root,
:host {
  --b-mask-border-radius: var(--b-widget-border-radius);
  --b-mask-padding: var(--b-widget-padding);
  --b-mask-text-background: var(--b-popup-background, var(--b-neutral-100));
  --b-mask-progress-height: 0.25em;
  --b-mask-background: color-mix(in srgb, var(--b-neutral-0), transparent 85%);
  --b-mask-text-color: var(--b-widget-color);
  --b-mask-progress-color: color-mix(in srgb, var(--b-mask-text-color), transparent 30%);
  --b-mask-color: var(--b-primary);
  --b-mask-transition-duration: .5s;
  --b-mask-z-index: 100;
}
.b-mask {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  opacity: 1;
  z-index: var(--b-mask-z-index);
  background: var(--b-mask-background);
  color: var(--b-mask-color);
  transition: opacity var(--b-mask-transition-duration);
}
.b-mask.b-delayed-show {
  opacity: 0;
}
@starting-style {
  .b-mask {
    opacity: 0;
  }
}
.b-mask-rendition-text {
  --b-mask-color: transparent;
  --b-mask-text-color: var(--b-text-2);
}
.b-mask-rendition-text .b-mask-content {
  box-shadow: none;
}
.b-mask-content {
  position: relative;
  overflow: hidden;
  background: var(--b-mask-text-background);
  box-shadow: var(--b-elevation-1);
  border-radius: var(--b-mask-border-radius);
}
.b-mask-progress-bar {
  height: var(--b-mask-progress-height);
  background: var(--b-mask-progress-color);
}
.b-mask-text {
  display: flex;
  gap: 0.5em;
  user-select: none;
  -webkit-user-select: none;
  align-items: center;
  color: var(--b-mask-text-color);
  padding: var(--b-mask-padding);
}
.b-masked {
  position: relative;
}
:root,
:host {
  --b-menu-item-gap: var(--b-widget-gap);
  --b-menu-item-icon-width: 1em;
  --b-menu-item-min-width: 12em;
  --b-menu-item-padding: var(--b-widget-padding);
  --b-menu-item-font-weight: var(--b-widget-font-weight);
  --b-menu-item-separator-border-color: var(--b-border-6);
  --b-menu-item-color: var(--b-widget-color);
  --b-menu-item-icon-color: var(--b-menu-item-color);
  --b-menu-item-disabled-color: var(--b-widget-disabled-color);
  --b-menu-item-disabled-icon-color: var(--b-neutral-70);
  --b-menu-item-background: transparent;
  --b-menu-item-hover-color: var(--b-widget-color);
  --b-menu-item-focus-color: var(--b-widget-color);
  --b-menu-item-hover-icon-color: var(--b-widget-color);
  --b-menu-item-focus-icon-color: var(--b-widget-color);
  --b-menu-item-border-radius: null;
  --b-menu-item-separator-height: 1px;
  --b-menu-item-separator-inset: 0;
}
.b-menu-item {
  display: flex;
  align-items: center;
  outline: none;
  overflow: clip;
  flex-shrink: 0;
  background: var(--b-menu-item-background);
  border-radius: var(--b-menu-item-border-radius);
  color: var(--b-menu-item-color);
  font-weight: var(--b-menu-item-font-weight);
  gap: var(--b-menu-item-gap);
  min-width: var(--b-menu-item-min-width);
  padding: var(--b-menu-item-padding);
}
.b-menu-item.b-separator:not(.b-first-visible-child) {
  overflow: visible;
  margin-top: calc(var(--b-menu-item-separator-height) * 2 - 1px);
}
.b-menu-item.b-separator:not(.b-first-visible-child)::before {
  content: "";
  display: block;
  position: absolute;
  inset-inline: var(--b-menu-item-separator-inset);
  top: calc(var(--b-menu-item-separator-height) * -1);
  border-top: 1px solid var(--b-menu-item-separator-border-color);
}
.b-menu-item:not(.b-disabled) {
  cursor: pointer;
}
.b-menu-item:hover {
  --b-menu-item-color: var(--b-menu-item-hover-color);
  --b-menu-item-background: var(--b-menu-item-hover-background, var(--b-primary-90));
  --b-menu-item-icon-color: var(--b-menu-item-hover-icon-color);
}
.b-menu-item:focus-within {
  --b-menu-item-color: var(--b-menu-item-focus-color);
  --b-menu-item-background: var(--b-menu-item-focus-background, var(--b-primary-90));
  --b-menu-item-icon-color: var(--b-menu-item-focus-icon-color);
}
.b-menu-item.b-disabled {
  --b-menu-item-color: var(--b-menu-item-disabled-color);
  --b-menu-item-icon-color: var(--b-menu-item-disabled-icon-color);
}
.b-menu-item.b-rtl .b-icon-sub-menu:before {
  rotate: 180deg;
}
.b-menu-item-icon {
  justify-self: center;
  color: var(--b-menu-item-icon-color);
  width: var(--b-menu-item-icon-width);
}
.b-menu-text {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  gap: var(--b-menu-item-gap);
  margin-inline-start: calc(var(--b-menu-item-icon-width) + var(--b-menu-item-gap));
  margin-inline-end: var(--bi-menu-item-margin-inline-end);
}
.b-menu:not(.b-menu-with-icon) .b-menu-text,
.b-menu-item-icon ~ .b-menu-text {
  margin-inline-start: 0;
}
:root,
:host {
  --b-badge-font-size: 0.7em;
  --b-badge-height: 1.7em;
  --b-badge-background: var(--b-color-red);
  --b-badge-color: var(--b-neutral-100);
  --b-badge-offset: -.6em;
  --b-badge-z-index: 5;
}
.b-widget.b-badge {
  overflow: visible;
}
.b-badge::after {
  content: attr(data-badge);
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-inline: 0.3em;
  z-index: var(--b-badge-z-index);
  background: var(--b-badge-background);
  border-radius: var(--b-badge-height);
  color: var(--b-badge-color);
  font-size: var(--b-badge-font-size);
  height: var(--b-badge-height);
  min-width: var(--b-badge-height);
  inset-inline-end: var(--b-badge-offset);
  inset-block-start: var(--b-badge-offset);
}
.b-formula-field-list {
  --b-panel-header-padding: var(--b-list-item-padding);
  --b-panel-header-font-size: 1em;
}
.b-widget.b-tooltip.b-field-error-tip {
  --b-primary: var(--b-field-error-tip-primary);
  --b-tooltip-plain-background: var(--b-field-error-tip-background);
  --b-tooltip-plain-color: var(--b-field-error-tip-color);
}
:root,
:host {
  --b-progress-bar-background: var(--b-neutral-90);
}
.b-progress-bar {
  display: flex;
  flex-direction: column;
  width: 100%;
  margin-bottom: 1em;
}
.b-progress-bar .b-label {
  font-size: 0.95em;
}
.b-progress-bar .b-progress-bar-label {
  margin-inline-end: 3em;
}
.b-progress-bar-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0.5em;
}
.b-progress-bar-track {
  position: relative;
  width: 100%;
  height: .43em;
  overflow: hidden;
  border-radius: var(--b-widget-border-radius);
  background: var(--b-progress-bar-background);
}
.b-progress-bar-fill {
  height: 100%;
  transition: width 0.2s ease;
  border-radius: var(--b-widget-border-radius);
  background: var(--b-primary);
}
.b-rich-text-field {
  overflow: visible;
  height: 10em;
  color: var(--b-text-field-input-color);
}
.b-rich-text-field .b-field-inner {
  overflow: visible;
  align-items: flex-start;
}
.b-rich-text-field .b-rich-text-field-container {
  width: 100%;
  height: 100%;
  padding: .5em;
  outline: none;
}
.b-cell-editor .b-rich-text-field {
  height: 100%;
  min-height: 100%;
}
:root,
:host {
  --b-slider-thumb-size: 1.5em;
  --b-slider-thumb-elevation: var(--b-elevation-1);
  --b-slider-thumb-border: null;
  --b-slider-track-height: 0.5em;
  --b-slider-step-size: calc(var(--b-slider-track-height) * 0.4);
  --b-slider-step-width: unset;
  --b-slider-step-height: unset;
  --b-slider-step-opacity: 0.5;
  --b-slider-ring-content: none;
  --b-slider-value-border-radius: var(--b-widget-border-radius);
  --b-slider-thumb-value-size: 1.75em;
  --b-slider-thumb-text-color: var(--b-neutral-100);
  --b-slider-step-lesser-color: var(--b-neutral-100);
  --b-slider-value-color: var(--b-neutral-100);
  --b-slider-disabled-color: var(--b-neutral-80);
  --b-slider-disabled-thumb-color: var(--b-neutral-80);
  --b-slider-disabled-track-color: var(--b-neutral-90);
  --b-slider-track-color: var(--b-neutral-85);
  --b-slider-track-border: null;
  --b-slider-thumb-focus-outline-offset: 2px;
  --b-slider-thumb-focus-outline-width: var(--b-widget-focus-outline-width);
  --b-slider-step-border-radius: 50%;
  --b-slider-thumb-z-index: 1;
  --b-slider-value-z-index: 1;
}
.b-internal {
  --bi-slider-value-percent: null;
  --bi-slider-value: null;
  --bi-slider-max: null;
  --bi-slider-min: null;
}
.b-slider {
  place-items: center;
  gap: .75em;
  display: grid;
  overflow: visible;
  min-height: calc(var(--b-slider-thumb-value-size) + var(--b-slider-thumb-focus-outline-width) * 2 + var(--b-slider-thumb-focus-outline-offset) * 2);
  --bi-slider-value-percent: calc(((var(--bi-slider-value) - var(--bi-slider-min)) / (var(--bi-slider-max) - var(--bi-slider-min))) * 100%);
}
.b-slider.b-label-above > .b-label.b-align-start {
  justify-self: start;
}
.b-slider .b-field-inner {
  width: 100%;
  grid-template-areas: "track";
}
.b-slider.b-text:not(.b-show-value) .b-field-inner {
  grid-template-areas: "track" "below";
  gap: 0.5em;
}
.b-slider input {
  grid-area: track;
  appearance: none;
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
}
.b-slider:not(.b-disabled) .b-field-inner:hover {
  --bi-checkbox-ring-opacity: var(--b-checkbox-ring-hover-opacity);
}
.b-slider:not(.b-disabled) .b-field-inner:has(input:active) {
  --bi-checkbox-ring-opacity: var(--b-checkbox-ring-active-opacity);
}
.b-slider:not(.b-disabled) .b-field-inner:has(input:focus) {
  --bi-checkbox-ring-opacity: var(--b-checkbox-ring-focus-opacity);
}
.b-slider:not(.b-disabled) .b-field-inner:has(input:focus-visible) .b-slider-thumb {
  outline: var(--b-slider-thumb-focus-outline-width) solid var(--b-slider-thumb-focus-outline-color, var(--b-primary-60));
  outline-offset: var(--b-slider-thumb-focus-outline-offset);
}
.b-slider.b-thumb-value {
  --b-slider-thumb-size: var(--b-slider-thumb-value-size);
}
.b-slider.b-thumb-value .b-slider-thumb::after {
  display: grid;
  counter-reset: variable var(--bi-slider-value);
  content: counter(variable);
  font-size: 0.7em;
  width: 100%;
  height: 100%;
  place-items: center;
  line-height: 1em;
  color: var(--b-slider-thumb-text-color);
}
.b-slider.b-show-value .b-slider-internal-label {
  grid-column: -1;
  padding: 0.5em;
  font-size: 0.9em;
  position: relative;
  min-width: 2.75em;
  text-align: center;
  z-index: var(--b-slider-value-z-index);
  background: var(--b-slider-value-background, var(--b-primary-30));
  border-radius: var(--b-slider-value-border-radius);
  color: var(--b-slider-value-color);
}
.b-slider.b-show-value .b-slider-internal-label::before {
  content: "";
  width: 0.75em;
  aspect-ratio: 1 / 1;
  background: inherit;
  rotate: 45deg;
  position: absolute;
  inset-inline-start: 0;
  top: 50%;
  translate: calc(-50% * var(--b-rtl-negate)) -50%;
}
.b-slider.b-widget.b-disabled {
  --b-slider-color: var(--b-slider-disabled-color);
  --b-slider-thumb-color: var(--b-slider-disabled-thumb-color);
  --b-slider-track-color: var(--b-slider-disabled-track-color);
  --b-slider-value-background: var(--b-slider-disabled-thumb-color);
}
.b-grid-cell .b-slider {
  width: 100%;
}
.b-slider-track {
  display: flex;
  align-items: center;
  grid-area: track;
  border-radius: 0.25em;
  position: relative;
  pointer-events: none;
  transition: background .2s;
  background: var(--b-slider-track-color);
  border: var(--b-slider-track-border);
  height: var(--b-slider-track-height);
  width: calc(100% - var(--b-slider-thumb-size));
}
.b-slider-progress {
  border-radius: inherit;
  height: 100%;
  pointer-events: none;
  transition: background .2s;
  width: var(--bi-slider-value-percent);
  background: var(--b-slider-color, var(--b-primary));
}
.b-slider-thumb {
  position: absolute;
  flex-shrink: 0;
  aspect-ratio: 1/ 1;
  border-radius: 50%;
  translate: calc(-50% * var(--b-rtl-negate));
  background-color: currentColor;
  outline: 0 solid transparent;
  outline-offset: 0;
  transition:
    color .2s,
    scale .2s,
    outline .2s,
    outline-offset .2s;
  z-index: var(--b-slider-thumb-z-index);
  inset-inline-start: var(--bi-slider-value-percent);
  color: var(--b-slider-thumb-color, var(--b-slider-color, var(--b-primary)));
  width: var(--b-slider-thumb-size);
  box-shadow: var(--b-slider-thumb-elevation);
  border: var(--b-slider-thumb-border);
}
.b-slider-thumb::before {
  content: var(--b-slider-ring-content);
  display: block;
  background: currentColor;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: calc(-50% * var(--b-rtl-negate)) -50%;
  transform-origin: center center;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity .5s ease;
  aspect-ratio: 1 / 1;
  opacity: var(--bi-checkbox-ring-opacity);
  width: calc(var(--b-slider-thumb-size) * 1.75);
}
.b-slider-steps {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  justify-content: space-evenly;
  align-items: center;
}
.b-slider-step {
  background-color: var(--b-slider-step-color, var(--b-slider-color, var(--b-primary)));
  border-radius: var(--b-slider-step-border-radius);
  width: var(--b-slider-step-width, var(--b-slider-step-size));
  height: var(--b-slider-step-height, var(--b-slider-step-size));
  opacity: var(--b-slider-step-opacity);
}
.b-slider-step.b-less {
  --b-slider-color: var(--b-slider-step-lesser-color);
}
.b-slider-internal-label {
  color: var(--b-label-color);
}
.b-slider-thumb-icon {
  display: grid;
  place-items: center;
  height: 100%;
  font-size: .7em;
  color: var(--b-slider-thumb-text-color);
}
:root,
:host {
  --b-splitter-size: 4px;
  --b-splitter-hover-size: 8px;
  --b-splitter-touch-hover-size: 16px;
  --b-splitter-disabled-size: 1px;
  --b-splitter-color: var(--b-border-6);
  --b-splitter-hover-color: var(--b-border-7);
  --b-splitter-disabled-color: var(--b-border-7);
  --b-splitter-button-size: 1em;
  --b-splitter-touch-button-size: 1.3em;
  --b-splitter-button-icon-color: var(--b-border-4);
  --b-splitter-button-hover-color: var(--b-border-2);
  --b-splitter-z-index: 10000;
  --b-splitter-buttons-z-index: 10001;
  --bi-splitter-overflow: visible;
  --bi-splitter-inner-top: 0;
  --bi-splitter-inner-left: 0;
  --bi-splitter-inner-translate: 0 0;
  --bi-splitter-inner-size: var(--b-splitter-hover-size);
}
@media (pointer: coarse) {
  :root,
  :host {
    --bi-splitter-inner-size: var(--b-splitter-touch-hover-size);
  }
}
.b-splitter-buttons {
  display: none;
  position: absolute;
  height: 2.4em;
  width: 2.4em;
  margin-inline-start: -1.2em;
  transition: top 0.2s ease-in-out, inset-inline-start 0.2s ease-in-out;
  z-index: var(--b-splitter-buttons-z-index);
  font-size: var(--b-splitter-button-size);
}
.b-splitter {
  position: relative;
  touch-action: none;
  background: var(--b-splitter-color);
  flex: 0 0 var(--b-splitter-size);
  overflow: var(--bi-splitter-overflow);
  z-index: var(--b-splitter-z-index);
}
.b-splitter.b-disabled {
  pointer-events: none;
  --b-splitter-size: var(--b-splitter-disabled-size);
  --b-splitter-color: var(--b-splitter-disabled-color);
  --bi-splitter-overflow: clip;
}
:is(.b-splitter:not(.b-disabled).b-hover, .b-splitter:not(.b-disabled).b-moving, .b-splitter:not(.b-disabled).b-show-buttons) .b-splitter-buttons {
  display: flex;
}
.b-splitter:not(.b-disabled).b-hover,
.b-splitter:not(.b-disabled).b-moving {
  --b-splitter-color: var(--b-splitter-hover-color);
}
:is(.b-splitter:not(.b-disabled).b-hover, .b-splitter:not(.b-disabled).b-moving) .b-splitter-inner {
  background: var(--b-splitter-hover-color);
}
.b-splitter .b-splitter-inner {
  position: absolute;
  display: flex;
  align-items: center;
  translate: var(--bi-splitter-inner-translate);
}
.b-splitter.b-horizontal {
  --bi-splitter-inner-translate: 0 -50%;
}
.b-splitter.b-horizontal .b-splitter-inner {
  top: 50%;
  height: var(--bi-splitter-inner-size);
  width: 100%;
}
.b-splitter.b-horizontal:not(.b-drag-disabled) {
  cursor: ns-resize;
}
.b-splitter.b-horizontal .b-splitter-buttons {
  rotate: 90deg;
}
.b-splitter.b-vertical {
  --bi-splitter-inner-translate: -50% 0;
}
.b-splitter.b-vertical .b-splitter-inner {
  inset-inline-start: 50%;
  width: var(--bi-splitter-inner-size);
  height: 100%;
  flex-direction: column;
}
.b-splitter.b-vertical:not(.b-drag-disabled) {
  cursor: ew-resize;
}
.b-splitter.b-vertical .b-splitter-buttons {
  margin-inline-start: 0;
  margin-block-start: -1.2em;
}
.b-splitter:last-child,
.b-splitter:first-child {
  visibility: hidden;
  flex: 0;
  min-width: 0;
}
.b-splitter.b-rtl.b-vertical {
  --bi-splitter-inner-translate: 50% 0;
}
.b-splitter.b-rtl.b-vertical .b-splitter-buttons {
  scale: -1 1;
}
.b-splitter.b-rtl .b-splitter-button-expand {
  justify-content: flex-end;
  translate: 100%;
}
.b-splitter.b-rtl .b-splitter-button-collapse {
  justify-content: flex-start;
  translate: -100%;
}
.b-splitter-button-collapse,
.b-splitter-button-expand {
  flex: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  position: relative;
  padding-top: .1em;
  background: var(--b-splitter-color);
}
:is(.b-splitter-button-collapse, .b-splitter-button-expand):hover .b-splitter-button-icon {
  color: var(--b-splitter-button-hover-color);
}
:is(.b-splitter-button-collapse, .b-splitter-button-expand).b-disabled {
  cursor: default;
  visibility: hidden !important;
  pointer-events: none;
}
:is(.b-splitter-button-collapse, .b-splitter-button-expand):not(.b-disabled) {
  pointer-events: auto;
}
.b-splitter-button-collapse {
  border-top-left-radius: 100% 50%;
  border-bottom-left-radius: 100% 50%;
  justify-content: flex-end;
}
.b-splitter-button-expand {
  border-top-right-radius: 100% 50%;
  border-bottom-right-radius: 100% 50%;
}
.b-splitter-button-icon {
  cursor: pointer;
  height: 1.5em;
  font-size: 1.3em;
  font-weight: 400;
  align-content: center;
  color: var(--b-splitter-button-icon-color);
}
.b-splitter-button-touch-area {
  height: 3em;
  top: -.3em;
  width: 2em;
  position: absolute;
}
.b-splitter-button-collapse .b-splitter-button-touch-area {
  inset-inline-start: -.9em;
}
.b-splitter-button-expand .b-splitter-button-touch-area {
  inset-inline-end: -.9em;
}
:root,
:host {
  --b-toast-padding: var(--b-widget-padding);
  --b-toast-border-radius: var(--b-widget-border-radius);
  --b-toast-transition-duration: .25s;
  --b-toast-progress-height: 0.25em;
  --b-toast-color: var(--b-widget-color);
}
.b-internal {
  --bi-toast-side: null;
}
.b-float-root > .b-toast {
  display: block;
  overflow-x: clip;
  overflow-y: auto;
  top: auto;
  inset-inline-end: 2em;
  inset-inline-start: auto;
  max-width: 60%;
  max-height: 60%;
  line-height: 1.4em;
  cursor: pointer;
  transition:
    var(--bi-toast-side) var(--b-toast-transition-duration) ease-in,
    translate var(--b-toast-transition-duration) ease-in,
    background .2s,
    color .2s;
  background: var(--b-toast-background, var(--b-primary-98));
  color: var(--b-toast-color);
  padding: var(--b-toast-padding);
  border-radius: var(--b-toast-border-radius);
}
.b-float-root > .b-toast:is(.b-side-top-start, .b-side-top-end) {
  top: 0;
}
.b-float-root > .b-toast:is(.b-side-top-start, .b-side-bottom-start) {
  inset-inline-start: 2em;
  inset-inline-end: auto;
}
.b-float-root > .b-toast.b-toast-hide.b-side-bottom-end,
.b-float-root > .b-toast.b-toast-hide.b-side-bottom-start {
  bottom: 0 !important;
  translate: 0 100% !important;
}
.b-float-root > .b-toast.b-toast-hide.b-side-top-end,
.b-float-root > .b-toast.b-toast-hide.b-side-top-start {
  top: 0 !important;
  translate: 0 -100% !important;
}
.b-float-root > .b-toast.b-icon:before {
  margin-inline-end: .5em;
}
.b-toast-progress {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  animation-name: b-toast-progress;
  animation-timing-function: linear;
  height: var(--b-toast-progress-height);
  background: var(--b-toast-progress-color, var(--b-primary-50));
}
@keyframes b-toast-progress {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
.b-tool {
  display: grid;
  appearance: none;
  background-color: transparent;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  padding: 0;
  width: 1.25em;
  place-content: center;
  transition: color .2s;
  aspect-ratio: 1 / 1;
  color: var(--b-panel-header-color);
}
.b-tool:focus-visible {
  outline: var(--b-widget-focus-outline-width) solid var(--b-widget-focus-outline-color);
}
.b-tool.b-disabled {
  opacity: 0.4;
}
:root,
:host {
  --b-avatar-size: 2.5em;
  --b-avatar-initials-text-transform: uppercase;
  --b-avatar-initials-font-weight: 600;
  --b-avatar-border-radius: 50%;
  --b-avatar-aspect-ratio: 1 / 1;
  --b-avatar-icon-font-size: 1.1em;
  --b-avatar-border: null;
}
.b-colorize {
  --b-avatar-background: var(--b-primary-85);
  --b-avatar-icon-color: var(--b-primary-30);
  --b-avatar-initials-color: var(--b-primary-30);
}
.b-resource-avatar {
  touch-action: pan-x pan-y;
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: var(--b-avatar-size);
  height: var(--b-avatar-size);
  background: var(--b-avatar-background);
  border-radius: var(--b-avatar-border-radius);
  border: var(--b-avatar-border);
}
.b-resource-avatar.b-resource-icon:before {
  color: var(--b-avatar-icon-color);
  font-size: var(--b-avatar-icon-font-size);
}
i.b-resource-avatar {
  display: grid;
}
.b-resource-initials {
  color: var(--b-avatar-initials-color);
  font-weight: var(--b-avatar-initials-font-weight);
  text-transform: var(--b-avatar-initials-text-transform);
}
:root,
:host {
  --b-ripple-clip-z-index: 0;
}
.b-ripple-clip {
  position: absolute;
  inset: 0;
  border-radius: inherit;
  overflow: clip;
  pointer-events: none;
  z-index: var(--b-ripple-clip-z-index);
}
.b-ripple-clip::before {
  position: absolute;
  content: "";
  width: 0;
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  opacity: 0;
  transition: width .2s linear, opacity .1s linear;
  translate: -50% -50%;
  inset-inline-start: var(--b-click-x);
  inset-block-start: var(--b-click-y);
  background: var(--b-ripple-background);
  mix-blend-mode: var(--b-ripple-blend-mode);
}
.b-ripple-clip.b-animate::before {
  opacity: 1;
  width: 200%;
}

/* node_modules/@bryntum/grid-thin/grid.css */
.b-sparkline-cell .b-chart {
  background: transparent;
}
.b-cell-editor {
  --b-widget-floating-box-shadow: none;
}
.b-cell-editor .b-field {
  border-radius: 0;
  background: var(--b-grid-cell-applied-background);
  --b-text-field-input-padding: var(--b-grid-cell-padding-block) var(--b-grid-cell-padding-inline);
}
.b-grid-cell.b-editing {
  color: transparent;
  outline: 0;
}
.b-grid-cell.b-editing:not(.b-tree-cell) > :not(.b-editor),
.b-grid-cell.b-editing.b-tree-cell > .b-tree-cell-value {
  visibility: hidden;
}
.b-grid-cell.b-editing,
.b-grid-cell.b-after-edit {
  --bi-grid-cell-selected-color-transition-duration: 0ms;
}
.b-chart-designer-popup > .b-popup-body-wrap > .b-popup-content {
  padding-top: 0;
}
.b-chart-cell .b-chart {
  background: none;
}
:root,
:host {
  --b-column-drag-toolbar-border-radius: var(--b-popup-border-radius);
  --b-column-drag-toolbar-opacity: .6;
  --b-column-drag-toolbar-hover-opacity: .9;
  --b-column-drag-toolbar-button-border-width: 0;
  --b-column-drag-toolbar-box-shadow: var(--b-widget-floating-box-shadow);
  --b-column-drag-toolbar-disabled-icon-color: var(--b-neutral-85);
  --b-column-drag-toolbar-button-box-shadow: none;
  --b-column-drag-toolbar-button-hover-box-shadow: none;
  --b-column-drag-toolbar-button-color: var(--b-neutral-20);
  --b-column-drag-toolbar-button-background: transparent;
  --b-column-drag-toolbar-title-color: var(--b-neutral-20);
  --b-column-drag-toolbar-background: var(--b-neutral-100);
  --b-column-drag-toolbar-z-index: 100;
}
.b-column-drag-toolbar {
  position: absolute;
  top: calc(100% - 3em);
  left: 50%;
  animation-name: b-anim-show-column-drag-toolbar;
  animation-duration: 0.2s;
  translate: -50%;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  transition: opacity 0.2s, top 0.2s;
  padding: 1em 1em 0.5em 1em;
  font-size: .8em;
  z-index: var(--b-column-drag-toolbar-z-index);
  border: var(--b-popup-border);
  border-radius: var(--b-column-drag-toolbar-border-radius);
  background: var(--b-column-drag-toolbar-background);
  box-shadow: var(--b-column-drag-toolbar-box-shadow);
  opacity: var(--b-column-drag-toolbar-opacity);
}
.b-column-drag-toolbar.b-closer {
  top: 50%;
  translate: -50% -50%;
}
.b-column-drag-toolbar.b-hover {
  --b-column-drag-toolbar-opacity: var(--b-column-drag-toolbar-hover-opacity);
}
.b-column-drag-toolbar.b-remove {
  animation-name: b-anim-hide-column-drag-toolbar;
  animation-duration: 0.2s;
  top: 100%;
  --b-column-drag-toolbar-opacity: 0;
}
.b-column-drag-toolbar.b-remove.b-closer {
  animation-name: b-anim-hide-column-drag-toolbar-closer;
}
.b-column-drag-toolbar > .b-title {
  flex-basis: 100%;
  margin-bottom: 1em;
  text-align: center;
  color: var(--b-column-drag-toolbar-title-color);
}
.b-column-drag-toolbar > .b-title:before {
  content: "Drag header downwards";
}
.b-column-drag-toolbar.b-closer > .b-title:before {
  content: "Drop header on a button";
}
.b-column-drag-toolbar .b-group {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin-inline-end: 1.5em;
}
.b-column-drag-toolbar .b-group:last-child {
  margin-inline-end: 0;
}
.b-column-drag-toolbar .b-group .b-title {
  margin-block: .5em;
  color: var(--b-column-drag-toolbar-title-color);
}
.b-column-drag-toolbar .b-buttons {
  display: inline-flex;
  flex-direction: row;
}
.b-column-drag-toolbar .b-target-button {
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  transition: all .2s;
  padding: 1em 0;
  width: 7.5em;
  margin-inline-end: .5em;
  color: var(--b-column-drag-toolbar-button-color);
  border: var(--b-column-drag-toolbar-button-border-width) solid var(--b-column-drag-toolbar-button-border-color, var(--b-primary-40));
  border-radius: var(--b-column-drag-toolbar-border-radius);
  background: var(--b-column-drag-toolbar-button-background);
  box-shadow: var(--b-column-drag-toolbar-button-box-shadow);
}
.b-column-drag-toolbar .b-target-button:last-child {
  margin-inline-end: 0;
}
.b-column-drag-toolbar .b-target-button i {
  font-size: 2.5em;
  pointer-events: none;
  transition: all .2s;
  color: var(--b-column-drag-toolbar-icon-color, var(--b-primary-60));
}
.b-column-drag-toolbar .b-target-button.b-hover:not([data-disabled=true]) {
  --b-column-drag-toolbar-icon-color: var(--b-column-drag-toolbar-default-hover-icon-color, var(--b-primary-60));
  --b-column-drag-toolbar-button-color: var(--b-column-drag-toolbar-default-hover-color, var(--b-primary-60));
  --b-column-drag-toolbar-button-background: var(--b-column-drag-toolbar-default-hover-background, var(--b-primary-95));
  --b-column-drag-toolbar-button-box-shadow: var(--b-column-drag-toolbar-button-hover-box-shadow);
}
.b-column-drag-toolbar .b-target-button.b-hover:not([data-disabled=true]) i {
  scale: 1.1;
}
.b-column-drag-toolbar .b-target-button.b-activate i {
  scale: 1.1;
  rotate: 180deg;
}
.b-column-drag-toolbar .b-target-button[data-ref^=group] {
  --b-primary: var(--b-secondary);
}
.b-column-drag-toolbar .b-target-button[data-disabled=true] {
  --b-column-drag-toolbar-button-color: var(--b-column-drag-toolbar-disabled-icon-color);
  --b-column-drag-toolbar-icon-color: var(--b-column-drag-toolbar-disabled-icon-color);
}
@keyframes b-anim-show-column-drag-toolbar {
  from {
    top: 100%;
    opacity: 0;
  }
  to {
    top: calc(100% - 3em);
    opacity: .4;
  }
}
@keyframes b-anim-hide-column-drag-toolbar {
  from {
    top: calc(100% - 3em);
    opacity: .4;
  }
  to {
    top: 100%;
    opacity: 0;
  }
}
@keyframes b-anim-hide-column-drag-toolbar-closer {
  from {
    top: 50%;
    opacity: .4;
  }
  to {
    top: 100%;
    opacity: 0;
  }
}
.b-column-rename-editor {
  --b-editor-background: var(--b-grid-header-background);
  --b-text-field-font-weight: var(--b-grid-header-font-weight);
}
:root,
:host {
  --b-column-reorder-invalid-color: var(--b-color-red);
  --b-column-reorder-stretched-background: var(--b-primary-95);
}
.b-grid-header.b-drag-proxy {
  line-height: normal;
  transition: background-color 0.3s;
  border-inline-end: none;
  font-weight: var(--b-grid-header-font-weight);
  background-color: var(--b-grid-header-background);
  outline: 1px solid var(--b-grid-header-border-color);
}
.b-grid-header.b-drag-proxy.b-grid-header-parent {
  justify-content: stretch;
}
.b-grid-header.b-drag-proxy.b-grid-header-parent > .b-grid-header-text {
  border-inline-end: none;
}
.b-grid-header.b-drag-proxy .b-grid-header:last-child {
  border-inline-end: none;
}
.b-grid-header.b-drop-placeholder {
  opacity: .3;
}
.b-grid-header.b-drag-invalid {
  --b-grid-header-color: var(--b-column-reorder-invalid-color);
  outline: 1px solid var(--b-column-reorder-invalid-color);
}
.b-column-reorder-stretched {
  outline: none;
  --b-grid-header-background: var(--b-column-reorder-stretched-background);
}
.b-column-reorder-stretched > * {
  display: none !important;
}
:root,
:host {
  --b-column-resize-handle-width: 1em;
  --b-column-resize-touch-handle-width: 1.5em;
  --b-column-resize-header-resizing-background: var(--b-grid-header-hover-background);
  --b-column-resize-touch-resizing-icon: "\f07e";
  --b-column-resize-handle-z-index: 3;
  --b-column-resize-touch-z-index: 100;
  --b-column-resize-touch-icon-z-index: 1;
}
.b-column-resize .b-grid-header-parent {
  overflow: visible;
}
.b-column-resize .b-grid-header-resizable:not(.b-last-leaf) {
  overflow: visible;
}
.b-column-resize .b-grid-header-resizable .b-grid-header-resize-handle {
  position: absolute;
  inset-block: 0;
  background: transparent;
  cursor: col-resize;
  display: block;
  z-index: var(--b-column-resize-handle-z-index);
  inset-inline-end: calc(-1 * var(--b-column-resize-handle-width) / 2);
  width: var(--b-column-resize-handle-width);
}
.b-column-resize.b-touch {
  --b-column-resize-handle-width: var(--b-column-resize-touch-handle-width);
}
.b-column-resize.b-touch .b-grid-header.b-resizing {
  overflow: visible;
  z-index: var(--b-column-resize-touch-z-index);
}
.b-column-resize.b-touch .b-grid-header.b-resizing::before {
  position: absolute;
  top: 50%;
  inset-inline-end: 0;
  translate: calc(50% * var(--b-rtl-negate)) -50%;
  border-radius: 50%;
  padding: 1em;
  z-index: var(--b-column-resize-touch-icon-z-index);
  background: var(--b-neutral-90);
  content: var(--b-column-resize-touch-resizing-icon);
  font-family: var(--b-widget-icon-font-family);
  font-weight: var(--b-widget-icon-font-weight);
}
.b-grid-header.b-resizing {
  --b-grid-header-background: var(--b-column-resize-header-resizing-background);
}
:root,
:host {
  --b-fill-handle-handle-size: .8em;
  --b-fill-handle-z-index: 200;
  --b-fill-handle-selection-z-index: 2;
}
.b-fill-handle-handle {
  translate: -50% -50%;
  position: absolute;
  cursor: crosshair;
  background-clip: content-box;
  user-select: none;
  -webkit-user-select: none;
  z-index: var(--b-fill-handle-z-index);
  background: var(--b-grid-cell-focused-outline-color);
  border: 1px solid var(--b-grid-cell-background);
  width: var(--b-fill-handle-handle-size);
  height: var(--b-fill-handle-handle-size);
}
.b-fill-handle-handle-right-edge {
  border-right: 0;
  translate: -100% -50%;
  width: 0.5em;
}
.b-fill-selection-border {
  position: absolute;
  border-radius: .1em;
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  z-index: var(--b-fill-handle-selection-z-index);
  border: var(--b-grid-cell-focused-outline-width) solid var(--b-grid-cell-focused-outline-color);
}
.b-indicate-crop {
  opacity: 0.4;
}
.b-rtl .b-fill-handle-handle {
  translate: 50% -50%;
}
.b-rtl .b-fill-handle-handle.b-fill-handle-handle-left-edge {
  border-right: 0;
  translate: 100% -50%;
  width: 0.5em;
}
:root,
:host {
  --b-grid-filter-icon: "\f0b0";
  --b-grid-header-filtered-font-weight: var(--b-grid-header-font-weight);
  --b-grid-header-filtered-color: var(--b-grid-header-color);
  --bi-grid-filter-icon-opacity: 0;
  --bi-grid-filter-icon-active-opacity: 1;
  --bi-grid-filter-icon-header-hover-opacity: 0.5;
  --bi-grid-filter-icon-hover-opacity: 0.8;
  --bi-grid-filter-icon-size: 0;
  --bi-grid-filter-icon-margin-inline-start: 0;
}
.b-filter-icon {
  cursor: pointer;
  transition-property: opacity, font-size;
  font-size: var(--bi-grid-filter-icon-size);
  opacity: var(--bi-grid-filter-icon-opacity);
  margin-inline-start: var(--bi-grid-filter-icon-margin-inline-start);
  transition-duration: var(--b-grid-header-icon-transition-duration);
}
.b-filter-icon::before {
  content: var(--b-grid-filter-icon);
  font-family: var(--b-widget-icon-font-family);
  font-weight: var(--b-widget-icon-font-weight);
}
.b-filter-icon:hover {
  --bi-grid-filter-icon-opacity: var(--bi-grid-filter-icon-hover-opacity);
}
.b-grid-header.b-filter {
  --b-grid-header-font-weight: var(--b-grid-header-filtered-font-weight);
  --b-grid-header-color: var(--b-grid-header-filtered-color);
  --bi-grid-filter-icon-opacity: var(--bi-grid-filter-icon-active-opacity);
}
.b-grid-header.b-filter,
.b-grid-base:not(.b-column-resizing, .b-dragging-header) .b-grid-header.b-filterable:hover {
  --bi-grid-filter-icon-size: var(--b-grid-header-icon-font-size);
  --bi-grid-filter-icon-margin-inline-start: var(--b-grid-header-gap);
}
.b-grid-base:not(.b-column-resizing, .b-dragging-header) .b-grid-header.b-filterable:not(.b-filter):hover {
  --bi-grid-filter-icon-opacity: var(--bi-grid-filter-icon-header-hover-opacity);
}
.b-grid-base:not(.b-filter, .b-multifilter) .b-filter-icon {
  pointer-events: none;
  --bi-grid-filter-icon-opacity: 0.2;
}
.b-filter-popup-legacy-mode .b-field {
  width: 16em;
}
.b-filter-popup:not(.b-filter-popup-legacy-mode) .b-panel-content {
  padding-inline: 0;
}
.b-filter-popup .b-field-filter-picker-group-row {
  padding-inline: var(--b-panel-padding);
}
.b-filter-popup .b-field-filter-picker-group {
  width: 36em;
}
.b-filter-popup .b-field-filter-picker-operator {
  grid-column: 1;
}
.b-filter-popup .b-field-filter-picker-values {
  grid-column: 2;
}
.b-filter-popup .b-field-filter-picker-values-multiple {
  grid-column: 1;
}
.b-filter-popup .b-field-filter-picker-property {
  display: none;
}
.b-filter-bar-field {
  margin: 0 0 var(--b-grid-header-padding) 0;
  width: 100%;
}
.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled {
  flex-direction: row;
}
.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled .b-grid-header-text {
  order: 1;
  min-height: 3.5em;
}
.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled .b-sort-icon {
  margin-inline-start: 0;
}
.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled .b-grid-header-text-content {
  display: none;
}
:is(.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-end, .b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-right) .b-field {
  order: 100000;
}
:is(.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-end, .b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-right) input {
  text-align: end;
}
.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-center input {
  text-align: center;
}
.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-end .b-field {
  order: 100000;
}
.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled.b-grid-header-align-end input {
  text-align: end;
}
.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled:hover .b-filter-bar-field input,
.b-filter-bar-compact .b-grid-header.b-filter-bar-enabled:hover .b-filter-bar-field input::placeholder {
  color: var(--b-grid-header-hover-color);
}
.b-filter-bar-compact .b-filter-bar-field {
  margin: 0;
  height: 100%;
  flex: 1;
  --b-text-field-input-padding: 0;
  --b-text-field-border-width: 0;
  --b-text-field-border-radius: 0;
  --b-combo-chip-view-padding-top: 0;
  --b-combo-chip-view-padding: 0;
  --b-text-field-background: transparent;
  --b-field-trigger-color: var(--b-grid-header-icon-color);
}
.b-filter-bar-compact .b-filter-bar-field input::placeholder {
  color: var(--b-grid-header-color);
  font-size: var(--b-grid-header-font-size);
  font-weight: var(--b-grid-header-font-weight);
  text-transform: var(--b-grid-header-text-transform);
}
.b-filter-bar-compact .b-filter-bar-field > .b-field-inner {
  gap: 0.5em;
}
.b-filter-bar-compact .b-filter-bar-field > .b-field-inner::before {
  transition: none;
}
.b-filter-bar-compact .b-filter-bar-field:not(:focus-within) .b-field-trigger[data-ref=expand],
.b-filter-bar-compact .b-filter-bar-field:not(:focus-within) .b-field-trigger[data-ref=clear],
.b-filter-bar-compact .b-filter-bar-field:not(:focus-within) .b-field-trigger[data-ref=spin],
.b-filter-bar-compact .b-filter-bar-field:not(:focus-within) .b-field-trigger[data-ref=back],
.b-filter-bar-compact .b-filter-bar-field:not(:focus-within) .b-field-trigger[data-ref=forward] {
  display: none;
}
.b-filter-bar-compact .b-filter-bar-field:focus-within:not(.b-empty) .b-icon-remove,
.b-filter-bar-compact .b-filter-bar-field:focus-within .b-field-trigger:not(.b-step-trigger, .b-icon-remove, .b-spintrigger) {
  display: flex;
}
.b-filter-bar-compact .b-filter-bar-field:not(.b-empty) input::placeholder {
  color: transparent;
}
.b-filter-bar-compact.b-dragging .b-filter-bar-field {
  display: none;
}
:root,
:host {
  --b-group-header-font-weight: 500;
  --b-group-header-border-width: var(--b-grid-row-border-width);
  --b-group-header-zindex: 5;
  --b-group-header-collapsing-zindex: 7;
  --b-group-title-z-index: 1;
  --b-group-collapse-icon: "\f107";
  --b-group-header-icon: "\f5fd";
  --b-group-header-background: var(--b-neutral-100);
  --b-group-header-color: var(--b-neutral-20);
  --b-group-header-icon-color: var(--b-neutral-20);
  --b-group-header-border-color: var(--b-grid-row-border-color);
  --b-group-header-stripe-background: var(--b-neutral-97);
  --b-group-count-badge-background: var(--b-neutral-95);
  --b-group-count-badge-color: var(--b-text-2);
}
.b-no-row-lines {
  --b-group-header-border-width: 0;
}
.b-grid-header.b-group .b-sort-icon::after {
  font-style: normal;
  content: var(--b-group-header-icon);
  font-family: var(--b-widget-icon-font-family);
  font-weight: var(--b-widget-icon-font-weight);
}
.b-group-row {
  --b-grid-cell-background: var(--b-group-header-background);
  --b-grid-row-border-width: var(--b-group-header-border-width);
  --b-grid-row-border-color: var(--b-group-header-border-color);
  --b-grid-row-zindex: var(--b-group-header-zindex);
}
.b-group-row.b-collapsing,
.b-group-row.b-expanding {
  --b-grid-row-zindex: var(--b-group-header-collapsing-zindex);
}
.b-group-row .b-grid-cell {
  --b-grid-cell-border-color: transparent;
}
.b-hide-row-hover .b-group-row {
  --b-grid-cell-hover-background: var(--b-group-header-background);
  --b-grid-cell-selected-background: var(--b-group-header-background);
  --b-grid-cell-hover-selected-background: var(--b-group-header-background);
}
.b-stripe .b-group-row {
  --b-grid-row-border-width: var(--b-stripe-border-width);
  --b-group-header-background: var(--b-group-header-stripe-background);
}
.b-hide-row-hover :is(.b-stripe .b-group-row) {
  --b-grid-cell-hover-background: var(--b-group-header-stripe-background);
  --b-grid-cell-selected-background: var(--b-group-header-stripe-background);
  --b-grid-cell-hover-selected-background: var(--b-group-header-stripe-background);
}
.b-grid-cell.b-group-title {
  contain: size layout style;
  justify-content: flex-start;
  text-align: start;
  --b-grid-cell-color: var(--b-group-header-color);
  --b-grid-cell-font-weight: var(--b-group-header-font-weight);
  --bi-grid-cell-overflow: visible;
  z-index: var(--b-group-title-z-index);
  gap: var(--b-widget-gap);
}
.b-group-state-icon {
  display: grid;
  place-items: center;
  font-style: normal;
  cursor: pointer;
  width: 1em;
  transition: rotate .2s;
  color: var(--b-group-header-icon-color);
}
.b-group-state-icon:before {
  content: var(--b-group-collapse-icon);
  font-family: var(--b-widget-icon-font-family);
  font-weight: var(--b-widget-icon-font-weight);
}
.b-grid-group-collapsed .b-group-state-icon {
  rotate: -90deg;
}
.b-group-count {
  display: grid;
  place-items: center;
  min-width: 2em;
  width: 2em;
  height: 2em;
  border-radius: 50%;
  font-size: .7em;
  background: var(--b-group-count-badge-background);
  color: var(--b-group-count-badge-color);
}
:root,
:host {
  --b-group-summary-background: var(--b-neutral-99);
}
.b-grid-row.b-group-footer {
  --b-grid-cell-border-color: transparent;
  --b-grid-cell-background: var(--b-group-summary-background);
}
.b-grid-row.b-group-footer td {
  padding: .25em 0;
}
.b-grid-row.b-group-footer .b-grid-summary-label {
  padding-inline-end: 1em;
}
.b-grid-row.b-group-footer .b-grid-summary-value {
  width: 100%;
}
.b-grid-group-collapsed.b-header-summary .b-group-title {
  --bi-grid-cell-overflow: clip;
}
:root,
:host {
  --b-locked-rows-separator-width: 1px;
  --b-locked-rows-separator-color: var(--b-grid-splitter-color, var(--b-grid-splitter-narrow-color));
  --b-locked-rows-z-index: 1;
}
.b-locked-rows {
  z-index: var(--b-locked-rows-z-index);
}
.b-locked-rows [aria-rowcount="1"] .b-virtual-scrollers {
  flex-basis: 0;
}
.b-locked-rows:has(.b-widget-scroller.b-grid-empty) {
  overflow: visible;
}
.b-locked-rows:has(.b-widget-scroller.b-grid-empty) .b-grid-body-wrap,
.b-locked-rows:has(.b-widget-scroller.b-grid-empty) .b-grid-panel-body {
  overflow: visible;
}
.b-locked-rows:has(.b-grid-row) {
  box-shadow: var(--b-grid-header-box-shadow);
  border-bottom: var(--b-locked-rows-separator-width) solid var(--b-locked-rows-separator-color);
}
.b-locked-rows .b-widget-scroller.b-grid-empty {
  min-height: 0;
}
.b-locked-rows .b-grid-row.b-last {
  --b-grid-row-border-width: 0;
}
:root,
:host {
  --b-merged-cells-z-index: 2;
}
.b-merge-cells .b-single-child .b-grid-sub-grid:not(.b-grid-sub-grid-collapsed, .b-time-axis-sub-grid, .b-horizontal-overflow) {
  overflow: clip !important;
}
.b-merge-cells .b-grid-row:not(.b-selected, .b-hover) .b-merged-cell {
  border-bottom: none;
}
.b-merge-cells .b-grid-row:is(.b-selected, .b-hover):has(.b-merged-cell) {
  overflow: visible;
}
.b-merge-cells .b-grid-row:is(.b-selected, .b-hover) .b-merged-cell {
  top: -1px;
  height: calc(100% + 1px);
  border-top: var(--b-grid-row-border-width) solid var(--b-grid-row-border-color);
}
.b-grid-merged-cells {
  position: absolute;
  contain: strict;
  display: flex;
  align-items: flex-start;
  border-bottom: var(--b-grid-cell-border-width) solid var(--b-grid-cell-border-color);
  --b-grid-cell-background: transparent;
  --b-grid-row-border-color: transparent;
  --bi-grid-cell-overflow: visible;
  z-index: var(--b-merged-cells-z-index);
}
.b-merge-cells-passthrough .b-grid-merged-cells {
  pointer-events: none;
}
.b-merge-cells-passthrough .b-grid-merged-cells [data-btip] {
  pointer-events: auto;
}
.b-grid-merged-cells .b-grid-cell {
  position: sticky;
  top: 0;
  flex: 1;
  contain: none;
}
.b-grid-merged-cells.b-selected {
  background: var(--b-grid-cell-selected-background);
}
:root,
:host {
  --b-quick-find-header-inset: 0;
  --b-quick-find-hit-padding: .2em 0;
  --b-quick-find-header-badge-color: var(--b-grid-header-color);
  --b-quick-find-header-z-index: 1;
}
.b-quick-hit-cell {
  background: var(--b-quick-find-background, var(--b-primary-95));
}
.b-quick-hit-text {
  border-radius: 2px;
  --b-primary: var(--b-quick-find-primary);
  font-weight: var(--b-quick-find-font-weight);
  background: var(--b-quick-find-background, var(--b-primary-95));
  line-height: .8;
}
.b-quick-hit-text {
  padding: var(--b-quick-find-hit-padding);
}
.b-quick-hit-header {
  position: absolute;
  display: grid;
  place-items: center;
  z-index: var(--b-quick-find-header-z-index);
  --b-primary: var(--b-quick-find-primary);
  inset: var(--b-quick-find-header-inset);
  background: var(--b-quick-find-background, var(--b-primary-95));
}
.b-quick-hit-cell-badge,
.b-quick-hit-header .b-quick-hit-badge {
  position: absolute;
  line-height: 1;
  font-size: var(--b-quick-find-badge-font-size);
  inset-inline-end: var(--b-quick-find-badge-offset);
  top: var(--b-quick-find-badge-offset);
}
.b-quick-hit-header .b-quick-hit-badge {
  color: var(--b-quick-find-header-badge-color);
}
.b-quick-hit-cell-badge {
  color: var(--b-quick-find-badge-color);
}
:root,
:host {
  --b-grid-splitter-zindex: 10;
  --b-region-resize-splitter-width: var(--b-splitter-size);
  --b-region-resize-splitter-width-hover: var(--b-splitter-hover-size);
  --b-region-resize-splitter-touch-width-hover: var(--b-splitter-touch-hover-size);
  --b-region-resize-splitter-collapsed-width: var(--b-region-resize-splitter-width);
  --b-region-resize-splitter-color: var(--b-splitter-color);
  --b-region-resize-button-color: var(--b-splitter-button-icon-color);
  --b-region-resize-splitter-hover-color: var(--b-splitter-hover-color);
  --b-region-resize-button-hover-color: var(--b-splitter-button-hover-color);
  --bi-grid-splitter-button-size: var(--b-splitter-button-size, 1em);
  --bi-grid-splitter-button-display: flex;
}
.b-grid-base.b-split {
  --b-grid-splitter-color: var(--b-region-resize-splitter-color);
}
.b-grid-base.b-split .b-grid-splitter:not(.b-disabled) {
  --b-grid-splitter-width: var(--b-region-resize-splitter-width);
}
@media (pointer: coarse) {
  .b-grid-base.b-split {
    --b-region-resize-splitter-width-hover: var(--b-region-resize-splitter-touch-width-hover);
  }
}
.b-grid-splitter {
  position: relative;
  pointer-events: var(--bi-grid-splitter-pointer-events, none);
  z-index: var(--b-grid-splitter-zindex);
}
@media (any-pointer: coarse) {
  .b-grid-splitter {
    --bi-grid-splitter-button-size: var(--b-splitter-touch-button-size, 1.3em);
  }
}
.b-split .b-grid-splitter {
  --bi-grid-splitter-pointer-events: all;
}
.b-grid-splitter.b-disabled {
  --bi-grid-splitter-pointer-events: none;
}
.b-grid-base.b-split.b-rtl .b-grid-splitter-inner .b-grid-splitter-buttons .b-grid-splitter-button-collapse,
.b-grid-base.b-split.b-rtl .b-grid-splitter-inner .b-grid-splitter-buttons .b-grid-splitter-button-expand {
  scale: -1;
}
.b-grid-base.b-split.b-rtl .b-grid-splitter-inner .b-grid-splitter-buttons .b-grid-splitter-button-expand {
  justify-content: flex-end;
}
.b-grid-base.b-split.b-rtl .b-grid-splitter-inner .b-grid-splitter-buttons .b-grid-splitter-button-collapse {
  justify-content: flex-start;
}
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) {
  overflow: visible;
}
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-inner {
  position: absolute;
  inset-block: 0;
  left: 50%;
  translate: -50%;
  background: inherit;
  flex-direction: column;
  align-items: center;
  opacity: 0;
  transition: opacity .2s;
  display: flex;
  width: var(--b-region-resize-splitter-width-hover);
}
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-grid-splitter-collapsed {
  cursor: initial;
  --b-grid-splitter-width: var(--b-region-resize-splitter-collapsed-width);
  --b-grid-splitter-color: var(--b-region-resize-splitter-hover-color);
}
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-grid-splitter-collapsed .b-grid-splitter-inner {
  opacity: 1;
}
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-grid-splitter-collapsed:not(.b-grid-splitter-allow-collapse) .b-grid-splitter-button-collapse,
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-grid-splitter-collapsed.b-grid-splitter-allow-collapse .b-grid-splitter-button-expand {
  visibility: hidden;
}
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-grid-splitter-collapsed .b-grid-splitter-buttons {
  --bi-grid-splitter-buttons-opacity: 1;
  --bi-grid-splitter-buttons-scale: 1;
}
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-left-only:not(.b-grid-splitter-collapsed) .b-grid-splitter-button-expand,
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-right-only:not(.b-grid-splitter-collapsed) .b-grid-splitter-button-collapse {
  visibility: hidden;
}
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-buttons {
  display: var(--bi-grid-splitter-button-display);
  position: absolute;
  translate: 0 -50%;
  height: 2.4em;
  width: 2.4em;
  transition: scale .1s, opacity .1s;
  opacity: var(--bi-grid-splitter-buttons-opacity, 0);
  scale: var(--bi-grid-splitter-buttons-scale, 0);
  font-size: var(--bi-grid-splitter-button-size);
}
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-collapse,
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-expand {
  flex: 1;
  cursor: pointer;
  display: flex;
  align-items: center;
  background: var(--b-grid-splitter-color);
}
:is(.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-collapse, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-expand):hover {
  --b-region-resize-button-color: var(--b-region-resize-button-hover-color);
}
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-collapse {
  border-top-left-radius: 100% 50%;
  border-bottom-left-radius: 100% 50%;
  justify-content: flex-end;
  padding-right: .1em;
}
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-expand {
  border-top-right-radius: 100% 50%;
  border-bottom-right-radius: 100% 50%;
  padding-left: .1em;
}
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)) .b-grid-splitter-button-icon {
  cursor: pointer;
  height: 1.5em;
  fill: var(--b-region-resize-button-color);
}
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-hover,
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-partner-splitter-hover,
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-touching,
.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-moving {
  --b-grid-splitter-color: var(--b-region-resize-splitter-hover-color);
  --bi-region-resize-splitter-inner-width: var(--b-region-resize-splitter-width-hover);
}
:is(.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-hover, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-partner-splitter-hover, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-touching, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-moving) .b-grid-splitter-inner {
  opacity: 1;
}
:is(.b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-hover, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-partner-splitter-hover, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-touching, .b-grid-base.b-split .b-grid-splitter:where(:not(.b-disabled)).b-moving):not(.b-partner-splitter-hover) {
  --bi-grid-splitter-buttons-scale: 1;
  --bi-grid-splitter-buttons-opacity: 1;
}
.b-grid-base.b-split:not(.b-grid-splitter-no-drag) .b-grid-splitter:not(.b-disabled, .b-grid-splitter-collapsed) .b-grid-splitter-inner {
  cursor: col-resize;
}
.b-grid-header-scroller.b-collapsed,
.b-grid-footer-scroller.b-collapsed,
.b-virtual-scroller.b-collapsed {
  width: 0;
  min-width: 0 !important;
}
.b-grid-splitter-button-collapse .b-splitter-button-touch-area {
  left: -.9em;
}
.b-grid-splitter-button-expand .b-splitter-button-touch-area {
  right: -.9em;
}
.b-drag-helper-active .b-grid-base.b-split .b-grid-splitter {
  pointer-events: none !important;
}
.b-hide-splitter-buttons {
  --bi-grid-splitter-button-display: none;
}
.b-cut-row {
  opacity: .4;
}
.b-row-editor .b-bottom-toolbar .b-toolbar-content {
  justify-content: flex-end;
}
.b-row-editor.b-read-only [data-ref=save] {
  display: none;
}
.b-row-editor :is(.b-panel-overlay-right, .b-panel-overlay-left) .b-toolbar-content > * {
  flex: 1 1 33%;
  max-width: 10em;
}
:root,
:host {
  --b-row-expander-border-bottom-width: var(--b-grid-row-border-width);
  --b-row-expander-font-weight: var(--b-grid-cell-font-weight);
  --b-row-expander-border-bottom-color: var(--b-grid-row-border-color);
  --b-row-expander-color: var(--b-grid-cell-color);
  --b-row-expander-body-z-index: 100;
}
.b-row-expander-body {
  display: flex;
  inset-inline: 0;
  background: var(--b-row-expander-background);
  color: var(--b-row-expander-color);
  font-weight: var(--b-row-expander-font-weight);
  padding: var(--b-row-expander-padding, 0);
  outline: none;
}
.b-row-expander-body,
.b-row-expander-body.b-no-resize-observer.b-resize-monitored {
  position: absolute;
}
.b-row-expander-body:focus-visible {
  outline: var(--b-widget-focus-outline-width) solid var(--b-widget-focus-outline-color);
  outline-offset: calc(var(--b-widget-focus-outline-width) * -1);
}
.b-grid-vertical-scroller > .b-row-expander-body {
  transition: height .3s, top .3s;
  overflow: hidden;
  z-index: var(--b-row-expander-body-z-index);
}
.b-row-expander-loading {
  justify-content: center;
  align-items: center;
  font-size: 1.2em;
  display: flex;
  width: 100%;
}
.b-row-expander-loading .b-icon-spinner {
  margin-inline-end: .5em;
}
.b-grid-base .b-grid-row [data-column=expanderActionColumn] .b-icon {
  transition: rotate 0.15s ease-in-out;
  font-size: 1em;
  rotate: 180deg;
}
.b-row-expander-disabled [data-column=expanderActionColumn] {
  opacity: 0.2;
  pointer-events: none;
}
.b-row-expander.b-grid-base.b-animating.b-row-expander-animating.b-auto-height .b-grid-body-container,
.b-row-expander.b-grid-base.b-animating.b-row-expander-animating.b-auto-height .b-grid-vertical-scroller {
  transition: height .3s;
  overflow-y: hidden !important;
}
.b-row-expander.b-grid-base.b-animating.b-row-expander-animating.b-auto-height .b-yscroll-pad {
  display: none;
}
.b-row-expander.b-grid-base.b-animating.b-row-expander-animating .b-grid-row {
  transition: height .3s, top .3s;
}
.b-grid-base .b-row-expander-row-expanded:not(.b-row-is-collapsing) [data-column=expanderActionColumn] .b-icon-collapse-left {
  rotate: 270deg;
}
.b-grid-base .b-row-expander-row-expanded:not(.b-row-is-collapsing) [data-column=expanderActionColumn] .b-icon-collapse-right {
  rotate: 90deg;
}
.b-row-expander-row-expanded {
  border-bottom: var(--b-row-expander-border-bottom-width) solid var(--b-row-expander-border-bottom-color);
}
:root,
:host {
  --b-row-reorder-indicator-size: 2px;
  --b-row-reorder-grip-icon: "\f58e";
  --b-row-reorder-indicator-color: var(--b-secondary);
  --b-row-reorder-indicator-invalid-color: var(--b-color-red);
  --b-row-reorder-box-shadow: var(--b-elevation-1);
  --b-row-reorder-invalid-background: color-mix(in oklab, var(--b-row-reorder-indicator-invalid-color), transparent 80%);
  --b-row-reorder-proxy-opacity: 0.5;
  --b-row-reorder-drop-indicator-z-index: 2000;
  --b-row-reorder-body-z-index: 4;
  --b-row-reorder-target-z-index: 9999;
  --b-row-reorder-proxy-z-index: 10000;
  --b-row-reorder-copy-z-index: 20000;
}
.b-row-drop-indicator {
  display: none;
  pointer-events: none;
}
.b-row-reordering .b-row-drop-indicator {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  z-index: var(--b-row-reorder-drop-indicator-z-index);
  top: calc(var(--b-row-reorder-indicator-size) / -2);
  height: var(--b-row-reorder-indicator-size);
  background-color: var(--b-row-reorder-indicator-color);
}
.b-row-reordering .b-row-drop-indicator.b-drag-invalid {
  --b-row-reorder-indicator-color: var(--b-row-reorder-indicator-invalid-color);
}
.b-row-reordering .b-grid-body-container {
  z-index: var(--b-row-reorder-body-z-index);
}
.b-row-reordering .b-drag-original {
  opacity: 0.3;
}
.b-row-reordering .b-grid-group-collapsed.b-row-reordering-target {
  --b-grid-cell-background: var(--b-grid-cell-hover-background);
}
.b-row-reordering .b-row-reordering-target {
  z-index: var(--b-row-reorder-target-z-index);
  box-shadow: 0 1px 0 0 var(--b-row-reorder-indicator-color) inset, 0 -1px 0 0 var(--b-row-reorder-indicator-color) inset;
}
.b-row-reorder-grip {
  display: grid;
  grid-template-columns: auto 1fr;
}
.b-row-reorder-grip.b-grid-cell-align-end {
  justify-items: end;
}
.b-row-reorder-grip.b-grid-cell-align-end:before {
  margin-inline-end: auto;
}
.b-row-reorder-grip.b-grid-cell-align-right {
  justify-items: right;
}
.b-row-reorder-grip.b-grid-cell-align-center {
  justify-items: center;
}
.b-row-reorder-grip::before {
  display: inline-flex;
  align-self: stretch;
  align-items: center;
  cursor: move;
  font-size: 0.8em;
  content: var(--b-row-reorder-grip-icon);
  font-family: var(--b-widget-icon-font-family);
  font-weight: var(--b-widget-icon-font-weight);
  padding-inline: var(--b-grid-cell-padding-inline);
  margin-inline-start: calc(var(--b-grid-cell-padding-inline) * -1);
}
:is(.b-show-grip-on-hover.b-row-reordering, .b-show-grip-on-hover .b-grid-row:not(:hover, .b-hover)) .b-row-reorder-grip::before {
  visibility: hidden;
}
.b-row-reorder-proxy {
  display: flex;
  flex-direction: column;
  width: auto !important;
  height: auto !important;
  overflow: visible;
  z-index: var(--b-row-reorder-proxy-z-index);
}
.b-row-reorder-proxy .b-grid-row {
  position: relative;
}
.b-row-reorder-proxy.b-drag-copy .b-row-proxy-copy {
  display: flex;
}
.b-row-reorder-proxy .b-row-proxy-copy {
  display: none;
  height: 1em;
  width: 1em;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset-inline-start: -.5em;
  top: -.5em;
  border-radius: 50%;
  padding: .75em;
  z-index: var(--b-row-reorder-copy-z-index);
  background: var(--b-panel-background);
  box-shadow: var(--b-row-reorder-box-shadow);
}
.b-row-reorder-proxy .b-grid-row {
  width: 100%;
  position: relative;
}
.b-row-reorder-proxy.b-dragging {
  transition: margin-top 0.2s, opacity 0.2s;
  background: transparent;
  opacity: var(--b-row-reorder-proxy-opacity);
}
.b-row-reorder-proxy.b-dragging.b-drag-invalid {
  --b-grid-cell-background: var(--b-row-reorder-invalid-background);
}
.b-row-reorder-proxy.b-dragging .b-grid-row {
  transition: transform 0.2s, background-color 0.2s;
}
.b-row-drag-count-indicator:before {
  inset-inline-end: -.7em;
}
.b-grid-tree-grouped .b-tree-parent-row .b-row-reorder-grip::before {
  content: none;
}
:root,
:host {
  --b-row-resize-z-index: 2;
}
.b-row-resize .b-grid-row.b-resize-handle {
  cursor: row-resize !important;
}
.b-row-resize .b-grid-row.b-resizing {
  z-index: var(--b-row-resize-z-index);
}
.b-row-resize.b-row-resizing .b-grid-row {
  pointer-events: none;
}
.b-row-resize.b-row-resizing * {
  cursor: row-resize !important;
}
.b-search-hit-cell {
  background: var(--b-quick-find-background, var(--b-primary-95));
}
.b-search-hit-text {
  padding: .3em 0;
  --b-primary: var(--b-quick-find-primary);
  font-weight: var(--b-quick-find-font-weight);
  background: var(--b-quick-find-background, var(--b-primary-95));
}
.b-search-hit-field {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  padding: .5em 0;
  background: var(--b-quick-find-background, var(--b-primary-95));
}
.b-search-hit-cell-badge {
  position: absolute;
  line-height: 1;
  color: var(--b-quick-find-badge-color);
  font-size: var(--b-quick-find-badge-font-size);
  inset-inline-end: var(--b-quick-find-badge-offset);
  top: var(--b-quick-find-badge-offset);
}
:root,
:host {
  --b-sort-header-icon: "\f062";
  --b-sort-header-index-font-size: 0.6em;
  --b-sort-header-index-color: inherit;
  --bi-grid-sort-icon-rotate: 0;
  --bi-grid-sort-icon-opacity: 0;
  --bi-grid-sort-icon-size: 0;
  --bi-grid-sort-icon-margin-inline-start: 0;
  --b-sort-index-z-index: 30;
}
.b-sort-hover-icon .b-grid-header.b-sortable {
  cursor: pointer;
}
.b-sort-hover-icon .b-grid-header.b-sortable:not(.b-sort, .b-resizing):hover {
  --bi-grid-sort-icon-opacity: 0.5;
  --bi-grid-sort-icon-size: var(--b-grid-header-icon-font-size);
  --bi-grid-sort-icon-margin-inline-start: var(--b-grid-header-gap);
}
.b-grid-base.b-sort.b-dragging-header .b-grid-header:not(.b-sort) {
  --bi-grid-sort-icon-opacity: 0;
  --bi-grid-sort-icon-size: 0;
  --bi-grid-sort-icon-margin-inline-start: 0;
}
.b-sort-icon {
  transition-property:
    opacity,
    color,
    font-size,
    margin;
  overflow: hidden;
  white-space: nowrap;
  color: var(--b-grid-header-icon-color);
  opacity: var(--bi-grid-sort-icon-opacity);
  font-size: var(--bi-grid-sort-icon-size);
  margin-inline-start: var(--bi-grid-sort-icon-margin-inline-start);
  transition-duration: var(--b-grid-header-icon-transition-duration);
}
.b-sort-icon::before {
  display: inline-block;
  transition: rotate .2s;
  content: var(--b-sort-header-icon);
  font-family: var(--b-widget-icon-font-family);
  font-weight: var(--b-widget-icon-font-weight);
  rotate: var(--bi-grid-sort-icon-rotate);
}
:is(.b-grid-header.b-asc, .b-grid-header.b-desc) .b-sort-icon {
  --bi-grid-sort-icon-opacity: 1;
  --bi-grid-sort-icon-size: var(--b-grid-header-icon-font-size);
  --bi-grid-sort-icon-margin-inline-start: var(--b-grid-header-gap);
}
.b-grid-header.b-desc .b-sort-icon {
  --bi-grid-sort-icon-rotate: 180deg;
}
.b-sort .b-grid-header-text[data-sort-index]::before {
  content: attr(data-sort-index);
  position: relative;
  top: 1em;
  order: 1;
  z-index: var(--b-sort-index-z-index);
  color: var(--b-sort-header-index-color);
  font-size: var(--b-sort-header-index-font-size);
}
.b-split-container {
  display: flex;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.b-split-container.b-split-horizontal,
.b-split-container.b-split-both {
  flex-direction: column;
}
.b-split-container.b-split-vertical {
  flex-direction: row;
}
.b-split-container .b-split-top,
.b-split-container .b-split-bottom {
  display: flex;
  flex: 1;
}
.b-split-container > .b-grid-base,
.b-split-container > div > .b-grid-base {
  flex: 1;
  flex-basis: 0;
  height: unset !important;
}
.b-sticky-cells {
  --b-grid-cell-padding-block: var(--b-widget-padding);
}
.b-sticky-cells .b-sticky-cell-content {
  width: 100%;
  will-change: transform;
  align-items: center;
  display: inherit;
  text-align: inherit;
  justify-content: inherit;
}
.b-sticky-cells .b-tree-cell .b-sticky-cell-content {
  align-self: center;
}
:root,
:host {
  --b-stripe-odd-color: var(--b-neutral-98);
  --b-stripe-even-color: var(--b-neutral-100);
  --b-stripe-border-width: 0;
}
.b-stripe {
  --b-grid-row-border-width: var(--b-stripe-border-width);
}
.b-stripe .b-grid-row.b-odd {
  --b-grid-cell-background: var(--b-stripe-odd-color);
}
.b-stripe .b-grid-row.b-even {
  --b-grid-cell-background: var(--b-stripe-even-color);
}
.b-stripe .b-hide-row-hover .b-grid-row.b-odd {
  --b-grid-cell-hover-background: var(--b-stripe-odd-color);
  --b-grid-cell-selected-background: var(--b-stripe-odd-color);
  --b-grid-cell-hover-selected-background: var(--b-stripe-odd-color);
}
.b-stripe .b-hide-row-hover .b-grid-row.b-even {
  --b-grid-cell-hover-background: var(--b-stripe-even-color);
  --b-grid-cell-selected-background: var(--b-stripe-even-color);
  --b-grid-cell-hover-selected-background: var(--b-stripe-even-color);
}
.b-summary-disabled .b-grid-footer-container {
  display: none;
}
.b-grid-footer.b-focused:focus-visible {
  outline: var(--b-grid-cell-focused-outline-width) solid var(--b-grid-cell-focused-outline-color);
  outline-offset: var(--b-grid-cell-focused-outline-offset, calc(var(--b-grid-cell-focused-outline-width) * -1));
}
.b-generated-parent .b-grid-cell .b-grid-tree-group-summary {
  display: flex;
  justify-content: inherit;
}
:root,
:host {
  --b-quick-find-font-weight: var(--b-grid-cell-font-weight);
  --b-quick-find-badge-offset: .4em;
  --b-quick-find-badge-font-size: .7em;
  --b-quick-find-primary: var(--b-secondary);
  --b-quick-find-badge-color: var(--b-grid-header-color);
}
:is(.b-grid-row.b-hover, .b-grid-row.b-selected) .b-colorize {
  --b-quick-find-background: var(--b-quick-find-row-hover-background, var(--b-primary-95));
}
html.b-export-root,
.b-export-root body {
  margin: 0;
}
html.b-print-root,
.b-print-root body {
  margin: 0;
  height: auto;
  overflow: unset;
  display: block;
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}
html.b-export-root {
  overflow: auto;
}
.b-export-root body,
.b-print-root body {
  position: relative;
}
.b-print-root .b-float-root,
.b-print-root .b-scrollbar-measure-element,
.b-print-root .b-grid-header-resize-handle {
  display: none !important;
}
.b-print:not(.b-safari) .b-page-wrap {
  page-break-after: always;
}
body:not(.b-single-page-unscaled) .b-page-wrap {
  contain: strict;
}
.b-export .b-time-ranges-canvas {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  contain: none;
}
.b-export .b-grid-base {
  min-height: 0 !important;
}
.b-export .b-export-content {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.b-export .b-export-body {
  flex: 1;
  contain: strict;
}
.b-export .b-grid-header-container {
  margin-inline-end: 0 !important;
  border-inline-end: none !important;
}
.b-export .b-grid-body-container.b-widget-scroller {
  overflow-y: hidden !important;
}
.b-export .b-grid-footer-container {
  padding-inline-end: 0 !important;
}
.b-export .b-virtual-scrollers {
  display: none;
}
.b-export.b-visible-scrollbar .b-show-yscroll-padding > .b-yscroll-pad {
  display: none;
}
.b-export.b-multi-page .b-export-content {
  width: 100%;
  height: 100%;
}
.b-export.b-multi-page .b-export-body {
  overflow: hidden;
}
.b-export.b-single-page-unscaled {
  display: flex;
}
.b-export.b-single-page-unscaled .b-export-body {
  contain: content;
}
.b-export-header,
.b-export-header * {
  box-sizing: border-box;
}
@media print {
  .b-page-wrap {
    overflow: hidden;
  }
  .b-grid-body-container {
    contain: paint !important;
  }
}
.b-export-dialog .b-bottom-toolbar .b-button {
  width: 7.5em;
}
.b-float-root .b-export-loading-toast {
  display: flex;
  gap: 0.5em;
  align-items: center;
}
html.b-print-root,
.b-print-root body {
  margin: 0;
  height: auto;
  overflow: unset;
  display: block;
}
.b-print-root .b-float-root,
.b-print-root .b-scrollbar-measure-element,
.b-print-root .b-grid-header-resize-handle {
  display: none !important;
}
.b-print:not(.b-safari) .b-page-wrap {
  page-break-after: always;
}
:root,
:host {
  --b-grid-summary-label-font-size: 1em;
  --b-grid-summary-value-font-size: 1em;
}
.b-summary-wrap {
  display: grid;
  column-gap: 1em;
  grid-template-columns: min-content auto;
  align-items: center;
  width: 100%;
}
.b-summary-wrap .b-grid-summary-label {
  font-size: var(--b-grid-summary-label-font-size);
}
.b-summary-wrap .b-grid-summary-value {
  overflow: clip;
  text-overflow: ellipsis;
  font-size: var(--b-grid-summary-value-font-size);
}
.b-summary-wrap .b-grid-summary-value.b-no-label {
  grid-column: span 2;
}
:root,
:host {
  --b-grid-footer-outline-width: var(--b-grid-header-border-width);
  --b-grid-footer-outline-color: var(--b-grid-header-border-color);
  --b-grid-footer-box-shadow: none;
  --b-grid-footer-border-width: var(--b-grid-header-border-width);
  --b-grid-footer-padding: var(--b-grid-header-padding);
  --b-grid-footer-background: var(--b-neutral-100);
  --b-grid-footer-border-color: var(--b-grid-header-border-color);
  --b-grid-footer-color: var(--b-grid-header-color);
}
.b-grid-footer-container {
  outline: var(--b-grid-footer-outline-width) solid var(--b-grid-footer-outline-color);
  box-shadow: var(--b-grid-footer-box-shadow);
}
.b-grid-footer-container.b-hidden {
  display: none;
}
.b-grid-footer-scroller {
  display: flex;
  position: relative;
  overflow: clip;
  flex-shrink: 0;
  min-width: 0;
}
.b-grid-footers {
  display: inline-flex;
  align-items: stretch;
  height: 100%;
  white-space: nowrap;
  line-height: initial;
}
.b-grid-footer {
  display: flex;
  flex-shrink: 0;
  align-items: stretch;
  transition: background-color .2s;
  color: var(--b-grid-footer-color);
  background: var(--b-grid-footer-background);
  border-inline-end: var(--b-grid-footer-border-width) solid var(--b-grid-footer-border-color);
  font-weight: var(--b-grid-footer-font-weight);
  padding: var(--b-grid-footer-padding);
  text-align: var(--b-grid-footer-text-align);
}
.b-grid-footer:last-child {
  --b-grid-footer-border-width: 0;
}
.b-grid-footer-align-start,
.b-grid-footer-align-left {
  --b-grid-footer-text-align: start;
}
.b-grid-footer-align-center {
  --b-grid-footer-text-align: center;
}
.b-grid-footer-align-end,
.b-grid-footer-align-right {
  --b-grid-footer-text-align: end;
}
:root,
:host {
  --b-grid-column-transition-duration: var(--b-default-transition-duration);
  --b-grid-row-transition-duration: var(--b-default-transition-duration);
  --b-grid-empty-padding: var(--b-widget-padding);
  --b-grid-empty-color: var(--b-text-2);
  --b-grid-panel-header-padding: var(--b-panel-header-padding);
  --b-grid-panel-header-border-bottom: var(--b-grid-header-border-width) solid var(--b-grid-header-border-color);
  --b-grid-background: var(--b-neutral-100);
  --b-grid-cell-border-width: 1px;
  --b-grid-cell-focused-outline-width: var(--b-widget-focus-outline-width);
  --b-grid-cell-focused-outline-color: var(--b-widget-focus-outline-color);
  --b-grid-cell-gap: 0.5em;
  --b-grid-cell-padding-block: 0;
  --b-grid-cell-padding-inline: var(--b-widget-padding);
  --b-grid-cell-font-size: 1em;
  --b-grid-cell-font-weight: var(--b-widget-font-weight);
  --b-grid-row-height: 45px;
  --b-grid-row-border-width: 1px;
  --b-grid-row-zindex: 1;
  --b-grid-empty-text-z-index: 10;
  --b-grid-editing-z-index: 2;
  --b-grid-splitter-width: 1px;
  --b-grid-cell-border-color: var(--b-border-7);
  --b-grid-cell-background: var(--b-neutral-100);
  --b-grid-cell-color: var(--b-widget-color);
  --b-grid-cell-selected-color: var(--b-widget-color);
  --b-grid-row-border-color: var(--b-grid-cell-border-color);
  --b-grid-cell-dirty-color: var(--b-color-red);
  --b-grid-splitter-narrow-color: var(--b-neutral-80);
  --bi-grid-cell-overflow: clip;
  --b-grid-row-placeholder-color: var(--b-neutral-95);
  --b-grid-cell-highlight-color: color-mix(in srgb, var(--b-color-yellow) 20%, var(--b-neutral-100));
}
.b-grid-base {
  overflow: clip;
  min-width: 0;
  --b-panel-bottom-toolbar-padding: var(--b-grid-header-padding);
  --b-panel-header-border-bottom: var(--b-grid-panel-header-border-bottom);
  --b-panel-header-padding: var(--b-grid-panel-header-padding);
  --b-panel-background: var(--b-grid-background);
  --b-panel-top-toolbar-margin-inline: 0;
  --b-panel-top-toolbar-border-radius: 0;
}
.b-grid-base:where(.b-outer:not(.b-auto-height)) {
  height: 100%;
}
.b-grid-base.b-auto-height {
  height: auto;
  flex: none;
}
.b-grid-base.b-auto-height .b-grid-vertical-scroller {
  position: relative;
}
.b-grid-base.b-auto-height.b-grid-empty .b-grid-body-container {
  height: unset !important;
  flex: 1;
}
.b-grid-base .b-empty-text {
  display: none;
}
.b-grid-base.b-grid-empty .b-empty-text {
  display: block;
  position: relative;
  color: var(--b-grid-empty-color);
  padding: var(--b-grid-empty-padding);
  z-index: var(--b-grid-empty-text-z-index);
}
.b-grid-base .b-editing {
  overflow: visible;
  contain: unset;
  z-index: var(--b-grid-editing-z-index);
}
.b-grid-base.b-splicing-rows-toggle .b-grid-row:is(.b-adding, .b-removing, .b-repositioning),
.b-grid-base.b-splicing-rows-remove .b-grid-row:is(.b-removing, .b-repositioning),
.b-grid-base.b-splicing-rows-insert .b-grid-row:is(.b-adding, .b-repositioning) {
  transition: top var(--b-grid-row-transition-duration), left var(--b-grid-row-transition-duration);
  pointer-events: none;
  z-index: calc(var(--b-grid-row-zindex) - 1);
}
.b-grid-base.b-collapsing-column .b-collapsing,
.b-grid-base.b-collapsing-column .b-collapsing .b-grid-header:not(:first-child) {
  min-width: 0 !important;
  overflow: clip !important;
  padding: 0;
}
.b-grid-base.b-collapsing-column .b-collapsing .b-grid-header:not(:first-child) {
  width: 0 !important;
}
.b-grid-base .b-expanding-start .b-grid-header:not(:first-child) {
  min-width: 0 !important;
  width: 0 !important;
  padding: 0;
}
.b-grid-base.b-expanding-column .b-expanding .b-grid-header:not(:first-child) {
  min-width: 0 !important;
}
:is(.b-grid-base.b-collapsing-column, .b-grid-base.b-expanding-column, .b-grid-base.b-showing-column, .b-grid-base.b-hiding-column, .b-grid-base.b-toggling-columns) .b-grid-header {
  transition-property:
    min-width,
    max-width,
    width,
    flex,
    padding;
  transition-duration: var(--b-grid-column-transition-duration);
}
:is(.b-grid-base.b-collapsing-column, .b-grid-base.b-expanding-column, .b-grid-base.b-showing-column, .b-grid-base.b-hiding-column, .b-grid-base.b-toggling-columns) .b-grid-cell {
  transition-property: padding;
  transition-duration: var(--b-grid-column-transition-duration);
}
.b-grid-base .b-grid-header:is(.b-showing, .b-hiding) {
  min-width: 0 !important;
  padding: 0 !important;
}
.b-grid-base .b-grid-header:is(.b-showing, .b-hiding).b-flex {
  flex: 0 !important;
}
.b-grid-base .b-toggling-all-expand.b-grid-header {
  width: 0 !important;
}
.b-fill-last-column .b-grid-footers:not(.b-has-flex, .b-horizontal-overflow) .b-grid-footer:last-child,
.b-fill-last-column .b-grid-headers:not(.b-has-flex, .b-horizontal-overflow) .b-last-parent,
.b-fill-last-column .b-grid-headers:not(.b-has-flex, .b-horizontal-overflow) .b-last-leaf:not(.b-drop-placeholder) {
  flex-grow: 1;
  border-inline-end-color: transparent;
}
.b-fill-last-column .b-grid-headers:not(.b-has-flex, .b-horizontal-overflow) .b-last-parent > .b-grid-header-text {
  border-inline-end-color: transparent;
}
.b-fill-last-column .b-grid-cell:last-child,
.b-fill-last-column .b-row-expander-row-expanded .b-grid-cell:nth-last-child(2) {
  --b-grid-cell-border-width: 0;
}
.b-grid-panel-body {
  display: flex;
  flex-direction: column;
  flex: 1;
  position: relative;
  overflow: hidden;
}
.b-grid-panel-body:not(.b-auto-height) > .b-grid-body-container {
  flex: 1 1 0;
  contain: strict;
}
.b-grid-panel-body:not(.b-auto-height) > .b-grid-body-container > .b-grid-vertical-scroller {
  min-height: 100%;
}
.b-grid-base > .b-panel-body-wrap {
  --b-toolbar-background: var(--b-grid-toolbar-background);
}
.b-grid-base > .b-panel-body-wrap > .b-top-toolbar {
  transition: background-color var(--b-default-transition-duration), border var(--b-default-transition-duration);
  border-bottom: var(--b-grid-header-container-border-width) solid var(--b-grid-header-border-color);
}
.b-grid-base:not(.b-auto-height) > .b-panel-body-wrap > .b-bottom-toolbar {
  border-top: var(--b-grid-header-container-border-width) solid var(--b-grid-header-border-color);
}
.b-grid-body-container {
  position: relative;
}
.b-grid-vertical-scroller {
  display: flex;
  overflow: clip;
}
.b-grid-base .fa {
  font-family: inherit;
}
.b-grid-base .fa::before {
  font-family: var(--b-widget-icon-font-family);
  font-weight: var(--b-widget-icon-font-weight);
}
.b-no-transitions .b-grid-row {
  transition: none !important;
}
.b-grid-base.b-highlighting-fade .b-grid-cell:not(.b-highlighted)::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.8;
  transition: opacity 0.4s;
  pointer-events: none;
  background-color: var(--b-grid-cell-background, var(--b-neutral-100));
}
.b-grid-base:not(.b-highlighting-fade) .b-grid-cell.b-highlighted {
  transition: background-color 0.4s;
  background-color: var(--b-grid-cell-highlight-color);
}
:root,
:host {
  --b-grid-header-font-size: inherit;
  --b-grid-header-font-weight: 500;
  --b-grid-header-padding: var(--b-grid-cell-padding-inline);
  --b-grid-header-text-transform: none;
  --b-grid-header-text-align: start;
  --b-grid-header-gap: 0.5em;
  --b-grid-header-icon-font-size: 1em;
  --b-grid-header-border-width: var(--b-grid-cell-border-width);
  --b-grid-header-container-border-width: 1px;
  --b-grid-header-zindex: 1;
  --b-grid-header-icon-transition-duration: var(--b-default-transition-duration);
  --b-grid-header-background: var(--b-neutral-100);
  --b-grid-header-box-shadow: var(--b-elevation-0);
  --b-grid-header-color: var(--b-widget-color);
  --b-grid-header-icon-color: var(--b-grid-header-color);
  --b-grid-header-border-color: var(--b-grid-cell-border-color);
  --b-grid-header-hover-color: var(--b-widget-color);
}
.b-grid-headers,
.b-grid-footers {
  contain: paint style layout;
  flex: 1 1 auto;
  z-index: var(--b-grid-header-zindex);
}
div.b-grid-header-container,
.b-grid-footer-container {
  display: flex;
  z-index: var(--b-grid-header-zindex);
}
div.b-grid-header-container.b-hidden {
  clip-path: inset(0 0 100% 0);
  contain: strict;
  border-bottom: none;
}
div.b-grid-header-container .b-yscroll-pad {
  border-bottom: var(--b-grid-header-container-border-width) solid var(--b-grid-header-border-color);
}
.b-grid-header-scroller {
  display: flex;
  position: relative;
  overflow: clip;
  min-width: 0;
  box-shadow: var(--b-grid-header-box-shadow);
}
.b-grid-headers {
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  overflow: clip;
  line-height: initial;
  position: relative;
}
.b-grid-header {
  position: relative;
  display: flex;
  user-select: none;
  -webkit-user-select: none;
  flex-direction: column;
  flex-shrink: 0;
  align-items: stretch;
  justify-content: center;
  overflow: clip;
  transition: background-color var(--b-default-transition-duration), border var(--b-default-transition-duration);
  contain: style;
  --b-grid-header-applied-background: var(--b-grid-header-background);
  background: var(--b-grid-header-applied-background);
  border-inline-end: var(--b-grid-header-border-width) solid var(--b-grid-header-border-color);
  color: var(--b-grid-header-color);
  font-size: var(--b-grid-header-font-size);
  font-weight: var(--b-grid-header-font-weight);
  text-transform: var(--b-grid-header-text-transform);
}
.b-grid-header.b-depth-0:hover {
  color: var(--b-grid-header-hover-color);
  --b-grid-header-applied-background: var(--b-grid-header-hover-background, var(--b-primary-98));
  --b-grid-header-icon-color: var(--b-grid-header-hover-color);
}
.b-grid-header.b-focused:focus-visible {
  outline: var(--b-grid-cell-focused-outline-width) solid var(--b-grid-cell-focused-outline-color);
  outline-offset: calc(var(--b-grid-cell-focused-outline-width) * -1);
}
.b-grid-header.b-depth-0 {
  width: 0;
  padding-inline: var(--b-grid-header-padding);
  border-block-end: var(--b-grid-header-container-border-width) solid var(--b-grid-header-border-color);
}
.b-fill-last-column .b-grid-header.b-last-leaf:not(.b-drop-placeholder) {
  border-inline-end: none;
}
.b-grid-header:has(.b-widget) .b-grid-header-text-content:empty {
  display: none;
}
.b-grid-header-parent {
  border-inline-end: none;
  flex-basis: auto;
  padding-inline: 0;
}
.b-grid-header-parent > .b-grid-header-text {
  flex: 1 1 auto;
  padding: var(--b-grid-header-padding);
}
.b-grid-header-parent:where(:not(.b-last-parent)) > .b-grid-header-text {
  transition: background-color var(--b-default-transition-duration), border var(--b-default-transition-duration);
  border-inline-end: var(--b-grid-header-border-width) solid var(--b-grid-header-border-color);
}
.b-grid-header-children {
  display: flex;
  flex-flow: row nowrap;
  flex: 1 1 auto;
  transition: border var(--b-default-transition-duration);
  border-top: var(--b-grid-header-border-width) solid var(--b-grid-header-border-color);
}
.b-grid-header-children > * {
  width: inherit;
}
.b-grid-header-text {
  display: flex;
  align-items: center;
  padding-block: var(--b-grid-header-padding);
}
.b-grid-header-text:has(.b-widget) {
  gap: var(--b-grid-header-gap);
}
.b-grid-header-text-content {
  flex: 1;
  overflow: clip;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 0;
  text-align: var(--b-grid-header-text-align);
}
.b-grid-header-text-content.b-has-text > * {
  margin-inline-end: var(--b-grid-header-gap);
}
.b-grid-header-align-right,
.b-grid-header-align-end {
  --b-grid-header-text-align: end;
}
.b-grid-header-align-center {
  --b-grid-header-text-align: center;
}
:is(.b-writing-mode-sideways-lr, .b-writing-mode-sideways-rl, .b-writing-mode-vertical-lr, .b-writing-mode-vertical-rl) .b-grid-header-text-content {
  display: flex;
  text-align: start;
  align-items: var(--b-grid-header-text-align);
}
.b-writing-mode-sideways-lr .b-grid-header-text-content {
  writing-mode: sideways-lr;
}
.b-writing-mode-sideways-rl .b-grid-header-text-content {
  writing-mode: sideways-rl;
}
.b-writing-mode-horizontal-tb .b-grid-header-text-content {
  writing-mode: horizontal-tb;
}
.b-writing-mode-vertical-lr .b-grid-header-text-content {
  writing-mode: vertical-lr;
}
.b-writing-mode-vertical-rl .b-grid-header-text-content {
  writing-mode: vertical-rl;
}
.b-grid-header.b-collapsible > .b-grid-header-text {
}
.b-grid-header-collapse-button {
  background: transparent;
  --b-button-height: 1em;
  --b-button-type-text-color: var(--b-neutral-60);
}
.b-grid-header-collapse-button:hover {
  --b-button-color: var(--b-grid-header-color);
}
:root {
  --bi-grid-cell-dirty-indicator-clip-path: polygon(0% 50%, 0% 0%, 50% 0%);
  --bi-grid-cell-dirty-indicator-clip-path-rtl: polygon(100% 50%, 50% 0%, 100% 0%);
  --b-grid-cell-auto-height-padding-block: var(--b-grid-cell-padding-inline);
  --b-grid-dirty-indicator-z-index: 2;
  --b-grid-virtual-scrollers-z-index: 3;
}
.b-no-column-lines,
.b-no-column-lines .b-grid-sub-grid {
  --b-grid-cell-border-width: 0;
  --b-grid-header-border-width: 0;
}
.b-no-row-lines {
  --b-grid-row-border-width: 0;
}
.b-grid-sub-grid {
  position: relative;
}
.b-grid-sub-grid.b-hidden {
  display: none;
}
.b-grid-sub-grid-collapsed {
  width: 0;
  min-width: 0 !important;
  overflow: hidden !important;
}
.b-animating .b-grid-header-scroller,
.b-animating .b-grid-sub-grid {
  transition-property:
    width,
    flex,
    min-width;
  transition-duration: .3s;
}
.b-grid-row {
  position: absolute;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  inset-inline-start: 0;
  overflow: clip;
  contain: layout;
  height: var(--b-grid-row-height);
  z-index: var(--b-grid-row-zindex);
}
.b-grid-sub-grid .b-grid-row {
  min-width: 100%;
}
.b-grid-row.b-hover .b-grid-cell {
  --b-grid-cell-applied-background: var(--b-grid-cell-hover-background, var(--b-primary-98));
  --b-grid-cell-color: var(--b-grid-cell-selected-color);
  --b-grid-link-color: var(--b-grid-row-hover-link-color, var(--b-primary-30));
}
.b-selected :is(.b-grid-row .b-grid-cell),
.b-grid-row .b-grid-cell.b-selected {
  --b-grid-cell-applied-background: var(--b-grid-cell-selected-background, var(--b-primary-96));
  --b-grid-cell-color: var(--b-grid-cell-selected-color);
  --b-grid-link-color: var(--b-grid-row-hover-link-color, var(--b-primary-30));
  transition: background-color var(--b-default-transition-duration), color var(--bi-grid-cell-selected-color-transition-duration, var(--b-default-transition-duration));
}
.b-grid-row.b-hover.b-selected .b-grid-cell {
  --b-grid-cell-applied-background: var(--b-grid-cell-hover-selected-background, var(--b-primary-94));
}
.b-grid-row.fa {
  display: flex;
}
.b-grid-row.fa::before {
  content: none;
}
.b-grid-row.b-row-placeholder .b-grid-cell {
  color: transparent;
}
.b-grid-row.b-row-placeholder .b-grid-cell > *:not(.b-editor) {
  display: none;
}
.b-grid-row.b-row-placeholder .b-grid-cell::after {
  content: "";
  position: absolute;
  inset: 1.2em var(--b-grid-cell-padding-inline);
  border-radius: var(--b-widget-border-radius);
  background: var(--b-grid-row-placeholder-color);
}
.b-hide-row-hover {
  --b-grid-cell-hover-background: var(--b-grid-cell-background);
  --b-grid-cell-selected-background: var(--b-grid-cell-background);
  --b-grid-cell-hover-selected-background: var(--b-grid-cell-background);
}
.b-grid-body-container.b-vertical-overflow .b-grid-row.b-last .b-grid-cell {
  --b-grid-row-border-color: transparent;
}
.b-grid-cell {
  position: absolute;
  display: flex;
  flex-shrink: 0;
  contain: strict;
  align-items: center;
  white-space: nowrap;
  height: 100%;
  background: var(--b-grid-cell-applied-background, var(--b-grid-cell-background));
  color: var(--b-grid-cell-color);
  border-inline-end: var(--b-grid-cell-border-width) solid var(--b-grid-cell-border-color);
  border-bottom: var(--b-grid-row-border-width) solid var(--b-grid-row-border-color);
  font-size: var(--b-grid-cell-font-size);
  font-weight: var(--b-grid-cell-font-weight);
  gap: var(--b-grid-cell-gap);
  overflow: var(--bi-grid-cell-overflow);
  padding-inline: var(--b-grid-cell-padding-inline);
  padding-block: var(--b-grid-cell-padding-block);
}
.b-grid-cell:not(.b-focused) *,
.b-grid-cell:not(.b-focused) *::before,
.b-grid-cell:not(.b-focused) *::after {
  transition: none;
}
.b-theme-transition .b-grid-cell {
  transition: background-color var(--b-default-transition-duration), border var(--b-default-transition-duration);
}
.b-chrome .b-grid-cell,
.b-windows .b-grid-cell {
  contain: layout;
}
.b-grid-cell.b-focused:focus-visible {
  outline: var(--b-grid-cell-focused-outline-width) solid var(--b-grid-cell-focused-outline-color);
  outline-offset: var(--b-grid-cell-focused-outline-offset, calc(var(--b-grid-cell-focused-outline-width) * -1));
}
.b-grid-cell.b-hover {
  --b-grid-cell-applied-background: var(--b-grid-cell-hover-background, var(--b-primary-98));
  --b-grid-cell-color: var(--b-grid-cell-selected-color);
}
.b-grid-cell.b-selected {
  --b-grid-cell-applied-background: var(--b-grid-cell-selected-background, var(--b-primary-96));
  --b-grid-cell-color: var(--b-grid-cell-selected-color);
}
.b-grid-cell.b-auto-height {
  white-space: normal;
}
.b-grid-cell.b-auto-height:not(.b-tree-cell) {
  --b-grid-cell-padding-block: var(--b-grid-cell-auto-height-padding-block);
}
.b-grid-cell.b-measuring-auto-height {
  contain: paint style layout;
  align-self: baseline;
  height: auto;
}
.b-grid-no-text-selection .b-grid-cell {
  user-select: none;
  -webkit-user-select: none;
}
.b-grid-cell a {
  color: var(--b-grid-link-color, var(--b-primary-30));
}
.b-supports-has.b-use-ellipsis:not(.b-grid-measuring) .b-grid-row {
  height: var(--b-grid-row-height);
}
.b-supports-has.b-use-ellipsis:not(.b-grid-measuring) .b-grid-row .b-grid-cell:not(.b-auto-height, .b-row-reorder-grip, :has(*)) {
  display: block;
  text-overflow: ellipsis;
  line-height: var(--b-grid-row-height);
}
.b-grid-cell-align-right,
.b-grid-cell-align-end {
  justify-content: flex-end;
  text-align: end;
}
.b-grid-cell-align-center {
  justify-content: center;
  text-align: center;
}
.b-rtl {
  --bi-grid-cell-dirty-indicator-clip-path: var(--bi-grid-cell-dirty-indicator-clip-path-rtl) ;
}
.b-show-dirty .b-cell-dirty:not(.b-editing):after,
.b-show-dirty-during-edit .b-cell-dirty:after {
  content: "";
  position: absolute;
  top: 0;
  inset-inline-start: 1px;
  width: 1.2em;
  height: 1.2em;
  z-index: var(--b-grid-dirty-indicator-z-index);
  background-color: var(--b-grid-cell-dirty-color);
  clip-path: var(--bi-grid-cell-dirty-indicator-clip-path);
}
.b-grid-splitter {
  transition: background var(--b-default-transition-duration);
  background: var(--b-grid-splitter-color, var(--b-grid-splitter-narrow-color));
  flex: 0 0 var(--b-grid-splitter-width);
}
.b-grid-splitter .b-grid-splitter-inner {
  display: none;
}
.b-virtual-scrollers {
  display: flex;
  flex-direction: row;
  contain: paint style layout;
  z-index: var(--b-grid-virtual-scrollers-z-index);
}
.b-firefox .b-virtual-scrollers {
  contain: paint layout;
}
.b-overlay-scrollbar.b-firefox.b-windows .b-virtual-scrollers {
  pointer-events: auto;
}
.b-overlay-scrollbar.b-firefox.b-windows .b-virtual-scrollers .b-virtual-scroller {
  pointer-events: auto;
}
.b-overlay-scrollbar .b-virtual-scrollers {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
}
.b-overlay-scrollbar .b-virtual-scrollers .b-virtual-scroller {
  height: 16px;
  pointer-events: none;
}
.b-virtual-scrollers .b-virtual-scroller {
  overflow-x: scroll;
  overflow-y: hidden;
}
.b-virtual-scrollers .b-virtual-width {
  height: 1px;
}
.b-overlay-scrollbar .b-virtual-scroller:hover,
.b-overlay-scrollbar .b-virtual-scroller.b-show-virtual-scroller {
  pointer-events: all;
  opacity: 1;
  transition: opacity .5s;
}
.b-aifilter-field .b-mask-text {
  padding: .5em;
}
.b-aifilter-field-result-popup {
  --b-primary: var(--b-color-yellow);
  --b-popup-background: var(--b-primary-95);
}
.b-checklist-filter-combo-picker.b-panel {
  padding: 0;
  --b-panel-padding: 0;
  --b-list-item-padding: 0.75em var(--b-widget-padding);
}
.b-checklist-filter-combo-picker.b-panel [data-ref=searchField] {
  width: 100%;
}
.b-checklist-filter-combo-picker.b-panel .b-list-item-content {
  display: flex;
}
.b-checklist-filter-combo-picker.b-panel .b-checklist-filter-combo-item-text {
  flex-grow: 1;
}
.b-checklist-filter-combo-picker.b-panel .b-bottom-toolbar {
  --b-toolbar-padding: var(--b-widget-padding);
}
:root,
:host {
  --b-group-bar-separator-icon: "\f054";
  --b-group-bar-separator-color: var(--b-neutral-50);
}
.b-group-bar {
  display: flex;
  flex-wrap: nowrap;
  flex: 1;
  align-self: center;
  gap: 2.2em;
  min-height: 2em;
  --b-chip-view-chip-padding: 0.5em 1em;
  --b-chip-view-chip-gap: 1em;
  --b-chip-view-chip-border-radius: var(--b-button-border-radius);
}
.b-group-bar .b-chip {
  position: relative;
  overflow: visible;
}
.b-group-bar .b-chip:not(:last-child):after {
  position: absolute;
  inset-inline-end: -1.5em;
  color: var(--b-group-bar-separator-color);
  content: var(--b-group-bar-separator-icon);
  font-family: var(--b-widget-icon-font-family);
  font-weight: var(--b-widget-icon-font-weight);
}
.b-rtl :is(.b-group-bar .b-chip):not(:last-child):after {
  scale: -1 0;
}
.b-group-bar .b-drop-target {
  opacity: .5;
}
.b-group-bar .b-drop-target .b-chip-content {
  visibility: hidden;
}
.b-grid-reordering-columns-with-group-bar.b-grid-header.b-drag-proxy {
  min-width: 10em !important;
  padding-inline: 1em;
  border-radius: var(--b-button-border-radius);
}
.b-grid-reordering-columns-with-group-bar.b-grid-header.b-drag-proxy .b-grid-header-text {
  padding: 0.5em 0;
}
.b-grid-reordering-columns-with-group-bar.b-grid-header.b-drag-proxy,
.b-grid-reordering-columns-with-group-bar.b-grid-header.b-drag-proxy .b-grid-header-text-content {
  width: auto !important;
}
.b-grid-base.b-dragging-header:not(.b-tree-group) .b-group-bar .b-drop-target {
  display: none;
}
.b-grid-base.b-dragging-header:not(.b-tree-group) .b-group-bar .b-chip::after {
  content: none;
}
.b-grid-base.b-dragging-header:not(.b-tree-group) .b-group-bar:hover .b-chip {
  display: none;
}
.b-grid-base.b-dragging-header:not(.b-tree-group) .b-group-bar:hover .b-drop-target {
  display: flex;
}
.b-check-header-with-checkbox {
  align-items: center;
}
.b-check-header-with-checkbox .b-grid-header-text {
  display: none;
}
:root,
:host {
  --b-action-column-button-size: 1.1em;
  --b-action-column-color: var(--b-widget-color);
  --b-action-column-row-hover-color: var(--b-widget-color);
  --b-action-column-readonly-color: var(--b-widget-disabled-color);
  --b-action-column-hover-color: var(--b-neutral-10);
}
.b-action-ct {
  display: flex;
  flex-flow: row nowrap;
  gap: 0.5em;
}
.b-action-item {
  aspect-ratio: 1 / 1;
  border-radius: 50%;
  font-size: var(--b-action-column-button-size);
  color: var(--b-action-column-color);
  pointer-events: var(--bi-action-column-pointer-events, auto);
}
.b-action-item:hover {
  --b-action-column-color: var(--b-action-column-hover-color);
}
.b-action-item:focus-visible {
  outline-offset: 3px;
  outline: currentColor solid 3px;
}
.b-grid-base.b-read-only.b-action-column-readonly {
  --b-action-column-color: var(--b-action-column-readonly-color);
  --bi-action-column-pointer-events: none;
}
.b-grid-row.b-hover,
.b-grid-row.b-selected {
  --b-action-column-color: var(--b-action-column-row-hover-color);
}
:root,
:host {
  --b-color-column-border-width: 0;
  --b-color-column-empty-border-width: 1px;
  --b-color-column-border-color: transparent;
  --b-color-column-empty-border-color: var(--b-border-7);
  --b-color-column-picker-width: 11em;
}
.b-color-cell-swatch {
  border-radius: 1em;
  cursor: pointer;
  width: 1.5em;
  height: 1.5em;
  margin-inline: 1em;
  flex-shrink: 0;
  --b-primary: transparent;
  background: var(--b-primary);
  border: var(--b-color-column-border-width) solid var(--b-color-column-border-color);
}
.b-color-cell-swatch.b-empty {
  --b-color-column-border-width: var(--b-color-column-empty-border-width);
  --b-color-column-border-color: var(--b-color-column-empty-border-color);
}
.b-color-cell-swatch.b-show-color-name {
  margin-inline: 0;
}
.b-color-column-picker {
  width: var(--b-color-column-picker-width);
}
:root,
:host {
  --b-percent-column-bar-border-radius: var(--b-widget-border-radius);
  --b-percent-column-bar-max-height: 0.6em;
  --b-percent-column-bar-border: none;
  --b-percent-column-circle-thickness: 0.5em;
  --b-percent-column-circle-label-font-size: .8em;
  --b-percent-column-bar-background: var(--b-neutral-95);
  --b-percent-column-low-fill-background: var(--b-color-orange);
  --b-percent-column-wide-value-color: var(--b-neutral-100);
  --b-percent-column-low-value-color: var(--b-secondary);
  --b-percent-column-zero-value-color: transparent;
  --b-percent-column-circle-background: var(--b-grid-cell-border-color);
  --b-percent-column-circle-label-color: var(--b-grid-cell-color);
  --bi-percent-column-transition: none;
  --b-percent-column-bar-z-index: 1;
  --b-percent-column-value-z-index: 1;
}
.b-percent-bar-outer {
  display: flex;
  height: 30%;
  overflow: hidden;
  width: 100%;
  outline-offset: -1px;
  background: var(--b-percent-column-bar-background);
  outline: var(--b-percent-column-bar-border);
  border-radius: var(--b-percent-column-bar-border-radius);
  max-height: var(--b-percent-column-bar-max-height);
}
.b-percent-bar-outer.b-low {
  --b-percent-column-fill-background: var(--b-percent-column-low-value-color);
  --b-percent-column-value-color: var(--b-percent-column-low-value-color);
}
.b-percent-bar-outer.b-zero {
  --b-percent-column-value-color: var(--b-percent-column-zero-value-color);
}
.b-percent-bar-outer .b-percent-bar {
  z-index: var(--b-percent-column-bar-z-index);
  background: var(--b-percent-column-fill-background, var(--b-primary-50));
  width: var(--bi-percent-bar-value);
  transition: var(--bi-percent-column-transition);
}
.b-sticky-cell-content .b-percent-bar-outer {
  height: var(--b-percent-column-bar-max-height);
}
.b-percent-bar-value {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 1;
  font-size: 0.6em;
  container-name: percent-column-value;
  container-type: size;
  z-index: var(--b-percent-column-value-z-index);
}
.b-percent-bar-value label {
  transition: translate .5s, color .5s;
  margin-inline-start: 0.5em;
  color: var(--b-percent-column-value-color, var(--b-primary-50));
  translate: var(--bi-percent-column-value-translate, 0);
}
@property --bi-percent-column-circle-angle { syntax : "<angle>"; inherits : false; initial-value : 0turn; }
.b-percent-done-circle {
  --bi-percent-column-circle-angle: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  max-height: 3em;
  max-width: 3em;
  border-radius: 50%;
  background: conic-gradient(var(--b-percent-column-circle-done-color, var(--b-primary)) 0 var(--bi-percent-column-circle-angle), transparent var(--bi-percent-column-circle-angle) 1turn) var(--b-percent-column-circle-background);
}
.b-percent-done-circle::after {
  content: attr(data-value);
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  width: calc(100% - var(--b-percent-column-circle-thickness));
  height: calc(100% - var(--b-percent-column-circle-thickness));
  background: var(--b-percent-column-circle-label-background, var(--b-grid-cell-background));
  font-size: var(--b-percent-column-circle-label-font-size);
  color: var(--b-percent-column-circle-label-color);
}
.b-animating .b-percent-done-circle {
  transition:
    --bi-percent-column-circle-angle .3s,
    height .3s,
    width .3s;
}
@container percent-column-value (width < 2em) {
  label {
    margin-inline-start: -.5em !important;
    --b-percent-column-value-color: var(--b-percent-column-wide-value-color);
    --bi-percent-column-value-translate: -100%;
  }
}
.b-grid-body-container.b-scrolling .b-percent-bar,
.b-grid-body-container.b-scrolling .b-percent-bar * {
  transition: none;
}
.b-animating,
.b-grid-row-updating {
  --bi-percent-column-transition:
    width 0.5s,
    padding .5s,
    background-color .5s;
}
:root,
:host {
  --b-rating-column-icon-size: 1.2em;
  --b-rating-column-empty-color: var(--b-neutral-95);
  --b-rating-column-filled-color: var(--b-color-yellow);
}
.b-rating-cell .b-rating-icon {
  font-size: var(--b-rating-column-icon-size);
  color: var(--bi-rating-column-icon-color);
  opacity: var(--bi-rating-column-icon-opacity, 1);
  transition: var(--bi-rating-column-icon-transition, all var(--b-default-transition-duration) linear);
}
.b-theme-transition :is(.b-rating-cell .b-rating-icon) {
  transition: color var(--b-default-transition-duration);
}
.b-rating-cell .b-empty {
  --bi-rating-column-icon-color: var(--b-rating-column-empty-color);
  --bi-rating-column-icon-opacity: var(--bi-rating-column-empty-opacity, 1);
}
.b-rating-cell .b-filled {
  --bi-rating-column-icon-color: var(--b-rating-column-filled-color);
}
.b-rating-cell-inner {
  display: flex;
}
.b-grid-base:not(.b-read-only) .b-rating-cell-inner:not(.b-not-editable) .b-rating-icon {
  cursor: pointer;
}
.b-grid-base:not(.b-read-only) .b-rating-cell-inner:not(.b-not-editable) .b-rating-icon:hover ~ .b-icon {
  --bi-rating-column-icon-color: var(--b-rating-column-empty-color);
  --bi-rating-column-empty-opacity: 1;
}
.b-grid-base:not(.b-read-only) .b-rating-cell-inner:not(.b-not-editable):hover .b-rating-icon {
  --bi-rating-column-icon-color: var(--b-rating-column-filled-color);
  --bi-rating-column-empty-opacity: 0.4;
}
.b-grid-body-container.b-scrolling .b-rating-icon {
  --bi-rating-column-icon-transition: none;
}
:root,
:host {
  --b-row-number-column-background: var(--b-neutral-97);
}
.b-grid-base .b-grid-cell.b-row-number-cell {
  --b-grid-cell-background: var(--b-row-number-column-background);
}
:root,
:host {
  --b-tree-loading-icon: "\f110";
  --b-tree-icon-width: 1.25em;
  --b-tree-cell-gap: var(--b-widget-gap);
  --b-tree-parent-font-weight: 500;
  --b-tree-indent-size: 1.7em;
  --b-tree-leaf-icon-font-size: 0.3em;
  --b-tree-expander-icon-font-size: 1.2em;
  --b-tree-expander-color: var(--b-text-3);
  --b-tree-expander-row-hover-color: var(--b-tree-expander-color);
  --b-tree-parent-color: var(--b-grid-cell-color);
  --b-tree-icon-color: var(--b-tree-expander-color);
  --b-tree-icon-row-hover-color: var(--b-tree-expander-color);
  --b-tree-line-width: 2px;
  --b-tree-line-color: var(--b-neutral-85);
  --b-tree-line-offset: .45em;
  --b-tree-empty-parent-icon-opacity: .5;
}
.b-internal {
  --b-tree-level: null;
}
.b-tree-expander {
  position: relative;
  top: 1px;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.b-loading-children .b-tree-expander.b-icon:before {
  animation: b-anim-rotate 2s infinite linear;
  content: var(--b-tree-loading-icon);
}
.b-grid-cell.b-tree-cell {
  align-items: stretch;
  gap: 0;
}
.b-grid-cell.b-tree-cell.b-selected,
.b-grid-cell.b-tree-cell.b-hover {
  --b-grid-cell-color: var(--b-grid-cell-selected-color);
}
.b-tree-cell-inner {
  gap: var(--b-tree-cell-gap);
}
.b-tree-leaf-cell .b-tree-cell-inner:before {
  margin-inline-end: .6em;
  text-align: center;
  font-family: var(--b-widget-icon-font-family);
  font-weight: var(--b-widget-icon-font-weight);
  color: var(--b-tree-expander-color);
  width: var(--b-tree-icon-width);
  min-width: var(--b-tree-icon-width);
}
.b-tree-icon,
.b-icon-tree-leaf,
.b-icon-tree-folder,
.b-icon-tree-folder-open,
.b-icon-tree-expand,
.b-icon-tree-collapse {
  text-align: center;
  color: var(--b-tree-expander-color);
  width: var(--b-tree-icon-width);
  min-width: var(--b-tree-icon-width);
}
.b-tree-icon {
  color: var(--b-tree-icon-color);
}
.b-icon-tree-leaf:before {
  vertical-align: middle;
  width: 100%;
  font-size: var(--b-tree-leaf-icon-font-size);
}
.b-icon-tree-folder:before,
.b-icon-tree-folder-open:before {
  margin-inline-start: .1em;
}
:is(.b-icon-tree-expand, .b-icon-tree-collapse).b-empty-parent {
  pointer-events: none;
  opacity: var(--b-tree-empty-parent-icon-opacity);
}
:is(.b-icon-tree-expand, .b-icon-tree-collapse):before {
  font-size: var(--b-tree-expander-icon-font-size);
}
.b-tree:not(.b-show-tree-lines) .b-tree-cell-inner {
  padding-inline-start: calc(var(--b-tree-indent-size) * var(--b-tree-level));
}
.b-tree:not(.b-show-tree-lines) .b-tree-leaf-cell .b-tree-parent-has-icon {
  padding-inline-start: calc(var(--b-tree-indent-size) * var(--b-tree-level) + var(--b-tree-icon-width) + var(--b-tree-cell-gap));
}
.b-tree-line {
  flex-shrink: 0;
  transition: border-color var(--b-default-transition-duration);
  border-color: var(--b-tree-line-color);
  width: var(--b-tree-indent-size);
}
.b-tree-line::before {
  content: "";
  display: block;
  border-inline-start-color: inherit;
  border-inline-start-style: solid;
  height: 100%;
  position: relative;
  border-inline-start-width: var(--b-tree-line-width);
  inset-inline-start: var(--b-tree-line-offset);
}
.b-tree-cell-inner {
  display: flex;
  align-items: center;
  flex-shrink: 0;
  flex-grow: 1;
  padding-block: 0.5em;
}
.b-tree-cell-inner.b-text-value {
  flex-shrink: 1;
  overflow: hidden;
}
.b-tree-cell-inner.b-text-value .b-tree-cell-value {
  display: initial;
  overflow: hidden;
  text-overflow: ellipsis;
}
.b-tree-cell.b-auto-height .b-tree-cell-inner {
  flex-shrink: 1;
}
.b-tree-cell.b-auto-height {
  flex-shrink: 1;
}
a.b-tree-cell-inner {
  text-decoration: none;
}
a.b-tree-cell-inner:hover .b-tree-cell-value {
  text-decoration: underline;
}
.b-tree-parent-row .b-grid-cell {
  font-weight: var(--b-tree-parent-font-weight);
  --b-grid-cell-color: var(--b-tree-parent-color);
}
.b-tree-parent-row .b-grid-cell.b-selected,
.b-tree-parent-row .b-grid-cell.b-hover {
  --b-grid-cell-color: var(--b-grid-cell-selected-color);
}
.b-tree-cell-value {
  flex: 1;
  display: flex;
  align-items: center;
  gap: var(--b-grid-cell-gap);
}
.b-touch .b-tree-expander {
  width: 1.1em;
}
.b-touch .b-icon-tree-expand:before,
.b-touch .b-icon-tree-collapse:before {
  font-size: 1.8em;
}
.b-touch .b-icon-tree-leaf:before {
  font-size: .6em;
}
.b-touch .b-tree-icon,
.b-touch .b-tree-leaf-cell:not(.b-tree-parent-cell):before {
  font-size: 1.2em;
}
:is(.b-grid-row, .b-grid-cell).b-hover,
:is(.b-grid-row, .b-grid-cell).b-selected {
  --b-tree-expander-color: var(--b-tree-expander-row-hover-color);
  --b-tree-icon-color: var(--b-tree-icon-row-hover-color);
}
.b-widget-cell {
  --b-button-max-height: 80%;
}

/* node_modules/@bryntum/scheduler-thin/scheduler.css */
.b-resource-collapse-cell .b-icon {
  background: transparent;
  border: none;
  transition: rotate 0.2s;
  cursor: pointer;
}
.b-resource-collapse-cell .b-icon.b-flip {
  rotate: 180deg;
}
:root,
:host {
  --b-resource-info-column-name-font-weight: 600;
  --b-resource-info-column-role-font-size: 0.8em;
  --b-resource-info-column-role-color: var(--b-neutral-65);
  --b-resource-info-column-role-row-hover-color: var(--b-neutral-65);
}
.b-colorize {
  --b-resource-info-column-avatar-background-color: var(--b-primary-85);
}
.b-grid-row {
  --b-resource-event-color: var(--b-primary);
}
.b-resource-info-cell .b-icon-tree-leaf {
  visibility: hidden;
}
.b-resource-info {
  flex: 1;
  height: 100%;
  display: grid;
  grid-template-columns: min-content 1fr;
  overflow: clip;
  column-gap: 1em;
  align-items: center;
  --b-primary: var(--b-resource-event-color);
  --b-avatar-background: var(--b-resource-info-column-avatar-background-color);
}
div.b-resource-info {
  row-gap: .15em;
}
.b-resource-info.b-tree-cell-value {
  display: grid;
  grid-template-columns: min-content 1fr;
  column-gap: var(--b-tree-cell-gap);
}
.b-resource-info div {
  overflow: clip;
  text-overflow: ellipsis;
}
.b-resource-info .b-resource-avatar {
  grid-column: 1;
}
.b-resource-info:has(.b-resource-role, .b-resource-events, .b-resource-meta) .b-resource-avatar {
  grid-row: span 2;
}
.b-resource-info .b-resource-name {
  grid-column: 2;
  align-self: end;
  font-weight: var(--b-resource-info-column-name-font-weight);
}
.b-resource-info .b-resource-role,
.b-resource-info .b-resource-events,
.b-resource-info .b-resource-meta {
  grid-column: 2;
  align-self: start;
  font-size: var(--b-resource-info-column-role-font-size);
  color: var(--b-resource-info-column-role-color);
}
.b-resource-info .b-resource-meta {
  display: flex;
  align-items: center;
  gap: 0.5em;
}
.b-resource-info .b-resource-icon {
  display: grid;
  place-items: center;
}
:is(.b-grid-row, .b-grid-cell).b-selected,
:is(.b-grid-row, .b-grid-cell).b-hover {
  --b-resource-info-column-role-color: var(--b-resource-info-column-role-row-hover-color);
}
.b-scale-cell {
  padding-inline: 0 !important;
}
.b-scale-cell .b-scale {
  background-color: transparent;
  font-weight: var(--b-grid-cell-font-weight);
}
.b-scale-cell .b-scale-tick-label {
  font-size: 70%;
}
:root,
:host {
  --b-column-lines-zindex: 2;
  --b-column-lines-major-z-index: 1;
  --b-column-lines-tick-style: solid;
  --b-column-lines-major-style: solid;
  --b-column-lines-tick-color: var(--b-neutral-95);
  --b-column-lines-major-color: var(--b-grid-cell-border-color);
  --b-column-lines-resource-color: var(--b-grid-cell-border-color);
}
.b-column-lines-canvas {
  z-index: var(--b-column-lines-zindex);
}
.b-column-line,
.b-column-line-major {
  height: 100%;
  position: absolute;
  border-inline-start-width: 1px;
}
.b-theme-transition :is(.b-column-line, .b-column-line-major) {
  transition: border-color var(--b-default-transition-duration);
}
.b-column-line {
  border-color: var(--b-column-lines-tick-color);
  border-inline-start-style: var(--b-column-lines-tick-style);
}
.b-column-line-major {
  z-index: var(--b-column-lines-major-z-index);
  border-color: var(--b-column-lines-major-color);
  border-inline-start-style: var(--b-column-lines-major-style);
}
.b-resource-column-line {
  border-color: var(--b-column-lines-resource-color);
}
.b-sch-vertical .b-column-line:not(.b-resource-column-line),
.b-sch-vertical .b-column-line-major {
  height: auto;
  width: 100%;
  position: absolute;
  border-inline-start: none;
  border-top-width: 1px;
  border-top-style: var(--b-column-lines-tick-style);
}
.b-sch-vertical .b-resource-group-divider {
  border-color: var(--b-grid-header-border-color);
}
:root,
:host {
  --b-dependency-remove-icon-z-index: 1000;
  --b-dependency-terminals-visible-z-index: 2;
  --b-dependency-zindex: 5;
  --b-dependency-stroke-width: 1;
  --b-dependency-hover-stroke-width: 2;
  --b-dependency-tooltip-terminal-size: .35em;
  --b-dependency-color: var(--b-border-5);
  --b-dependency-selected-color: var(--b-color-red);
}
.b-internal {
  --b-dependency-marker: null;
}
.b-sch-dependencies-canvas {
  --bi-dependency-marker: url(#arrowEnd);
  contain: unset;
  overflow: visible;
  z-index: var(--b-dependency-zindex);
}
.b-sch-dependency-arrow {
  fill: var(--b-dependency-color);
  fill: context-stroke;
}
.b-sch-dependency {
  pointer-events: visibleStroke;
  fill: transparent;
  transition: stroke-width .2s linear, stroke .2s linear;
  stroke: var(--b-dependency-color);
  stroke-width: var(--b-dependency-stroke-width);
}
.b-sch-dependency.b-sch-dependency-over {
  stroke-dasharray: 0;
  --b-dependency-stroke-width: var(--b-dependency-hover-stroke-width);
}
.b-sch-dependency.b-sch-released {
  display: none;
}
.b-sch-dependency.b-click-area {
  stroke: transparent;
  stroke-dasharray: none !important;
  marker-end: none;
}
.b-sch-dependency {
  marker-end: var(--b-dependency-marker);
}
.b-sch-dependency.b-sch-bidirectional-line {
  marker-start: var(--b-dependency-marker);
}
.b-sch-dependency.b-sch-dependency-markerless {
  marker-end: none;
}
.b-sch-dependency-tooltip {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-column-gap: .5em;
  align-items: center;
}
.b-sch-dependency-tooltip label {
  font-size: .8em;
}
:is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box {
  width: 1em;
  height: .8em;
  border-radius: 2px;
  display: none;
  position: relative;
  background: var(--b-dependency-tooltip-event-background, var(--b-primary-85));
}
:is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-start,
:is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-end,
:is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-right,
:is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-left,
:is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-top,
:is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-bottom {
  display: block;
}
:is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box:after {
  content: "";
  border-radius: 50%;
  position: absolute;
  background-color: var(--b-dependency-tooltip-terminal-color, var(--b-primary-50));
  width: var(--b-dependency-tooltip-terminal-size);
  height: var(--b-dependency-tooltip-terminal-size);
}
:is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-end:after,
:is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-right:after {
  inset-inline-end: calc(-0.5 * var(--b-dependency-tooltip-terminal-size));
  top: 50%;
  translate: 0 -50%;
}
:is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-start:after,
:is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-left:after {
  inset-inline-start: calc(-0.5 * var(--b-dependency-tooltip-terminal-size));
  top: 50%;
  translate: 0 -50%;
}
:is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-top:after {
  top: calc(-0.5 * var(--b-dependency-tooltip-terminal-size));
  inset-inline-start: 50%;
  translate: -50%;
}
:is(.b-sch-dependency-creation-tooltip, .b-sch-dependency-tooltip) .b-sch-box.b-bottom:after {
  bottom: calc(-0.5 * var(--b-dependency-tooltip-terminal-size));
  inset-inline-start: 50%;
  translate: -50%;
}
.b-sch-dependency:not(.b-click-area).b-selected {
  stroke: var(--b-dependency-selected-color);
  stroke-width: 2;
}
.b-sch-dependency-remove-icon {
  position: absolute;
  height: 1em;
  width: 1em;
  display: flex;
  translate: -50% -50%;
  pointer-events: all;
  cursor: pointer;
  animation: b-anim-show-dependency-remove-icon .2s ease-in-out 1;
  font-size: 1.1em;
  z-index: var(--b-dependency-remove-icon-z-index);
  color: var(--b-dependency-selected-color);
}
.b-sch-dependency-remove-icon:before {
  border-radius: 50%;
  background:
    radial-gradient(
      circle,
      #fff 0%,
      #fff 60%,
      transparent 60%,
      transparent 100%);
}
.b-sch-dependency-remove-icon.b-removing {
  animation: b-anim-hide-dependency-remove-icon .15s linear 1;
}
:is(.b-sch-event, .b-gantt-task).b-sch-terminals-visible {
  z-index: var(--b-dependency-terminals-visible-z-index);
}
@keyframes b-anim-show-dependency-remove-icon {
  0% {
    scale: 0;
    opacity: 0;
  }
  100% {
    scale: 1;
    opacity: 1;
  }
}
@keyframes b-anim-hide-dependency-remove-icon {
  0% {
    scale: 1;
    opacity: 1;
  }
  100% {
    scale: 0;
    opacity: 0;
  }
}
.b-sch-event.b-cut-item {
  opacity: .4;
}
.b-timeline-base.b-drag-creating {
  user-select: none;
  -webkit-user-select: none;
}
.b-timeline-base.b-drag-creating .b-sch-time-axis-cell,
.b-timeline-base.b-drag-creating .b-sch-event-wrap,
.b-timeline-base.b-drag-creating .b-gantt-task-wrap {
  pointer-events: none;
}
.b-timeline-base.b-drag-creating * {
  transition: none;
}
.b-sch-drag-creating.b-too-narrow {
  opacity: 0.25;
}
:root,
:host {
  --b-event-drag-select-z-index: 100;
  --b-event-drag-select-border-width: 1px;
  --b-event-drag-select-border-style: dashed;
  --b-event-drag-select-border-radius: var(--b-widget-border-radius);
  --b-event-drag-select-border-color: var(--b-neutral-50);
}
.b-drag-select-rect {
  position: absolute;
  left: 0;
  top: 0;
  transform-origin: 0 0;
  pointer-events: none;
  z-index: var(--b-event-drag-select-z-index);
  border: var(--b-event-drag-select-border-width) var(--b-event-drag-select-border-style) var(--b-event-drag-select-border-color);
  border-radius: var(--b-event-drag-select-border-radius);
}
.b-event-editor {
  width: 28em;
}
.b-event-editor.b-collapsed .b-panel-collapse-revealer {
  display: none;
}
.b-event-editor [data-ref=saveButton],
.b-event-editor [data-ref=cancelButton],
.b-event-editor [data-ref=deleteButton] {
  min-width: 5.5em;
}
.b-event-editor-content {
  grid-template-columns: minmax(min-content, 1fr) minmax(min-content, 1fr);
  align-items: end;
}
.b-event-editor-content .b-widget {
  grid-column: span 2;
}
.b-event-editor-content [data-ref=startDateField],
.b-event-editor-content [data-ref=endDateField] {
  grid-column: span 1;
  min-width: 10em;
}
.b-event-editor-content [data-ref=startTimeField],
.b-event-editor-content [data-ref=endTimeField] {
  grid-column: span 1;
  min-width: 12em;
}
:root,
:host {
  --b-event-non-working-time-opacity: 0.7;
  --b-event-non-working-time-z-index: 0;
}
.b-timeline-base .b-sch-event-wrap .b-sch-non-working-time {
  z-index: var(--b-event-non-working-time-z-index);
  --b-time-range-opacity: var(--b-event-non-working-time-opacity);
}
.b-dragging-event .b-sch-event-wrap.b-dragging .b-sch-non-working-time {
  display: none;
}
.b-animating .b-sch-event-wrap .b-sch-time-range {
  transition: none;
}
.b-sch-vertical .b-sch-event-wrap .b-sch-non-working-time {
  inset-inline-start: 0;
}
.b-sch-event-tooltip {
  --b-tooltip-text-gap: 0.5em;
}
.b-time-axis-group-summary {
  display: flex;
  flex-direction: row;
  width: 100%;
  height: 100%;
}
.b-time-axis-group-summary .b-time-axis-tick {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: center;
}
.b-time-axis-group-summary .b-time-axis-summary-value {
  text-align: center;
}
:root,
:host {
  --b-event-label-z-index: 1;
  --b-event-label-font-size: .9em;
  --b-event-label-font-weight: var(--b-sch-event-font-weight);
  --b-event-label-gap: 0.5em;
  --b-event-label-color: var(--b-sch-event-color);
  --b-selected-event-label-color: var(--b-sch-event-color);
  --b-event-label-background: null;
}
:is(.b-sch-event-wrap, .b-gantt-task-wrap) .b-sch-label {
  text-align: center;
  white-space: nowrap;
  min-width: 1em;
  pointer-events: all;
  user-select: none;
  -webkit-user-select: none;
  z-index: var(--b-event-label-z-index);
  background: var(--b-event-label-background);
  color: var(--b-event-label-color);
  font-size: var(--b-event-label-font-size);
  font-weight: var(--b-event-label-font-weight);
}
:is(.b-sch-event-wrap, .b-gantt-task-wrap).b-sch-event-selected .b-sch-label {
  --b-event-label-color: var(--b-selected-event-label-color);
}
:is(.b-sch-event-wrap, .b-gantt-task-wrap) .b-sch-label-top {
  grid-area: top;
  justify-self: center;
  margin-bottom: .2em;
}
:is(.b-sch-event-wrap, .b-gantt-task-wrap) .b-sch-label-bottom {
  grid-area: bottom;
  justify-self: center;
  margin-top: .2em;
}
:is(.b-sch-event-wrap, .b-gantt-task-wrap) .b-sch-label-before {
  grid-area: before;
  align-self: center;
  justify-self: end;
  margin-inline-end: var(--b-event-label-gap);
}
:is(.b-sch-event-wrap, .b-gantt-task-wrap) .b-sch-label-after {
  grid-area: after;
  align-self: center;
  justify-self: start;
  margin-inline-start: var(--b-event-label-gap);
}
.b-sch-event-wrap.b-measure-label {
  height: 1em;
  position: fixed;
  top: -10000px;
  inset-inline-start: -10000px;
  visibility: hidden;
}
.b-sch-event-wrap.b-measure-label label {
  padding-inline-start: var(--b-event-label-gap);
  grid-area: none;
}
.b-sch-label-editor {
  background: var(--b-neutral-100);
}
.b-pan .b-timeline-sub-grid {
  cursor: all-scroll;
}
:root,
:host {
  --b-resource-column-reorder-drop-indicator-z-index: 2000;
  --b-resource-column-reorder-proxy-z-index: 10000;
  --b-resource-column-reorder-indicator-size: 2px;
  --b-resource-column-reorder-indicator-color: var(--b-secondary);
  --b-resource-column-reorder-indicator-invalid-color: var(--b-color-red);
  --b-resource-column-reorder-box-shadow: var(--b-elevation-1);
  --b-resource-column-reorder-proxy-opacity: 0.5;
}
.b-resource-column-drop-indicator {
  display: none;
  pointer-events: none;
}
.b-resource-column-reordering .b-resource-column-drop-indicator {
  position: absolute;
  display: block;
  top: 0;
  height: 100%;
  z-index: var(--b-resource-column-reorder-drop-indicator-z-index);
  inset-inline-start: calc(var(--b-resource-column-reorder-indicator-size) / -2);
  width: var(--b-resource-column-reorder-indicator-size);
  background-color: var(--b-resource-column-reorder-indicator-color);
}
.b-resource-column-reordering .b-resource-column-drop-indicator.b-drag-invalid {
  --b-resource-column-reorder-indicator-color: var(--b-resource-column-reorder-indicator-invalid-color);
}
.b-resource-column-reordering .b-resource-header-cell.b-drag-source {
  opacity: 0.3;
}
.b-resource-column-reorder-proxy {
  position: absolute;
  pointer-events: none;
  z-index: var(--b-resource-column-reorder-proxy-z-index);
  box-shadow: var(--b-resource-column-reorder-box-shadow);
  opacity: var(--b-resource-column-reorder-proxy-opacity);
}
.b-resource-column-reorder-proxy .b-resource-header-cell {
  position: relative;
  background: var(--b-grid-header-background);
}
.b-resource-column-reorder-proxy.b-drag-invalid .b-resource-header-cell {
  background: color-mix(in oklab, var(--b-resource-column-reorder-indicator-invalid-color), transparent 80%);
}
:root,
:host {
  --b-tick-cell-focused-outline-color: var(--b-grid-cell-focused-outline-color);
  --b-tick-cell-focused-outline-offset: -2px;
  --b-tick-cell-focused-outline-width: 1px;
  --b-active-tick-cell-focused-outline-color: var(--b-grid-cell-focused-outline-color);
  --b-active-tick-cell-focused-outline-offset: -2px;
  --b-active-tick-cell-focused-outline-width: var(--b-grid-cell-focused-outline-width);
  --b-schedule-context-tick-z-index: 7;
}
.b-schedule-selected-tick {
  position: absolute;
  justify-content: center;
  overflow: hidden;
  z-index: var(--b-schedule-context-tick-z-index);
}
.b-schedule-selected-tick.b-widget,
.b-schedule-selected-tick .b-contains-widget {
  box-shadow: none;
  z-index: var(--b-schedule-context-tick-z-index);
}
.b-schedule-selected-tick:not(.b-widget, .b-contains-widget) {
  pointer-events: none;
}
.b-schedule-context-navigation-enabled .b-schedule-selected-tick:not(.b-widget, .b-contains-widget) {
  outline: var(--b-tick-cell-focused-outline-width) solid var(--b-tick-cell-focused-outline-color);
  outline-offset: var(--b-tick-cell-focused-outline-offset);
}
.b-schedule-context-navigation-enabled .b-schedule-selected-tick:not(.b-widget, .b-contains-widget).b-active-tick {
  --b-tick-cell-focused-outline-width: var(--b-active-tick-cell-focused-outline-width);
  --b-active-tick-cell-focused-outline-offset: var(--b-active-tick-cell-focused-outline-offset);
}
.b-sch-hover-tip-msg {
  margin-top: .5em;
}
:root,
:host {
  --b-scroll-button-border-radius: var(--b-widget-border-radius);
  --b-scroll-button-border-width: 1px;
  --b-scroll-button-color: var(--b-text-4);
  --b-scroll-button-background: var(--b-neutral-98);
  --b-scroll-button-hover-color: var(--b-text-3);
  --b-scroll-button-font-size: .9em;
  --b-scroll-buttons-zindex: 9;
}
.b-sch-canvas.b-scroll-buttons-canvas {
  z-index: var(--b-scroll-buttons-zindex);
  contain: none;
  overflow: visible;
}
.b-scroll-buttons-container {
  position: absolute;
  display: flex;
  width: 100%;
  pointer-events: none;
  align-items: center;
}
.b-scroll-button-wrap {
  position: sticky;
  display: flex;
  flex-direction: row;
  align-items: baseline;
  justify-content: center;
  gap: .5em;
  padding: 0.1em 0.5em;
  pointer-events: all;
  cursor: pointer;
  transition: color .2s, background-color .2s;
  min-width: 3.1em;
  background: var(--b-scroll-button-background);
  border: var(--b-scroll-button-border-width) solid var(--b-scroll-button-color);
  border-radius: var(--b-scroll-button-border-radius);
  color: var(--b-scroll-button-color);
  font-size: var(--b-scroll-button-font-size);
}
.b-scroll-button-wrap:hover {
  --b-scroll-button-color: var(--b-scroll-button-hover-color);
}
.b-scroll-button-wrap.b-scroll-backward {
  inset-inline-start: 1em;
}
.b-scroll-button-wrap.b-scroll-forward {
  margin-inline-start: auto;
  inset-inline-end: 1em;
}
:root,
:host {
  --b-simple-event-edit-z-index: 100;
}
.b-simple-event-editor {
  --b-simple-event-edit-editor-background: var(--b-primary-100);
}
.b-simple-event-editor {
  border-radius: inherit;
  --b-widget-floating-box-shadow: none;
  z-index: var(--b-simple-event-edit-z-index);
}
.b-simple-event-editor.b-target-has-border .b-field {
  --b-text-field-border-width: 0;
}
.b-simple-event-editor .b-field {
  --b-text-field-background: var(--b-simple-event-edit-editor-background);
  align-items: stretch;
}
.b-simple-event-editor .b-field-inner {
  border-radius: inherit;
}
.b-sch-horizontal .b-simple-event-editor .b-field {
  height: 100%;
}
.b-sticky-events.b-sch-horizontal .b-sch-event-wrap:where(:not(.b-disable-sticky, .b-milestone-wrap)),
.b-sticky-events.b-sch-horizontal .b-sch-resource-time-range {
  --b-sch-event-content-width: auto;
}
:is(.b-sticky-events.b-sch-horizontal .b-sch-event-wrap:where(:not(.b-disable-sticky, .b-milestone-wrap)), .b-sticky-events.b-sch-horizontal .b-sch-resource-time-range) .b-sch-event-content {
  position: sticky;
  inset-inline-start: var(--b-sch-event-padding-inline);
}
.b-sticky-events.b-sch-horizontal .b-sch-resource-time-range {
  justify-content: flex-start;
}
.b-sticky-events.b-sch-horizontal .b-sch-resource-time-range > div {
  overflow: clip;
  width: 100%;
}
.b-firefox.b-sticky-events.b-sch-horizontal .b-sch-foreground-canvas {
  contain: none;
}
.b-sticky-events.b-sch-vertical .b-sch-event-wrap:where(:not(.b-disable-sticky, .b-milestone-wrap)),
.b-sticky-events.b-sch-vertical .b-sch-resource-time-range {
  --b-sch-event-content-height: auto;
}
:is(.b-sticky-events.b-sch-vertical .b-sch-event-wrap:where(:not(.b-disable-sticky, .b-milestone-wrap)), .b-sticky-events.b-sch-vertical .b-sch-resource-time-range) .b-sch-event {
  align-items: flex-start;
}
.b-sch-tick-cell {
  position: absolute;
  contain: strict;
  display: grid;
  align-items: center;
  justify-content: center;
  pointer-events: all;
  font-size: 1em;
}
.b-sch-time-axis-menu-date-range-popup {
  width: 22em;
}
.b-sch-time-axis-menu-date-range-popup .b-popup-content {
  grid-template-columns: auto 1fr auto;
}
:root,
:host {
  --b-time-range-range-zindex: 4;
  --b-time-range-line-zindex: 10;
  --b-time-range-header-gap: 0.5em;
  --b-time-range-header-font-size: 0.9em;
  --b-time-range-header-font-weight: 500;
  --b-time-range-label-offset: 0.5em;
  --b-time-range-label-font-size: 0.7em;
  --b-time-range-opacity: 0.5;
  --b-time-range-line-header-border-radius: 0.25em;
  --b-time-range-line-header-padding-inline: 0.5em;
  --b-time-range-line-width: 2px;
  --b-time-range-line-style: solid;
  --b-time-range-line-opacity: 1;
  --b-time-range-line-label-border-radius: var(--b-widget-border-radius);
  --b-time-range-line-label-padding: 0.5em;
  --b-time-range-line-label-font-size: 0.7em;
  --b-time-range-line-label-offset: var(--b-time-range-label-offset);
  --b-time-range-color: #fff;
  --b-time-range-background: var(--b-neutral-95);
  --b-time-range-line-primary: var(--b-color-amber);
  --b-time-range-line-label-color: #fff;
  --b-current-time-color: var(--b-color-deep-orange);
  --b-mouse-indicator-zindex: 15;
}
.b-colorize {
  --b-time-range-header-background: var(--b-primary-75);
  --b-time-range-line-color: var(--b-primary-50);
  --b-time-range-line-header-background: var(--b-time-range-line-color);
  --b-time-range-line-label-background: var(--b-time-range-line-color);
}
.b-time-ranges-canvas {
  display: contents;
}
.b-sch-time-range {
  position: absolute;
  z-index: var(--b-time-range-range-zindex);
  transition: var(--b-sch-event-transition, var(--b-gantt-task-transition));
}
.b-animating .b-sch-time-range {
  transition: var(--b-sch-event-animating-transition, var(--b-gantt-task-animating-transition));
}
.b-sch-line {
  margin-inline-start: -1px;
}
.b-time-ranges-header-canvas .b-sch-time-range {
  display: flex;
  align-items: center;
  justify-content: center;
  bottom: 0;
  white-space: nowrap;
  background: var(--b-time-range-header-background);
  color: var(--b-time-range-color);
  font-weight: var(--b-time-range-header-font-weight);
  height: calc(100% / var(--bi-header-levels));
  gap: var(--b-time-range-header-gap);
}
.b-time-ranges-header-canvas .b-sch-time-range label {
  white-space: nowrap;
  font-size: var(--b-time-range-header-font-size);
  font-weight: var(--b-time-range-header-font-weight);
}
.b-time-ranges-header-canvas .b-sch-time-range.b-dragging {
  opacity: 1;
}
.b-time-ranges-header-canvas .b-sch-line {
  --b-primary: var(--b-time-range-line-primary);
  --b-time-range-header-background: var(--b-time-range-line-header-background);
}
.b-time-ranges-header-canvas .b-sch-current-time {
  z-index: calc(var(--b-time-range-range-zindex) + 1);
  --b-primary: var(--b-current-time-color);
}
.b-time-ranges-header-canvas.b-interactive .b-sch-time-range:not(.b-read-only) {
  cursor: pointer;
}
.b-time-ranges-header-canvas.b-interactive .b-sch-time-range:not(.b-read-only).b-over-resize-handle {
  cursor: ew-resize;
}
.b-time-ranges-body-canvas {
  display: contents;
}
.b-timeline-sub-grid .b-sch-time-range {
  inset-block: 0;
  background: var(--b-time-range-background);
  opacity: var(--b-time-range-opacity);
}
.b-timeline-sub-grid .b-sch-time-range label {
  position: relative;
  font-size: var(--b-time-range-label-font-size);
  font-weight: var(--b-time-range-header-font-weight);
}
.b-timeline-sub-grid .b-sch-time-range:not(.b-sch-line) {
  display: flex;
  justify-content: center;
}
.b-timeline-sub-grid .b-narrow-range label {
  writing-mode: tb;
  inset-inline-start: var(--b-time-range-label-offset);
}
.b-timeline-sub-grid .b-sch-line {
  --b-primary: var(--b-time-range-line-primary);
  width: 0;
  overflow: visible;
  border-inline-start: var(--b-time-range-line-width) var(--b-time-range-line-style) var(--b-time-range-line-color);
  z-index: var(--b-time-range-line-zindex);
  opacity: var(--b-time-range-line-opacity);
  --b-time-range-label-font-size: var(--b-time-range-line-label-font-size);
}
.b-timeline-sub-grid .b-sch-line:before {
  display: none;
}
.b-timeline-sub-grid .b-sch-line label {
  width: fit-content;
  white-space: nowrap;
  color: var(--b-time-range-line-label-color);
  background: var(--b-time-range-line-label-background);
  border-start-end-radius: var(--b-time-range-line-label-border-radius);
  border-end-end-radius: var(--b-time-range-line-label-border-radius);
  inset-block-start: var(--b-time-range-line-label-offset);
  padding: var(--b-time-range-line-label-padding);
}
.b-timeline-sub-grid .b-sch-current-time {
  --b-primary: var(--b-current-time-color);
}
.b-sch-line.b-sch-mouse-indicator {
  pointer-events: none;
  transition: none !important;
  z-index: var(--b-mouse-indicator-zindex);
  --b-primary: var(--b-mouse-indicator-color, var(--b-color-blue));
  --b-time-range-line-color: var(--b-primary-85);
  --b-time-range-line-opacity: 1;
  --b-time-range-header-background: var(--b-primary);
  --b-time-range-line-header-background: var(--b-primary);
  --b-time-range-color: #fff;
  --b-time-range-header-font-size: 0.8em;
  --b-time-range-header-font-weight: 500;
  --b-time-range-line-width: 1px;
}
.b-time-ranges-header-canvas .b-sch-mouse-indicator {
  height: auto;
  padding: 0.2em 0.6em;
  border-radius: var(--b-time-range-line-header-border-radius);
  translate: -50%;
}
.b-timeline-base:not(.b-sch-vertical) .b-time-ranges-header-canvas .b-sch-line {
  padding-inline: var(--b-time-range-line-header-padding-inline);
  border-start-end-radius: var(--b-time-range-line-header-border-radius);
  border-end-end-radius: var(--b-time-range-line-header-border-radius);
}
.b-sch-vertical .b-time-ranges-header-canvas .b-sch-line {
  padding-block: var(--b-time-range-line-header-padding-inline);
  border-start-start-radius: var(--b-time-range-line-header-border-radius);
  border-end-start-radius: var(--b-time-range-line-header-border-radius);
}
.b-sch-vertical .b-time-ranges-header-canvas .b-sch-mouse-indicator {
  translate: 0 -50%;
}
.b-sch-vertical .b-sch-time-range {
  inset-inline-start: auto;
  inset-block-start: 0;
  justify-content: flex-start;
  bottom: auto;
}
.b-sch-vertical .b-sch-time-range label {
  -webkit-writing-mode: vertical-lr;
  writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  rotate: 180deg;
}
.b-sch-vertical .b-sch-time-range.b-over-resize-handle {
  cursor: ns-resize;
}
.b-sch-vertical .b-timeline-sub-grid .b-sch-time-range {
  height: auto;
  width: inherit;
}
.b-sch-vertical .b-timeline-sub-grid .b-sch-line {
  border-top: var(--b-time-range-line-width) var(--b-time-range-line-style) var(--b-time-range-line-color);
  color: #fff;
  padding: 0;
  height: 1px;
}
.b-sch-vertical .b-timeline-sub-grid .b-sch-line label {
  border-radius: 0;
  border-start-start-radius: var(--b-time-range-line-label-border-radius);
  border-end-start-radius: var(--b-time-range-line-label-border-radius);
}
.b-sch-vertical .b-grid-sub-grid-locked .b-sch-time-range {
  flex-direction: column;
  justify-content: center;
  inset-inline-end: 0;
  width: 2em;
}
.b-interaction-tooltip .b-tooltip-content > div {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
:root,
:host {
  --b-time-selection-opacity: 0.2;
  --b-time-selection-z-index: 10;
}
.b-sch-time-axis-column .b-selected-time-span,
.b-vertical-time-axis-column .b-selected-time-span {
  color: #fff;
  justify-content: space-between;
  padding: 0.4em;
  opacity: 1;
  line-height: 1em;
  background: var(--b-time-selection-header-background, var(--b-primary-60));
}
:is(.b-sch-time-axis-column .b-selected-time-span, .b-vertical-time-axis-column .b-selected-time-span) span {
  white-space: nowrap;
  overflow: hidden;
}
:is(.b-sch-time-axis-column .b-selected-time-span, .b-vertical-time-axis-column .b-selected-time-span) .b-selection-start,
:is(.b-sch-time-axis-column .b-selected-time-span, .b-vertical-time-axis-column .b-selected-time-span) .b-selection-end {
  align-self: flex-end;
}
:is(.b-sch-time-axis-column .b-selected-time-span, .b-vertical-time-axis-column .b-selected-time-span) .b-icon-close {
  position: absolute;
  top: 0.2em;
  inset-inline-end: 0.4em;
  cursor: pointer;
}
.b-sch-time-axis-column .b-selected-time-span {
  font-size: 0.7em;
}
.b-vertical-time-axis-column .b-selected-time-span {
  width: calc(100% - 2em);
}
.b-vertical-time-axis-column .b-selected-time-span span {
  font-size: 0.7em;
}
.b-vertical-time-axis-column .b-selected-time-span .b-icon-close {
  inset-inline-start: 0.4em;
}
:is(.b-grid-header, .b-timeline-sub-grid, .b-vertical-time-axis-column) .b-selected-time-span {
  transition: none;
  z-index: var(--b-time-selection-z-index);
}
.b-timeline-sub-grid .b-selected-time-span {
  --b-time-range-background: var(--b-time-selection-background, var(--b-primary-85));
  --b-time-range-opacity: var(--b-time-selection-opacity);
}
:root,
:host {
  --b-time-axis-footer-cell-border-color: var(--b-grid-cell-border-color);
}
.b-sch-summary-bar {
  padding: 0;
  flex-direction: row;
  justify-content: flex-start;
  flex-grow: unset !important;
}
.b-sch-summary-bar .b-time-axis-tick {
  display: flex;
  flex-direction: column;
  text-align: center;
  overflow: hidden;
  justify-content: center;
  align-items: stretch;
}
.b-sch-summary-bar:not(.b-sch-vertical) .b-time-axis-tick {
  padding: .5em 0;
}
.b-sch-summary-bar:not(.b-sch-vertical) .b-time-axis-tick:not(:last-child) {
  border-inline-end: 1px solid var(--b-time-axis-footer-cell-border-color);
}
.b-sch-vertical .b-sch-summary-bar {
  flex-direction: column;
  align-items: stretch;
  gap: 0;
}
.b-sch-vertical .b-sch-summary-bar .b-time-axis-tick {
  padding: 0 0.5em;
}
.b-time-axis-summary-tip {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
}
.b-time-axis-summary-tip header {
  width: 100%;
  text-align: center;
  font-weight: 700;
  margin-bottom: 1em;
}
.b-time-axis-summary-tip label {
  flex: 1 1 50%;
}
.b-time-axis-summary-tip .b-time-axis-summary-value {
  flex: 0 0 auto;
}
:root,
:host {
  --b-tree-summary-zindex: 4;
}
.b-tree-summary .b-tick-cell-canvas {
  z-index: var(--b-tree-summary-zindex);
}
.b-sch-tick-summary-cell {
  display: flex;
  position: absolute;
  contain: strict;
  pointer-events: all;
}
.b-animating .b-sch-tick-summary-cell {
  transition: top var(--b-grid-row-transition-duration);
}
.b-tree-summary-cell {
  display: flex;
  flex: 1;
  justify-content: center;
  align-items: center;
  font-weight: 400;
}
.b-tree-summary-cell:empty {
  visibility: hidden;
}
:root,
:host {
  --b-resource-time-range-zindex: 5;
  --b-resource-time-range-font-size: .85em;
  --b-resource-time-range-align-items: flex-end;
  --b-resource-time-range-padding-block: 0.25em;
  --b-resource-time-range-padding-inline: 0.5em;
  --b-resource-time-range-background-transparency: 95%;
}
.b-resource-time-range-canvas {
  z-index: var(--b-resource-time-range-zindex);
}
.b-sch-canvas.b-interactive .b-sch-resource-time-range {
  pointer-events: auto;
}
.b-sch-resource-time-range {
  display: flex;
  position: absolute;
  inset-inline-start: 0;
  justify-content: center;
  align-items: center;
  user-select: none;
  -webkit-user-select: none;
  opacity: 1;
  --b-primary: var(--b-secondary);
  --b-sch-event-padding-block: var(--b-resource-time-range-padding-block);
  --b-sch-event-padding-inline: var(--b-resource-time-range-padding-inline);
  --b-resource-time-range-background: color-mix(in srgb, var(--b-primary), transparent var(--b-resource-time-range-background-transparency));
  --b-resource-time-range-color: var(--b-primary);
  background: var(--b-resource-time-range-background);
  color: var(--b-resource-time-range-color);
  transition: var(--b-sch-event-transition);
}
.b-sch-resource-time-range [data-task-feature] {
  display: flex;
  height: 100%;
  align-items: center;
  font-size: var(--b-resource-time-range-font-size);
}
.b-animating .b-sch-resource-time-range {
  transition: var(--b-sch-event-animating-transition);
}
.b-sch-resource-time-range.b-removing {
  transition: opacity .3s;
  opacity: 0;
}
.b-sch-resource-time-range.b-remove-remove,
.b-sch-resource-time-range.b-toggle-remove {
  transition: opacity .2s;
  opacity: 0;
}
.b-sch-resource-time-range.b-toggle-add {
  animation: b-anim-toggle-add .3s !important;
}
.b-sch-resource-time-range .b-sch-event-content {
  align-items: var(--b-resource-time-range-align-items);
}
:root,
:host {
  --b-dependency-terminal-size: 14px;
  --b-dependency-terminal-offset: -4px;
  --b-dependency-terminal-z-index: calc(var(--b-event-resize-handle-zindex) + 1);
  --b-dependency-connector-z-index: 10;
  --b-dependency-terminal-border-width: 1px;
  --b-dependency-terminal-border-style: solid;
  --b-dependency-terminal-border-color: inherit;
  --b-dependency-valid-color: var(--b-color-green);
  --b-dependency-invalid-color: var(--b-color-red);
  --b-dependency-tooltip-valid-header-color: var(--b-dependency-valid-color);
  --b-dependency-tooltip-valid-header-background: color-mix(in srgb, var(--b-dependency-tooltip-valid-header-color), var(--b-mix) 90%);
  --b-dependency-tooltip-invalid-header-color: var(--b-dependency-invalid-color);
  --b-dependency-tooltip-invalid-header-background: color-mix(in srgb, var(--b-dependency-tooltip-invalid-header-color), var(--b-mix) 90%);
}
.b-dependencies .b-sch-event-wrap.b-hover {
  z-index: calc(var(--b-events-zindex) + 101);
}
.b-dependencies .b-sch-event.b-sch-terminals-visible,
.b-dependencies .b-gantt-task.b-sch-terminals-visible {
  overflow: visible;
}
.b-dependencies.b-highlighting .b-sch-event-wrap .b-sch-event:where(:not(.b-sch-event-segment)),
.b-dependencies.b-highlighting .b-sch-dependency {
  opacity: .3;
}
:is(.b-dependencies.b-highlighting .b-sch-event-wrap .b-sch-event:where(:not(.b-sch-event-segment)), .b-dependencies.b-highlighting .b-sch-dependency).b-highlight {
  opacity: 1;
}
.b-dependencies.b-highlighting .b-sch-resource-time-range {
  opacity: .3;
}
.b-sch-terminals-visible .b-sch-terminal {
  border-color: var(--b-dependency-terminal-border-color, inherit);
}
.b-sch-terminal {
  border-style: var(--b-dependency-terminal-border-style);
  border-radius: 50%;
  position: absolute;
  cursor: pointer;
  background-color: var(--b-dependency-terminal-color, var(--b-primary-100));
  border-width: var(--b-dependency-terminal-border-width);
  height: var(--b-dependency-terminal-size);
  width: var(--b-dependency-terminal-size);
  --bi-terminal-start-end-offset: 80%;
  z-index: var(--b-dependency-terminal-z-index);
}
@media (pointer: coarse) {
  .b-sch-terminal {
    --bi-terminal-start-end-offset: 115%;
  }
  .b-sch-terminal::after {
    content: "";
    height: calc(var(--b-dependency-terminal-size) * 2);
    width: calc(var(--b-dependency-terminal-size) * 2);
    border-radius: 50%;
    position: absolute;
    transform: translate(calc(var(--b-dependency-terminal-size) * -0.5 - 1), calc(var(--b-dependency-terminal-size) * -0.5 - 1));
  }
}
.b-sch-terminal.b-sch-terminal:hover {
  --b-dependency-terminal-color: var(--b-dependency-terminal-hover-color, var(--b-primary-90));
}
.b-dragging .b-sch-terminal,
.b-sch-event-resizing .b-sch-terminal {
  display: none;
}
.b-creating-dependency .b-sch-terminal:hover,
.b-creating-dependency .b-sch-terminal-active {
  --b-dependency-terminal-color: var(--b-dependency-terminal-hover-color, var(--b-primary-90));
}
:is(.b-creating-dependency .b-sch-terminal:hover, .b-creating-dependency .b-sch-terminal-active).b-valid {
  --b-dependency-terminal-border-color: var(--b-dependency-valid-color);
  --b-dependency-terminal-color: var(--b-dependency-terminal-valid-color, color-mix(in oklab, var(--b-color-green), var(--b-mix) 70%));
}
:is(.b-creating-dependency .b-sch-terminal:hover, .b-creating-dependency .b-sch-terminal-active).b-invalid {
  --b-dependency-terminal-border-color: var(--b-dependency-invalid-color);
  --b-dependency-terminal-color: var(--b-dependency-terminal-invalid-color, color-mix(in oklab, var(--b-color-red), var(--b-mix) 70%));
}
.b-creating-dependency * {
  touch-action: none;
}
.b-sch-terminal-top {
  top: var(--b-dependency-terminal-offset);
  inset-inline-start: 50%;
  translate: -50% -80%;
}
.b-sch-terminal-bottom {
  bottom: var(--b-dependency-terminal-offset);
  inset-inline-start: 50%;
  translate: -50% 80%;
}
.b-sch-terminal-start {
  inset-inline-start: var(--b-dependency-terminal-offset);
  top: 50%;
  translate: calc((var(--bi-terminal-start-end-offset) * -1) * var(--b-rtl-negate)) -50%;
}
.b-sch-terminal-end {
  inset-inline-end: var(--b-dependency-terminal-offset);
  top: 50%;
  translate: calc(var(--bi-terminal-start-end-offset) * var(--b-rtl-negate)) -50%;
}
.b-sch-terminal-hover-area {
  grid-area: body;
  width: calc(100% + var(--b-dependency-terminal-offset) * -2 + var(--b-dependency-terminal-size) * 0.8);
  height: calc(100% + var(--b-dependency-terminal-offset) * -2 + var(--b-dependency-terminal-size) * 0.8);
  justify-self: center;
  align-self: center;
}
.b-labels-topbottom :is(:is(.b-scheduler-base:not(.b-sch-layout-milestones) .b-milestone:not(.b-sch-event-with-icon), .b-gantt:not(.b-sch-layout-milestones) .b-milestone:not(.b-gantt-task-withicon)) .b-sch-terminal-start) {
  translate: calc(-0.35em * var(--b-rtl-negate)) -50%;
}
.b-labels-topbottom :is(:is(.b-scheduler-base:not(.b-sch-layout-milestones) .b-milestone:not(.b-sch-event-with-icon), .b-gantt:not(.b-sch-layout-milestones) .b-milestone:not(.b-gantt-task-withicon)) .b-sch-terminal-end) {
  translate: calc(0.35em * var(--b-rtl-negate)) -50%;
}
.b-scheduler-base.b-sch-layout-milestones:not(.b-sch-vertical) .b-milestone-wrap:not(.b-sch-vertical) .b-milestone:not(.b-sch-event-with-icon) .b-sch-terminal-start {
  inset-inline-start: calc(var(--b-dependency-terminal-offset) - var(--b-event-size) * 0.5px);
}
.b-scheduler-base.b-sch-layout-milestones:not(.b-sch-vertical) .b-milestone-wrap:not(.b-sch-vertical) .b-milestone:not(.b-sch-event-with-icon) .b-sch-terminal-end {
  inset-inline-end: calc(var(--b-dependency-terminal-offset) - var(--b-event-size) * 0.5px);
}
.b-sch-dependency-connector {
  position: absolute;
  contain: strict;
  border-top: 2px dashed var(--b-dependency-color);
  transform-origin: 0 0;
  pointer-events: none;
  z-index: var(--b-dependency-connector-z-index);
}
.b-sch-dependency-connector.b-removing {
  transition: width 0.2s ease-out;
}
.b-sch-dependency-connector.b-valid {
  border-color: var(--b-dependency-valid-color);
  border-top-style: solid;
}
.b-sch-dependency-creation-tooltip {
  --b-panel-header-font-size: 0.8em;
  --b-panel-with-header-padding: 1em;
  --b-panel-header-gap: .5em;
}
.b-sch-dependency-creation-tooltip.b-popup {
  max-width: none;
}
.b-sch-dependency-creation-tooltip .b-popup-header {
  padding: 0.25em;
  color: var(--b-dependency-tooltip-valid-header-color);
  background: var(--b-dependency-tooltip-valid-header-background);
}
.b-safari :is(.b-sch-dependency-creation-tooltip .b-popup-header),
.b-firefox :is(.b-sch-dependency-creation-tooltip .b-popup-header) {
  width: 1.5em;
}
.b-sch-dependency-creation-tooltip .b-popup-header i {
  rotate: 90deg;
}
.b-sch-dependency-creation-tooltip .b-header-title {
  justify-content: center;
}
.b-sch-dependency-creation-tooltip.b-invalid .b-popup-header {
  color: var(--b-dependency-tooltip-invalid-header-color);
  background: var(--b-dependency-tooltip-invalid-header-background);
}
.b-sch-dependency-creation-tooltip.b-checking .b-popup-header {
  background-color: var(--b-neutral-50);
}
:root,
:host {
  --b-dependency-tooltip-label-font-size: .8em;
}
.b-sch-dependency-tooltip,
.b-sch-dependency-creation-tooltip {
  --b-tooltip-content-display: grid;
  --b-tooltip-align-items: center;
}
:is(.b-sch-dependency-tooltip, .b-sch-dependency-creation-tooltip) .b-tooltip-content {
  grid-template-columns: auto auto auto;
}
:is(.b-sch-dependency-tooltip, .b-sch-dependency-creation-tooltip) .b-tooltip-content label {
  font-size: var(--b-dependency-tooltip-label-font-size);
}
:root,
:host {
  --b-header-drag-select-z-index: 100;
}
.b-colorize {
  --b-header-drag-select-background: color-mix(in srgb, var(--b-primary), transparent 70%);
}
.b-header-drag-selection-rect {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  transform-origin: 0 0;
  pointer-events: none;
  z-index: var(--b-header-drag-select-z-index);
  background: var(--b-header-drag-select-background);
}
:root,
:host {
  --b-clock-size: 1.5em;
  --b-clock-hand-width: 3;
}
.b-sch-clock-wrap svg {
  width: var(--b-clock-size);
  height: var(--b-clock-size);
}
.b-sch-clock-wrap circle {
  stroke: var(--b-clock-hand-color, var(--b-primary-30));
  stroke-width: var(--b-clock-hand-width);
  fill: var(--b-clock-dial-background, var(--b-primary-95));
}
.b-sch-clock-wrap line {
  stroke: var(--b-clock-hand-color, var(--b-primary-30));
  stroke-width: var(--b-clock-hand-width);
  transform-origin: center;
}
.b-sch-clock-wrap line.b-hour-hand {
  rotate: calc(var(--bi-sch-clock-hour, 0) * 30deg);
}
.b-sch-clock-wrap line.b-minute-hand {
  rotate: calc(var(--bi-sch-clock-minute, 0) * 6deg);
}
.b-sch-clock-text {
  white-space: nowrap;
}
.b-sch-clock-wrap,
.b-sch-date-wrap {
  display: flex;
  gap: 0.5em;
  align-items: center;
}
.b-sch-date {
  overflow: clip;
  background: color-mix(in srgb, var(--b-primary), transparent 90%);
  border-radius: .25em;
}
.b-sch-date-month {
  font-size: .6em;
  background: color-mix(in srgb, var(--b-primary), transparent 70%);
  width: 3em;
  text-align: center;
}
.b-sch-date-date {
  font-size: .8em;
  text-align: center;
}
:root,
:host {
  --b-horizontal-time-axis-border-width: var(--b-grid-header-border-width);
  --b-horizontal-time-axis-cell-padding-inline: var(--b-sch-event-padding-inline, var(--b-gantt-task-padding-inline));
  --b-horizontal-time-axis-cell-padding-block: 0;
  --b-horizontal-time-axis-lowest-font-size: .9em;
}
.b-no-column-lines {
  --b-horizontal-time-axis-border-width: 0;
}
.b-sch-time-axis-column.b-grid-header.b-depth-0 {
  --b-grid-header-padding: 0;
}
.b-sch-time-axis-column.b-grid-header.b-depth-0:hover {
  background: var(--b-grid-header-background);
  color: var(--b-grid-header-color);
}
.b-timeline-base:not(.b-sch-vertical) .b-sch-time-axis-column.b-grid-header.b-depth-0 {
  border-block-end: none;
}
.b-horizontal-time-axis {
  flex-direction: column;
  flex: 1 0 100%;
  user-select: none;
  -webkit-user-select: none;
  overflow: clip;
}
.b-sch-header-row {
  position: relative;
  flex: 1 0 2em;
  contain: strict;
  overflow: clip;
}
.b-sch-header-row.b-sch-header-row-0.b-lowest {
  flex: 1;
}
.b-sch-header-row.b-sticky-header .b-sch-header-text {
  position: sticky;
  inset-inline-start: var(--b-horizontal-time-axis-cell-padding-inline);
}
.b-sch-header-time-axis-cell {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  inset-block: 0;
  cursor: pointer;
  overflow: clip;
  white-space: nowrap;
  contain: strict;
  transition: background-color var(--b-default-transition-duration), border var(--b-default-transition-duration);
  border-block-end: var(--b-horizontal-time-axis-border-width) solid var(--b-grid-header-border-color);
  border-inline-start: var(--b-horizontal-time-axis-border-width) solid var(--b-grid-header-border-color);
  color: var(--b-grid-header-color);
  font-size: var(--b-grid-header-font-size);
  font-weight: var(--b-grid-header-font-weight);
}
.b-sch-header-time-axis-cell.fa {
  display: flex;
  font-weight: var(--b-grid-header-font-weight);
}
.b-sch-header-time-axis-cell.b-align-start {
  justify-content: flex-start;
  padding-inline: var(--b-horizontal-time-axis-cell-padding-inline);
}
.b-sch-header-time-axis-cell.b-align-end {
  justify-content: flex-end;
}
.b-horizontal-time-axis .b-sch-header-time-axis-cell:hover {
  background: var(--b-grid-header-hover-background);
  color: var(--b-grid-header-hover-color);
}
.b-sch-header-time-axis-cell.b-last .b-sch-header-text {
  overflow: hidden;
}
.b-lowest > .b-sch-header-time-axis-cell {
  border-block-end-width: var(--b-grid-header-container-border-width);
  font-size: var(--b-horizontal-time-axis-lowest-font-size);
}
.b--grid-header-container .b-sch-time-axis-column {
  flex-grow: unset !important;
  background: var(--b-grid-header-background);
  border-inline-end: 0 none;
}
.b--sch-timeaxiscolumn-levels-1 {
  min-height: 1.5em;
}
.b--sch-timeaxiscolumn-levels-2 {
  min-height: 3em;
}
.b--sch-timeaxiscolumn-levels-3 {
  min-height: 4.5em;
}
.b--sch-header-time-axis-cell {
  padding-block: var(--b-horizontal-time-axis-cell-padding-block);
}
:is(.b--sch-header-time-axis-cell.b-align-start, .b--sch-header-time-axis-cell.b-align-end) .b-sch-header-text {
  padding-inline: var(--b-horizontal-time-axis-cell-padding-inline);
}
.b--sch-header-time-axis-cell.b-align-start {
  justify-content: flex-start;
}
.b--sch-header-time-axis-cell.b-align-end {
  justify-content: flex-end;
}
.b--schedulerbase.b-fill-last-column .b-sch-time-axis-column:last-child {
  border-inline-end-color: var(--b-grid-header-border-color);
}
.b--sch-header-time-axis-cell[data-tick-index="0"] {
  border-inline-start: 0;
}
.b--timelinebase:not(.b-sch-vertical) .b-grid-header-container {
  border-bottom: 0;
}
.b--timelinebase:not(.b-sch-vertical) .b-header:not(.b-grid-header-scroller-normal) .b-grid-headers,
.b--timelinebase:not(.b-sch-vertical) .b-horizontal-time-axis {
  border-bottom: 1px solid var(--b-grid-header-border-color);
}
:root,
:host {
  --b-resource-header-avatar-size: 2.5em;
  --b-resource-header-gap: 0.5em;
}
.b-colorize {
  --b-resource-header-avatar-background-color: var(--b-primary-85);
}
.b-sch-vertical .b-sch-time-axis-column {
  flex-direction: row;
  min-height: 3em;
}
.b-resource-header {
  flex: 1;
  position: relative;
  contain: strict;
}
.b-resource-header.b-has-images {
  min-height: 3em;
}
.b-resource-header.b-grouped {
  height: 6em;
}
.b-resource-header .b-resource-avatar {
  --b-avatar-size: var(--b-resource-header-avatar-size);
}
.b-resource-header-group-cell {
  position: absolute;
  display: flex;
  align-items: stretch;
  flex-direction: column;
  height: 100%;
}
.b-resource-header-group-cell > .b-resource-header-group-text-wrap {
  padding: 0.5em 0;
  display: flex;
  width: 100%;
  justify-content: center;
  align-items: center;
  transition: border var(--b-default-transition-duration);
  border-bottom: 1px solid var(--b-grid-header-border-color);
  border-inline-end: 1px solid var(--b-grid-header-border-color);
}
.b-resource-header-group-cell > .b-resource-header-group-text-wrap > span {
  position: sticky;
  inset-inline-start: 0;
  padding-inline: var(--b-horizontal-time-axis-cell-padding-inline);
}
.b-resource-header-group-cell .b-resource-header-group-children {
  position: relative;
  height: 100%;
}
.b-resource-header-cell {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
  contain: strict;
  height: 100%;
  user-select: none;
  -webkit-user-select: none;
  transition:
    background-color var(--b-default-transition-duration),
    color var(--b-default-transition-duration),
    border var(--b-default-transition-duration);
  border-inline-end: 1px solid var(--b-grid-header-border-color);
  color: var(--b-grid-header-color);
  font-size: var(--b-grid-header-font-size);
  font-weight: var(--b-grid-header-font-weight);
  gap: var(--b-resource-header-gap);
  --bi-resource-avatar-color: var(--b-resource-event-color, var(--b-primary));
}
.b-animating .b-resource-header-cell {
  transition:
    width 0.2s,
    left 0.2s,
    right 0.2s;
}
.b-resource-header-cell:hover {
  cursor: pointer;
  background: var(--b-grid-header-hover-background);
}
.b-resource-header-cell:focus-visible {
  outline: var(--b-widget-focus-outline-width) solid var(--b-widget-focus-outline-color);
  outline-offset: calc(var(--b-widget-focus-outline-width) * -1);
}
.b-resource-header-cell.b-align-start,
.b-resource-header-cell.b-align-end {
  padding-inline: 0.3em;
}
.b-resource-header-cell.b-align-start {
  justify-content: flex-start;
}
.b-resource-header-cell.b-align-end {
  justify-content: flex-end;
}
.b-resource-header-cell i {
  margin-inline-end: .5em;
}
.b-resource-header-cell .b-resource-name {
  overflow: hidden;
}
.b-resource-header-cell .b-resource-avatar {
  transition: background var(--b-default-transition-duration);
  background-color: var(--b-resource-header-avatar-background-color);
  --b-primary: var(--bi-resource-avatar-color);
}
.b-sch-vertical .b-grid-cell {
  border-bottom: none;
}
:root,
:host {
  --b-top-canvas-zindex: 1000;
  --b-timeline-loading-indicator-z-index: 100;
}
.b-timeline-base.b-animating .b-grid-row {
  transition:
    height 0.2s,
    translate 0.2s,
    inset 0.2s;
}
.b-time-axis-cell:not(.b-group-title) {
  --b-grid-cell-padding-inline: 0;
}
.b-sch-canvas {
  position: absolute;
  inset: 0;
  pointer-events: none;
  contain: strict;
  overflow: clip;
  height: max(1px, 100%);
  width: var(--bi-total-column-width);
}
.b-time-axis-sub-grid .b-sch-foreground-canvas {
  z-index: var(--b-events-zindex);
}
.b-wheel-zooming .b-sch-event-wrap,
.b-wheel-zooming .b-gantt-task-wrap,
.b-wheel-zooming svg rect {
  pointer-events: none;
}
.b-sch-top-canvas {
  z-index: var(--b-top-canvas-zindex);
}
.b-calculation-progress-wrap,
.b-timeline-loading-indicator-wrap {
  position: absolute;
  bottom: 0;
  display: flex;
  width: 100%;
  height: 2px;
  z-index: var(--b-timeline-loading-indicator-z-index);
}
.b-timeline-loading-indicator-wrap {
  background: color-mix(in srgb, var(--b-color-green), transparent 80%);
}
.b-calculation-progress,
.b-timeline-loading-indicator {
  opacity: 0.6;
  background: var(--b-color-green);
}
.b-timeline-loading-indicator {
  animation: b-anim-line-loop 3s linear infinite;
}
@keyframes b-anim-line-loop {
  0% {
    width: 0;
    margin-inline-start: 0;
  }
  50% {
    width: 100%;
    margin-inline-start: 0;
  }
  100% {
    width: 100%;
    margin-inline-start: 100%;
  }
}
:root,
:host {
  --b-vertical-time-axis-background: var(--b-neutral-100);
}
.b-vertical-time-axis-column {
  flex-flow: column nowrap;
  align-items: stretch;
  padding: 0;
  border-inline-end: none;
  background-color: var(--b-vertical-time-axis-background) !important;
}
.b-vertical-time-axis-column.b-grid-cell.b-focused:after {
  display: none;
}
.b-vertical-time-axis {
  flex: 1 0 100%;
  contain: strict;
}
.b-vertical-time-axis .b-sch-header-row {
  flex-direction: column;
  flex: 1;
}
.b-vertical-time-axis .b-sch-header-time-axis-cell {
  width: 100%;
  padding: 0;
  border-inline-start: 0 none;
  overflow: visible;
  text-transform: var(--b-grid-header-text-transform);
}
.b-vertical-time-axis .b-sch-header-row.b-lowest .b-sch-header-time-axis-cell {
  border-inline-end: none;
  border-bottom: none;
  justify-content: flex-end;
  align-items: flex-start;
  contain: unset;
}
.b-vertical-time-axis .b-sch-header-row.b-lowest .b-sch-header-time-axis-cell .b-sch-header-text {
  padding-inline-end: 0.5em;
  margin-top: -0.75em;
}
.b-vertical-time-axis .b-sch-header-row.b-lowest .b-sch-header-time-axis-cell:first-child .b-sch-header-text {
  margin-top: 0;
}
.b-vertical-time-axis .b-sch-header-row:not(.b-lowest) {
  --b-grid-header-hover-background: var(--b-vertical-time-axis-background);
}
.b-vertical-time-axis .b-sch-header-row:not(.b-lowest) {
  flex: 0 0 2em;
}
.b-vertical-time-axis .b-sch-header-row:not(.b-lowest) .b-sch-header-time-axis-cell {
  align-items: flex-start;
  border-inline-end: 1px solid var(--b-grid-header-border-color);
}
.b-vertical-time-axis .b-sch-header-row:not(.b-lowest) .b-sch-header-text {
  padding-inline: 0.5em;
  writing-mode: vertical-lr;
  -ms-writing-mode: tb-lr;
  rotate: 180deg;
}
.b-vertical-time-axis .b-sticky-header .b-sch-header-text {
  top: 0;
  margin-bottom: 1em;
}
.b-firefox .b-sticky-headers .b-resource-header {
  contain: style paint layout;
}
.b-sch-vertical .b-sticky-headers .b-sch-header-row,
.b-sch-vertical .b-sticky-headers .b-sch-header-time-axis-cell {
  overflow: visible;
}
.b-sch-vertical .b-sticky-headers .b-content-element,
.b-sch-vertical .b-sticky-headers .b-grid-sub-grid-locked,
.b-sch-vertical .b-sticky-headers .b-vertical-time-axis-row,
.b-sch-vertical .b-sticky-headers .b-vertical-time-axis-column,
.b-sch-vertical .b-sticky-headers .b-vertical-time-axis,
.b-sch-vertical .b-sticky-headers .b-resource-header,
.b-sch-vertical .b-sticky-headers .b-resource-header-group-cell,
.b-sch-vertical .b-sticky-headers .b-resource-header-group-text-wrap {
  overflow: clip;
}
:root,
:host {
  --b-sch-event-font-weight: 400;
  --b-sch-event-padding-inline: var(--b-widget-padding);
  --b-sch-event-padding-block: 0em;
  --b-sch-event-transition:
    border var(--b-default-transition-duration),
    border-radius var(--b-default-transition-duration),
    color var(--b-default-transition-duration),
    padding var(--b-default-transition-duration),
    opacity var(--b-default-transition-duration);
  --b-sch-event-animating-transition:
    border var(--b-default-transition-duration),
    border-radius var(--b-default-transition-duration),
    background-color var(--b-default-transition-duration),
    color var(--b-default-transition-duration),
    padding var(--b-default-transition-duration),
    opacity var(--b-default-transition-duration),
    inset var(--b-default-transition-duration),
    width var(--b-default-transition-duration),
    height var(--b-default-transition-duration);
  --b-sch-event-cursor: pointer;
  --b-sch-event-opacity: 1;
  --b-sch-event-border-width: 0px;
  --b-sch-event-width-reduction: 1px;
  --b-sch-event-min-size: 6px;
  --b-sch-event-content-width: 100%;
  --b-sch-event-content-height: 100%;
  --b-sch-event-border-radius: null;
  --b-sch-event-border-style: null;
  --b-sch-event-box-shadow: null;
  --b-sch-event-font-size: null;
  --b-sch-milestone-gap: 0.5em;
  --b-sch-milestone-border-width: var(--b-sch-event-border-width);
  --b-sch-event-border-color: var(--b-sch-event-background);
  --b-sch-event-wrap-z-index: 1;
  --b-sch-event-z-index: 1;
  --b-sch-event-active-z-index: 100;
  --b-sch-milestone-diamond-z-index: 0;
}
.b-grid-row {
  --b-resource-event-color: var(--b-primary);
}
.b-scrolling {
  --b-sch-event-transition: none;
}
.b-sch-event-wrap {
  position: absolute;
  display: grid;
  outline: none;
  contain: layout style;
  align-items: center;
  pointer-events: all;
  grid-template-areas: "top    top    top    top    top" "before start  body   end  after" "bottom bottom bottom bottom bottom";
  grid-template-columns: 0 auto 1fr auto 0;
  grid-template-rows: min-content auto min-content;
  z-index: var(--b-sch-event-wrap-z-index);
  opacity: var(--b-sch-event-opacity);
  transition: var(--b-sch-event-transition);
}
.b-sch-event-wrap:where(:not(.b-milestone-wrap)) {
  min-width: var(--b-sch-event-min-size);
}
.b-animating:not(.b-event-buffer-transition, .b-sub-grid-width-transition) .b-sch-event-wrap:not(.b-dragging, .b-sch-event-wrap-resizing, .b-reusing-own) {
  --b-sch-event-transition: var(--b-sch-event-animating-transition);
}
.b-sch-event-wrap:hover,
.b-sch-event-wrap.b-hover,
.b-sch-event-wrap.b-sch-event-wrap-resizing {
  --b-sch-event-background: var(--b-sch-event-hover-background);
}
.b-sch-event-wrap.b-selected {
  --b-sch-event-background: var(--b-sch-event-selected-background);
}
.b-using-keyboard .b-sch-event-wrap.b-active .b-sch-event {
  outline: var(--b-grid-cell-focused-outline-width) solid var(--b-grid-cell-focused-outline-color);
}
.b-sch-event-wrap.b-removing {
  transition: opacity .3s;
  opacity: 0;
}
.b-sch-event-wrap.b-remove-remove,
.b-sch-event-wrap.b-toggle-remove {
  transition: opacity var(--b-default-transition-duration), max-height var(--b-default-transition-duration);
  opacity: 0;
  max-height: 0;
}
.b-sch-event-wrap.b-toggle-add {
  animation: b-anim-toggle-add .3s !important;
}
.b-sch-event-wrap.b-sch-vertical {
  grid-template-areas: "top    top    top" "above  above  above" "start  start  start" "before body   after" "end    end    end" "below  below  below" "bottom bottom bottom";
  grid-template-columns: min-content auto min-content;
  grid-template-rows: 0 auto auto 1fr auto auto 0;
}
.b-sch-event-wrap.b-sch-vertical:where(:not(.b-milestone-wrap)) {
  --b-sch-event-padding-inline: 1em;
  --b-sch-event-padding-block: 1em;
}
.b-sch-event-wrap.b-sch-vertical:where(:not(.b-milestone-wrap)) .b-sch-event-content {
  white-space: normal;
  line-height: normal;
  align-items: flex-start;
}
.b-sch-event-wrap.b-sch-vertical:where(:not(.b-milestone-wrap)) .b-sch-event-narrow .b-sch-event-content {
  flex-direction: column;
  align-items: center;
}
.b-sch-event-wrap.b-sch-vertical .b-sch-event-narrow .b-event-text-wrap {
  white-space: nowrap;
  writing-mode: vertical-rl;
}
.b-grid-body-container.b-scrolling .b-sch-event-wrap {
  pointer-events: none;
}
.b-timeline-base:not(.b-sch-vertical.b-event-layout-mixed, .b-dragging-event) .b-sch-event-wrap.b-hover,
.b-timeline-base:not(.b-sch-vertical.b-event-layout-mixed, .b-dragging-event) .b-sch-event-wrap.b-selected,
.b-timeline-base:not(.b-sch-vertical.b-event-layout-mixed, .b-dragging-event) .b-sch-event-wrap:focus {
  z-index: var(--b-sch-event-active-z-index) !important;
}
.b-sch-vertical.b-event-layout-mixed .b-sch-event-wrap:focus {
  z-index: var(--b-sch-event-active-z-index) !important;
}
.b-sch-event-wrap:where(:not(.b-sch-vertical)) {
  max-height: calc(var(--b-event-size) * 1px);
}
@keyframes b-anim-toggle-add {
  0% {
    opacity: 0;
    max-height: 0;
  }
  100% {
    opacity: 1;
    max-height: calc(var(--b-event-size) * 1px);
  }
}
.b-sch-event {
  display: flex;
  align-items: center;
  white-space: nowrap;
  grid-area: body;
  position: relative;
  min-height: 0;
  height: 100%;
  opacity: 1;
  z-index: var(--b-sch-event-z-index);
  transition: opacity var(--b-default-transition-duration);
  border-color: var(--b-sch-event-border-color);
  min-width: var(--b-sch-event-min-size);
  width: calc(100% - var(--b-sch-event-width-reduction));
}
.b-sch-event:where(:not(.b-milestone)),
.b-sch-event.b-wide-milestone,
.b-sch-event.b-milestone .b-sch-event-content::before {
  border-width: var(--b-sch-event-border-width);
  border-style: var(--b-sch-event-border-style);
  box-shadow: var(--b-sch-event-box-shadow);
  color: var(--b-sch-event-color);
  cursor: var(--b-sch-event-cursor);
  font-weight: var(--b-sch-event-font-weight);
  transition: var(--b-sch-event-transition);
}
.b-sch-event:where(:not(.b-milestone)),
.b-sch-event.b-milestone .b-sch-event-content::before {
  border-radius: var(--b-sch-event-border-radius);
}
.b-sch-event.b-wide-milestone {
  border-inline: none;
}
.b-sch-event:where(:not(.b-milestone)) {
  overflow: clip;
  background: var(--b-sch-event-background);
}
.b-sch-event-content {
  display: flex;
  overflow: clip;
  text-overflow: ellipsis;
  position: relative;
  line-height: 1.2em;
  align-items: center;
  min-width: 0;
  gap: 0.5em;
  font-size: var(--b-sch-event-font-size);
  margin-inline: var(--b-sch-event-padding-inline);
  padding-block: var(--b-sch-event-padding-block);
  width: var(--b-sch-event-content-width);
  height: var(--b-sch-event-content-height);
}
.b-sch-event-content > i {
  line-height: inherit;
}
.b-milestone-wrap:where(.b-sch-vertical) {
  justify-items: center;
}
.b-milestone-wrap:where(.b-sch-vertical) .b-milestone .b-sch-event-content {
  display: grid;
  padding-block: 0;
}
.b-milestone-wrap:where(.b-sch-vertical) .b-milestone label {
  justify-self: center;
  inset-block-start: calc(var(--b-event-size) * .8px + var(--b-sch-milestone-border-width, 0));
}
.b-milestone-wrap.b-measure {
  height: 1em;
  position: fixed;
  top: -10000px;
  inset-inline-start: -10000px;
  visibility: hidden;
}
.b-milestone-wrap.b-measure label {
  font-weight: 400;
}
.b-sch-layout-milestones .b-milestone-wrap {
  margin: 0;
  min-width: 0;
  flex-direction: row;
}
.b-using-keyboard :is(.b-sch-layout-milestones .b-milestone-wrap).b-active {
  outline-offset: 3px;
}
.b-sch-layout-milestones .b-milestone-wrap.b-active .b-sch-event.b-milestone,
.b-sch-layout-milestones .b-milestone-wrap.b-active .b-sch-event.b-milestone:before {
  outline: none;
}
.b-sch-layout-milestones .b-milestone-wrap .b-sch-event.b-milestone {
  position: relative;
  min-width: 0;
  padding: 0;
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--b-sch-event-background);
  inset-inline-start: calc(0.5 * var(--b-milestone-size));
  width: calc(100% - var(--b-milestone-size));
}
.b-sch-layout-milestones .b-milestone-wrap .b-sch-event.b-milestone .b-sch-event-content {
  justify-content: center;
  z-index: var(--b-sch-event-z-index);
}
.b-sch-layout-milestones .b-milestone-wrap .b-sch-event.b-milestone .b-sch-event-content::before {
  content: none;
}
.b-sch-layout-milestones .b-milestone-wrap .b-sch-event.b-milestone::before,
.b-sch-layout-milestones .b-milestone-wrap .b-sch-event.b-milestone::after {
  background: inherit;
  position: absolute;
  content: " ";
  height: calc(var(--b-milestone-size) * 0.707107);
  aspect-ratio: 1 / 1;
  z-index: var(--b-sch-milestone-diamond-z-index);
}
.b-sch-layout-milestones .b-milestone-wrap .b-sch-event.b-milestone::before {
  top: 50%;
  inset-inline-start: 0;
  transform-origin: 50% 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}
.b-sch-layout-milestones .b-milestone-wrap .b-sch-event.b-milestone::after {
  top: var(--bi-milestone-end-diamond-offset, 0);
  inset-inline-end: 0;
  rotate: -45deg;
  transform-origin: 100% 0;
}
.b-sch-layout-milestones .b-milestone-wrap.b-measure .b-sch-event.b-milestone {
  width: calc(100% + var(--b-milestone-size));
}
.b-sch-layout-milestone-text-position-inside .b-milestone-wrap .b-milestone label {
  margin-inline-start: 0;
  inset-inline-start: 50%;
  translate: -50%;
}
.b-initial-fade-in .b-sch-dependency,
.b-initial-fade-in .b-sch-event-wrap {
  opacity: 0;
  animation-name: b-anim-initial-fade-in;
  animation-duration: .5s;
  animation-fill-mode: forwards;
}
@keyframes b-anim-initial-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.b-initial-zoom-in .b-sch-event-wrap {
  animation-name: b-anim-initial-zoom-in;
  animation-duration: .4s;
  animation-timing-function: ease-in;
}
@keyframes b-anim-initial-zoom-in {
  0% {
    transform: scale(0.01);
  }
  100% {
    transform: scale(1);
  }
}
.b-initial-slide-from-left .b-sch-event-wrap {
  transform: translateX(-100vw);
  animation-name: b-anim-initial-slide-from-left;
  animation-duration: .7s;
  animation-fill-mode: forwards;
}
@keyframes b-anim-initial-slide-from-left {
  100% {
    transform: translateX(0);
  }
}
.b-initial-slide-from-top .b-sch-event-wrap {
  transform: translateY(-100vh);
  animation-name: b-anim-initial-slide-from-top;
  animation-duration: .7s;
  animation-fill-mode: forwards;
}
@keyframes b-anim-initial-slide-from-top {
  100% {
    transform: translateY(0);
  }
}
:root,
:host {
  --b-events-zindex: 6;
}
.b-recurrence-editor-panel {
  --b-panel-padding: 0;
}
.b-recurrence-editor-panel > .b-recurrence-editor-panel-body-wrap {
  overflow: visible;
}
.b-recurrence-editor-panel > .b-recurrence-editor-panel-body-wrap > .b-recurrence-editor-panel-content {
  overflow: visible;
}
:is(.b-recurrence-editor-panel > .b-recurrence-editor-panel-body-wrap > .b-recurrence-editor-panel-content [data-ref=monthDaysNumberRadioField], .b-recurrence-editor-panel > .b-recurrence-editor-panel-body-wrap > .b-recurrence-editor-panel-content [data-ref=monthDaysRadioField], .b-recurrence-editor-panel > .b-recurrence-editor-panel-body-wrap > .b-recurrence-editor-panel-content [data-ref=positionAndDayRadioField]).b-has-label.b-field {
  display: grid;
}
.b-recurrence-editor-panel [data-ref=positionsCombo],
.b-recurrence-editor-panel [data-ref=daysCombo] {
  grid-column: 2;
}
.b-recurrence-editor-panel .b-button-group {
  gap: 1px;
  width: 100%;
  height: auto;
  overflow: hidden;
  --b-button-focus-outline-offset: -2px;
  --b-button-group-border-radius: 12px;
}
.b-recurrence-editor-panel .b-button-group .b-button {
  border: none;
  min-height: 2.5em;
  border-radius: 0;
}
.b-recurrence-editor-panel .b-button-group.b-recurrence-days-button-group .b-button {
  flex: 1 1 100%;
  min-width: auto;
  padding-inline: 0;
}
.b-recurrence-editor-panel .b-button-group.b-recurrence-months-button-group {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
}
.b-recurrence-editor-panel .b-button-group.b-recurrence-month-days-button-group {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  --b-button-padding: .25em;
  --b-button-padding-inline: 0;
}
.b-resource-combo .b-resource-icon {
  display: none;
  margin-inline: var(--b-text-field-input-padding) 0;
  color: var(--b-primary);
}
.b-resource-combo > .b-field-inner {
  padding-inline-start: 0;
}
.b-resource-combo.b-show-event-color:not(.b-uses-chip-view) .b-resource-icon {
  display: block;
}
.b-resource-combo-picker .b-icon {
  display: none;
  pointer-events: all;
}
:is(.b-resource-combo-picker.b-multi-select, .b-resource-combo-picker.b-show-event-color) .b-icon {
  display: block;
}
:is(.b-resource-combo-picker.b-multi-select, .b-resource-combo-picker.b-show-event-color) .b-selected .b-icon-square:before {
  content: "\f14a";
}
.b-resource-combo-picker.b-show-event-color .b-icon {
  color: var(--b-primary);
}
.b-resource-combo-picker.b-show-event-color .b-icon::before {
  background: radial-gradient(var(--b-neutral-100) 60%, transparent 60%);
  font-size: var(--b-list-selected-icon-size);
}
:root,
:host {
  --b-resource-filter-item-selected-background: null;
}
.b-resource-filter .b-list-item.b-selected:not(:focus-visible) {
  --b-list-item-background: var(--b-resource-filter-item-selected-background);
}
:root,
:host {
  --b-date-picker-cell-badge-font-size: 0.7em;
  --b-date-picker-cell-badge-background: var(--b-color-red);
  --b-date-picker-cell-badge-color: #fff;
  --b-date-picker-cell-badge-size: 1.7em;
  --b-date-picker-dots-padding-bottom: 0.75em;
}
.b-date-picker .b-cell-events-badge {
  display: grid;
  place-items: center;
  border-radius: 50%;
  aspect-ratio: 1 / 1;
  inset: auto auto 2px calc(50% - var(--b-date-picker-cell-badge-size) / 2);
  font-size: var(--b-date-picker-cell-badge-font-size);
  background: var(--b-date-picker-cell-badge-background);
  color: var(--b-date-picker-cell-badge-color);
  width: var(--b-date-picker-cell-badge-size);
}
.b-date-picker .b-calendar-panel-cell.b-has-bullet .b-date-picker-cell-inner {
  justify-content: flex-start;
  padding-top: 2px;
}
.b-date-picker .b-calendar-panel-cell.b-has-bullet .b-date-picker-cell-payload {
  bottom: 2px;
}
.b-date-picker .b-calendar-panel-cell.b-has-badge .b-date-picker-cell-inner {
  justify-content: flex-start;
  padding-top: 2px;
}
.b-date-picker .b-show-events-heatmap .b-calendar-panel-cell:not(:hover) .b-date-picker-cell-inner {
  --bi-input: clamp(0, (var(--bi-event-count) - 1) / 9, 1);
  --bi-bg-color: color-mix( in oklab, var(--b-heatmap-end) calc(var(--bi-input) * 100%), var(--b-heatmap-start) calc((1 - var(--bi-input)) * 100%) );
}
.b-date-picker .b-show-events-heatmap .b-calendar-panel-cell:not(:hover) .b-date-picker-cell-inner:not([data-event-count="0"]) {
  background-color: var(--bi-bg-color);
  font-weight: calc(var(--b-calendar-panel-cell-font-weight) + 100);
}
.b-date-picker .b-show-events-dots .b-calendar-panel-cell {
  --bi-extra-cell-padding: calc(var(--bi-event-count-margin-top) + var(--bi-event-count-dot-size));
  padding-bottom: var(--bi-extra-cell-padding);
  flex-direction: column;
  justify-content: flex-start;
}
.b-date-picker .b-show-events-dots .b-calendar-panel-cell:is(.b-in-range, .b-range-start, .b-range-end)::before {
  height: calc(100% - var(--bi-extra-cell-padding));
}
.b-date-picker .b-show-events-dots .b-date-picker-cell-inner {
  height: auto;
}
:root,
:host {
  --b-non-working-time-zindex: 3;
  --b-non-working-time-opacity: 0.4;
  --b-non-working-time-background: var(--b-neutral-95);
}
.b-colorize {
  --b-non-working-time-header-background: color-mix(in oklab, var(--b-color-red), transparent 95%);
}
.b-timeline-base.b-widget .b-sch-non-working-time {
  --b-time-range-header-background: var(--b-non-working-time-header-background);
  --b-time-range-background: var(--b-non-working-time-background);
  --b-time-range-opacity: var(--b-non-working-time-opacity);
  --b-time-range-range-zindex: var(--b-non-working-time-zindex);
}
.b-time-ranges-header-canvas .b-sch-non-working-time {
  pointer-events: none;
}
:root,
:host {
  --b-event-drag-z-index: 200;
  --b-event-drag-main-z-index: 201;
}
.b-sch-event-wrap.b-aborting,
.b-sch-event-wrap.b-drag-unified-animation {
  transition:
    var(--b-sch-event-transition),
    transform 0.2s,
    left 0.2s,
    top 0.2s;
}
.b-sch-event-wrap.b-dragging {
  z-index: var(--b-event-drag-z-index) !important;
}
.b-sch-event-wrap.b-dragging.b-drag-main {
  z-index: var(--b-event-drag-main-z-index) !important;
}
.b-event-drag-tooltip .b-tooltip-content > div {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.b-sch-tip-message .b-icon:first-child {
  margin-inline-end: 0.5em;
  justify-content: center;
  color: var(--b-clock-hand-color);
  width: var(--b-clock-size);
}
.b-float-root > .b-tooltip.b-event-drag-tooltip {
  pointer-events: none;
}
:root,
:host {
  --b-event-resize-wrap-resizing-z-index: 2;
  --b-event-resize-handle-other-size: 3px;
  --b-event-resize-handle-hover-other-size: 3px;
  --b-event-resize-handle-border-radius: 3px;
  --b-event-resize-handle-inset: 7px;
  --b-event-resize-handle-size: 60%;
  --b-event-resize-handle-hover-size: 70%;
  --b-event-resize-handle-max-size: 3em;
  --b-event-resize-handle-zindex: 1;
  --b-event-resize-handle-background: #ffffff70;
  --b-event-resize-handle-hover-background: #ffffffdd;
  --bi-event-resize-handle-content: "";
  --bi-event-resize-handle-start-translate: 0 -50%;
  --bi-event-resize-handle-end-translate: 0 50%;
  --bi-event-resize-handle-inset-inline: var(--b-event-resize-handle-inset);
  --bi-event-resize-handle-inset-block: 50%;
  --bi-event-resize-handle-height: var(--b-event-resize-handle-size);
  --bi-event-resize-handle-width: var(--b-event-resize-handle-other-size);
  --bi-event-resize-handle-hover-height: var(--b-event-resize-handle-hover-size);
  --bi-event-resize-handle-hover-width: var(--b-event-resize-handle-hover-other-size);
  --bi-event-resize-handle-cursor: ew-resize;
}
:is(:is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-start, :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-end)::before,
:is(:is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-start, :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-end)::after {
  position: absolute;
  transition:
    background .2s,
    height .3s,
    width .3s,
    opacity .2s;
  opacity: 1;
  background: var(--b-event-resize-handle-background);
  border-radius: var(--b-event-resize-handle-border-radius);
  height: var(--bi-event-resize-handle-height);
  width: var(--bi-event-resize-handle-width);
  z-index: var(--b-event-resize-handle-zindex);
}
:is(:is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-start)::before {
  content: var(--bi-event-resize-handle-content);
  inset-inline-start: var(--bi-event-resize-handle-inset-inline);
  inset-block-start: var(--bi-event-resize-handle-inset-block);
  translate: var(--bi-event-resize-handle-start-translate);
}
:is(:is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing) > .b-sch-event-resizable-end)::after {
  content: var(--bi-event-resize-handle-content);
  inset-inline-end: var(--bi-event-resize-handle-inset-inline);
  inset-block-end: var(--bi-event-resize-handle-inset-block);
  translate: var(--bi-event-resize-handle-end-translate);
}
:is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing).b-over-start-handle {
  --b-sch-event-cursor: var(--bi-event-resize-handle-cursor);
}
:is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing).b-over-start-handle > ::before {
  --b-event-resize-handle-background: var(--b-event-resize-handle-hover-background);
  --b-event-resize-handle-width: var(--bi-event-resize-handle-hover-width);
  --b-event-resize-handle-height: var(--bi-event-resize-handle-hover-height);
}
:is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing).b-over-end-handle {
  --b-sch-event-cursor: var(--bi-event-resize-handle-cursor);
}
:is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing).b-over-end-handle > ::after {
  --b-event-resize-handle-background: var(--b-event-resize-handle-hover-background);
  --b-event-resize-handle-width: var(--bi-event-resize-handle-hover-width);
  --b-event-resize-handle-height: var(--bi-event-resize-handle-hover-height);
}
:is(.b-event-resize .b-sch-event-wrap.b-hover, .b-event-resize .b-sch-event-wrap:hover, .b-event-resize .b-sch-event-wrap.b-unhover, .b-event-resize .b-sch-event-wrap-resizing):where(.b-sch-vertical) {
  --bi-event-resize-handle-inset-inline: 50%;
  --bi-event-resize-handle-inset-block: var(--b-event-resize-handle-inset);
  --bi-event-resize-handle-start-translate: calc(-50% * var(--b-rtl-negate)) 0;
  --bi-event-resize-handle-end-translate: calc(50% * var(--b-rtl-negate)) 0;
  --bi-event-resize-handle-height: var(--b-event-resize-handle-other-size);
  --bi-event-resize-handle-width: var(--b-event-resize-handle-size);
  --bi-event-resize-handle-hover-height: var(--b-event-resize-handle-hover-other-size);
  --bi-event-resize-handle-hover-width: var(--b-event-resize-handle-hover-size);
  --bi-event-resize-handle-cursor: ns-resize;
}
@starting-style {
  :is(:is(.b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap:hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap:hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap-resizing) > .b-sch-event-resizable-start, :is(.b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap:hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap-resizing) > .b-sch-event-resizable-end)::before,
  :is(:is(.b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap:hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap:hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap-resizing) > .b-sch-event-resizable-start, :is(.b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap:hover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-horizontal .b-sch-event-wrap-resizing) > .b-sch-event-resizable-end)::after {
    height: 0;
    opacity: 0;
  }
  :is(:is(.b-event-resize.b-sch-vertical .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap:hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-vertical .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize.b-sch-vertical .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap:hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-vertical .b-sch-event-wrap-resizing) > .b-sch-event-resizable-start, :is(.b-event-resize.b-sch-vertical .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap:hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-vertical .b-sch-event-wrap-resizing) > .b-sch-event-resizable-end)::before,
  :is(:is(.b-event-resize.b-sch-vertical .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap:hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-vertical .b-sch-event-wrap-resizing) > .b-sch-event-resizable-true, :is(.b-event-resize.b-sch-vertical .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap:hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-vertical .b-sch-event-wrap-resizing) > .b-sch-event-resizable-start, :is(.b-event-resize.b-sch-vertical .b-sch-event-wrap.b-hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap:hover, .b-event-resize.b-sch-vertical .b-sch-event-wrap.b-unhover, .b-event-resize.b-sch-vertical .b-sch-event-wrap-resizing) > .b-sch-event-resizable-end)::after {
    width: 0;
    opacity: 0;
  }
}
.b-scheduler-base.b-read-only .b-sch-event-wrap {
  --bi-event-resize-handle-content: null;
}
:is(.b-sch-event-wrap.b-unhover .b-sch-event-resizable-true, .b-sch-event-wrap.b-unhover .b-sch-event-resizable-start, .b-sch-event-wrap.b-unhover .b-sch-event-resizable-end)::before,
:is(.b-sch-event-wrap.b-unhover .b-sch-event-resizable-true, .b-sch-event-wrap.b-unhover .b-sch-event-resizable-start, .b-sch-event-wrap.b-unhover .b-sch-event-resizable-end)::after {
  transition: opacity .2s;
  opacity: 0;
}
.b-resizing-event {
  cursor: ew-resize;
}
.b-resizing-event.b-sch-vertical {
  cursor: ns-resize;
}
.b-resizing-event .b-sch-time-axis-cell,
.b-resizing-event .b-sch-event-wrap {
  pointer-events: none;
}
.b-sch-event-wrap-resizing {
  z-index: var(--b-event-resize-wrap-resizing-z-index);
}
.b-sch-event-resize-tip .b-tooltip-content > div {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.b-sch-event-resize-tip .b-sch-tip-message:empty {
  display: none;
}
.b-style-gantt,
.b-style-gantt .b-sch-event-segment {
  --b-sch-event-border-radius: 0.25em;
  --b-sch-event-color: var(--b-text-5);
  --b-sch-event-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 50%);
  --b-sch-event-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 40%);
  --b-sch-event-selected-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 30%);
  --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-mix) 20%);
}
@supports not (color: color-mix(in srgb, red, blue)) {
  .b-style-gantt,
  .b-style-gantt .b-sch-event-segment {
    --b-sch-event-background: var(--b-primary-75);
    --b-sch-event-hover-background: var(--b-primary-70);
    --b-sch-event-selected-background: var(--b-primary-65);
  }
}
.b-style-tonal {
  --b-sch-event-border-radius: 0.5em;
  --b-sch-event-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%);
  --b-sch-event-background: var(--b-sch-event-tonal-background);
  --b-sch-event-hover-background: var(--b-sch-event-tonal-hover-background);
  --b-sch-event-selected-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 50%);
  --b-sch-event-font-weight: 600;
  --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%);
}
@supports not (color: color-mix(in srgb, red, blue)) {
  .b-style-tonal {
    --b-sch-event-color: var(--b-primary-40);
    --b-sch-event-background: var(--b-primary-93);
    --b-sch-event-hover-background: var(--b-primary-85);
    --b-sch-event-selected-background: var(--b-primary-75);
  }
}
:is(.b-style-filled, .b-style-plain),
:is(.b-style-filled, .b-style-plain) .b-sch-event-segment {
  --b-sch-event-border-radius: 0.25em;
  --b-sch-event-color: var(--b-text-5);
  --b-sch-event-background: var(--b-primary);
  --b-sch-event-hover-background: color-mix(in srgb, var(--b-primary), var(--b-opposite) 20%);
  --b-sch-event-selected-background: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%);
  --b-sch-event-border-color: var(--b-sch-event-background);
}
@supports not (color: color-mix(in srgb, red, blue)) {
  :is(.b-style-filled, .b-style-plain),
  :is(.b-style-filled, .b-style-plain) .b-sch-event-segment {
    --b-sch-event-hover-background: var(--b-primary-40);
    --b-sch-event-selected-background: var(--b-primary-30);
  }
}
.b-style-traced,
.b-style-traced .b-sch-event-segment {
  --b-sch-event-border-radius: 0.75em;
  --b-sch-event-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%);
  --b-sch-event-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 90%);
  --b-sch-event-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 86%);
  --b-sch-event-selected-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 70%);
  --b-sch-event-font-weight: 600;
  --b-sch-event-border-width: 1px;
  --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%);
  --b-sch-event-border-style: solid;
  --b-sch-milestone-border-width: 1px;
}
@supports not (color: color-mix(in srgb, red, blue)) {
  .b-style-traced,
  .b-style-traced .b-sch-event-segment {
    --b-sch-event-background: var(--b-primary-95);
    --b-sch-event-hover-background: var(--b-primary-93);
    --b-sch-event-selected-background: var(--b-primary-85);
  }
}
:is(.b-style-bordered, .b-style-border),
:is(.b-style-bordered, .b-style-border) .b-sch-event-segment {
  --b-sch-event-border-radius: 0.5em;
  --b-sch-event-color: #fff;
  --b-sch-event-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 20%);
  --b-sch-event-hover-background: var(--b-primary);
  --b-sch-event-selected-background: color-mix(in srgb, var(--b-primary), var(--b-opposite) 10%);
  --b-sch-event-font-weight: 600;
  --b-sch-event-border-width: 1px;
  --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%);
  --b-sch-event-border-style: solid;
  --b-sch-milestone-border-width: 1px;
  --b-percent-bar-background: color-mix(in srgb, var(--b-primary), transparent 30%);
}
@supports not (color: color-mix(in srgb, red, blue)) {
  :is(.b-style-bordered, .b-style-border),
  :is(.b-style-bordered, .b-style-border) .b-sch-event-segment {
    --b-sch-event-background: var(--b-primary-60);
    --b-sch-event-selected-background: var(--b-primary-45);
  }
}
.b-style-outlined,
.b-style-hollow {
  --b-sch-event-border-radius: 0.5em;
  --b-sch-event-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 20%);
  --b-sch-event-background: transparent;
  --b-sch-event-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 90%);
  --b-sch-event-selected-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 70%);
  --b-sch-event-border-width: 2px;
  --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 20%);
  --b-sch-event-border-style: solid;
  --b-sch-milestone-border-width: 2px;
}
@supports not (color: color-mix(in srgb, red, blue)) {
  .b-style-outlined,
  .b-style-hollow {
    --b-sch-event-hover-background: var(--b-primary-95);
    --b-sch-event-selected-background: var(--b-primary-85);
  }
}
:is(.b-style-outlined, .b-style-hollow) .b-segmented {
  --b-sch-event-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 98%);
}
:is(.b-style-indented, .b-style-colored),
:is(.b-style-indented, .b-style-colored) .b-sch-event-segment {
  --b-sch-event-border-radius: 0.15em;
  --b-sch-event-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%);
  --b-sch-event-background: var(--b-sch-event-indented-background);
  --b-sch-event-hover-background: var(--b-sch-event-indented-hover-background);
  --b-sch-event-selected-background: var(--b-sch-event-indented-selected-background);
  --b-sch-event-border-width: 0 0 0 6px;
  --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%);
  --b-sch-event-border-style: solid;
  --b-sch-milestone-border-width: 6px;
}
.b-sch-vertical :is(:is(.b-style-indented, .b-style-colored), :is(.b-style-indented, .b-style-colored) .b-sch-event-segment) {
  --b-sch-event-border-width: 6px 0 0 0;
}
@supports not (color: color-mix(in srgb, red, blue)) {
  :is(.b-style-indented, .b-style-colored),
  :is(.b-style-indented, .b-style-colored) .b-sch-event-segment {
    --b-sch-event-background: var(--b-primary-95);
    --b-sch-event-hover-background: var(--b-primary-91);
    --b-sch-event-selected-background: var(--b-primary-85);
  }
}
:is(.b-style-indented, .b-style-colored) .b-wide-milestone {
  border-block: none;
  --b-milestone-size: calc(var(--b-event-size) * 1px);
}
:is(.b-style-indented, .b-style-colored) .b-wide-milestone::before {
  border: var(--b-sch-event-border-width) var(--b-sch-event-border-style) var(--b-sch-event-border-color);
  border-inline-end: none;
  border-block-start: none;
  border-end-start-radius: var(--b-sch-event-border-radius);
}
.b-style-calendar {
  --b-sch-event-border-radius: var(--b-calendar-event-border-radius, .5em);
  --b-sch-event-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%);
  --b-sch-event-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 90%);
  --b-sch-event-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 80%);
  --b-sch-event-selected-background: var(--b-primary);
  --b-sch-event-border-width: 0 0 0 var(--b-day-view-event-border-inline-start-width, 4px);
  --b-sch-event-border-color: var(--b-primary);
  --b-sch-event-border-style: solid;
  --b-sch-milestone-border-width: 6px;
  --b-sch-event-padding-inline: var(--b-day-view-event-body-padding, .35em);
  --b-sch-event-padding-block: var(--b-day-view-event-body-padding, .35em);
  --b-sch-event-font-weight: var(--b-calendar-event-font-weight, 500);
  --b-sch-event-font-size: var(--b-calendar-event-font-size, .9em);
}
@supports not (color: color-mix(in srgb, red, blue)) {
  .b-style-calendar {
    --b-sch-event-background: var(--b-primary-97);
    --b-sch-event-hover-background: var(--b-primary-95);
    --b-sch-event-selected-background: var(--b-primary-90);
  }
}
.b-sch-vertical .b-style-calendar {
  --b-sch-event-border-width: var(--b-day-view-event-border-inline-start-width, 4px) 0 0 0;
}
.b-style-calendar .b-sch-event-content {
  align-items: flex-start;
}
.b-style-calendar.b-selected {
  --b-sch-event-color: var(--b-neutral-100);
}
.b-style-interday {
  --b-sch-event-border-radius: 0.25em;
  --b-sch-event-color: var(--b-primary);
  --b-sch-event-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 80%);
  --b-sch-event-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 80%);
  --b-sch-event-selected-background: color-mix(in srgb, var(--b-primary), var(--b-opposite) 20%);
  --b-sch-event-border-color: var(--b-sch-event-background);
  --b-sch-event-opacity: var(--b-calendar-event-solid-bar-opacity, 0.8);
  --b-sch-event-font-weight: var(--b-calendar-solid-bar-font-weight, 500);
  --b-sch-event-font-size: var(--b-calendar-solid-bar-font-size, .9em);
}
@supports not (color: color-mix(in srgb, red, blue)) {
  .b-style-interday {
    --b-sch-event-hover-background: var(--b-primary-40);
    --b-sch-event-selected-background: var(--b-primary-30);
  }
}
.b-style-interday.b-selected {
  --b-sch-event-color: var(--b-neutral-100);
}
.b-style-interday:hover {
  --b-sch-event-opacity: 1;
}
.b-style-rounded {
  --b-sch-event-border-radius: 1000em;
  --b-sch-event-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 40%);
  --b-sch-event-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 86%);
  --b-sch-event-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 60%);
  --b-sch-event-selected-background: var(--b-primary);
  --b-sch-event-font-weight: 500;
  --b-percent-bar-background: color-mix(in srgb, var(--b-primary), transparent 70%);
}
@supports not (color: color-mix(in srgb, red, blue)) {
  .b-style-rounded {
    --b-sch-event-background: var(--b-primary-93);
    --b-sch-event-hover-background: var(--b-primary-80);
  }
}
.b-style-rounded.b-selected {
  --b-sch-event-color: color-mix(in srgb, var(--b-primary), var(--b-mix) 90%);
}
.b-style-line {
  --b-sch-event-background: transparent;
  --b-sch-event-padding-inline: 0;
  --b-sch-event-border-width: 5px 0 0 0;
  --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-mix) 20%);
  --b-sch-event-border-style: solid;
  --b-sch-event-font-size: 0.8em;
  --b-sch-milestone-border-width: 5px;
}
.b-style-line.b-hover {
  --b-sch-event-border-color: var(--b-primary);
}
.b-style-line.b-selected {
  --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 30%);
}
.b-style-line:not(.b-milestone-wrap) {
  translate: 0 .7em;
}
.b-style-line:not(.b-milestone-wrap) .b-sch-event {
  justify-content: center;
  height: calc(1.5em + 5px);
}
.b-sch-vertical .b-style-line {
  --b-sch-event-border-width: 0 0 0 5px;
}
.b-sch-vertical .b-style-line .b-sch-event {
  height: 100%;
}
.b-style-dashed {
  --b-sch-event-background: transparent;
  --b-sch-event-padding-inline: 0;
  --b-sch-event-border-width: 5px 0 0 0;
  --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-mix) 20%);
  --b-sch-event-border-style: dashed;
  --b-sch-event-font-size: 0.8em;
  --b-sch-milestone-border-width: 5px;
}
.b-style-dashed.b-hover {
  --b-sch-event-border-color: var(--b-primary);
}
.b-style-dashed.b-selected {
  --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 30%);
}
.b-style-dashed:not(.b-milestone-wrap) {
  translate: 0 .7em;
}
.b-style-dashed:not(.b-milestone-wrap) .b-sch-event {
  justify-content: center;
  height: calc(1.5em + 5px);
}
.b-sch-vertical .b-style-dashed {
  --b-sch-event-border-width: 0 0 0 5px;
}
.b-sch-vertical .b-style-dashed .b-sch-event {
  height: 100%;
}
.b-style-minimal {
  --b-sch-event-background: transparent;
  --b-sch-event-padding-inline: 0;
  --b-sch-event-border-width: 0 0 1px 0;
  --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-mix) 20%);
  --b-sch-event-border-style: solid;
  --b-sch-event-font-size: 0.9em;
  --b-sch-milestone-border-width: 1px;
}
.b-style-minimal.b-hover {
  --b-sch-event-border-color: var(--b-primary);
}
.b-style-minimal.b-selected {
  --b-sch-event-border-color: color-mix(in srgb, var(--b-primary), var(--b-opposite) 30%);
}
.b-sch-vertical .b-style-minimal {
  --b-sch-event-border-width: 0 0 0 1px;
}
.b-style-minimal > .b-sch-event {
  height: 60%;
}
.b-style-minimal .b-milestone.b-wide-milestone {
  --b-milestone-size: calc(var(--b-event-size) * 0.6 * 1px);
}
.b-sch-event-wrap,
.b-gantt-task-wrap {
  --b-sch-event-tonal-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 86%);
  --b-sch-event-tonal-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 70%);
  --b-sch-event-indented-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 90%);
  --b-sch-event-indented-hover-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 82%);
  --b-sch-event-indented-selected-background: color-mix(in srgb, var(--b-primary), var(--b-mix) 70%);
}
:is(.b-time-axis-sub-grid.b-is-highlighting .b-sch-canvas > .b-sch-event-wrap, .b-time-axis-sub-grid.b-is-highlighting .b-sch-canvas > .b-gantt-task-wrap):not(.b-highlighted) {
  transition: opacity 0.4s;
  opacity: .2;
}
:is(.b-style-traced, .b-style-bordered, .b-style-outlined, .b-style-hollow, .b-style-line, .b-style-dashed, .b-style-minimal) .b-wide-milestone {
  --b-milestone-size: calc(var(--b-event-size) * 1px);
  --bi-milestone-end-diamond-offset: calc(var(--b-sch-event-border-width) * -1);
}
:is(.b-style-traced, .b-style-bordered, .b-style-outlined, .b-style-hollow, .b-style-line, .b-style-dashed, .b-style-minimal) .b-wide-milestone::before,
:is(.b-style-traced, .b-style-bordered, .b-style-outlined, .b-style-hollow, .b-style-line, .b-style-dashed, .b-style-minimal) .b-wide-milestone::after {
  border: var(--b-sch-event-border-width) var(--b-sch-event-border-style) var(--b-sch-event-border-color);
}
:is(.b-style-traced, .b-style-bordered, .b-style-outlined, .b-style-hollow, .b-style-line, .b-style-dashed, .b-style-minimal) .b-wide-milestone::before {
  border-inline-end: none;
  border-block-start: none;
}
:is(.b-style-traced, .b-style-bordered, .b-style-outlined, .b-style-hollow, .b-style-line, .b-style-dashed, .b-style-minimal) .b-wide-milestone::after {
  border-inline-start: none;
  border-block-start: none;
}
.b-milestone-wrap {
  justify-content: center;
  --b-milestone-size: calc(var(--b-event-size) * 1px - var(--b-sch-milestone-border-width, 0) * 2);
}
.b-milestone-wrap.b-sch-event-wrap,
.b-milestone-wrap.b-sch-event-wrap.b-sch-vertical,
.b-milestone-wrap.b.gantt-task-wrap {
  --b-sch-event-border-width: var(--b-sch-milestone-border-width);
}
.b-milestone-wrap .b-milestone {
  overflow: visible;
  box-shadow: none;
  background-color: transparent;
  width: var(--b-milestone-size);
}
.b-milestone-wrap .b-milestone.b-sch-event-with-icon .b-sch-event-content {
  overflow: visible;
  justify-content: center;
}
.b-milestone-wrap .b-milestone.b-sch-event-with-icon i {
  font-size: var(--b-milestone-size);
}
.b-milestone-wrap .b-milestone label {
  position: absolute;
}
.b-labels-topbottom :is(.b-milestone-wrap .b-milestone:not(.b-sch-event-with-icon)) {
  --b-milestone-size: calc(var(--b-event-size) * 0.4px);
}
.b-milestone-wrap .b-milestone:not(.b-sch-event-with-icon) .b-gantt-task-content::before,
.b-milestone-wrap .b-milestone:not(.b-sch-event-with-icon) .b-sch-event-content::before {
  position: absolute;
  translate: 20%;
  content: "";
  border-radius: 0;
  background: inherit;
  height: calc(var(--b-milestone-size) * 0.707107);
  aspect-ratio: 1/ 1;
  rotate: 45deg;
}
.b-milestone-wrap:where(:not(.b-sch-vertical)) .b-milestone label {
  margin-inline-start: 0.5em;
  inset-inline-start: var(--b-milestone-size);
}
.b-milestone-wrap .b-gantt-task-content,
.b-milestone-wrap .b-sch-event-content {
  overflow: visible;
  margin: 0;
  height: 0;
  width: 100%;
  display: flex;
  align-items: center;
  background: var(--b-sch-event-background);
}
.b-using-keyboard .b-milestone-wrap.b-active .b-sch-event.b-sch-event-with-icon {
  outline-offset: 3px;
}
.b-using-keyboard .b-milestone-wrap.b-active .b-sch-event:not(.b-sch-event-with-icon) .b-sch-event-content:before {
  outline-offset: 3px;
}
:root,
:host {
  --b-timeline-histogram-transition-duration: var(--b-histogram-transition-duration);
}
.b-timeline-histogram {
  --b-non-working-time-zindex: calc(var(--b-column-lines-zindex) + 3);
}
.b-timeline-histogram .b-grid-row {
  --b-grid-row-zindex: calc(var(--b-column-lines-zindex) + 2);
}
.b-timeline-histogram .b-timeline-histogram-cell {
  padding: 0;
  border-inline-end-width: 0;
}
.b-timeline-histogram .b-timeline-sub-grid .b-grid-cell.b-focused::after {
  display: none;
}
.b-timeline-histogram-histogram {
  padding: 0;
  background-color: transparent;
}
.b-histogram-canvas {
  position: absolute;
  top: 0;
  inset-inline-start: 0;
  pointer-events: none;
  overflow: visible;
  width: var(--bi-total-column-width);
  z-index: calc(var(--b-column-lines-zindex) + 3);
}
.b-histogram-canvas > g {
  contain: unset;
}
.b-histogram-canvas * {
  vector-effect: non-scaling-stroke;
}
.b-histogram-canvas .b-histogram rect,
.b-histogram-canvas .b-histogram path {
  transition: none;
}
.b-animating .b-histogram-canvas .b-histogram rect {
  transition-property:
    x,
    y,
    width,
    height,
    fill;
  transition-duration: var(--b-timeline-histogram-transition-duration);
}
@starting-style {
  .b-animating .b-histogram-canvas .b-histogram rect {
    y: 1;
    height: 0;
  }
}
.b-animating .b-histogram-canvas .b-histogram rect.b-removing {
  y: 1;
  height: 0;
}
.b-animating .b-histogram-canvas .b-histogram path {
  transition-property: d;
  transition-duration: var(--b-timeline-histogram-transition-duration);
}
.b-histogram-canvas > g.b-histogram.b-toggle-remove > * {
  transition: fill-opacity var(--b-default-transition-duration), stroke-opacity var(--b-default-transition-duration);
  fill-opacity: 0;
  stroke-opacity: 0;
}
.b-histogram-canvas > g.b-histogram.b-toggle-add > * {
  animation: b-histogram-toggle-add var(--b-default-transition-duration);
}
.b-histogram-canvas rect {
  pointer-events: visiblePainted;
}
.b-histogram-canvas-ghost {
  pointer-events: none;
  transition: opacity 300ms ease-out;
}
@keyframes b-histogram-toggle-add {
  from {
    fill-opacity: 0;
    stroke-opacity: 0;
  }
  to {
    fill-opacity: 1;
    stroke-opacity: 1;
  }
}

/* node_modules/@bryntum/calendar-thin/calendar.css */
.b-hover-top.b-starts-above .b-gripper-horz,
.b-hover-bottom.b-ends-below .b-gripper-horz {
  display: none;
}
:is(.b-cal-event-wrap:not(.b-rtl).b-hover-left.b-continues-past, .b-cal-event-wrap:not(.b-rtl).b-hover-right.b-continues-future) .b-gripper-vert {
  display: none;
}
:is(.b-cal-event-wrap.b-rtl.b-hover-right.b-continues-past, .b-cal-event-wrap.b-rtl.b-hover-left.b-continues-future) .b-gripper-vert {
  display: none;
}
.b-cal-drag-proxy {
  position: absolute;
  pointer-events: none;
  opacity: 0.8;
  max-width: 17em;
}
:is(.b-day-view-content, .b-month-view-content) .b-cal-tentative-event {
  pointer-events: none;
}
.b-day-view-day-container .b-cal-tentative-event:not(.b-cal-tentative-event-first) .b-event-header,
.b-day-view-day-container .b-cal-tentative-event:not(.b-cal-tentative-event-first) .b-cal-event-desc {
  display: none;
}
.b-draggable-started:not(.b-year-view-content) {
  cursor: pointer;
}
.b-draggable-started:not(.b-year-view-content) .b-week-num,
.b-draggable-started:not(.b-year-view-content) .b-day-num,
.b-draggable-started:not(.b-year-view-content) .b-cal-cell-overflow {
  pointer-events: none;
}
.b-cal-event-wrap.b-resizing {
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.b-cal-tentative-event.b-cal-event-footer-desc-overlap .b-cal-event-footer,
.b-cal-event-wrap:not(.b-cal-tentative-event-last) .b-cal-event-footer {
  display: none;
}
.b-cal-event-footer {
  position: absolute;
  bottom: 0.5em;
  right: 0.7em;
  white-space: nowrap;
  font-size: .7em;
}
.b-rtl .b-cal-event-footer {
  right: auto;
  left: 0.7em;
}
:root,
:host {
  --b-calendar-event-buffer-background: var(--b-neutral-100);
  --b-calendar-event-buffer-border-color: var(--b-border-5);
  --b-calendar-event-buffer-color: var(--b-text-2);
}
.b-day-view {
  --bi-preamble-line-color: var(--b-calendar-event-buffer-border-color);
  --bi-event-preamble-background:
    linear-gradient(
      
      90deg,
      transparent,
      transparent calc(50% - 0.5px),
      var(--bi-preamble-line-color) calc(50% - 0.5px),
      var(--bi-preamble-line-color) calc(50% + 0.5px),
      transparent calc(50% + 0.5px),
      transparent 100%),
    linear-gradient(
      
      180deg,
      var(--bi-preamble-line-color) 1px,
      transparent 1px);
  --bi-event-postamble-background:
    linear-gradient(
      
      90deg,
      transparent,
      transparent calc(50% - 0.5px),
      var(--bi-preamble-line-color) calc(50% - 0.5px),
      var(--bi-preamble-line-color) calc(50% + 0.5px),
      transparent calc(50% + 0.5px),
      transparent 100%),
    linear-gradient(
      
      0deg,
      var(--bi-preamble-line-color) 1px,
      transparent 1px);
}
.b-cal-event-buffer {
  position: absolute;
  width: 100%;
  display: grid;
  grid-template-rows: 0;
  grid-template-columns: auto auto;
  place-items: center;
  place-content: center;
  background-size: 1em 100%;
  background-repeat: no-repeat;
  background-position: 50% 0%;
  color: #aaa;
  font-size: 10px;
  min-height: 1.5em;
  pointer-events: none;
}
.b-cal-event-buffer .b-travel-time-label[data-btip] {
  pointer-events: all;
}
.b-cal-event-buffer i {
  margin-inline-end: 0.5em;
}
.b-cal-preamble {
  bottom: 100%;
  background-image: var(--bi-event-preamble-background);
}
.b-cal-postamble {
  top: 100%;
  background-image: var(--bi-event-postamble-background);
}
.b-travel-time-label {
  border-radius: .7em;
  padding: .1em .7em;
  text-align: center;
  background: var(--b-calendar-event-buffer-background);
  color: var(--b-calendar-event-buffer-color);
  border: 1px solid var(--b-calendar-event-buffer-border-color);
}
:root,
:host {
  --b-external-event-drag-proxy-z-index: 10;
  --b-external-event-drop-indicator-z-index: 1;
}
.b-grid-to-cal-drag-proxy {
  position: absolute;
  pointer-events: none;
  opacity: 0.9;
  width: 15em;
  height: 25px;
  align-items: center;
  display: flex;
  overflow: hidden;
  text-overflow: ellipsis;
  z-index: var(--b-external-event-drag-proxy-z-index);
  background: var(--b-calendar-solid-bar-background);
  border-radius: var(--b-calendar-event-border-radius);
  color: var(--b-calendar-solid-bar-color);
  font-size: var(--b-month-view-event-bar-font-size);
  padding: 0 var(--b-calendar-event-bar-padding-start);
}
.b-grid-row.b-drop-above:before {
  content: "";
  position: absolute;
  height: 1px;
  width: 100%;
  z-index: var(--b-external-event-drop-indicator-z-index);
  background-color: var(--b-row-reorder-indicator-color, var(--b-secondary));
}
:is(.b-grid-row, .b-grid-header-container).b-drop-below:before {
  content: "";
  position: absolute;
  top: calc(100% - 1px);
  height: 1px;
  width: 100%;
  background-color: red;
  z-index: var(--b-external-event-drop-indicator-z-index);
}
:root,
:host {
  --b-cal-time-range-line-z-index: 1;
  --b-cal-time-range-body-z-index: -1;
  --b-calendar-time-range-border-width: 0.15em;
  --b-calendar-time-range-line-size: 0.2em;
  --b-calendar-time-range-line-zoom-scale: 2;
}
.b-colorize {
  --b-calendar-time-range-header-background: var(--b-primary-97);
  --b-calendar-time-range-border-color: var(--b-primary);
}
.b-internal {
  --bi-time-range-header-width: null;
}
:where(.b-day-view-day-detail:not(.b-day-view-inset-before, .b-day-view-inset-after) .b-cal-time-range-body) {
  background-color: var(--b-primary);
}
.b-day-view .b-day-view-day-detail.b-day-view-inset-before {
  --bi-start-inset: var(--bi-day-view-cell-inset-size);
}
.b-day-view .b-day-view-day-detail.b-day-view-inset-after {
  --bi-end-inset: var(--bi-day-view-cell-inset-size);
}
.b-day-view .b-cal-time-range {
  position: absolute;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  left: 0;
  right: 0;
}
.b-day-view .b-cal-time-range.b-cal-time-range-overlay-gutter {
  min-width: calc(100% + var(--bi-day-view-cell-gutter));
}
.b-day-view .b-cal-time-range:not(.b-cal-time-range-stretch, .b-cal-time-range-overlay-gutter) .b-cal-time-range-body {
  max-width: calc(100% - calc(var(--bi-start-inset, 0) + var(--bi-end-inset, 0)));
}
.b-day-view .b-cal-time-range.b-cal-time-range-line {
  border-style: solid;
  transition: scale 0.3s ease-in-out;
  z-index: var(--b-cal-time-range-line-z-index);
  border-color: var(--b-calendar-time-range-border-color);
  border-width: calc(var(--b-calendar-time-range-border-width)) 0 0 0;
  margin-top: calc(var(--b-calendar-time-range-line-size) / -2);
  min-height: var(--b-calendar-time-range-line-size);
  margin-inline-end: calc(-1 * var(--bi-day-view-cell-gutter));
}
.b-day-view .b-cal-time-range.b-cal-time-range-line.b-cal-time-range-hover-zoom:hover {
  scale: var(--b-calendar-time-range-line-zoom-scale);
}
.b-day-view .b-cal-time-range.b-cal-time-range-has-header::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  opacity: 0.5;
  inset-inline: 0;
  background-color: var(--b-calendar-time-range-border-color);
  width: var(--b-calendar-time-range-border-width);
}
.b-day-view .b-cal-time-range .b-cal-time-range-body {
  flex: 0 1 100%;
  pointer-events: none;
  z-index: var(--b-cal-time-range-body-z-index);
}
:is(.b-day-view .b-cal-time-range .b-cal-time-range-header, .b-day-view .b-cal-time-range .b-cal-time-range-footer):not(:empty) {
  flex: 0 0 var(--bi-day-view-cell-inset-size);
  display: flex;
  gap: 0.5em;
  align-items: center;
  justify-content: center;
}
.b-day-view .b-cal-time-range .b-cal-time-range-header {
  transition: background-color 0.1s;
  position: relative;
  background: var(--b-calendar-time-range-header-background);
  min-width: var(--bi-time-range-header-width);
}
.b-day-view .b-cal-time-range:not(.b-cal-time-range-narrow) .b-cal-time-range-header-text {
  font-size: 0.9em;
}
.b-day-view .b-cal-time-range-rotate-neg {
  align-self: center;
  writing-mode: vertical-lr;
  rotate: 180deg;
}
.b-day-view .b-cal-time-range-rotate-neg .b-cal-time-range-header i {
  rotate: 180deg;
}
.b-day-view .b-cal-time-range-rotate-pos {
  align-self: center;
  writing-mode: vertical-rl;
}
.b-day-view .b-cal-time-range-align-start {
  flex-direction: column-reverse;
}
.b-calendar.b-time-ranges-disabled .b-cal-time-range {
  display: none;
}
:is(.b-week-expander .b-has-overflow, .b-week-expander .b-shrinkwrapped) .b-week-number-cell {
  position: relative;
}
:is(.b-week-expander .b-has-overflow, .b-week-expander .b-shrinkwrapped) .b-week-number-cell .b-week-toggle-tool-wrap {
  order: 9999;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding-bottom: 4px;
}
:is(.b-week-expander .b-has-overflow, .b-week-expander .b-shrinkwrapped) .b-week-number-cell .b-week-toggle-tool-wrap .b-week-toggle-tool {
  height: 1.5em;
  width: 1.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
@media (pointer: coarse) {
  :is(.b-week-expander .b-has-overflow, .b-week-expander .b-shrinkwrapped) .b-week-number-cell .b-week-toggle-tool-wrap .b-week-toggle-tool {
    font-size: 1.5em;
    align-self: stretch;
  }
}
.b-week-expander .b-has-overflow .b-week-toggle-tool:before {
  content: "\f107";
}
.b-week-expander .b-shrinkwrapped.b-expanded .b-week-toggle-tool:before {
  content: "\f106";
}
.b-calendar-print-iframe {
  position: absolute;
  top: -1000em;
  left: -1000em;
}
.b-calendar.b-shrinkwrap-row-heights .b-print-content .b-weeks-container {
  flex: 0 0 auto;
}
.b-calendar .b-print-content {
  font-family:
    "Helvetica Neue",
    Arial,
    Helvetica,
    sans-serif;
  position: absolute;
  display: flex;
  flex-direction: column;
  height: 100%;
  width: 100%;
}
.b-calendar .b-print-content .b-print-header {
  font-size: 1.4em;
}
.b-calendar .b-print-content .b-print-body {
  flex: 1;
  display: flex;
}
.b-calendar .b-print-content .b-print-body .b-print-viewport {
  display: flex;
  flex: 1;
}
.b-calendar .b-print-content .b-print-body .b-print-viewport header {
  display: none;
}
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-calendar-mixin {
  padding: 0;
}
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-day-view,
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-week-view,
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-month-view {
  flex: 1 0 100%;
}
:is(.b-calendar .b-print-content .b-print-body .b-print-viewport .b-day-view, .b-calendar .b-print-content .b-print-body .b-print-viewport .b-week-view, .b-calendar .b-print-content .b-print-body .b-print-viewport .b-month-view) .b-month-view-content {
  padding: 0;
}
:is(.b-calendar .b-print-content .b-print-body .b-print-viewport .b-day-view, .b-calendar .b-print-content .b-print-body .b-print-viewport .b-week-view) .b-expand-all-day-button,
:is(.b-calendar .b-print-content .b-print-body .b-print-viewport .b-day-view, .b-calendar .b-print-content .b-print-body .b-print-viewport .b-week-view) .b-yscroll-pad {
  display: none;
}
:is(.b-calendar .b-print-content .b-print-body .b-print-viewport .b-day-view, .b-calendar .b-print-content .b-print-body .b-print-viewport .b-week-view) .b-day-view-day-content {
  overflow-y: hidden !important;
}
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-agenda-view .b-grid-body-container.b-widget-scroller {
  overflow-y: hidden !important;
}
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-year-view .b-yearv-iew-content {
  padding: 0;
  overflow-y: hidden !important;
}
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-year-view .b-year-view-month:nth-child(9),
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-year-view .b-year-view-month:nth-child(10),
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-year-view .b-year-view-month:nth-child(11),
.b-calendar .b-print-content .b-print-body .b-print-viewport .b-year-view .b-year-view-month:nth-child(12) {
  margin-bottom: 0;
}
:root,
:host {
  --b-calendar-view-padding-top: 1.2em;
  --b-calendar-event-border-radius: 5px;
  --b-calendar-overflow-popup-visible-z-index: 10;
  --b-calendar-cell-overflow-hover-border-radius: 4px;
  --b-calendar-foreground-color: var(--b-widget-color);
  --b-calendar-background: transparent;
  --b-calendar-border-color: var(--b-border-7);
  --b-calendar-date-hover-background: var(--b-neutral-95);
  --b-calendar-today-font-weight: null;
  --b-calendar-cell-overflow-color: var(--b-text-3);
  --b-calendar-cell-overflow-hover-background: var(--b-neutral-90);
  --b-calendar-cell-overflow-hover-color: null;
  --b-calendar-cell-active-overflow-color: var(--b-neutral-50);
  --b-calendar-selected-date-border: null;
  --b-calendar-week-cell-color: var(--b-text-1);
  --b-calendar-week-cell-background: null;
  --b-calendar-week-cell-hover-color: var(--b-neutral-20);
  --b-calendar-week-cell-hover-border-radius: 3px;
  --b-calendar-non-working-day-background: var(--b-neutral-98);
  --b-calendar-view-desc-color: var(--b-widget-color);
  --b-calendar-view-desc-font-size: 1.4em;
  --b-calendar-view-desc-font-weight: 400;
  --b-calendar-view-header-cell-weekend-color: var(--b-color-red);
  --b-calendar-view-header-cell-non-working-day-color: var(--b-color-red);
  --b-calendar-toolbar-border-bottom: 1px solid var(--b-calendar-border-color);
  --b-calendar-other-month-foreground-color: var(--b-text-4);
  --b-calendar-week-cell-hover-background: var(--b-calendar-date-hover-background);
  --b-calendar-today-background: var(--b-date-picker-today-background);
}
.b-calendar.b-outer {
  height: 100%;
}
.b-calendar,
.b-calendar-content {
  overflow: hidden;
}
.b-calendar {
  user-select: none;
  -webkit-user-select: none;
}
.b-calendar :is([role=gridcell]:not(.b-grid-cell), [role=columnheader]):focus-visible {
  outline: none;
  background-color: var(--b-calendar-focused-cell-background-color, var(--b-primary-95)) !important;
}
.b-calendar.b-overflow-popup-visible {
  z-index: var(--b-calendar-overflow-popup-visible-z-index);
}
.b-calendar .b-calendar-content {
  gap: 0;
}
.b-calendar .b-calendar-view-desc-text {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  text-transform: capitalize;
  color: var(--b-calendar-view-desc-color);
  font-size: var(--b-calendar-view-desc-font-size);
  font-weight: var(--b-calendar-view-desc-font-weight);
}
.b-calendar .b-calendar-toolbar {
  --bi-adjacent-button-border-radius: var(--b-button-icon-only-border-radius);
  --bi-adjacent-button-border-width: var(--b-button-border-width);
  --bi-prev-button-margin-start: inherit;
  background: transparent;
  border-bottom: var(--b-calendar-toolbar-border-bottom);
}
.b-calendar .b-calendar-toolbar:has([data-ref=prevButton] + [data-ref=nextButton]) {
  --bi-adjacent-button-border-radius: 0;
  --bi-adjacent-button-border-width: 0;
  --bi-prev-button-margin-start: calc(var(--b-toolbar-gap) * -1);
}
.b-calendar .b-calendar-toolbar [data-ref=nextButton] {
  margin-inline-start: var(--bi-prev-button-margin-start);
}
.b-calendar .b-calendar-toolbar [data-ref=prevButton].b-button-outlined {
  border-start-end-radius: var(--bi-adjacent-button-border-radius);
  border-end-end-radius: var(--bi-adjacent-button-border-radius);
  border-inline-end-width: var(--bi-adjacent-button-border-width);
}
.b-calendar .b-calendar-toolbar [data-ref=nextButton].b-button-outlined {
  border-start-start-radius: var(--bi-adjacent-button-border-radius);
  border-end-start-radius: var(--bi-adjacent-button-border-radius);
}
.b-calendar:not(.b-calendar-nav-toolbar) .b-calendar-toolbar .b-cal-nav-item {
  display: none;
}
.b-calendar:not(.b-calendar-nav-sidebar) .b-sidebar .b-cal-nav-item {
  display: none;
}
.b-calendar.b-responsive-small .b-calendar-view-desc {
  margin-inline-start: 0.5em;
}
.b-calendar.b-responsive-small .b-calendar-toolbar {
  --b-toolbar-min-size: 2em;
  --b-toolbar-padding: 0.2em;
}
.b-calendar.b-responsive-small .b-calendar-toolbar .b-calendar-view-desc-text {
  font-size: 120%;
}
.b-calendar.b-responsive-small .b-calendar-toolbar > .b-toolbar-content {
  gap: unset;
}
.b-calendar.b-responsive-small .b-calendar-toolbar button {
  --b-button-padding-inline: 1em;
  aspect-ratio: unset;
}
.b-calendar.b-responsive-small .b-calendar-toolbar button:not(.b-pressed) {
  background-color: transparent;
  border-color: transparent;
}
.b-calendar.b-responsive-small .b-calendar-toolbar .b-sidebar-toggle {
  margin-inline-end: 0.5em;
}
:is(.b-calendar.b-responsive-small .b-calendar-toolbar .b-calendar-mode-button, .b-calendar.b-responsive-small .b-calendar-toolbar .b-calendar-today-button) > .b-button-menu-icon,
:is(.b-calendar.b-responsive-small .b-calendar-toolbar .b-calendar-mode-button, .b-calendar.b-responsive-small .b-calendar-toolbar .b-calendar-today-button) > span {
  display: none;
}
.b-calendar:not(.b-responsive-small) .b-calendar-toolbar .b-calendar-mode-button > .b-button-icon {
  display: none;
}
:is(.b-calendar .b-calendar-view-container > .b-month-view, .b-calendar .b-calendar-view-container > .b-year-view) > .b-panel-body-wrap > .b-panel-content {
  padding-top: var(--b-calendar-view-padding-top);
}
.b-notransition:is(.b-calendar-mixin, .b-calendar) * {
  transition: none !important;
}
.b-panel-ui-calendar-banner.b-panel-header {
  --b-panel-header-padding: 2em 1em;
  --b-panel-header-border-bottom: var(--b-calendar-toolbar-border-bottom);
  --b-panel-header-color: var(--b-calendar-view-desc-color);
  --b-panel-header-font-size: var(--b-calendar-view-desc-font-size);
  --b-panel-header-font-weight: var(--b-calendar-view-desc-font-weight);
  --b-panel-header-background: var(--b-grid-toolbar-background);
  height: 42px;
}
.b-calendar-keyboard-actions-popup {
  --b-popup-background: var(--b-neutral-95);
  width: 44em;
  max-width: 90vw;
  max-height: min(90dvh, 58em);
}
.b-calendar-keyboard-actions-popup .b-header-title {
  text-align: center;
  font-size: 150%;
}
.b-calendar-keyboard-actions-popup .b-panel-content {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 1em;
}
.b-calendar-keyboard-actions-popup .b-panel-content .b-kbd-help-column-1 {
  justify-self: end;
  text-align: end;
  text-wrap-style: balance;
}
.b-calendar-keyboard-actions-popup .b-panel-content kbd {
  display: inline-block;
  border-radius: .25em;
  padding: 0.2em 0.5em;
  margin: 0 0.2em;
  line-height: 1;
  border: 1px solid var(--b-neutral-80);
  box-shadow: 0 1px 0 var(--b-neutral-80);
  background-color: var(--b-neutral-97);
}
:root,
:host {
  --b-calendar-event-focus-z-index: 3;
  --b-calendar-event-active-z-index: 10;
  --b-calendar-event-wrap-z-index: 1;
  --b-calendar-event-bar-gap: .5em;
  --b-calendar-event-bar-padding-start: .5em;
  --b-calendar-intraday-event-color: var(--b-primary-30);
  --b-calendar-focused-event-color: var(--b-neutral-100);
  --b-calendar-focused-event-background: var(--b-color-green);
  --b-calendar-intraday-event-hover-background: var(--b-neutral-95);
  --b-calendar-event-icon-size: 1em;
  --b-calendar-event-circle-icon-size: .5em;
  --b-calendar-solid-bar-opacity: .8;
  --b-calendar-event-avatar-size: 2em;
  --b-calendar-solid-bar-font-weight: 500;
  --b-calendar-solid-bar-font-size: 1em;
  --b-calendar-solid-bar-selected-color: var(--b-neutral-100);
  --b-calendar-event-font-size: .9em;
  --b-calendar-event-font-weight: 500;
  --b-overflow-button-background: unset;
  --bi-calendar-event-bar-background-fade: linear-gradient(color-mix(in srgb, var(--b-neutral-100), transparent 20%), color-mix(in srgb, var(--b-neutral-100), transparent 20%));
  --bi-calendar-event-bar-hover-background-fade: linear-gradient(color-mix(in srgb, var(--b-neutral-100), transparent 30%), color-mix(in srgb, var(--b-neutral-100), transparent 30%));
  --bi-calendar-event-bar-selected-background-fade: linear-gradient(color-mix(in srgb, var(--b-neutral-100), transparent 40%), color-mix(in srgb, var(--b-neutral-100), transparent 40%));
  --b-calendar-event-reveal-color: #fff;
}
.b-colorize {
  --b-calendar-event-color: var(--b-primary);
  --b-calendar-solid-bar-background: var(--b-primary-90);
  --b-calendar-solid-bar-selected-background: var(--b-primary-40);
  --b-calendar-solid-bar-color: var(--b-primary-40);
}
.b-internal {
  --bi-arrow-margin: null;
  --bi-arrow-width: null;
  --bi-event-count-dot-size: null;
  --bi-event-count-dot-gap: null;
  --bi-event-height: null;
}
.b-cal-view-readonly {
  filter: grayscale(75%);
  transition: filter 0.5s;
}
.b-show-events-dots {
  --bi-event-count-dot-size: 4px;
}
.b-cal-event-wrap {
  display: flex;
  transition: opacity var(--b-default-transition-duration);
  font-size: var(--b-calendar-event-font-size);
  font-weight: var(--b-calendar-event-font-weight);
}
.b-cal-event-wrap.b-read-only {
  filter: grayscale(75%);
  transition: filter 0.5s;
}
.b-grid-row .b-cal-event-wrap {
  transition: opacity var(--b-default-transition-duration)s;
}
.b-draggable-started .b-cal-event-wrap:not(.b-dragging-item) {
  pointer-events: none;
}
.b-draggable-started .b-cal-event-wrap.b-dragging-item {
  opacity: 0.5;
  outline: none;
  pointer-events: none;
}
.b-cal-event-wrap:hover {
  cursor: pointer;
}
.b-cal-event-wrap.b-intraday:not(.b-solid-bar, .b-custom-event-background) .b-cal-event .b-cal-event-body {
  --b-calendar-event-color: var(--b-calendar-intraday-event-color);
}
.b-cal-event-wrap.b-intraday:not(.b-solid-bar, .b-custom-event-background) .b-cal-event:hover {
  background: var(--b-calendar-intraday-event-hover-background);
}
.b-cal-event-wrap:focus-visible {
  outline: none;
  z-index: var(--b-calendar-event-focus-z-index) !important;
}
.b-cal-event-wrap:focus-visible .b-cal-event {
  clip-path: none !important;
  outline: var(--b-widget-focus-outline-width) solid var(--b-widget-focus-outline-color);
  outline-offset: calc(var(--b-widget-focus-outline-width) * -1);
}
.b-cal-event-wrap.b-active:not(.b-dragging-item, .b-cut-item) {
  clip: unset;
  z-index: var(--b-calendar-event-active-z-index) !important;
}
.b-offset-continues-past .b-cal-event-wrap.b-continues-past {
  margin-inline-start: var(--bi-arrow-margin);
}
.b-cal-event-wrap.b-continues-past:not(.b-rtl) .b-cal-event {
  padding-left: calc(var(--bi-arrow-width) + var(--b-calendar-event-bar-padding-start));
  clip-path: polygon(var(--bi-left-arrow-clip-path));
}
.b-cal-event-wrap.b-continues-past.b-rtl .b-cal-event {
  padding-right: calc(var(--bi-arrow-width) + var(--b-calendar-event-bar-padding-start));
  clip-path: polygon(var(--bi-right-arrow-clip-path));
}
.b-cal-event-wrap.b-continues-future:not(.b-rtl) .b-cal-event {
  padding-right: calc(var(--bi-arrow-width) + var(--b-calendar-event-bar-padding-start));
  clip-path: polygon(var(--bi-right-arrow-clip-path));
}
.b-cal-event-wrap.b-continues-future.b-rtl .b-cal-event {
  padding-left: calc(var(--bi-arrow-width) + var(--b-calendar-event-bar-padding-start));
  clip-path: polygon(var(--bi-left-arrow-clip-path));
}
.b-cal-event-wrap.b-continues-past.b-continues-future .b-cal-event {
  clip-path: polygon(var(--bi-arrow-left-arrow-right-clip-path));
}
.b-cal-event-wrap.b-use-text-color .b-cal-event,
.b-cal-event-wrap.b-use-text-color .b-cal-event .b-cal-event-body,
.b-cal-event-wrap.b-use-text-color .b-cal-event .b-event-header,
.b-cal-event-wrap.b-use-text-color .b-cal-event .b-cal-event-desc {
  color: var(--bi-calendar-event-text-color) !important;
}
.b-cal-event-wrap.b-use-text-color .b-cal-event .b-icon {
  color: var(--bi-calendar-event-text-color);
}
.b-cal-event-wrap.b-focused .b-cal-event {
  background-color: var(--b-calendar-focused-event-background) !important;
  color: var(--b-calendar-focused-event-color) !important;
}
.b-cal-event-wrap .b-cal-event {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  overflow: hidden;
  line-height: 1;
  transition: background var(--b-default-transition-duration), color var(--b-default-transition-duration);
  contain: content;
  border-radius: var(--b-calendar-event-border-radius);
  color: var(--b-calendar-intraday-event-color);
  --b-avatar-size: var(--b-calendar-event-avatar-size);
}
.b-cal-event-wrap .b-cal-event .b-icon:where(:not(.b-tool)) {
  flex-shrink: 0;
  display: flex;
}
.b-cal-event-wrap img.b-resource-avatar {
  border: var(--b-resource-avatar-border-width) solid var(--b-calendar-event-color);
}
.b-cal-event-wrap.b-solid-bar .b-cal-event {
  background: var(--b-calendar-solid-bar-background);
  font-weight: var(--b-calendar-solid-bar-font-weight);
  font-size: var(--b-calendar-solid-bar-font-size);
}
.b-cal-event-wrap.b-solid-bar .b-resource-avatar {
  border: var(--b-resource-avatar-border-width) solid var(--b-resource-avatar-border-color);
}
.b-cal-event-wrap .b-cal-event-resource-avatars {
  gap: inherit;
  display: flex;
  flex-direction: row;
  flex-shrink: 0;
}
.b-cal-event-wrap :not(.b-calendar-cell)[data-resource-id] {
  cursor: pointer;
}
.b-cal-event-wrap .b-cal-event-body {
  white-space: nowrap;
  overflow: hidden;
  line-height: var(--b-day-view-event-name-line-height);
}
.b-cal-event-wrap .b-cal-event-body .b-cal-event-desc {
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}
.b-cal-event-wrap .b-draggable-active .b-calendar-cell {
  user-select: none;
  -webkit-user-select: none;
}
.b-cal-event-name {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: var(--b-day-view-event-name-line-height);
  min-height: 1lh;
}
.b-cal-event-desc-complex {
  display: flex;
  align-items: center;
  gap: var(--b-calendar-event-bar-gap);
}
.b-cal-event-bar-container {
  --bi-left-arrow-clip-path:
    0 50%,
    var(--bi-arrow-width) 0,
    100% 0,
    100% 100%,
    var(--bi-arrow-width) 100%;
  --bi-right-arrow-clip-path:
    0 0,
    calc(100% - var(--bi-arrow-width)) 0,
    100% 50%,
    calc(100% - var(--bi-arrow-width)) 100%,
    0 100%;
  --bi-arrow-left-arrow-right-clip-path:
    0 50%,
    var(--bi-arrow-width) 0,
    calc(100% - var(--bi-arrow-width)) 0,
    100% 50%,
    calc(100% - var(--bi-arrow-width)) 100%,
    var(--bi-arrow-width) 100%;
  flex: 1;
  display: flex;
  flex-flow: column;
  overflow: visible;
}
:is(.b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-cal-event-reveal, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-editing, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-selected, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-active) .b-cal-event {
  background: var(--b-calendar-event-color);
}
:is(.b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-cal-event-reveal, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-editing, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-selected, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-active) .b-cal-event:hover {
  background: var(--b-calendar-event-color);
}
:is(.b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-cal-event-reveal, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-editing, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-selected, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-active) .b-cal-event .b-cal-event-icon,
:is(.b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-cal-event-reveal, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-editing, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-selected, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-active) .b-cal-event .b-cal-recurrence-icon,
:is(.b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-cal-event-reveal, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-editing, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-selected, .b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar).b-active) .b-cal-event .b-cal-event-body {
  color: var(--b-calendar-event-reveal-color);
}
.b-cal-event-bar-container .b-cal-event-wrap.b-solid-bar {
  opacity: var(--b-calendar-solid-bar-opacity);
}
.b-cal-event-bar-container .b-cal-event-wrap.b-solid-bar.b-cal-event-reveal,
.b-cal-event-bar-container .b-cal-event-wrap.b-solid-bar.b-editing,
.b-cal-event-bar-container .b-cal-event-wrap.b-solid-bar:hover {
  opacity: 1;
}
.b-cal-event-bar-container .b-cal-event-wrap.b-solid-bar.b-dragging-item {
  opacity: 0.5;
}
.b-cal-event-bar-container .b-cal-event-wrap.b-solid-bar.b-selected {
  --b-calendar-solid-bar-background: var(--b-calendar-solid-bar-selected-background);
}
.b-cal-event-bar-container .b-cal-event-wrap.b-solid-bar.b-selected .b-cal-event,
.b-cal-event-bar-container .b-cal-event-wrap.b-solid-bar.b-selected .b-cal-event-body {
  --b-calendar-solid-bar-color: var(--b-calendar-solid-bar-selected-color);
}
.b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar) .b-cal-event .b-icon {
  justify-content: center;
  width: var(--b-calendar-event-icon-size);
}
.b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar) .b-cal-event .b-icon::before {
  font-size: var(--b-calendar-event-icon-size);
}
.b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar) .b-cal-event .b-icon.b-icon-circle::before {
  font-size: var(--b-calendar-event-circle-icon-size);
}
.b-cal-event-bar-container .b-cal-event-wrap:not(.b-solid-bar, .b-use-text-color) .b-cal-event .b-icon {
  color: var(--b-primary);
}
.b-cal-event-bar-container .b-cal-event {
  padding: 0 var(--b-calendar-event-bar-padding-start);
  gap: var(--b-calendar-event-bar-gap);
}
.b-cal-event-bar-container .b-event-name {
  display: flex;
  align-items: center;
  gap: 0.4em;
}
.b-cal-event-bar-container .b-solid-bar .b-event-time,
.b-cal-event-bar-container .b-solid-bar .b-cal-event-desc,
.b-cal-event-bar-container .b-solid-bar .b-icon {
  color: var(--b-calendar-solid-bar-color);
}
.b-custom-event-background .b-cal-event {
  background: var(--bi-calendar-event-bar-background-fade), var(--bi-calendar-event-bar-background);
  --b-calendar-event-color: var(--bi-calendar-event-bar-background-fade), var(--bi-calendar-event-bar-background);
  --b-calendar-event-reveal-color: var(--b-neutral-0);
}
.b-custom-event-background:hover {
  --bi-calendar-event-bar-background-fade: var(--bi-calendar-event-bar-hover-background-fade);
}
.b-custom-event-background.b-selected {
  --bi-calendar-event-bar-background-fade: var(--bi-calendar-event-bar-selected-background-fade);
}
.b-day-cell-renderer .b-calendar-cell {
  position: initial;
}
.b-day-cell-renderer {
  --b-overflow-button-height: var(--bi-event-height);
}
.b-day-cell-renderer .b-cal-event-bar-container {
  flex-grow: 1;
  contain: style;
  position: initial;
}
.b-day-cell-renderer .b-cal-event-bar-container .b-cal-event-wrap {
  position: absolute;
  padding-right: calc(var(--b-month-view-cell-border-width) + var(--b-month-view-event-padding));
  padding-left: var(--b-month-view-event-padding);
  z-index: var(--b-calendar-event-wrap-z-index);
}
.b-day-cell-renderer .b-cal-event-bar-container .b-cal-event-wrap.b-overflow {
  opacity: 0;
  pointer-events: none;
  max-width: 14%;
}
.b-day-cell-renderer .b-cal-event-bar-container .b-cal-event-wrap.b-overflow:focus-visible {
  opacity: 1;
  outline: var(--b-widget-focus-outline-width) solid var(--b-widget-focus-outline-color);
  outline-offset: calc(var(--b-widget-focus-outline-width) * -1);
}
.b-day-cell-renderer .b-cal-event-bar-container .b-cal-event-wrap.b-overflow:focus-visible .b-cal-event {
  outline: none;
}
.b-day-cell-renderer .b-cal-cell-overflow:not(.b-calendar-cell),
.b-day-cell-renderer .b-cal-cell-no-content {
  flex: 0 0 auto;
  align-self: stretch;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  font-family: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0 none;
  background: var(--b-overflow-button-background);
  text-overflow: ellipsis;
  overflow: hidden;
  border-radius: var(--b-calendar-cell-overflow-hover-border-radius);
  color: var(--b-calendar-cell-overflow-color);
  line-height: var(--b-overflow-button-height);
  margin: 0 var(--b-month-view-event-padding) var(--bi-event-spacing);
  padding: 0 var(--b-calendar-event-bar-padding-start);
}
:is(.b-day-cell-renderer .b-cal-cell-overflow:not(.b-calendar-cell), .b-day-cell-renderer .b-cal-cell-no-content):hover,
:is(.b-day-cell-renderer .b-cal-cell-overflow:not(.b-calendar-cell), .b-day-cell-renderer .b-cal-cell-no-content):focus-within {
  background: var(--b-calendar-cell-overflow-hover-background);
  color: var(--b-calendar-cell-overflow-hover-color);
}
:is(.b-day-cell-renderer .b-cal-cell-overflow:not(.b-calendar-cell), .b-day-cell-renderer .b-cal-cell-no-content).b-active {
  font-weight: bold;
  letter-spacing: normal;
  color: var(--b-calendar-cell-active-overflow-color);
  outline-color: var(--b-primary-30);
}
@media (max-width: 420px) {
  .b-day-cell-renderer .b-cal-cell-overflow:not(.b-calendar-cell),
  .b-day-cell-renderer .b-cal-cell-no-content {
    font-size: 80%;
  }
}
.b-day-cell-renderer .b-cal-cell-no-content {
  padding: 0.1em 0;
  white-space: normal;
  display: inline-block;
  line-height: initial;
  letter-spacing: 0.3px;
}
.b-day-cell-renderer .b-calendar-cell:last-child .b-cal-event-bar-container .b-cal-event-wrap.b-overflow {
  right: 0;
}
.b-cal-minimal-event-container {
  flex-wrap: wrap;
  row-gap: 1px;
  opacity: 0.6;
  column-gap: var(--bi-event-count-dot-gap);
  min-height: var(--bi-extra-cell-padding);
  align-content: end;
}
.b-cal-minimal-event-container .b-cal-event-wrap {
  position: static !important;
  border-radius: 50%;
  padding: 0 !important;
  height: var(--bi-event-count-dot-size);
  width: var(--bi-event-count-dot-size);
  --b-calendar-solid-bar-background: var(--b-calendar-event-color);
}
.b-cal-minimal-event-container .b-cal-event {
  padding: 0;
  background-color: var(--b-calendar-event-color);
}
.b-event-count-dots-striped .b-cal-minimal-event-container {
  column-gap: 0;
  flex-wrap: nowrap;
  inset: auto auto -2px auto;
  border-radius: var(--bi-event-count-dot-size);
  min-height: fit-content;
}
.b-event-count-dots-striped .b-cal-minimal-event-container .b-cal-event-wrap,
.b-event-count-dots-striped .b-cal-minimal-event-container .b-cal-event {
  border-radius: 0;
}
.b-calendar.b-is-highlighting .b-cal-event-wrap:not(.b-highlighted) {
  transition: opacity 0.4s;
  opacity: .2;
}
.b-cal-tooltip-duration,
.b-cal-tooltip-recurrence {
  display: flex;
  gap: 0.5em;
}
:is(.b-cal-tooltip-duration, .b-cal-tooltip-recurrence) i {
  justify-content: center;
  color: var(--b-clock-hand-color);
  width: var(--b-clock-size);
}
.b-calendar-full-week-button {
  margin-inline-end: 1em;
}
.b-calendar:not(.b-calendar-include-weekends-button) .b-calendar-full-week-button {
  display: none;
}
.b-mode-selector {
  flex-basis: min-content;
  flex-shrink: 0;
}
.b-mode-selector.b-minified > :not(.b-calendar-mode-button) {
  display: none;
}
.b-mode-selector:not(.b-minified) > .b-calendar-mode-button {
  display: none;
}
.b-menu-item-key {
  margin-inline-start: auto;
  flex-basis: 1em;
  text-align: center;
}
:root,
:host {
  --b-month-agenda-view-weeks-z-index: 1;
}
.b-month-agenda-view {
  --b-agenda-view-cell-padding: 0;
  --b-date-picker-min-width: 0;
}
.b-month-agenda-view .b-calendar-day-header {
  padding-block: 0.5em 0;
}
.b-month-agenda-view .b-calendar-week .b-calendar-cell .b-date-picker-cell-inner {
  margin-bottom: 0.2em;
}
.b-month-agenda-view .b-weeks-container {
  --b-calendar-panel-cell-display: flex;
  gap: 0;
  z-index: var(--b-month-agenda-view-weeks-z-index);
  border-bottom: 1px solid var(--b-calendar-border-color);
}
.b-month-agenda-view .b-month-agenda-agenda[data-duration="1"] .b-cal-agenda-date,
.b-month-agenda-view .b-month-agenda-agenda[data-duration="1"] .b-calendar-row-header {
  display: none;
}
.b-month-agenda-view .b-month-agenda-agenda[data-duration="1"] .b-grid-row {
  border: 0 none;
  min-height: 100%;
}
.b-month-agenda-view .b-month-agenda-agenda[data-duration="1"] .b-grid-row.b-hover,
.b-month-agenda-view .b-month-agenda-agenda[data-duration="1"] .b-grid-row .b-grid-cell:not(:focus-visible) {
  background-color: inherit !important;
}
.b-month-agenda-view .b-month-agenda-agenda:not([data-duration="1"]) .b-cal-agenda-date-date-number {
  font-size: 2em;
}
@media (max-height: 600px) {
  .b-month-agenda-view .b-weeks-container {
    font-size: 85%;
  }
  .b-month-agenda-view .b-calendar-week .b-calendar-cell .b-date-picker-cell-inner {
    margin: 0;
  }
  .b-month-agenda-view .b-panel-header {
    padding-block: 0.5em;
  }
  .b-month-agenda-view .b-cal-agenda-event-row {
    margin-bottom: calc(var(--bi-event-row-spacing) / 2);
  }
}
@media (max-width: 450px) {
  .b-month-agenda-view .b-agenda-view .b-cal-event-bar-container {
    margin-inline-start: 1em;
  }
}
:root,
:host {
  --b-overflow-popup-z-index: 20;
}
.b-overflow-popup {
  min-width: 13em;
  max-width: 30em;
  position: fixed !important;
  z-index: var(--b-overflow-popup-z-index);
}
.b-overflow-popup .b-widget.b-cal-event-bar-container {
  flex: 0 0 auto;
}
.b-overflow-popup .b-widget.b-cal-event-bar-container .b-cal-event-wrap {
  flex-shrink: 0;
}
.b-overflow-popup-content:has(> .b-calendar-mixin) {
  --b-agenda-view-cell-padding-block: 0.5em;
  --b-agenda-view-cell-padding-inline: 0.5em;
  padding: 0 !important;
}
.b-overflow-popup-content:has(> .b-calendar-mixin) .b-calendar-row-header,
.b-overflow-popup-content:has(> .b-calendar-mixin) .b-cal-agenda-date {
  display: none !important;
}
.b-visible-scrollbar .b-overflow-popup-content:has(> .b-cal-event-bar-container.b-vertical-overflow) {
  padding-inline-end: 0;
}
.b-day-cell-collecter .b-overflow-popup-content {
  contain: style !important;
  flex-flow: column nowrap;
  align-items: stretch;
}
.b-day-cell-collecter .b-overflow-popup-content .b-cal-event-wrap {
  flex-shrink: 0;
  position: relative !important;
}
:root,
:host {
  --b-sidebar-border-inline-end: null;
  --b-sidebar-width: auto;
}
.b-internal {
  --bi-scrollbar-width: null;
}
.b-sidebar {
  flex-shrink: 0;
  border-inline-end: var(--b-sidebar-border-inline-end);
  flex-basis: var(--b-sidebar-width);
  --b-panel-padding: 1em;
  --b-toolbar-padding: 0 0 1em 0;
  --b-toolbar-gap: 0.5em;
  --b-date-picker-day-font-size: 0.85em;
  --b-date-picker-date-font-size: 0.85em;
  --b-date-picker-toolbar-font-size: .9em;
  --b-date-picker-min-width: 0;
  --b-calendar-panel-weeks-gap: 0;
  --b-year-picker-padding: 0;
  transition: var(--b-default-panel-transition), flex-basis var(--b-default-transition-duration) ease;
}
.b-sidebar .b-calendar-date-picker {
  margin-top: .5em;
  --b-button-height: auto;
}
.b-sidebar.b-has-date-picker {
  --b-sidebar-width: 17.5em;
  flex-basis: var(--b-sidebar-width);
}
.b-sidebar.b-has-date-picker:has(.b-sidebar-content.b-vertical-overflow) {
  flex-basis: calc(var(--b-sidebar-width) + var(--bi-scrollbar-width));
}
.b-sidebar.b-date-picker-with-events {
  --b-sidebar-width: 20em;
}
.b-sidebar.b-collapsed,
.b-sidebar.b-collapsing {
  --b-sidebar-width: 0 !important;
  --bi-scrollbar-width: 0 !important;
}
.b-sidebar [data-ref=resourceFilter]:not(.b-empty) {
  min-height: 8em;
}
.b-calendar:has(.b-sidebar + .b-splitter.b-moving) .b-sidebar {
  transition: none;
}
.b-time-visualizing-editor {
  --bi-time-visualizer-width: 21em;
  --bi-with-time-visualizer-width: 50em;
}
.b-time-visualizing-editor.b-maximized:has([data-duration="7"]) {
  --bi-time-visualizer-width: 40vw;
}
.b-time-visualizing-editor:has(.b-time-visualizing-editor-content.b-showing-visualizer) {
  width: var(--bi-with-time-visualizer-width);
}
.b-time-visualizing-editor .b-time-visualizing-editor-content.b-showing-visualizer {
  grid-template-columns: minmax(min-content, 1fr) minmax(min-content, 1fr) var(--bi-time-visualizer-width);
}
.b-time-visualizing-editor .b-time-visualizing-editor-content.b-showing-visualizer > [data-ref=timeVisualizerCalendar] {
  grid-row: 1 / calc(var(--bi-editor-rows) + 1);
  grid-column: 3;
  align-self: stretch;
  border: 1px solid var(--b-calendar-border-color);
  border-radius: var(--b-widget-border-radius);
}
.b-time-visualizing-editor .b-event-editor-time-visualizer .b-calendar-row .b-calendar-row-body.b-zero-height {
  max-height: unset;
  border-top: 1px solid var(--b-calendar-border-color);
}
.b-time-visualizing-editor .b-event-editor-time-visualizer .b-calendar-row .b-calendar-row-cell-container {
  min-height: calc(var(--bi-event-height) + var(--bi-event-spacing));
}
.b-time-visualizing-editor .b-event-editor-time-visualizer .b-cal-event-wrap.b-read-only {
  opacity: 0.4;
}
.b-time-visualizing-editor .b-event-editor-time-visualizer .b-cal-event-wrap.b-read-only:not(.was-read-only) {
  filter: none;
}
.b-time-visualizing-editor.b-maximized .b-time-visualizing-editor-content.b-showing-visualizer {
  grid-template-columns: 14em 14em 1fr;
}
.b-time-visualizing-editor.b-maximized .b-time-visualizing-editor-content {
  container-type: size;
}
.b-time-visualizing-editor.b-maximized .b-time-visualizing-editor-content > [data-ref=timeVisualizerCalendar] {
  grid-row: 1 / calc(var(--bi-editor-rows) + 2);
  height: 100cqh;
}
.b-time-visualizing-editor.b-maximized.b-mobile .b-time-visualizing-editor-content {
  padding-top: var(--b-widget-padding-large);
}
:root,
:host {
  --b-calendar-week-badge-background-color: var(--b-neutral-95);
  --b-calendar-week-badge-color: var(--b-text-1);
  --b-calendar-week-badge-font-weight: 500;
  --b-calendar-week-badge-font-size: 0.6em;
  --b-calendar-week-badge-gap: 0.5em;
  --b-calendar-week-badge-padding: 0.3em 0.5em;
  --b-calendar-week-badge-border-radius: 0.5em;
}
[data-mode^=week] .b-calendar-view-desc-text {
  display: flex;
  column-gap: var(--b-calendar-week-badge-gap);
}
[data-mode^=week] .b-calendar-view-desc-range {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
[data-mode^=week] .b-calendar-view-desc-week-badge {
  align-self: center;
  text-box-trim: trim-both;
  min-width: fit-content;
  padding: var(--b-calendar-week-badge-padding);
  border-radius: var(--b-calendar-week-badge-border-radius);
  color: var(--b-calendar-week-badge-color);
  background-color: var(--b-calendar-week-badge-background-color);
  font-size: var(--b-calendar-week-badge-font-size);
  font-weight: var(--b-calendar-week-badge-font-weight);
}
:root,
:host {
  --b-year-planner-row-gap: 0;
  --b-year-planner-background: var(--b-calendar-background);
  --b-year-planner-month-label-font-size: 1em;
  --b-year-planner-month-label-color: var(--b-calendar-foreground-color);
  --b-year-planner-month-label-background: transparent;
  --b-year-planner-day-header-font-size: 0.85em;
  --b-year-planner-day-header-color: var(--b-text-3);
  --b-year-planner-day-header-background: var(--b-neutral-98);
  --b-year-planner-border-color: var(--b-calendar-border-color);
  --b-year-planner-weekend-background-color: var(--b-calendar-non-working-day-background);
  --b-year-planner-other-month-background-color: var(--b-neutral-95);
  --b-year-planner-other-month-border-color: transparent;
  --year-planner-header-border-bottom-width: null;
}
.b-year-planner-content {
  padding: 0;
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  gap: var(--b-year-planner-row-gap);
}
.b-year-planner-content > .b-calendar-row {
  flex: 1 1 0;
  min-height: calc(100% / var(--bi-visible-month-rows));
}
.b-year-planner {
  --bi-row-header-width: 9ch;
  --bi-row-prefix-border-width: 1px 1px 0 0;
  --bi-cell-header-border-width: 1px 1px 1px 0;
  --bi-cell-border-width: 0 1px 0 0;
  background: var(--b-year-planner-background);
}
.b-year-planner.b-rtl {
  --bi-row-prefix-border-width: 1px 0 0 1px;
  --bi-cell-header-border-width: 1px 0 1px 1px;
  --bi-cell-border-width: 0 0 0 1px;
}
.b-year-planner [data-ref=monthButtons]:only-child {
  margin-inline: auto;
}
.b-year-planner [data-ref=monthButtons] button {
  min-width: 4em;
}
.b-responsive-medium .b-year-planner [data-ref=monthButtons] button {
  padding-inline: 0.5em;
  min-width: 3em;
}
.b-responsive-medium .b-year-planner [data-ref=monthButtons] button {
  padding-inline: 0.2em;
  min-width: 0;
}
.b-year-planner-toolbar {
  border-bottom: 1px solid var(--b-year-planner-border-color);
}
.b-year-planner-day-header-cell {
  flex: 1 0 0;
  min-width: 0;
  overflow: hidden;
  text-align: center;
  border: 0 solid var(--b-year-planner-border-color);
  font-size: var(--b-year-planner-day-header-font-size);
  color: var(--b-year-planner-day-header-color);
  background: var(--b-year-planner-day-header-background);
}
.b-year-planner-day-header-cell:not(.b-last-day) {
  border-inline-end-width: 1px;
}
.b-year-planner-day-names-start {
  flex: 0 0 var(--bi-row-header-width);
  font-size: 1em;
}
.b-year-planner-day-names {
  flex: 0 0 auto;
}
.b-year-planner-month-name {
  margin-bottom: 1em;
}
.b-expand-yearplannerrow-button {
  border: 0 none;
  background-color: transparent;
  transition: transform 0.3s;
  display: flex;
  height: 1.5em;
  width: 1.5em;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: inherit;
}
.b-year-planner-month-label {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.3em;
  font-weight: 500;
  min-height: 3em;
  font-size: var(--b-year-planner-month-label-font-size);
  color: var(--b-year-planner-month-label-color);
  background: var(--b-year-planner-month-label-background);
  border-bottom: 1px solid var(--b-year-planner-border-color);
  border-inline-end: 1px solid var(--b-year-planner-border-color);
}
.b-year-planner-month-container {
  min-height: 3em;
  overflow: hidden;
  border-bottom: 1px solid var(--b-year-planner-border-color);
}
.b-year-planner-month-container .b-calendar-row-header {
  display: none;
}
div.b-year-planner-row {
  flex: 1;
  max-width: 100%;
  container-type: inline-size;
  container-name: year-planner-row;
}
div.b-year-planner-row .b-year-planner-row-body {
  border-top: 0 none !important;
}
div.b-year-planner-row.b-expanded .b-expand-year-planner-row-button {
  rotate: -180deg;
}
div.b-year-planner-row .b-year-planner-row-prefix {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-width: var(--bi-row-prefix-border-width);
  border-style: solid;
  padding-inline: 0.25em;
  cursor: pointer;
  border-color: var(--b-year-planner-border-color);
  background: var(--b-neutral-95);
}
div.b-year-planner-row:not(.b-has-overflow, .b-expanded) .b-year-planner-row-prefix {
  cursor: initial;
}
div.b-year-planner-row:not(.b-has-overflow, .b-expanded) .b-expand-year-planner-row-button {
  opacity: 0.3;
  pointer-events: none;
}
div.b-year-planner-row .b-year-planner-row-cell-container {
  overflow: hidden;
}
div.b-year-planner-row .b-cal-cell-header {
  flex: 1 0 0;
  flex-flow: row nowrap;
  border-width: var(--bi-cell-header-border-width);
  border-style: solid;
  padding: 0;
  justify-content: center;
  border-color: var(--b-year-planner-border-color);
  border-bottom: var(--year-planner-header-border-bottom-width, 0) solid var(--b-year-planner-border-color);
}
div.b-year-planner-row .b-cal-cell-header .b-day-name-date {
  font-size: 0.8em;
  height: 1.3em;
  width: 1.3em;
}
div.b-year-planner-row .b-cal-cell-header .b-day-name-day {
  display: none;
}
div.b-year-planner-row.b-responsive-small .b-cal-cell-header {
  padding-block-start: 0;
}
div.b-year-planner-row.b-responsive-small .b-cal-cell-header .b-day-name-date {
  font-size: 0.8em;
}
div.b-year-planner-row.b-responsive-small .b-cal-cell-header .b-dayname-date > * {
  font-size: 0.8em;
}
div.b-year-planner-row .b-calendar-row-body:not(:empty) {
  border-top: 0 none;
}
div.b-year-planner-row .b-calendar-cell {
  flex: 1 0 0;
  border-width: var(--bi-cell-border-width);
  border-style: solid;
  border-color: var(--b-year-planner-border-color);
}
div.b-year-planner-row .b-calendar-cell .b-cal-cell-overflow {
  letter-spacing: -0.5px;
  font-size: 85%;
}
div.b-year-planner-row :is(.b-cal-cell-header, .b-calendar-cell):last-child {
  border-inline-end-width: 0;
}
div.b-year-planner-row :is(.b-cal-cell-header, .b-calendar-cell).b-weekend {
  background-color: var(--b-year-planner-weekend-background-color);
}
div.b-year-planner-row :is(.b-cal-cell-header, .b-calendar-cell).b-other-month {
  background-color: var(--b-year-planner-other-month-background-color);
  border-inline-end-color: var(--b-year-planner-other-month-border-color);
}
div.b-year-planner-row :is(.b-cal-cell-header, .b-calendar-cell).b-other-month > * {
  display: none;
}
div.b-year-planner-row :is(.b-cal-cell-header, .b-calendar-cell).b-other-month[data-end-of] {
  border-inline-end: 1px solid var(--b-year-planner-border-color);
}
@container year-planner-row (width < 1240px) {
  .b-calendar-row-body {
    --b-calendar-event-bar-padding-start: 0.2em;
  }
  .b-cal-cell-overflow {
    justify-content: start !important;
  }
}
:root,
:host {
  --b-day-view-event-desc-line-height: null;
  --b-day-view-event-body-padding: .4em;
  --b-day-view-event-border: null;
  --b-day-view-event-border-inline-start-width: 4px;
  --b-day-view-event-border-radius: var(--b-calendar-event-border-radius);
  --b-day-view-event-name-line-height: 1.4;
  --b-day-view-split-width: 1px;
  --b-day-view-all-day-height-transition-duration: 0.3s;
  --b-day-view-border-color: var(--b-calendar-border-color);
  --b-day-view-hour-line-color: var(--b-neutral-90);
  --b-day-view-half-hour-line-color: var(--b-neutral-92);
  --b-day-view-outside-core-hours-color: color-mix(in srgb, var(--b-neutral-90), transparent 70%);
  --b-day-view-foreground-color: var(--b-text-2);
  --b-day-view-inset-background: color-mix(in srgb, var(--b-neutral-90), transparent 80%);
  --b-day-view-time-axis-color: var(--b-neutral-60);
  --b-day-view-time-axis-hour-color: var(--b-text-3);
  --b-day-view-non-working-day-background: color-mix(in srgb, var(--b-neutral-90), transparent 80%);
  --b-day-view-time-indicator-color: var(--b-color-deep-orange);
  --b-day-view-body-hover-mask-color: rgba(100, 100, 100, 0.1);
  --b-day-view-body-selected-mask-color: rgba(50, 50, 50, 0.1);
  --b-day-view-background: var(--b-neutral-100);
  --b-day-view-resource-avatar-hover-scale: 1.1;
  --b-day-view-today-background: null;
  --b-day-view-event-selected-color: var(--b-neutral-100);
  --b-day-view-day-change-line-color: var(--b-neutral-70);
  --b-day-view-detail-z-index: 0;
  --b-day-view-inset-z-index: -1;
  --b-day-view-event-overflow-z-index: 1;
  --b-day-view-all-day-row-z-index: 2;
  --b-day-view-event-wrap-z-index: 2;
  --b-day-view-editing-z-index: 3;
  --b-day-view-time-on-top-z-index: 3;
  --b-day-view-content-z-index: 1;
  --b-day-view-time-axis-current-z-index: 1;
  --b-day-view-avatar-hover-z-index: 1;
  --b-day-view-tentative-z-index: 20;
  --b-day-view-day-change-line-z-index: -1;
}
.b-colorize {
  --b-day-view-event-color: var(--b-primary-30);
  --b-day-view-event-border-inline-start-color: var(--b-primary-50);
  --b-day-view-body-background: var(--b-primary-95);
  --b-day-view-event-hover-body-background: var(--b-primary-90);
  --b-day-view-event-selected-body-background: var(--b-primary-50);
  --b-day-view-focus-outline-color: var(--b-primary-30);
}
.b-internal {
  --bi-range-magnitude: null;
  --bi-current-time-seconds: null;
  --bi-current-time-position: null;
  --bi-current-time: null;
  --bi-second-height: null;
  --bi-time-axis-width: null;
  --bi-day-view-cell-gutter: null;
  --bi-day-view-cell-gutter-start: null;
  --bi-day-view-cell-gutter-end: null;
  --bi-day-view-cell-inset-size: null;
  --bi-day-view-min-event-height: null;
  --bi-half-hour-height: null;
  --bi-hour-height: null;
  --bi-fifteen-minute-height: null;
  --bi-ten-minute-height: null;
  --bi-five-minute-height: null;
  --bi-twelve-minute-height: null;
  --bi-six-minute-height: null;
  --bi-subtick-background: null;
  --bi-tick-background: null;
  --bi-tick-height: null;
  --bi-leaf-tick-height: null;
  --bi-day-start-offset: null;
  --bi-day-height: null;
  --bi-dashed-subtick-background: null;
  --bi-tick-rowspan: null;
  --bi-tick-index: null;
  --bi-day-length: null;
  --bi-event-spacing-top: null;
  --bi-event-spacing-bottom: null;
}
.b-day-view {
  --bi-subtick-count: 1;
  --b-panel-background: var(--b-day-view-background);
  --b-panel-gap: 0;
  --b-panel-padding: 0;
  --b-panel-with-header-padding: 0;
  --bi-cell-gutter-start-outset: calc(var(--bi-day-view-cell-gutter-start, 0) * -1);
}
.b-day-view.b-day-view-with-day-selector.b-has-all-day-events .b-calendar-row-body {
  border-top-width: 0;
}
.b-day-view.b-day-view-with-day-selector .b-day-view-content .b-calendar-row-header {
  display: none;
}
.b-day-view .b-cal-event-desc {
  line-height: var(--b-day-view-event-desc-line-height);
}
.b-day-view .b-event-action-buttons {
  position: absolute;
  inset-inline-end: 0.25em;
  inset-block-start: 0;
  display: flex;
  flex-flow: row wrap;
}
.b-day-view .b-event-action-buttons .b-tool {
  color: inherit;
  width: 2em;
  height: 2em;
  font-size: calc(150% - 25% * min(var(--bi-range-magnitude), 2));
}
.b-day-view.b-no-days .b-empty-text {
  padding: 1em;
  pointer-events: none;
}
.b-day-view.b-no-days .b-time-axis-container {
  display: none;
}
.b-day-view.b-no-days .b-day-view-day-container {
  background-image: none;
  --bi-day-height: auto;
  border: 0 none;
}
.b-day-view.b-no-days .b-day-view-day-container::before {
  background-image: none;
}
.b-day-cell-collecter .b-day-view-content {
  --bi-tick-height: var(--bi-half-hour-height);
  --bi-total-tick-count: calc(var(--bi-subtick-count) * var(--bi-day-length));
  --bi-leaf-tick-size: calc(var(--bi-day-height) / var(--bi-total-tick-count));
  --bi-current-time-position: calc(var(--bi-current-time-seconds) * var(--bi-second-height) - 1px);
  display: flex;
  align-items: stretch;
  padding: 0;
  flex: 1 1 0;
  overflow: hidden;
  outline: none;
  background: var(--b-day-view-background);
  color: var(--b-day-view-foreground-color);
}
.b-day-cell-collecter .b-day-view-content.b-day-view-hour-height-level-1 {
  --bi-subtick-count: 2;
}
.b-day-cell-collecter .b-day-view-content.b-day-view-hour-height-level-1 .b-day-view-tick-level-1 {
  opacity: 1;
}
.b-day-cell-collecter .b-day-view-content.b-day-view-hour-height-level-2 {
  --bi-subtick-count: 4;
  --bi-tick-height: var(--bi-fifteen-minute-height);
}
.b-day-cell-collecter .b-day-view-content.b-day-view-hour-height-level-2 .b-day-view-tick-level-2 {
  opacity: 1;
}
.b-day-cell-collecter .b-day-view-content.b-day-view-hour-height-level-3 {
  --bi-subtick-count: 6;
  --bi-tick-height: var(--bi-ten-minute-height);
}
.b-day-cell-collecter .b-day-view-content.b-day-view-hour-height-level-3 .b-day-view-tick-level-3 {
  opacity: 1;
}
.b-day-cell-collecter .b-day-view-content.b-day-view-hour-height-level-4 {
  --bi-subtick-count: 12;
  --bi-tick-height: var(--bi-five-minute-height);
}
.b-day-cell-collecter .b-day-view-content.b-day-view-hour-height-level-4 .b-day-view-tick-level-4 {
  opacity: 1;
}
.b-day-cell-collecter .b-day-view-content.b-six-minute-ticks.b-day-view-hour-height-level-2 {
  --bi-subtick-count: 6;
  --bi-tick-height: var(--bi-twelve-minute-height);
}
.b-day-cell-collecter .b-day-view-content.b-six-minute-ticks.b-day-view-hour-height-level-3 {
  --bi-subtick-count: 10;
  --bi-tick-height: var(--bi-six-minute-height);
}
.b-day-cell-collecter .b-day-view-content .b-day-view-subtick {
  position: absolute;
  inset-inline: 0;
  height: calc(var(--bi-leaf-tick-size) * var(--bi-tick-rowspan, 1));
  top: calc(var(--bi-tick-index) * var(--bi-leaf-tick-size));
}
.b-day-cell-collecter .b-day-view-content .b-virtual-scrollers {
  padding-inline-start: var(--bi-time-axis-width);
}
.b-day-cell-collecter .b-day-view-content .b-virtual-scrollers .b-virtual-scroller {
  flex: 1 1 0;
  border-inline-start: var(--b-day-view-split-width) solid var(--b-day-view-border-color);
}
.b-day-cell-collecter .b-day-view-content .b-virtual-scrollers .b-virtual-scroller .b-scroller-stretcher {
  position: relative;
}
.b-day-cell-collecter .b-day-view-content .b-day-view-day-detail {
  position: relative;
  z-index: var(--b-day-view-detail-z-index);
}
.b-day-cell-collecter .b-day-view-content .b-day-view-day-detail.b-day-view-inset-before .b-day-view-inset::before {
  content: " ";
  left: 0;
}
.b-day-cell-collecter .b-day-view-content .b-day-view-day-detail.b-day-view-inset-before .b-day-view-event-container {
  margin-inline-start: calc(var(--bi-day-view-cell-inset-size));
}
.b-day-cell-collecter .b-day-view-content .b-day-view-day-detail.b-day-view-inset-after .b-day-view-inset::after {
  content: " ";
  right: 0;
}
.b-day-cell-collecter .b-day-view-content .b-day-view-day-detail.b-day-view-inset-after .b-day-view-event-container {
  margin-inline-end: calc(var(--bi-day-view-cell-inset-size));
}
.b-day-cell-collecter .b-day-view-content .b-day-view-event-container,
.b-day-cell-collecter .b-day-view-content .b-day-view-inset {
  position: absolute;
  inset-block: 0;
  inset-inline: var(--bi-day-view-cell-gutter-start, 0) var(--bi-day-view-cell-gutter-end, 0);
}
.b-day-cell-collecter .b-day-view-content .b-day-view-inset::after,
.b-day-cell-collecter .b-day-view-content .b-day-view-inset::before {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: var(--b-day-view-inset-z-index);
  background: var(--b-day-view-inset-background);
  width: var(--bi-day-view-cell-inset-size);
}
.b-day-cell-collecter .b-day-view-content .b-cal-event-wrap {
  padding-block: var(--bi-event-spacing-top, 0) var(--bi-event-spacing-bottom, 0);
}
.b-day-cell-collecter .b-day-view-content .b-cal-event-wrap:is(.b-starts-above, .b-ends-below):before,
.b-day-cell-collecter .b-day-view-content .b-cal-event-wrap:is(.b-starts-above, .b-ends-below):after {
  translate: -50% -2px;
  margin-inline-start: 50%;
  position: absolute;
  font-size: 80%;
  opacity: 0.7;
  pointer-events: none;
  z-index: var(--b-day-view-event-overflow-z-index);
  font-family: var(--b-widget-icon-font-family);
  font-weight: var(--b-widget-icon-font-weight);
}
.b-day-cell-collecter .b-day-view-content .b-cal-event-wrap.b-starts-above:before {
  content: "\f106";
  top: 0;
}
.b-day-cell-collecter .b-day-view-content .b-cal-event-wrap.b-ends-below:after {
  content: "\f107";
  bottom: 0;
}
.b-day-cell-collecter .b-day-view-content .b-cal-event-wrap.b-occurrence {
  transition: top 0.2s, height 0.2s !important;
}
.b-day-cell-collecter .b-day-view-content .b-cal-event-desc-complex {
  display: flex;
  flex-direction: column;
  flex: 1;
  align-items: normal;
}
.b-rtl .b-day-cell-collect .b-day-view-content .b-day-view-day-detail.b-day-view-inset-before .b-day-view-inset::before {
  left: unset;
  right: 0;
}
.b-rtl .b-day-cell-collect .b-day-view-content .b-day-view-day-detail.b-day-view-inset-after .b-day-view-inset::after {
  left: 0;
  right: unset;
}
.b-rtl .b-day-cell-collect .b-day-view-content .b-cal-event-wrap:is(.b-starts-above, .b-ends-below):before,
.b-rtl .b-day-cell-collect .b-day-view-content .b-cal-event-wrap:is(.b-starts-above, .b-ends-below):after {
  translate: 50% -2px;
}
.b-day-view-all-day-row {
  display: flex;
  flex-flow: row nowrap;
  max-height: 50%;
  z-index: var(--b-day-view-all-day-row-z-index);
  box-shadow: 0 3px 3px color-mix(in srgb, var(--b-calendar-border-color) 30%, transparent);
}
.b-day-view-day-detail .b-cal-event-wrap {
  min-height: var(--bi-day-view-min-event-height);
}
.b-day-view-day-detail .b-cal-event-wrap.b-cal-tentative-event {
  min-height: 10px;
}
.b-day-view-day-detail .b-cal-event-wrap:focus-visible .b-cal-event {
  outline: none;
}
.b-day-view-day-detail .b-cal-event-wrap:focus-visible .b-cal-event-body {
  outline: var(--b-widget-focus-outline-width) solid var(--b-day-view-focus-outline-color);
  outline-offset: calc(var(--b-widget-focus-outline-width) * -1);
}
.b-day-view-all-day-row-start {
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  justify-content: flex-end;
  padding: .5em 0;
  flex: 0 0 var(--bi-time-axis-width);
  min-width: var(--bi-time-axis-width);
}
.b-day-view-all-day-row-start .b-day-view-all-day-text {
  flex: 1 1 auto;
  display: none;
  flex-flow: column nowrap;
  justify-content: center;
  font-size: .7em;
  color: var(--b-day-view-time-axis-color);
}
.b-day-view-all-day-row-start .b-expand-all-day-button {
  display: none;
  height: 1.5em;
  width: 1.5em;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  cursor: inherit;
  border: 0 none;
  background-color: transparent;
  color: var(--b-day-view-time-axis-color);
}
.b-day-view-all-day-row-start .b-expand-all-day-button:focus {
  outline: none;
  background-color: #e8e8e8;
}
.b-day-view-all-day-row-start .b-expand-all-day-button :before {
  line-height: inherit;
}
.b-day-view-all-day-row-start.b-has-cell-overflow:not(.b-day-view-all-day-auto-height) {
  cursor: pointer;
}
.b-day-view-all-day-row-start.b-has-cell-overflow:not(.b-day-view-all-day-auto-height) .b-expand-all-day-button {
  display: flex;
}
.b-day-view-all-day-row-start.b-has-cell-overflow:not(.b-day-view-all-day-auto-height).b-expanded .b-expand-all-day-button {
  rotate: -180deg;
}
.b-day-view-schedule-container {
  flex: 1 0 0;
  contain: style;
  border-inline-start: var(--b-day-view-split-width) solid var(--b-day-view-border-color);
}
.b-day-view-day-content {
  --bi-tick-background:
    linear-gradient(
      
      to bottom,
      transparent,
      transparent calc(var(--bi-hour-height) - 1px),
      var(--b-day-view-hour-line-color) 1px);
  --bi-subtick-background:
    repeating-linear-gradient(
      
      to bottom,
      transparent,
      transparent calc(var(--bi-tick-height)),
      var(--b-day-view-half-hour-line-color) var(--bi-tick-height),
      transparent calc(var(--bi-tick-height) + 1px));
  --bi-dashed-subtick-background:
    conic-gradient(
      
      at 50% 1px,
      transparent 75%,
      var(--b-day-view-hour-line-color) 0turn);
  display: flex;
  flex-flow: row nowrap;
  flex: 1 1 0;
  align-items: flex-start;
  outline: none;
  position: relative;
  z-index: var(--b-day-view-content-z-index);
  border-top: 1px solid var(--b-day-view-border-color);
}
.b-day-view-day-content:not(.b-hide-current-time) .b-calendar-cell.b-today::before {
  content: "";
  position: absolute;
  width: calc(100% + 1px);
  inset-inline-start: -1px;
  top: var(--bi-current-time-position);
  border-top: 2px solid var(--b-day-view-time-indicator-color);
}
.b-day-view-day-content:not(.b-hide-current-time) .b-calendar-cell.b-today:after {
  content: "";
  position: absolute;
  height: 10px;
  width: 10px;
  border-radius: 50%;
  translate: calc(-50% * var(--b-rtl-negate)) calc(-50% - 1px);
  top: calc(var(--bi-current-time-position) + 2px);
  background-color: var(--b-day-view-time-indicator-color);
}
.b-day-view-day-content.b-show-current-time .b-time-axis-container {
  overflow: visible;
  z-index: var(--b-day-view-time-axis-current-z-index);
}
.b-day-view-day-content.b-show-current-time .b-calendar-cell:first-of-type::after {
  display: none;
}
.b-day-view-day-content.b-show-time-full-width:has(.b-today) .b-calendar-cell::before {
  content: "";
  position: absolute;
  width: calc(100% + 1px);
  inset-inline-start: -1px;
  border-top: 2px solid var(--b-day-view-time-indicator-color);
  top: var(--bi-current-time-position);
}
.b-day-view-day-content.b-show-time-full-width:has(.b-today) .b-calendar-cell.b-past-date::before {
  border-top-style: dashed;
  width: 100%;
}
.b-day-view-day-content.b-show-time-on-top .b-calendar-cell::before,
.b-day-view-day-content.b-show-time-on-top .b-calendar-cell::after {
  z-index: var(--b-day-view-time-on-top-z-index);
}
.b-day-view-day-content .b-time-axis-current-time {
  position: absolute;
  pointer-events: none;
  width: 100%;
  z-index: var(--b-day-view-time-axis-current-z-index);
  translate: 0 calc(var(--bi-current-time-position) - 50% + 1px);
}
.b-day-view-day-content .b-time-axis-current-time .b-current-time-text {
  border-radius: 0.7em;
  display: grid;
  place-content: center;
  line-height: 20px;
  background-color: var(--b-day-view-time-indicator-color);
}
.b-day-view-day-content .b-time-axis-current-time .b-current-time-text::after {
  color: #fff;
  font-size: 0.7em;
  content: var(--bi-current-time, "");
}
.b-day-view-day-content .b-time-axis-current-time::after {
  content: "";
  position: absolute;
  inset-inline-start: 100%;
  width: 1px;
  top: calc(50% - 1px);
  border-top: 2px solid var(--b-day-view-time-indicator-color);
}
.b-day-view-day-content:not(.b-show-current-time) .b-time-axis-current-time {
  visibility: hidden;
}
:is(.b-day-view-day-content.b-hide-current-time, .b-day-view-day-content.b-custom-current-time) .b-calendar-cell.b-today::before,
:is(.b-day-view-day-content.b-hide-current-time, .b-day-view-day-content.b-custom-current-time) .b-calendar-cell.b-today::after {
  display: none;
}
.b-day-view-day-container {
  flex: 1 0 0;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  overscroll-behavior: contain auto;
  contain: layout style;
  background-repeat: repeat-y;
  border-inline-start: var(--b-day-view-split-width) solid var(--b-day-view-border-color);
  min-height: max(100%, var(--bi-day-height, 100%));
  background-image: var(--bi-subtick-background), var(--bi-tick-background);
  background-size: 100% var(--bi-hour-height);
  background-position-y: var(--bi-day-start-offset);
  clip-path: polygon(0px 0px, 100% 0px, 100% var(--bi-day-height), 0px var(--bi-day-height));
}
.b-day-view-day-container.b-dashed-subticks {
  background-image: var(--bi-tick-background);
}
.b-day-view-day-container.b-dashed-subticks::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--bi-tick-background);
  background: var(--bi-dashed-subtick-background);
  background-size: 10px calc(var(--bi-tick-height) + 1px);
  background-position: 1px var(--bi-tick-height);
}
.b-day-view-day-container::after {
  content: "";
  position: absolute;
  top: var(--bi-day-change-offset, -10000px);
  width: 100%;
  height: 1px;
  background-color: var(--b-day-view-day-change-line-color);
  box-shadow: 0px 0px 3px 0px var(--b-day-view-day-change-line-color);
  z-index: var(--b-day-view-day-change-line-z-index);
}
.b-day-view-day-container .b-overflow {
  opacity: 0;
}
.b-day-view-day-container .b-cal-event-body {
  transition: background-color 0.1s;
}
.b-day-view-day-container .b-cal-event-wrap.b-starts-above .b-event-header {
  visibility: hidden;
}
.b-day-view-day-container .b-calendar-cell {
  flex: 1 1 100%;
  position: relative;
  overflow: visible;
  height: var(--bi-day-height);
  min-width: var(--bi-min-day-width);
}
.b-day-view-day-container .b-calendar-cell:not(:last-of-type) {
  border-inline-end: 1px solid var(--b-day-view-border-color);
}
.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event,
.b-day-view-day-container .b-calendar-cell .b-cal-event-wrap {
  position: absolute;
  left: 0;
  z-index: var(--b-day-view-event-wrap-z-index);
  width: 100%;
  transition:
    left 0.1s,
    right 0.1s,
    width 0.1s,
    opacity 0.1s,
    top 0.2s,
    height 0.2s;
}
.b-rtl :is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap) {
  left: auto;
  right: 0;
}
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-cal-tentative-event {
  transition:
    left 0.1s,
    right 0.1s,
    width 0.1s,
    opacity 0.1s;
}
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-editing {
  left: var(--bi-cell-gutter-start-outset) !important;
  opacity: 1;
  z-index: var(--b-day-view-editing-z-index);
  width: calc(100% + var(--bi-day-view-cell-gutter)) !important;
}
.b-rtl :is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-editing {
  left: auto !important;
  right: var(--bi-cell-gutter-start-outset) !important;
}
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-cal-in-cluster .b-cal-event {
  box-shadow: #aaaaaa40 -2px 1px 3px, #aaaaaa40 0 -1px 3px;
}
.b-multi-day-view :is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-cal-in-cluster.b-cal-event-reveal {
  left: var(--bi-cell-gutter-start-outset) !important;
  opacity: 1;
  z-index: var(--b-day-view-editing-z-index);
  width: calc(100% + var(--bi-day-view-cell-gutter)) !important;
}
.b-rtl :is(.b-multi-day-view :is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-cal-in-cluster.b-cal-event-reveal) {
  left: auto !important;
  right: var(--bi-cell-gutter-start-outset) !important;
}
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-short-event .b-event-header {
  margin: 0 0 0 auto;
}
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-short-event .b-event-header .b-icon {
  margin-inline-start: auto;
}
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-short-event .b-cal-event-body {
  padding-block: 0;
  align-items: center;
  flex-flow: row-reverse nowrap;
  justify-content: flex-end;
  gap: 0.2em;
}
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-short-event .b-cal-event-body .b-cal-event-desc {
  font-size: 0.8em;
  white-space: nowrap;
  flex: 0 1 auto;
  padding-block-end: 0;
}
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-short-event .b-event-time {
  text-transform: lowercase;
  line-height: var(--b-day-view-event-desc-line-height);
}
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-short-event .b-event-time:not(:last-child) {
  display: none;
}
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-short-event .b-cal-event-footer,
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-short-event .b-cal-event-resource-avatars {
  display: none;
}
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-short-event .b-event-action-buttons {
  inset-block-start: calc(50% - 0.5em);
}
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-short-event .b-event-action-buttons .b-tool {
  font-size: 65%;
  height: 1.4em;
  width: 3.8em;
}
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-short-event.b-milestone {
  clip-path: polygon(0 0, 100% 0, calc(100% - 0.5em) 100%, 0.5em 100%);
}
:is(.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event, .b-day-view-day-container .b-calendar-cell .b-cal-event-wrap).b-short-event.b-milestone .b-cal-event-body {
  padding: 0 0.5em 0 0.5em;
}
.b-day-view-day-container .b-calendar-cell .b-cal-tentative-event {
  z-index: var(--b-day-view-tentative-z-index);
}
.b-day-view-day-container .b-calendar-cell .b-cal-event {
  align-items: stretch;
  position: relative;
  color: var(--b-day-view-event-color);
}
.b-day-view-day-container .b-calendar-cell .b-cal-event .b-cal-event-resource-avatars {
  display: grid;
  column-gap: 0;
  grid-template-columns: repeat(auto-fill, minmax(1.6em, 1fr));
  padding-inline-end: 0.6em;
  padding-block: var(--b-calendar-event-bar-gap);
}
.b-day-view-day-container .b-calendar-cell .b-cal-event .b-cal-event-resource-avatars .b-resource-avatar {
  width: 2em;
  height: 2em;
  transition: scale .2s;
}
.b-day-view-day-container .b-calendar-cell .b-cal-event .b-cal-event-resource-avatars .b-resource-avatar:hover {
  z-index: var(--b-day-view-avatar-hover-z-index);
  scale: var(--b-day-view-resource-avatar-hover-scale);
}
.b-day-view-day-container .b-calendar-cell .b-cal-event-body {
  flex: 1 1 0;
  white-space: normal;
  display: flex;
  flex-direction: column;
  transition: background .2s, color .2s;
  background: var(--b-day-view-body-background);
  border: var(--b-day-view-event-border);
  border-inline-start: var(--b-day-view-event-border-inline-start-width) solid var(--b-day-view-event-border-inline-start-color);
  border-radius: var(--b-day-view-event-border-radius);
  padding: var(--b-day-view-event-body-padding);
}
.b-day-view-day-container .b-calendar-cell .b-custom-event-background .b-cal-event-body {
  background: transparent;
  --b-day-view-event-selected-body-background: transparent;
  --b-day-view-event-hover-body-background: transparent;
}
.b-day-view-day-container .b-calendar-cell.b-non-working-day {
  background: var(--b-day-view-non-working-day-background);
}
.b-day-view-day-container .b-calendar-cell.b-today {
  background: var(--b-day-view-today-background);
}
.b-day-view-day-container .b-event-header {
  display: flex;
  align-items: center;
  white-space: nowrap;
  font-size: .7em;
  gap: var(--b-calendar-event-bar-gap);
}
.b-day-view-day-container .b-event-header .b-event-time {
  flex: 1;
}
.b-day-view-day-container .b-cal-event-wrap:hover .b-cal-event-body {
  background: var(--b-day-view-event-hover-body-background);
}
:is(.b-day-view-day-container .b-cal-event-wrap.b-selected:not(.b-dragging-item):hover, .b-day-view-day-container .b-cal-event-wrap.b-selected:not(.b-dragging-item)) .b-cal-event-body {
  background: var(--b-day-view-event-selected-body-background);
  color: var(--b-day-view-event-selected-color, var(--b-day-view-event-color));
}
.b-day-view-day-container .b-cal-event-wrap.b-custom-body-color:hover .b-cal-event-body {
  background: linear-gradient(var(--b-day-view-body-hover-mask-color), var(--b-day-view-body-hover-mask-color)) var(--b-day-view-body-background);
}
:is(.b-day-view-day-container .b-cal-event-wrap.b-custom-body-color.b-selected:not(.b-dragging-item):hover, .b-day-view-day-container .b-cal-event-wrap.b-custom-body-color.b-selected:not(.b-dragging-item), .b-day-view-day-container .b-cal-event-wrap.b-custom-body-color.b-cal-tentative-event) .b-cal-event-body {
  background: linear-gradient(var(--b-day-view-body-selected-mask-color), var(--b-day-view-body-selected-mask-color)) var(--b-day-view-body-background);
}
.b-day-view.b-no-transitions * {
  transition: none !important;
}
.b-time-axis-container {
  display: flex;
  flex-flow: column nowrap;
  overflow: hidden;
  background-position-x: 100%;
  background-repeat: repeat-y;
  flex: 0 0 var(--bi-time-axis-width);
  min-width: var(--bi-time-axis-width);
  height: var(--bi-day-height);
  background-image: var(--bi-subtick-background), var(--bi-tick-background);
  background-size: 0.5em var(--bi-hour-height);
  background-position-y: var(--bi-day-start-offset);
  position: relative;
}
.b-rtl .b-time-axis-container {
  background-position-x: 0;
}
.b-time-axis-container .b-day-view-time-axis-background {
  pointer-events: none;
  position: absolute;
  inset: 0;
}
.b-day-view-time-axis-tick {
  opacity: 0;
  transition: opacity 0.4s;
  flex: 1 0 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  position: relative;
  top: 1ex;
  max-height: calc(var(--bi-leaf-tick-height) + 1px);
}
.b-fit-hours .b-day-view-time-axis-tick {
  transition: none;
}
.b-day-view-hour-tick {
  opacity: 1;
  color: var(--b-day-view-time-axis-hour-color);
}
.b-day-view-hour-tick.b-day-view-start-hour {
  position: absolute;
  max-height: fit-content;
  top: -3px;
}
.b-day-view-time-axis-time {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-end;
  font-size: .7em;
  white-space: nowrap;
  position: relative;
  padding-inline-end: 1em;
  pointer-events: none;
  color: var(--b-day-view-time-axis-color);
  flex: 0 0 var(--bi-hour-height, 0);
  min-height: var(--bi-hour-height, 0);
}
.b-day-view-time-axis-time:last-child .b-day-view-hour-tick {
  display: none;
}
.b-day-column-header {
  display: none;
}
.b-has-day-header .b-day-column-header {
  display: flex;
  flex-flow: row nowrap;
  border-top: 1px solid var(--b-calendar-border-color);
}
.b-has-day-header .b-day-column-header::before {
  content: "";
  min-width: var(--bi-time-axis-width);
}
.b-has-day-header .b-day-column-header .b-day-column-header-scroller {
  flex: 1 1 0;
  border-inline-start: 1px solid var(--b-calendar-border-color);
}
.b-has-day-header .b-day-column-header .b-day-column-content {
  flex: 1 0 0;
  display: flex;
  flex-flow: row nowrap;
}
.b-day-column-header-cell {
  padding-inline-start: 0.5em;
  display: flex;
  overflow: hidden;
  text-wrap: nowrap;
  flex: 1 0 var(--bi-min-day-width, 0);
  min-width: var(--bi-min-day-width, 0);
}
.b-day-column-header-cell:not(:last-of-type) {
  border-inline-end: 1px solid var(--b-calendar-border-color);
}
:root,
:host {
  --b-day-agenda-view-hour-hover-background: var(--b-neutral-95);
  --b-day-agenda-view-hover-hour-z-index: -1;
  --b-day-agenda-view-drag-cell-z-index: 1;
}
.b-internal {
  --bi-gutter-width: null;
  --bi-min-event-width: null;
}
.b-day-agenda-view {
  --bi-hour-cell-padding-inline-start: 0.5em;
  --bi-hour-event-padding-top: 0.5em;
  --bi-hour-border-width: 1px;
  --bi-hour-border-color: var(--b-day-view-hour-line-color);
  --bi-event-flow-direction: column;
  --bi-event-spacing: 5px;
  --bi-hour-width: var(--bi-time-axis-width);
}
.b-day-agenda-view .b-day-view-day-content {
  flex: 1 1 auto;
}
.b-day-agenda-view .b-day-view-day-container {
  background-image: none;
  clip-path: none;
}
.b-day-agenda-view .b-day-agenda-hour-time {
  font-size: 70%;
  display: flex;
  justify-content: center;
  border-inline-end: var(--bi-hour-border-width) solid var(--bi-hour-border-color);
}
.b-day-agenda-view .b-day-agenda-hour-time,
.b-day-agenda-view .b-day-agenda-hour-events {
  padding-top: var(--bi-hour-event-padding-top);
  padding-bottom: var(--bi-event-spacing);
}
.b-day-agenda-view .b-day-view-day-detail.b-calendar-cell {
  display: flex;
  flex-direction: column;
  height: auto;
}
.b-day-agenda-view .b-day-view-day-detail.b-calendar-cell .b-day-agenda-hour {
  display: grid;
  position: relative;
  grid-template-columns: var(--bi-hour-width) 1fr;
  border-bottom: var(--bi-hour-border-width) solid var(--bi-hour-border-color);
  flex: 0 0 var(--bi-hour-height);
}
.b-day-agenda-view .b-day-view-day-detail.b-calendar-cell .b-day-agenda-hour.b-hover-hour::before {
  content: "";
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: var(--b-day-agenda-view-hover-hour-z-index);
  background: var(--b-day-agenda-view-hour-hover-background);
}
.b-day-agenda-view .b-day-view-day-detail.b-calendar-cell .b-day-agenda-hour-events {
  display: flex;
  overflow: hidden;
  flex-direction: var(--bi-event-flow-direction);
  gap: var(--bi-event-spacing);
  padding-inline: var(--bi-hour-cell-padding-inline-start) var(--bi-gutter-width);
}
.b-day-agenda-view .b-day-view-day-detail.b-calendar-cell .b-day-agenda-hour-events .b-cal-event-wrap {
  position: relative;
  padding-block: 0;
}
.b-event-flow-row :is(.b-day-agenda-view .b-day-view-day-detail.b-calendar-cell .b-day-agenda-hour-events) {
  flex-wrap: wrap;
}
.b-day-agenda-view .b-day-view-day-detail.b-calendar-cell .b-cal-event-body {
  padding: 0.5em;
}
.b-day-agenda-view .b-day-view-day-detail.b-calendar-cell .b-cal-drag-proxy {
  opacity: 1;
}
.b-day-agenda-view .b-day-view-day-detail.b-calendar-cell:has(.b-cal-drag-proxy) {
  z-index: var(--b-day-agenda-view-drag-cell-z-index);
}
.b-day-agenda-view .b-day-view-day-detail.b-calendar-cell:has(.b-cal-drag-proxy) .b-cal-event {
  background-image: none;
  padding: 0;
}
.b-day-agenda-view.b-multi-day-view:is(.b-hide-time-axis, :not(.b-synced-hour-heights)) .b-day-view-all-day-row-start {
  display: none;
}
.b-day-agenda-view.b-multi-day-view:not(.b-synced-hour-heights, .b-hide-time-axis) .b-day-view-day-detail.b-calendar-cell::before {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  inset-inline-start: calc(var(--bi-time-axis-width) - 1px);
  background-color: var(--b-day-view-hour-line-color);
}
.b-day-agenda-view:not(.b-multi-day-view).b-hide-time-axis .b-day-view-all-day-row-start {
  display: none;
}
.b-day-agenda-view:not(.b-multi-day-view):not(.b-hide-time-axis) .b-day-view-day-detail.b-calendar-cell::before {
  content: "";
  position: absolute;
  top: 0;
  width: 1px;
  height: 100%;
  inset-inline-start: calc(var(--bi-time-axis-width) - 1px);
  background-color: var(--b-day-view-hour-line-color);
}
.b-day-agenda-view:not(.b-multi-day-view):not(.b-hide-time-axis) .b-day-view-day-container {
  border-inline-start-color: transparent;
}
.b-day-agenda-view.b-event-flow-row .b-day-view-day-detail.b-calendar-cell .b-day-agenda-hour-events {
  flex-wrap: wrap;
}
.b-day-agenda-view.b-event-flow-row .b-day-view-day-detail.b-calendar-cell .b-day-agenda-hour-events .b-cal-event-wrap {
  flex: 1;
  width: auto;
  min-width: clamp(var(--bi-min-event-width), 100%);
}
.b-day-agenda-view.b-hide-borders {
  --bi-hour-border-width: 0;
}
.b-day-agenda-view.b-hide-borders .b-calendar-cell .b-day-agenda-hour-events {
  padding-bottom: 0;
}
.b-day-agenda-view.b-hide-borders .b-day-view-day-detail.b-calendar-cell .b-day-agenda-hour-events .b-cal-event-wrap {
  margin-bottom: 0;
}
.b-day-agenda-view.b-hide-borders .b-day-agenda-hour.b-hover-hour::before {
  inset-block: calc(var(--bi-hour-event-padding-top) / 2);
}
.b-day-agenda-view .b-time-axis-container {
  display: none;
  height: fit-content;
  background-image: none;
}
.b-day-agenda-view .b-time-axis-container .b-day-agenda-hour {
  display: grid;
  border-bottom: var(--bi-hour-border-width) solid var(--bi-hour-border-color);
  flex: 0 0 var(--bi-hour-height);
}
.b-day-agenda-view .b-time-axis-container .b-day-agenda-hour-events {
  display: none;
}
:is(.b-day-agenda-view.b-hide-time-axis, .b-day-agenda-view.b-multi-day-view.b-synced-hour-heights):not(.b-hide-time-axis) .b-time-axis-container,
:is(.b-day-agenda-view.b-hide-time-axis, .b-day-agenda-view.b-multi-day-view.b-synced-hour-heights):not(.b-hide-time-axis) .b-day-view-all-day-row-start {
  display: flex;
}
:is(.b-day-agenda-view.b-hide-time-axis, .b-day-agenda-view.b-multi-day-view.b-synced-hour-heights) .b-day-view-day-detail.b-calendar-cell .b-day-agenda-hour-time {
  display: none;
}
:is(.b-day-agenda-view.b-hide-time-axis, .b-day-agenda-view.b-multi-day-view.b-synced-hour-heights) .b-day-view-day-detail.b-calendar-cell .b-day-agenda-hour {
  grid-template-columns: 1fr;
}
:is(.b-day-agenda-view.b-hide-time-axis, .b-day-agenda-view.b-multi-day-view.b-synced-hour-heights) .b-day-view-day-detail.b-calendar-cell .b-cal-tentative-event {
  margin-left: 0;
}
.b-day-agenda-view .b-day-view-day-container,
.b-day-agenda-view .b-day-view-schedule-container {
  border-inline-start: 0 none;
}
.b-day-agenda-view.b-hide-empty-hours .b-day-agenda-hour:not(.b-has-events) {
  display: none;
}
.b-internal {
  --bi-min-day-width: null;
  --bi-day-height: null;
  --bi-min-resource-width: null;
}
.b-day-resource-view-column {
  display: flex;
  flex: 1 0 var(--bi-min-day-width, auto);
  height: var(--bi-day-height);
  position: relative;
}
.b-day-resource-view-column .b-calendar-cell {
  min-width: var(--bi-min-resource-width);
}
.b-day-resource-view-column:not(.b-last-cell),
.b-day-resource-view-column .b-day-resource-all-day {
  border-inline-end: var(--b-month-view-cell-border-width) solid var(--b-day-resource-calendar-row-border-color);
}
.b-day-column-header-cell:not(:last-of-type) {
  border-inline-end: 1px solid var(--b-day-resource-calendar-row-border-color);
}
:root,
:host {
  --b-event-list-day-selector-selected-date-background: var(--b-calendar-today-background);
  --b-event-list-day-selector-selected-date-color: var(--b-calendar-today-color, var(--b-date-picker-today-color, var(--b-primary-50)));
  --b-event-list-event-column-resource-row-gap: 0.3em;
  --b-event-list-settings-button-z-index: 100;
}
@media print {
  .b-cal-widget-settings-button {
    display: none;
  }
}
.b-event-list .b-grid-panel-body {
  background: var(--b-calendar-background);
}
.b-event-list:has(.b-grid-body-container.b-vertical-overflow) {
  --bi-settings-button-extra-inset: var(--bi-scrollbar-width);
}
.b-event-list .b-cal-widget-settings-button {
  position: absolute;
  font-size: 110%;
  border-radius: 50%;
  inset-inline-start: auto;
  inset-inline-end: calc(1em + var(--bi-settings-button-extra-inset, 0px));
  margin-top: 1em;
  width: 3em;
  height: 3em;
  box-shadow: none;
  z-index: var(--b-event-list-settings-button-z-index);
}
.b-event-list [data-column=name] .b-icon-circle::before {
  font-size: var(--b-calendar-event-circle-icon-size);
}
.b-calendar-events-cell {
  padding: 1em;
  gap: 1em;
  flex-wrap: wrap;
  align-items: flex-start;
}
.b-calendar-events-cell .b-cal-event-resource-avatars {
  flex-basis: 30%;
  flex-direction: column;
  min-width: var(--b-avatar-size);
  gap: var(--b-event-list-event-column-resource-row-gap);
}
.b-cal-event-resource-avatar-row {
  display: flex;
  flex-flow: row nowrap;
  gap: 1em;
  align-items: center;
}
.b-cal-event-resource-avatar-desc {
  display: flex;
  flex-flow: column;
  gap: 0.3em;
}
.b-cal-event-column-event-desc {
  margin-inline-start: auto;
  display: flex;
  flex-direction: column !important;
  flex-flow: row nowrap;
  justify-content: center;
  height: var(--b-avatar-size);
}
.b-cal-event-column-times {
  display: flex;
  flex-direction: column;
}
.b-event-column-resource-role {
  font-size: 80%;
  font-weight: 300;
}
.b-cal-event-list-event-time {
  display: flex;
  align-items: center;
  min-height: var(--b-avatar-size);
}
.b-cal-event-column-event-name {
  font-weight: bold;
}
:root,
:host {
  --b-agenda-view-date-sticky-z-index: 12;
  --b-agenda-view-non-working-day-background: var(--b-neutral-98);
  --b-agenda-view-cell-color: var(--b-calendar-foreground-color);
  --b-agenda-view-cell-padding-inline: 0;
  --b-agenda-view-cell-padding-block: 1.5em;
  --b-agenda-view-date-width: 14em;
  --b-agenda-view-time-width: 12em;
  --b-agenda-view-time-width-small: 7.5em;
  --b-agenda-view-date-padding: .2em 1em 0 1em;
  --b-agenda-view-date-number-margin: 0 .1em 0 0;
  --b-agenda-view-date-number-font-size: 3em;
  --b-agenda-view-today-date-number-font-size: 75%;
  --b-agenda-view-header-padding: .5em 0 .5em .5em;
  --b-agenda-view-date-margin: 0px;
}
.b-internal {
  --bi-event-row-spacing: null;
}
.b-agenda-view.b-grid-base .b-grid-sub-grid,
.b-agenda-view.b-grid-base .b-grid-row,
.b-agenda-view.b-grid-base .b-grid-cell {
  overflow: clip !important;
}
.b-agenda-view.b-grid-base .b-virtual-scrollers {
  display: none !important;
}
.b-agenda-view.b-grid-base .b-cal-agenda-date {
  position: sticky;
  top: calc(var(--b-agenda-view-cell-padding-block) + var(--b-agenda-view-date-margin));
  z-index: var(--b-agenda-view-date-sticky-z-index);
}
.b-agenda-view.b-grid-base.b-responsive-small {
  --b-agenda-view-cell-padding-inline: 1em;
  --b-agenda-view-cell-padding-block: 1em;
}
.b-agenda-view.b-grid-base.b-responsive-small .b-agenda-cell {
  border: 0 none;
}
.b-agenda-view.b-grid-base.b-responsive-small .b-agenda-cell .b-cal-agenda-date {
  top: 0;
  min-height: 4em;
  margin-inline: calc(var(--b-agenda-view-cell-padding-inline) * -1);
  background: var(--b-panel-background);
}
.b-agenda-view.b-grid-base.b-responsive-small .b-agenda-cell.b-non-working-day .b-cal-agenda-date {
  background: var(--b-agenda-view-non-working-day-background);
}
.b-agenda-view.b-grid-base.b-responsive-small .b-cal-agenda-event-row:last-of-type {
  padding-bottom: calc(var(--b-agenda-view-cell-padding-block) / 2);
}
.b-agenda-view .b-cal-event-bar-container {
  contain: inline-size;
}
.b-agenda-view .b-cal-event-bar-container .b-cal-event-desc:not(.b-cal-event-desc-complex) {
  display: block;
}
.b-agenda-view .b-grid-cell::after {
  content: "";
  display: table;
  clear: both;
}
.b-agenda-view .b-cal-event-list-event-time {
  min-height: auto;
  white-space: nowrap;
  flex: 0 0 var(--b-agenda-view-time-width);
}
.b-agenda-view.b-responsive-small .b-cal-event-list-event-time {
  flex: 0 0 var(--b-agenda-view-time-width-small);
}
.b-agenda-view.b-responsive-small .b-cal-agenda-grid-row .b-calendar-cell {
  display: block;
}
.b-agenda-view.b-grid-empty .b-empty-text {
  position: static;
}
.b-new-month .b-cal-agenda-date-date-text :nth-child(2) {
  font-weight: bold;
}
.b-agenda-view-day-selector .b-calendar-row-body {
  display: none;
}
.b-cal-agenda-grid-row {
  content-visibility: auto;
  contain-intrinsic-size: auto var(--b-grid-row-height);
}
.b-cal-agenda-grid-row.b-selected,
.b-grid-body-container:focus .b-cal-agenda-grid-row.b-selected,
.b-grid-base .b-cal-agenda-grid-row.b-grid-row.b-hover .b-grid-cell.b-calendar-cell,
.b-grid-base .b-cal-agenda-grid-row.b-grid-row.b-hover .b-grid-cell.b-calendar-cell:not(.b-non-working-day):hover {
  background-color: transparent;
}
:is(.b-cal-agenda-grid-row.b-selected, .b-grid-body-container:focus .b-cal-agenda-grid-row.b-selected, .b-grid-base .b-cal-agenda-grid-row.b-grid-row.b-hover .b-grid-cell.b-calendar-cell, .b-grid-base .b-cal-agenda-grid-row.b-grid-row.b-hover .b-grid-cell.b-calendar-cell:not(.b-non-working-day):hover) .b-calendar-cell.b-non-working-day {
  background: var(--b-agenda-view-non-working-day-background);
}
.b-agenda-view .b-cal-agenda-grid-row .b-calendar-cell {
  flex-direction: row;
  contain: style;
  font-weight: inherit;
  flex: 1 1 100%;
  margin: 0;
  align-items: flex-start;
  color: var(--b-agenda-view-cell-color);
  padding-inline: var(--b-agenda-view-cell-padding-inline);
  padding-block: var(--b-agenda-view-cell-padding-block);
}
.b-agenda-view .b-cal-agenda-grid-row .b-calendar-cell.b-non-working-day {
  background: var(--b-agenda-view-non-working-day-background);
}
.b-agenda-view .b-cal-agenda-grid-row .b-calendar-cell:focus-within {
  outline: 0 none !important;
}
.b-agenda-view-with-day-selector :is(.b-agenda-view .b-cal-agenda-grid-row .b-calendar-cell) {
  padding-inline-start: 1.5em;
}
.b-cal-agenda-grid-row .b-cal-event-bar-container .b-cal-event-wrap {
  position: relative;
  overflow: hidden;
}
.b-cal-agenda-event-row {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  align-self: stretch;
}
.b-cal-agenda-event-row:not(:last-child) {
  margin-bottom: var(--bi-event-row-spacing);
}
.b-cal-agenda-date {
  display: flex;
  flex-flow: row nowrap;
  align-items: center;
  height: 2.6em;
  flex: 0 0 var(--b-agenda-view-date-width);
  padding: var(--b-agenda-view-date-padding);
  margin: var(--b-agenda-view-date-margin);
}
.b-agenda-view-with-day-selector .b-cal-agenda-date {
  display: none;
}
.b-cal-agenda-date-date-number {
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  width: 1.5em;
  height: 1.5em;
  border-radius: 50%;
  margin: var(--b-agenda-view-date-number-margin);
  font-size: var(--b-agenda-view-date-number-font-size);
}
.b-cal-agenda-date-date-number:hover {
  background: var(--b-calendar-date-hover-background);
}
.b-today .b-cal-agenda-date-date-number {
  background: var(--b-calendar-today-background);
  border: var(--b-calendar-today-border, var(--b-date-picker-today-border, 1px solid var(--b-date-picker-today-color, var(--b-primary-50))));
  color: var(--b-calendar-today-color, var(--b-date-picker-today-color, var(--b-primary-50)));
}
.b-cal-agenda-header {
  flex: 1;
  display: flex;
  flex-flow: row nowrap;
  justify-content: flex-start;
  padding: var(--b-agenda-view-header-padding);
}
.b-cal-agenda-header-date {
  width: var(--b-agenda-view-date-width);
}
.b-cal-agenda-header-time {
  width: var(--b-agenda-view-time-width);
}
:root,
:host {
  --b-month-view-day-num-z-index: 10;
  --b-month-view-background: var(--b-calendar-background);
  --b-month-view-border-inline-width: 1px;
  --b-month-view-cell-border-width: 1px;
  --b-month-view-border-color: var(--b-calendar-border-color);
  --b-month-view-event-padding: 1px;
  --b-month-view-padding: 0.6em 0 0 0;
  --b-month-view-event-bar-font-size: 0.9em;
  --b-month-view-header-cell-color: var(--b-calendar-foreground-color);
  --b-month-view-header-cell-weekend-color: var(--b-calendar-view-header-cell-weekend-color);
  --b-month-view-week-cell-background: var(--b-calendar-week-cell-background);
  --b-month-view-week-cell-color: var(--b-calendar-week-cell-color);
  --b-month-view-week-cell-hover-background: var(--b-calendar-week-cell-hover-background);
  --b-month-view-week-cell-hover-color: var(--b-calendar-week-cell-hover-color);
  --b-month-view-week-cell-hover-border-radius: var(--b-calendar-week-cell-hover-border-radius);
  --b-month-view-week-column-width: 2em;
  --b-month-view-weekrow-toggle-tool-hover-color: rgba(90, 90, 90, 0.2);
  --b-month-view-cell-header-padding: 2px 2px 0 0;
  --b-month-view-cell-header-background: null;
  --b-month-view-cell-header-color: var(--b-text-2);
  --b-month-view-cell-header-hover-background: var(--b-calendar-date-hover-background);
  --b-month-view-cell-header-hover-color: null;
  --b-month-view-cell-header-hover-border-radius: 3px;
  --b-month-view-cell-header-week-color: var(--b-calendar-week-cell-color);
  --b-month-view-cell-header-content-height: 2em;
  --b-month-view-cell-header-day-num-font-size: 0.9em;
  --b-month-view-cell-header-dayname-height: 1.8em;
  --b-month-view-cell-color: var(--b-calendar-foreground-color);
  --b-month-view-cell-weekend-color: var(--b-calendar-foreground-color);
  --b-month-view-cell-other-month-color: var(--b-calendar-other-month-foreground-color);
  --b-month-view-today-day-num-font-weight: var(--b-calendar-today-font-weight);
  --b-month-view-non-working-day-background: var(--b-calendar-non-working-day-background);
}
.b-internal {
  --bi-visible-week-count: null;
  --bi-min-row-height: null;
  --bi-week-length: null;
  --bi-min-column-width: null;
}
.b-month-view {
  background: transparent;
  --bi-week-length: 7;
  --bi-min-column-width: calc(100% / var(--bi-week-length, 7));
  --b-calendar-panel-weeks-gap: 0;
  --bi-week-column-decrement: 0px;
}
.b-calendar.b-bordered .b-month-view {
  --b-month-view-border-inline-width: 0;
}
.b-month-view.b-show-week-column {
  --bi-week-column-decrement: calc(var(--b-month-view-week-column-width) / var(--bi-week-length));
}
.b-visible-scrollbar .b-month-view .b-show-yscroll-padding > .b-yscroll-pad {
  visibility: hidden;
}
.b-month-view.b-hide-other-month-cells .b-calendar-panel-row[data-row-index="0"] .b-calendar-cell[data-date$="-01"]:not([data-column-index="0"]) {
  border-inline-start: var(--b-month-view-cell-border-width) solid var(--b-month-view-border-color);
  margin-inline-start: calc(var(--b-month-view-cell-border-width) * -1);
}
.b-month-view.b-disable-other-month-cells .b-calendar-cell.b-other-month .b-cal-event-wrap:not(.b-overflow) {
  opacity: 1;
  pointer-events: all;
}
.b-month-view .b-calendar-panel-row.b-calendar-week-days {
  flex: 0 0 auto;
}
.b-month-view .b-calendar-panel-row.b-calendar-week-days .b-week-number-cell {
  flex: 0 0 var(--b-month-view-week-column-width);
}
.b-month-view .b-calendar-day-header {
  flex: 1;
  min-width: calc(var(--bi-min-column-width) - var(--bi-week-column-decrement));
  display: flex;
  justify-content: flex-end;
  padding-inline-end: .5em;
  padding-bottom: .25em;
  color: var(--b-month-view-header-cell-color);
}
.b-month-view .b-calendar-day-header.b-weekend {
  color: var(--b-month-view-header-cell-weekend-color);
}
.b-month-view .b-calendar-day-header.b-non-working-day {
  color: var(--b-calendar-view-header-cell-non-working-day-color);
}
.b-month-view .b-week-number-cell,
.b-month-view .b-calendar-cell:not(.b-grid-cell) {
  flex-direction: column;
  contain: size style;
}
:is(.b-month-view .b-week-number-cell, .b-month-view .b-calendar-cell:not(.b-grid-cell)).b-other-month .b-day-num {
  color: var(--b-month-view-cell-other-month-color);
}
.b-month-view .b-day-num[data-start-of] {
  padding-inline: 0.5em;
}
.b-month-view .b-day-num[data-start-of]::before {
  content: attr(data-start-of);
  color: initial;
  font-weight: bold;
  margin-inline-end: 0.5em;
}
@media screen and (max-width: 450px) {
  .b-month-view.b-show-week-number .b-calendar-cell:first-child .b-day-num[data-start-of] {
    padding-inline: 0 0.2em;
  }
  .b-month-view.b-show-week-number .b-calendar-cell:first-child .b-day-num[data-start-of]::before {
    margin-inline-end: 0.1em;
  }
}
.b-month-view .b-week-num,
.b-month-view .b-day-num {
  margin-inline-end: 0;
  align-self: flex-end;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: var(--b-month-view-cell-header-day-num-font-size);
  height: var(--b-month-view-cell-header-content-height);
  min-width: var(--b-month-view-cell-header-content-height);
}
:is(.b-month-view .b-week-num, .b-month-view .b-day-num):focus-visible {
  outline: var(--b-widget-focus-outline-width) solid var(--b-widget-focus-outline-color);
  outline-offset: calc(var(--b-widget-focus-outline-width) * -1);
}
.b-month-view .b-week-num {
  display: none;
}
.b-month-view.b-show-week-number .b-week-num {
  display: flex;
}
.b-month-view .b-calendar-cell {
  display: flex;
  flex-direction: column;
}
.b-month-view .b-calendar-cell .b-week-num {
  margin-inline-end: auto;
  color: var(--b-month-view-cell-header-week-color);
}
.b-month-view .b-weeks-container {
  flex: 1 0 0%;
  --bi-min-week-height: max(var(--bi-min-row-height, 0px), var(--bi-two-event-row-height, 0px));
  --bi-flexed-row-height: max( calc(100% / var(--bi-visible-week-count)), var(--bi-min-week-height) );
  border-inline: var(--b-month-view-border-inline-width) solid var(--b-month-view-border-color);
  border-block: var(--b-month-view-cell-border-width) solid var(--b-month-view-border-color);
}
.b-month-view .b-weeks-container .b-calendar-panel-row {
  transition: flex-basis 0.5s, min-height 0.5s;
  flex: 0 0 var(--bi-flexed-row-height);
  min-width: max(calc(var(--bi-min-column-width) * var(--bi-week-length)), 100%);
  border-bottom: var(--b-month-view-cell-border-width) solid var(--b-month-view-border-color);
}
.b-month-view .b-weeks-container .b-calendar-panel-row:last-child {
  border-bottom: 0 none;
}
.b-month-view .b-weeks-container .b-calendar-panel-row.b-shrinkwrapped {
  overflow: hidden;
}
.b-month-view .b-weeks-container .b-calendar-panel-row.b-shrinkwrapped:not(.b-has-overflow) .b-cal-cell-overflow {
  display: none;
}
.b-month-view .b-weeks-container .b-calendar-panel-row.b-shrinkwrapped.b-flexing .b-cal-cell-overflow {
  display: initial;
}
.b-month-view .b-weeks-container .b-calendar-panel-row.b-empty-row {
  flex: 1 1 var(--bi-flexed-row-height);
  min-height: max(var(--bi-one-event-row-height), var(--bi-min-row-height, 0px));
}
.b-month-view .b-weeks-container .b-calendar-panel-row .b-week-number-cell,
.b-month-view .b-weeks-container .b-calendar-panel-row .b-calendar-cell {
  flex: 1;
  color: var(--b-month-view-cell-color);
  border-inline-end: var(--b-month-view-cell-border-width) solid var(--b-month-view-border-color);
  overflow: hidden;
}
:is(.b-month-view .b-weeks-container .b-calendar-panel-row .b-week-number-cell, .b-month-view .b-weeks-container .b-calendar-panel-row .b-calendar-cell):last-child {
  border-inline-end: 0 none;
}
:is(.b-month-view .b-weeks-container .b-calendar-panel-row .b-week-number-cell, .b-month-view .b-weeks-container .b-calendar-panel-row .b-calendar-cell).b-weekend {
  color: var(--b-month-view-cell-weekend-color);
}
:is(.b-month-view .b-weeks-container .b-calendar-panel-row .b-week-number-cell, .b-month-view .b-weeks-container .b-calendar-panel-row .b-calendar-cell).b-today .b-day-num {
  border-radius: 50%;
  font-size: 85%;
  background: var(--b-month-view-today-day-num-background, var(--b-calendar-today-background));
  border: var(--b-month-view-today-day-num-border, var(--b-calendar-today-border, var(--b-date-picker-today-border, 1px solid var(--b-date-picker-today-color, var(--b-primary-50)))));
  color: var(--b-month-view-today-day-num-color, var(--b-calendar-today-color, var(--b-date-picker-today-color, var(--b-primary-50))));
  font-weight: var(--b-month-view-today-day-num-font-weight);
}
:is(.b-month-view .b-weeks-container .b-calendar-panel-row .b-week-number-cell, .b-month-view .b-weeks-container .b-calendar-panel-row .b-calendar-cell).b-non-working-day {
  background: var(--b-month-view-non-working-day-background);
}
:is(.b-month-view .b-weeks-container .b-calendar-panel-row .b-week-number-cell, .b-month-view .b-weeks-container .b-calendar-panel-row .b-calendar-cell).b-non-working-day.b-dynamic-non-working-day {
  display: flex !important;
}
.b-month-view .b-weeks-container .b-calendar-panel-row .b-week-number-cell {
  padding-top: 5px;
  text-align: center;
  cursor: pointer;
  flex: 0 0 auto;
  flex-flow: column nowrap;
  justify-content: space-between;
  min-width: var(--b-month-view-week-column-width);
  background: var(--b-month-view-week-cell-background);
  color: var(--b-month-view-week-cell-color);
}
.b-month-view .b-weeks-container .b-calendar-panel-row .b-week-number-cell:hover {
  background: var(--b-month-view-week-cell-hover-background);
  color: var(--b-month-view-week-cell-hover-color);
  border-radius: var(--b-month-view-week-cell-hover-border-radius);
}
.b-month-view .b-weeks-container.b-measuring-container-height .b-calendar-panel-row {
  transition: none !important;
  flex-shrink: 0 !important;
  min-height: var(--bi-flexed-row-height) !important;
}
.b-month-view .b-weeks-container .b-calendar-panel-days {
  position: relative;
}
.b-month-view .b-hide-non-working-days .b-weeks-container .b-last-working-day {
  border-inline-end: 0 none;
}
.b-month-view .b-cal-cell-header {
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  justify-content: center;
  background: var(--b-month-view-cell-header-background);
  color: var(--b-month-view-cell-header-color);
  padding: var(--b-month-view-cell-header-padding);
  max-height: var(--b-month-view-cell-header-dayname-height);
}
.b-month-view .b-cal-cell-header .b-day-name {
  display: flex;
  align-items: center;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  height: var(--b-month-view-cell-header-dayname-height);
}
.b-month-view .b-cal-cell-header .b-day-num {
  margin-inline-start: auto;
  position: relative;
  overflow: visible;
  z-index: var(--b-month-view-day-num-z-index);
  height: var(--b-month-view-cell-header-content-height);
}
.b-month-view .b-cal-cell-header .b-day-num strong {
  position: absolute;
  inset-inline-end: calc(100% + 0.3em);
  color: initial;
}
.b-month-view.b-day-number-center .b-cal-cell-header {
  justify-content: center;
}
.b-month-view.b-show-week-column .b-week-num {
  display: none;
}
.b-month-view.b-show-week-column .b-cal-cell-header {
  cursor: pointer;
}
.b-month-view.b-show-week-column .b-cal-cell-header:hover {
  background: var(--b-month-view-cell-header-hover-background);
  color: var(--b-month-view-cell-header-hover-color);
  border-radius: var(--b-month-view-cell-header-hover-border-radius);
}
.b-month-view:not(.b-show-week-column) .b-day-name {
  cursor: pointer;
}
:is(.b-month-view:not(.b-show-week-column) .b-week-num, .b-month-view:not(.b-show-week-column) .b-day-num):hover,
:is(.b-month-view:not(.b-show-week-column) .b-week-num, .b-month-view:not(.b-show-week-column) .b-day-num):focus-visible {
  cursor: pointer;
  background: var(--b-month-view-cell-header-hover-background);
  color: var(--b-month-view-cell-header-hover-color);
  border-radius: calc(var(--b-month-view-cell-header-content-height) / 2);
}
.b-month-view .b-month-view-content {
  flex-basis: 0;
  justify-content: flex-start;
  background: var(--b-month-view-background);
  padding: var(--b-month-view-padding);
}
.b-month-view .b-cal-event-bar-container,
.b-month-view .b-cal-cell-overflow {
  font-size: var(--b-month-view-event-bar-font-size);
}
.b-cal-event-list .b-panel-header .b-header-title {
  font-size: 1em;
  cursor: pointer;
}
.b-notransition .b-month-view .b-weeks-container .b-calendar-panel-row {
  transition: none;
}
:root,
:host {
  --b-resource-view-header-height: 4.5em;
  --b-resource-view-time-axis-z-index: 3;
  --b-resource-view-scroller-z-index: 1;
}
.b-internal {
  --bi-view-gap: null;
  --bi-resource-width: null;
}
.b-resource-view {
  align-items: stretch;
  --b-panel-gap: 0;
  --b-panel-header-font-size: 1em;
  --b-panel-with-header-padding: 0;
  --b-month-view-border-inline-width: 1px;
}
.b-resource-view:not(:has(.b-day-view)) {
  border-inline-start: var(--b-resource-view-border-start, 1px solid var(--b-calendar-border-color));
}
.b-resource-view .b-cal-widget-settings-button {
  display: none;
}
.b-resource-view:has(.b-day-view:not(.b-resource-day-view-time-axis) .b-day-view-all-day-row-start.b-has-cell-overflow:not(.b-day-view-all-day-auto-height)) .b-resource-day-view-time-axis {
  cursor: pointer;
}
.b-resource-view:has(.b-day-view:not(.b-resource-day-view-time-axis) .b-day-view-all-day-row-start.b-has-cell-overflow:not(.b-day-view-all-day-auto-height)) .b-resource-day-view-time-axis .b-expand-all-day-button {
  display: flex;
}
.b-resource-view:has(.b-day-view:not(.b-resource-day-view-time-axis) .b-day-view-all-day-row-start.b-expanded) .b-expand-all-day-button {
  rotate: -180deg;
}
.b-resource-view-content {
  flex-flow: row nowrap;
  align-items: stretch;
  padding: 0;
}
.b-resource-view-content .b-day-view[data-duration="1"]:not(:focus-within) {
  --b-calendar-selected-date-border: 0 none;
}
.b-resource-view-content > * {
  flex: 1 0 0;
  margin-inline-end: var(--bi-view-gap);
}
.b-resource-view-content > *.b-resource-view-resource {
  min-width: var(--bi-resource-width);
}
.b-resource-view-content > *.b-filtered-hiding {
  min-width: 0;
  width: 0;
  flex: none;
  border: 0 none;
  transition: width 0.3s;
}
.b-resource-view-content > *:last-child,
.b-resource-view-content > *.b-last-resource-view {
  margin-inline-end: 0;
}
.b-resource-view-content .b-panel-header {
  background: var(--b-day-view-background);
  border: 1px solid var(--b-day-view-border-color);
  border-block: none;
  border-radius: 0;
  color: var(--b-month-view-cell-color);
  height: var(--b-resource-view-header-height);
}
.b-resource-view-content .b-day-view.b-first-resource-view > .b-panel-header {
  border-inline-start: none;
}
.b-resource-view-content > .b-day-view.b-resource-day-view-time-axis {
  position: sticky;
  z-index: var(--b-resource-view-time-axis-z-index);
}
.b-resource-view-content > .b-day-view.b-resource-day-view-time-axis:first-child {
  inset-inline-start: 0;
  border-inline-end: 1px solid var(--b-day-view-border-color);
}
.b-resource-view-content > .b-day-view.b-resource-day-view-time-axis:first-child .b-day-view-day-container {
  display: none;
}
.b-resource-view-content > .b-day-view.b-resource-day-view-time-axis .b-virtual-scrollers {
  display: none;
}
.b-resource-view-content > .b-day-view.b-first-resource-view .b-day-view-schedule-container,
.b-resource-view-content > .b-day-view.b-first-resource-view .b-day-view-day-container {
  border-inline-start: 0 none;
}
.b-resource-view-content > .b-day-view.b-last-resource-view .b-panel-header {
  border-inline-end: 0 none;
}
.b-resource-view-content > .b-day-view.b-resource-day-view-scroller {
  inset-inline-end: 0;
  background: var(--b-day-view-background) !important;
  z-index: var(--b-resource-view-scroller-z-index);
  border-inline-start: var(--b-day-view-split-width) solid var(--b-day-view-border-color);
}
.b-resource-view-content > .b-day-view.b-resource-day-view-scroller .b-day-view-time-axis-time,
.b-resource-view-content > .b-day-view.b-resource-day-view-scroller .b-day-view-all-day-row-start {
  display: none;
}
.b-resource-view-content > .b-day-view.b-resource-day-view-scroller .b-day-view-day-container {
  visibility: hidden;
}
.b-resource-view-content > .b-day-view.b-resource-day-view-scroller .b-time-axis-container {
  display: none;
}
.b-resource-view-content > .b-day-view.b-resource-day-view-scroller .b-yscroll-pad {
  visibility: hidden;
}
.b-resource-view-content > .b-day-view:not(.b-resource-day-view-time-axis, .b-resource-day-view-scroller):not(.b-last-resource-view) .b-day-view-day-container,
.b-resource-view-content > .b-day-view:not(.b-resource-day-view-time-axis, .b-resource-day-view-scroller):not(.b-last-resource-view) .b-day-view-schedule-container {
  border-inline-end: var(--b-day-view-split-width) solid var(--b-day-view-border-color);
}
.b-resource-view-content > .b-day-view:not(.b-resource-day-view-time-axis, .b-resource-day-view-scroller) .b-day-view-all-day-row-start,
.b-resource-view-content > .b-day-view:not(.b-resource-day-view-time-axis, .b-resource-day-view-scroller) .b-time-axis-container {
  display: none;
}
.b-resource-view-content > .b-day-view.b-resource-day-view-time-axis,
.b-resource-view-content > .b-day-view.b-resource-day-view-scroller {
  flex: 0 0 auto;
  margin-inline-end: 0;
}
:is(.b-resource-view-content > .b-day-view.b-resource-day-view-time-axis, .b-resource-view-content > .b-day-view.b-resource-day-view-scroller) .b-day-view-header {
  visibility: hidden;
  padding-inline: 0;
}
:is(.b-resource-view-content > .b-day-view.b-resource-day-view-time-axis, .b-resource-view-content > .b-day-view.b-resource-day-view-scroller) .b-day-view-schedule-container {
  display: flex;
  max-width: 0;
  border: 0 none;
}
.b-resource-view-content .b-day-view-day-container {
  overscroll-behavior: auto;
}
.b-resource-view-content > .b-month-view.b-first-resource-view .b-calendar-panel-header,
.b-resource-view-content > .b-month-view.b-first-resource-view .b-calendar-week-days,
.b-resource-view-content > .b-month-view.b-first-resource-view .b-weeks-container {
  border-inline-start: 0 none;
}
.b-resource-view-content .b-month-view-content {
  padding-top: 0;
}
.b-resource-view-content .b-month-view-content .b-calendar-week-days {
  padding: 0.5em 0;
  border-inline: 1px solid var(--b-day-view-border-color);
}
.b-resource-view-content .b-month-view-content .b-calendar-week-days .b-calendar-day-header {
  padding-bottom: 0;
}
.b-resource-view-content > .b-event-list > .b-panel-body-wrap {
  border-inline: 1px solid var(--b-day-view-border-color);
}
.b-calendar .b-resource-view-title {
  display: grid;
  column-gap: 1em;
  row-gap: 0;
  align-items: center;
  justify-content: flex-start;
}
.b-calendar .b-resource-view-title .b-resource-avatar {
  font-size: 1.2em;
}
.b-calendar .b-resource-view-title.b-has-meta .b-resource-avatar {
  grid-row: 1 / span 2;
}
.b-calendar .b-resource-view-title .b-resource-name,
.b-calendar .b-resource-view-title .b-resource-meta {
  grid-column: 2;
}
.b-calendar .b-resource-view-title .b-resource-name {
  font-size: 1.1em;
}
.b-calendar .b-resource-view-title .b-resource-meta {
  font-size: .7em;
  font-weight: 400;
}
:root,
:host {
  --b-year-view-font-size: .9em;
  --b-year-view-font-size-big: 1.3em;
  --b-year-view-foreground-font-weight: 300;
  --b-year-view-background: var(--b-calendar-background);
  --b-year-view-foreground-color: var(--b-calendar-foreground-color);
  --b-year-view-row-gap: 3em;
  --b-year-view-column-gap: 1em;
  --b-year-view-content-padding: var(--b-panel-padding);
  --b-year-view-day-cell-size: 2em;
  --b-year-view-day-cell-color: var(--b-text-3);
  --b-year-view-month-max-width: 20em;
  --b-year-view-month-min-width: 16em;
  --b-year-view-month-name-font-size: 1.3em;
  --b-year-view-month-name-max-width: calc(var(--b-year-view-month-max-width) / var(--b-year-view-month-name-font-size));
  --b-year-view-month-name-cell-background: null;
  --b-year-view-month-name-cell-color: var(--b-calendar-week-cell-color);
  --b-year-view-month-name-cell-hover-background: var(--b-calendar-week-cell-hover-background);
  --b-year-view-month-name-cell-hover-color: var(--b-calendar-week-cell-hover-color);
  --b-year-view-week-cell-background: var(--b-neutral-98);
  --b-year-view-week-cell-color: var(--b-neutral-60);
  --b-year-view-week-cell-hover-background: var(--b-calendar-week-cell-hover-background);
  --b-year-view-week-cell-hover-color: var(--b-calendar-week-cell-hover-color);
  --b-year-view-cell-background: null;
  --b-year-view-cell-color: var(--b-calendar-foreground-color);
  --b-year-view-cell-hover-background: var(--b-calendar-week-cell-hover-background);
  --b-year-view-cell-hover-color: var(--b-text-2);
  --b-year-view-other-month-cell-color: var(--b-calendar-other-month-foreground-color);
  --b-year-view-events-hover-blend-mode: multiply;
  --b-year-view-dragproxy-background: linear-gradient(rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0.8)) currentColor;
  --b-year-view-active-overflow-z-index: 10;
}
.b-colorize {
  --b-year-view-heatmap-background: var(--b-primary-85);
  --b-year-view-heatmap-hover-background: var(--b-primary-75);
  --b-year-view-tentative-event-color: var(--b-primary-75);
  --b-year-view-tentative-event-color2: var(--b-primary-90);
  --b-year-view-today-cell-font-weight: var(--b-calendar-today-font-weight);
}
.b-year-view {
  background: transparent;
}
.b-year-view-content {
  flex-basis: 0;
  display: flex;
  flex-flow: row wrap;
  align-content: flex-start;
  justify-content: space-around;
  font-size: var(--b-year-view-font-size);
  font-weight: var(--b-year-view-foreground-font-weight);
  padding: var(--b-year-view-content-padding);
  column-gap: var(--b-year-view-column-gap);
  row-gap: var(--b-year-view-row-gap);
  padding-inline-start: max(calc((25% - var(--b-year-view-month-max-width) + var(--b-year-view-row-gap)) - var(--b-year-view-content-padding) * 2), var(--b-year-view-content-padding));
}
.b-year-view-content.b-show-events-dots .b-calendar-cell {
  height: 2.3em;
}
.b-year-view-content.b-show-events-count .b-cell-events-badge {
  position: absolute;
  inset-block-start: 1.6EM;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  flex-shrink: 0;
  font-size: var(--b-date-picker-cell-badge-font-size);
  background: var(--b-date-picker-cell-badge-background);
  color: var(--b-date-picker-cell-badge-color);
  width: var(--b-date-picker-cell-badge-size);
  height: var(--b-date-picker-cell-badge-size);
  transform: var(--b-date-picker-cell-badge-transform);
}
.b-year-view-body-wrap .b-year-view-content {
  background: var(--b-year-view-background);
  color: var(--b-year-view-foreground-color);
}
.b-year-view.b-responsive-small .b-year-view-content {
  font-size: var(--b-year-view-font-size-big);
}
.b-year-view-content .b-year-view-month {
  display: flex;
  flex-flow: column nowrap;
  height: min-content;
  flex-basis: calc(25% - var(--b-year-view-column-gap));
  min-width: var(--b-year-view-month-min-width);
}
.b-year-view-content .b-year-view-month-name {
  margin-bottom: .4em;
  padding: 0.1em 0 0.2em 0.3em;
  border: 0 none;
  text-align: start;
  font-family: inherit;
  font-weight: inherit;
  font-size: var(--b-year-view-month-name-font-size);
  color: var(--b-year-view-month-name-cell-color);
  background: var(--b-year-view-month-name-cell-background);
  max-width: var(--b-year-view-month-name-max-width);
}
.b-year-view-content .b-year-view-month-name:hover {
  cursor: pointer;
  background: var(--b-year-view-month-name-cell-hover-background);
  color: var(--b-year-view-month-name-cell-hover-color);
}
.b-year-view-content .b-calendar-week-days {
  height: 2.1em;
}
.b-year-view.b-responsive-small .b-year-view-content .b-calendar-week {
  max-width: 100%;
}
.b-year-view-content .b-calendar-week {
  display: flex;
  flex-flow: row nowrap;
  max-width: var(--b-year-view-month-max-width);
}
.b-year-view-content .b-calendar-week:last-child {
  margin-bottom: var(--b-year-view-content-padding);
}
.b-year-view-content .b-calendar-week > * {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
  align-items: center;
}
.b-year-view-content .b-year-view-weekday-cell {
  color: var(--b-year-view-day-cell-color);
}
.b-year-view-content.b-hide-week-numbers .b-week-number-cell {
  display: none;
}
.b-year-view-content .b-cal-cell-overflow.b-active {
  outline: 0 none;
  opacity: 1 !important;
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2), -5px 2px 5px rgba(0, 0, 0, 0.2);
  z-index: var(--b-year-view-active-overflow-z-index) !important;
}
.b-year-view-content .b-cal-cell-overflow:hover {
  background-color: inherit;
}
.b-year-view-content:not(.b-draggable-active) .b-calendar-cell:not([data-event-count="0"]):hover .b-calendar-cell-inner {
  background-color: var(--bi-bg-color);
  mix-blend-mode: var(--b-heatmap-mix-blend-mode);
}
.b-year-view-content:not(.b-draggable-active) .b-calendar-cell .b-calendar-cell-inner:hover {
  cursor: pointer;
  background: var(--b-year-view-cell-hover-background);
  color: var(--b-year-view-cell-hover-color);
}
.b-year-view-content.b-show-events-heatmap .b-calendar-cell {
  --bi-input: clamp(0, (var(--bi-event-count) - 1) / 9, 1);
  --bi-bg-color: color-mix( in oklab, var(--b-heatmap-end) calc(var(--bi-input) * 100%), var(--b-heatmap-start) calc((1 - var(--bi-input)) * 100%) );
}
.b-year-view-content.b-show-events-heatmap .b-calendar-cell:not([data-event-count="0"]) {
  background-color: var(--bi-bg-color);
  font-weight: calc(var(--b-year-view-foreground-font-weight) + 100);
}
.b-year-view-content .b-calendar-cell {
  position: relative;
}
.b-year-view-content .b-calendar-cell.b-cal-tentative-event {
  background-color: var(--b-year-view-tentative-event-color);
}
.b-year-view-content .b-calendar-cell.b-cal-tentative-event.b-other-month {
  background-color: var(--b-year-view-tentative-event-color2);
}
.b-year-view-content .b-calendar-cell .b-cal-minimal-event-container {
  inset: auto 0 0 0;
  position: absolute;
  display: flex;
  justify-content: center;
}
.b-year-view-content .b-calendar-cell .b-calendar-cell-inner {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: var(--b-year-view-cell-background);
  height: var(--b-year-view-day-cell-size);
  width: var(--b-year-view-day-cell-size);
}
.b-year-view-content .b-calendar-cell.b-today .b-calendar-cell-inner {
  border-radius: 50%;
  background: var(--b-year-view-today-cell-background, var(--b-calendar-today-background));
  border: var(--b-year-view-today-cell-border, var(--b-calendar-today-border, var(--b-date-picker-today-border, 1px solid var(--b-date-picker-today-color, var(--b-primary-50)))));
  color: var(--b-year-view-today-cell-color, var(--b-calendar-today-color, var(--b-date-picker-today-color, var(--b-primary-50))));
  font-weight: var(--b-year-view-today-cell-font-weight);
}
.b-year-view-content .b-calendar-cell.b-other-month .b-calendar-cell-inner {
  color: var(--b-year-view-other-month-cell-color);
}
.b-year-view-content .b-week-number-cell {
  border: 0 none;
  padding: 0;
  font-family: inherit;
  font-weight: inherit;
  font-size: inherit;
  flex: 0 0 var(--b-year-view-day-cell-size);
  background: var(--b-year-view-week-cell-background);
  color: var(--b-year-view-week-cell-color);
}
.b-year-view-content .b-week-number-cell:hover {
  cursor: pointer;
  background: var(--b-year-view-week-cell-hover-background);
  color: var(--b-year-view-week-cell-hover-color);
}
:is(.b-year-view-content .b-calendar-cell, .b-year-view-content .b-week-number-cell).b-active {
  outline: 0 none;
  background-color: #e8e8e8;
  border-radius: 50%;
}
.b-year-view-content.b-hide-non-working-days .b-non-working-day {
  display: none;
}
.b-year-view-content .b-calendar-week:not([data-week]) .b-week-number-cell {
  background-color: inherit;
}
.b-year-view-content :is(.b-year-view-month-name, .b-week-number-cell, .b-calendar-cell-inner):focus-visible {
  outline: var(--b-widget-focus-outline-width) solid var(--b-widget-focus-outline-color);
  z-index: 1;
}
:root,
:host {
  --b-month-grid-overflow-gradient-z-index: 12;
  --b-month-grid-month-background-color: var(--b-neutral-98);
  --b-month-grid-event-container-background-color: transparent;
  --b-month-grid-event-group-background-color: var(--b-neutral-100);
  --b-month-grid-event-group-border-color: var(--b-calendar-border-color);
  --b-month-grid-event-group-border-radius: var(--b-widget-border-radius);
  --b-month-grid-event-group-expand-icon-color: var(--b-text-4);
  --b-month-grid-event-group-active-expand-icon-color: var(--b-text-5);
  --b-month-grid-month-header-background: transparent;
  --b-month-grid-month-header-hover-background: transparent;
  --b-month-grid-month-header-color: var(--b-text-1);
}
.b-internal {
  --bi-min-month-height: null;
}
.b-month-grid {
  --b-calendar-view-padding-top: 0;
}
.b-month-grid.b-responsive-small {
  font-size: 0.7em;
}
.b-month-grid .b-hide-event-scroll .b-month-grid-content-wrap::before,
.b-month-grid .b-hide-event-scroll .b-month-grid-content-wrap::after {
  pointer-events: none;
  transition: opacity 0.3s ease;
  opacity: 0;
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 20px;
  z-index: var(--b-month-grid-overflow-gradient-z-index);
}
.b-month-grid .b-hide-event-scroll .b-month-grid-content-wrap.b-cal-event-container-overflow-top::before {
  opacity: 1;
  top: 0;
  background:
    linear-gradient(
      to bottom,
      var(--b-month-grid-month-background-color) 0%,
      transparent 100%);
}
.b-month-grid .b-hide-event-scroll .b-month-grid-content-wrap.b-cal-event-container-overflow-bottom::after {
  opacity: 1;
  bottom: 0;
  background:
    linear-gradient(
      to bottom,
      transparent 0%,
      var(--b-month-grid-month-background-color) 100%);
}
.b-month-grid .b-hide-event-scroll.b-has-scrollbars .b-cal-event-bar-container {
  scrollbar-width: none;
}
.b-month-grid .b-month-grid-content {
  overflow: auto;
}
.b-month-grid-body-wrap {
  container: month-grid / inline-size;
}
.b-month-grid-content {
  display: grid;
  gap: var(--bi-view-gap, 0);
  padding: var(--bi-view-gap, 0);
  align-items: stretch;
  grid-template-columns: repeat(var(--bi-column-count), 1fr);
  grid-template-rows: repeat(var(--bi-row-count), 1fr);
  --bi-column-count: 1;
  --bi-row-count: 12;
}
@container month-grid (min-width: 380px) {
  .b-month-grid-content {
    --bi-column-count: 2;
    --bi-row-count: 6;
  }
}
@container month-grid (min-width: 570px) {
  .b-month-grid-content {
    --bi-column-count: 3;
    --bi-row-count: 4;
  }
}
@container month-grid (min-width: 760px) {
  .b-month-grid-content {
    --bi-column-count: 4;
    --bi-row-count: 3;
  }
}
@container month-grid (min-width: 1140px) {
  .b-month-grid-content {
    --bi-column-count: 6;
    --bi-row-count: 2;
  }
}
.b-has-view-gap .b-month-grid-content {
  --b-calendar-view-padding-top: var(--bi-view-gap);
}
.b-month-grid-content .b-month-grid-month {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-style: solid;
  border-color: var(--b-calendar-border-color);
  border-width: 0 0 1px 1px;
  min-height: var(--bi-min-month-height);
  background-color: var(--b-month-grid-month-background-color);
}
.b-has-view-gap :is(.b-month-grid-content .b-month-grid-month) {
  border-width: 1px;
  border-radius: var(--b-widget-border-radius);
}
.b-month-grid-content .b-month-grid-month-name {
  display: flex;
  padding: 1em 1em 0.5em 1em;
  font-size: 1em;
  font-weight: 500;
  max-width: unset;
  margin: 0;
  justify-content: space-between;
  cursor: pointer;
  align-items: baseline;
  background: var(--b-month-grid-month-header-background);
  color: var(--b-month-grid-month-header-color);
}
.b-month-grid-content .b-month-grid-month-name:hover {
  background: var(--b-month-grid-month-header-hover-background);
}
.b-month-grid-content .b-month-grid-month-name:focus-visible {
  outline-offset: -1px;
}
.b-month-grid-content .b-month-grid-month-header-event-count {
  font-size: 0.8em;
}
.b-month-grid-content .b-month-grid-content-wrap {
  flex-grow: 1;
  display: flex;
  position: relative;
  overflow: hidden;
  margin: var(--bi-event-spacing);
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container {
  overflow-x: visible;
  overflow-y: auto;
  gap: var(--bi-event-spacing);
  background-color: var(--b-month-grid-event-container-background-color);
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container .b-cal-event-bar-group {
  display: flex;
  background-color: var(--b-month-grid-event-group-background-color);
  border: 1px solid var(--b-month-grid-event-group-border-color);
  border-radius: var(--b-month-grid-event-group-border-radius);
  --bi-expand-icon-color: var(--b-month-grid-event-group-expand-icon-color);
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container .b-cal-event-bar-group.b-active {
  --bi-expand-icon-color: var(--b-month-grid-event-group-active-expand-icon-color);
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container .b-cal-event-bar-count {
  margin-inline-start: auto;
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container .b-cal-event-body,
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container .b-cal-event-desc {
  justify-content: space-between;
  display: flex;
  flex-basis: 100%;
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container .b-icon-group-expand::before {
  transition: rotate 0.3s ease;
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container .b-icon-group-expand.b-rtl::before {
  rotate: -180deg;
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container .b-icon-group-expand {
  color: var(--bi-expand-icon-color);
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container:hover {
  color: currentColor;
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container[aria-expanded=true] .b-icon-group-expand::before {
  rotate: 90deg;
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container[aria-expanded=true] .b-icon-group-expand.b-rtl::before {
  rotate: -270deg;
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container .b-cal-event-wrap {
  position: relative;
  padding-inline: 0;
  margin-inline: 3px;
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container .b-cal-event-wrap:first-child {
  margin-block-start: 3px;
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container .b-cal-event-wrap.b-cal-event-bar-adding .b-cal-event {
  animation: b-anim-grow-height 0.3s ease-out forwards;
}
.b-month-grid-content .b-month-grid-month .b-cal-event-bar-container .b-cal-event-wrap.b-cal-event-bar-removing .b-cal-event {
  animation: b-anim-shrink-height 0.3s ease-out forwards;
}
.b-month-grid-content .b-cal-event-bar-name,
.b-month-grid-content .b-cal-event-desc > :first-child {
  overflow: hidden;
  text-overflow: ellipsis;
}
@keyframes b-anim-grow-height {
  from {
    height: 0;
    opacity: 0;
  }
  to {
    height: var(--bi-event-height);
    opacity: 1;
  }
}
@keyframes b-anim-shrink-height {
  0% {
    height: var(--bi-event-height);
    opacity: 1;
  }
  90% {
    opacity: 0;
  }
  100% {
    height: 0;
    opacity: 0;
  }
}
:root,
:host {
  --b-calendar-row-non-working-day-background: transparent;
  --b-calendar-row-compact-header-font-size: 1em;
}
.b-internal {
  --bi-min-day-width: null;
  --bi-cell-container-overflow: null;
}
.b-calendar-row {
  display: flex;
  flex-flow: column nowrap;
  align-items: stretch;
  overflow: hidden;
  flex: 1 0 0%;
  background: var(--b-month-view-background);
}
.b-calendar-row.b-animating:not(.b-day-view-initializing) .b-calendar-row-cell-container {
  transition: height var(--b-day-view-all-day-height-transition-duration), min-height var(--b-day-view-all-day-height-transition-duration);
}
.b-calendar-row .b-calendar-row-header,
.b-calendar-row .b-calendar-row-body {
  flex: 0 0 auto;
  display: flex;
  flex-flow: row nowrap;
}
.b-calendar-row .b-calendar-row-body {
  flex: 1 1 0%;
  overflow: hidden;
}
.b-calendar-row .b-calendar-row-body.b-zero-height {
  max-height: 0px;
}
.b-calendar-row .b-calendar-row-body:not(.b-zero-height) {
  border-top: 1px solid var(--b-calendar-border-color);
}
.b-calendar-row .b-calendar-row-header-container,
.b-calendar-row .b-calendar-row-cell-container {
  flex: 1 0 0%;
  display: flex;
  flex-flow: row nowrap;
  align-items: stretch;
  overflow: hidden;
}
.b-calendar-row .b-calendar-row-cell-container {
  position: relative;
  overflow: var(--bi-cell-container-overflow, hidden);
}
.b-calendar-row .b-cal-cell-header {
  padding: var(--b-calendar-view-padding-top) 0 .2em;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: var(--b-month-view-background);
  cursor: pointer;
}
.b-calendar-row .b-cal-cell-header .b-week-num {
  display: none;
}
.b-calendar-row .b-cal-cell-header .b-day-name-date {
  background: var(--bi-calendar-date-background);
}
.b-calendar-row .b-cal-cell-header .b-day-name-date:focus-visible {
  outline: var(--b-widget-focus-outline-width) solid var(--b-widget-focus-outline-color);
}
.b-calendar-row .b-cal-cell-header:hover {
  --bi-calendar-date-background: var(--b-calendar-date-hover-background);
}
.b-draggable-started :is(.b-calendar-row .b-cal-cell-header):hover {
  --bi-calendar-date-background: initial;
}
.b-calendar-row .b-cal-cell-header .b-day-name-day {
  font-size: .8em;
  margin-bottom: .2em;
}
.b-calendar-row .b-cal-cell-header .b-day-name-day.b-day-name-short {
  font-size: 1.1em;
}
.b-calendar-row .b-cal-cell-header .b-day-name-date {
  font-size: 1.8em;
  border-radius: 50%;
  width: 1.8em;
  height: 1.8em;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0.1em 0 0.2em 0;
  transition:
    background-color .3s,
    width .3s,
    height .3s,
    font-weight .3s,
    color .3s;
}
.b-no-transitions :is(.b-calendar-row .b-cal-cell-header .b-day-name-date) {
  transition: none;
}
.b-calendar-row .b-cal-cell-header.b-weekend .b-day-name-part {
  color: var(--b-calendar-view-header-cell-weekend-color);
}
.b-calendar-row .b-cal-cell-header.b-non-working-day .b-day-name-part {
  color: var(--b-calendar-view-header-cell-non-working-day-color);
}
.b-calendar-row .b-cal-cell-header.b-selected-date .b-day-name-date {
  border: var(--b-calendar-selected-date-border);
}
.b-calendar-row .b-cal-cell-header.b-today {
  --bi-calendar-date-background: var(--b-calendar-today-background);
}
.b-calendar-row .b-cal-cell-header.b-today .b-day-name-date {
  border: var(--b-calendar-today-border, var(--b-date-picker-today-border, 1px solid var(--b-date-picker-today-color, var(--b-primary-50))));
  color: var(--b-calendar-today-color, var(--b-date-picker-today-color, var(--b-primary-50)));
}
.b-calendar-row .b-cal-cell-header.b-today:hover {
  --bi-calendar-date-background: var(--b-calendar-today-hover-background, var(--b-primary-90));
}
.b-calendar-row .b-cal-cell-header.b-selected-date,
.b-calendar-row .b-cal-cell-header.b-current-date {
  --bi-calendar-date-background: var(--b-date-picker-selected-background, var(--b-primary-90));
}
:is(.b-calendar-row .b-cal-cell-header.b-selected-date, .b-calendar-row .b-cal-cell-header.b-current-date) .b-day-name-date {
  color: var(--b-date-picker-selected-color, var(--b-primary-30));
}
:is(.b-calendar-row .b-cal-cell-header.b-selected-date, .b-calendar-row .b-cal-cell-header.b-current-date):hover {
  --bi-calendar-date-background: var(--b-date-picker-date-hover-background, var(--b-primary-95));
}
.b-calendar-row.b-shifted-day .b-day-name-date {
  width: 3em;
  border-radius: 9999px;
}
.b-calendar-row.b-hide-all-day-header .b-cal-cell-header:not(:last-child) {
  border-inline-end: var(--b-month-view-cell-border-width) solid var(--b-month-view-border-color);
}
.b-calendar-row.b-hide-all-day-header .b-calendar-row-body {
  display: none;
}
.b-calendar-row .b-cal-cell-header,
.b-calendar-row .b-calendar-cell {
  flex: 1 1 100%;
  min-width: var(--bi-min-day-width, 0);
  color: var(--b-month-view-cell-color);
  display: flex;
  flex-flow: column nowrap;
}
.b-calendar-row .b-calendar-cell {
  overflow: visible;
}
.b-calendar-row .b-calendar-cell.b-weekend {
  color: var(--b-calendar-view-cell-weekend-color);
}
.b-calendar-row .b-calendar-cell.b-non-working-day {
  background: var(--b-month-view-non-working-day-background);
  color: var(--b-calendar-view-header-cell-non-working-day-color);
}
.b-calendar-row .b-calendar-cell.b-today .b-day-num {
  border-radius: 50%;
  background: var(--b-month-view-today-day-num-background, var(--b-calendar-today-background));
  color: var(--b-month-view-today-day-num-color, var(--b-calendar-today-color, var(--b-date-picker-today-color, var(--b-primary-50))));
  font-weight: var(--b-month-view-today-day-num-font-weight);
}
.b-calendar-row .b-calendar-cell.b-non-working-day .b-cal-event-bar-container {
  background: var(--b-calendar-row-non-working-day-background);
}
.b-calendar-row .b-calendar-cell:not(:last-child) {
  border-inline-end: var(--b-month-view-cell-border-width) solid var(--b-month-view-border-color);
}
.b-calendar-row .b-cal-event-bar-container {
  flex: 1 1 100%;
}
.b-calendar-row.b-responsive-small .b-cal-cell-header {
  padding-block-start: 0.4em;
}
.b-calendar-row.b-responsive-small .b-cal-cell-header .b-day-name-date {
  font-size: 1.5em;
}
.b-calendar-row.b-responsive-small .b-cal-cell-header .b-dayname-date {
  flex-direction: row;
  justify-content: center;
}
.b-calendar-row.b-responsive-small .b-cal-cell-header .b-dayname-date > * {
  font-size: 1.5em;
}
.b-calendar-row.b-compact-header .b-cal-cell-header {
  flex-flow: row nowrap;
  gap: 0.25em;
  padding-block: 0.5em;
  font-weight: 500;
}
.b-calendar-row.b-compact-header .b-cal-cell-header * {
  font-size: var(--b-calendar-row-compact-header-font-size) !important;
  margin: 0 !important;
}
.b-calendar-row.b-compact-header .b-cal-cell-header .b-day-name-date {
  background: transparent;
  width: 1em;
  height: 1.8em;
}
.b-calendar-row.b-compact-header .b-cal-cell-header.b-selected-date .b-day-name-date {
  width: 1.8em;
  background: var(--bi-calendar-date-background);
}
.b-calendar-row.b-compact-header .b-cal-cell-header.b-weekend * {
  color: var(--b-calendar-view-header-cell-weekend-color);
}
.b-calendar-row.b-compact-header .b-cal-cell-header.b-non-working-day * {
  color: var(--b-calendar-view-header-cell-non-working-day-color);
}
.b-calendar-row.b-has-row-header {
  display: grid;
  grid-template-columns: var(--bi-row-header-width, auto) 1fr;
  grid-template-rows: auto 1fr;
}
.b-calendar-row.b-has-row-header .b-calendar-row-prefix {
  grid-column: 1;
  grid-row: 1 / span 2;
  display: flex;
  align-items: center;
}
.b-calendar-row.b-has-row-header .b-calendar-row-header {
  grid-column: 2;
  grid-row: 1;
}
.b-calendar-row.b-has-row-header .b-calendar-row-body {
  grid-column: 2;
  grid-row: 2;
}
:root,
:host {
  --b-day-resource-calendar-row-border-color: var(--b-calendar-border-color);
}
.b-internal {
  --bi-visible-resource-count: null;
}
div.b-day-resource-calendar-row.b-hide-all-day-header .b-day-resource-calendar-row-column,
div.b-day-resource-calendar-row .b-day-resource-calendar-row-column {
  position: relative;
  display: flex;
  flex-flow: row;
  flex: 1 0 auto;
}
:is(div.b-day-resource-calendar-row.b-hide-all-day-header .b-day-resource-calendar-row-column, div.b-day-resource-calendar-row .b-day-resource-calendar-row-column):not(:last-child) {
  border-inline-end: var(--b-month-view-cell-border-width) solid var(--b-day-resource-calendar-row-border-color);
}
:is(div.b-day-resource-calendar-row.b-hide-all-day-header .b-day-resource-calendar-row-column, div.b-day-resource-calendar-row .b-day-resource-calendar-row-column) .b-resource-calendar-row-column-resource-cell {
  flex: 1 1 100%;
  min-width: var(--bi-min-resource-width);
  display: flex;
  flex-flow: column nowrap;
}
:is(div.b-day-resource-calendar-row.b-hide-all-day-header .b-day-resource-calendar-row-column, div.b-day-resource-calendar-row .b-day-resource-calendar-row-column) .b-resource-calendar-row-column-resource-cell:not(:last-child) {
  border-inline-end: var(--b-month-view-cell-border-width) solid var(--b-day-view-border-color);
}
:is(div.b-day-resource-calendar-row.b-hide-all-day-header .b-day-resource-calendar-row-column, div.b-day-resource-calendar-row .b-day-resource-calendar-row-column) .b-cal-event-bar-container {
  position: relative;
}
div.b-day-resource-calendar-row.b-hide-all-day-header .b-cal-cell-header,
div.b-day-resource-calendar-row .b-cal-cell-header {
  align-items: stretch;
  padding-bottom: 0;
  flex: 1 0 var(--bi-min-day-width, auto);
  display: grid;
  grid-template-columns: repeat(max(var(--bi-visible-resource-count), 1), 1fr);
  contain: unset;
  width: auto;
}
:is(div.b-day-resource-calendar-row.b-hide-all-day-header .b-cal-cell-header, div.b-day-resource-calendar-row .b-cal-cell-header):not(:last-child) {
  border-inline-end: var(--b-month-view-cell-border-width) solid var(--b-day-resource-calendar-row-border-color);
}
div.b-day-resource-calendar-row .b-dayname-date {
  grid-row: 1;
  grid-column: 1/-1;
  display: flex;
  flex-flow: column nowrap;
  align-items: center;
  padding: .5em 0;
  max-width: var(--bi-min-resource-width);
  justify-self: center;
}
div.b-day-resource-calendar-row.b-compact-header .b-cal-cell-header {
  gap: 0;
  padding: 0;
}
div.b-day-resource-calendar-row.b-compact-header .b-dayname-date {
  flex-flow: row nowrap;
  gap: 0.3em;
}
div.b-day-resource-calendar-row:not(.b-compact-header) .b-day-name,
div.b-day-resource-calendar-row:not(.b-compact-header) .b-day-date {
  flex: 1;
  display: flex;
  justify-content: center;
}
div.b-day-resource-calendar-row .b-day-resource-calendar-row-resource-header {
  grid-row: 2/2;
  display: flex;
  gap: .8em;
  justify-content: center;
  align-items: center;
  padding-block: 1em;
  padding-inline: 0.5em;
  overflow: hidden;
  contain: inline-size layout;
  border-top: var(--b-month-view-cell-border-width) solid var(--b-calendar-border-color);
  min-width: var(--bi-min-resource-width);
}
.b-no-visible-resources :is(div.b-day-resource-calendar-row .b-day-resource-calendar-row-resource-header) {
  max-height: 0;
  padding: 0;
  border: 0 none;
}
div.b-day-resource-calendar-row .b-day-resource-calendar-row-resource-header.b-has-info {
  display: grid;
  grid-template-areas: "avatar name" "info info";
  grid-template-columns: auto 1fr;
}
div.b-day-resource-calendar-row .b-day-resource-calendar-row-resource-header .b-resource-avatar {
  grid-area: avatar;
  border-color: var(--b-calendar-border-color);
}
div.b-day-resource-calendar-row .b-day-resource-calendar-row-resource-header.b-avatar-after .b-resource-avatar {
  order: 1;
}
div.b-day-resource-calendar-row .b-day-resource-calendar-row-resource-header:not(:last-child) {
  border-inline-end: var(--b-month-view-cell-border-width) solid var(--b-calendar-border-color);
}
div.b-day-resource-calendar-row .b-day-resource-calendar-row-resource-header .b-day-resource-calendar-row-resource-info {
  grid-area: info;
}
div.b-day-resource-calendar-row.b-narrow-resource-header .b-day-resource-calendar-row-resource-header .b-resource-avatar {
  display: none;
}
div.b-day-resource-calendar-row.b-narrow-resource-header.b-hide-resource-name-when-narrow .b-day-resource-calendar-row-resource-header .b-resource-avatar {
  display: flex;
}
div.b-day-resource-calendar-row.b-narrow-resource-header.b-hide-resource-name-when-narrow .b-day-resource-calendar-row-resource-header .b-day-resource-calendar-row-resource-name {
  display: none;
}
div.b-day-resource-calendar-row .b-day-resource-calendar-row-resource-name {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  line-height: var(--b-avatar-size);
  grid-area: name;
}
div.b-day-resource-calendar-row .b-cal-event-wrap {
  max-width: 100%;
  opacity: 1;
  pointer-events: all;
}
.b-day-selector .b-calendar-row-header-container {
  border-bottom: 1px solid var(--b-calendar-border-color);
}
.b-day-selector .b-calendar-row-header-container .b-cal-cell-header:not(:hover) div.b-day-name-date {
  background-color: inherit;
  color: inherit;
}
.b-day-selector .b-calendar-row-header-container .b-cal-cell-header.b-selected-date div.b-day-name-date {
  background: var(--b-event-list-day-selector-selected-date-background);
  color: var(--b-event-list-day-selector-selected-date-color);
}
.b-day-selector .b-calendar-row-body {
  display: none;
}
:is(.b-day-view-with-day-selector, .b-week-view-with-day-selector) .b-calendar-row-header-container {
  border-inline-start: var(--b-day-view-split-width) solid var(--b-day-view-border-color);
  margin-inline-start: var(--bi-time-axis-width);
}
:is(.b-day-view-with-day-selector, .b-week-view-with-day-selector):not(.b-has-all-day-events) .b-calendar-row-header-container {
  border-bottom-width: 0;
}

/* node_modules/@bryntum/core-thin/material3-light.css */
:root:not(.b-nothing),
:host(:not(.b-nothing)) {
  --b-primary: var(--b-color-blue);
  --b-secondary: var(--b-color-orange);
  --b-mix: #fff;
  --b-opposite: #000;
  --b-ripple-background: #00000010;
  --b-ripple-blend-mode: soft-light;
  --b-widget-color-scheme: light;
  --b-widget-border-radius: 0.35em;
  --b-widget-border-radius-large: 1.5em;
  --b-button-border-radius: 3em;
  --b-button-filled-hover-box-shadow: var(--b-elevation-1);
  --b-button-outlined-border-color: var(--b-border-5);
  --b-button-outlined-hover-border-color: var(--b-border-4);
  --b-button-tonal-hover-box-shadow: var(--b-elevation-1);
  --b-button-padding: 0 calc(var(--b-button-height) * 0.6);
  --b-button-icon-padding: 0 calc(var(--b-button-height) * 0.6) 0 calc(var(--b-button-height) * 0.4);
  --b-button-end-icon-padding: 0 calc(var(--b-button-height) * 0.4) 0 calc(var(--b-button-height) * 0.6);
  --b-button-rotate-padding: calc(var(--b-button-height) * 0.6) 0;
  --b-button-gap: calc(var(--b-button-height) * 0.2);
  --b-checkbox-border-color: var(--b-neutral-35);
  --b-checkbox-border-width: 2px;
  --b-checkbox-check-font-size: 1em;
  --b-checkbox-hover-background: transparent;
  --b-checkbox-hover-border-color: var(--b-border-2);
  --b-checkbox-focus-outline-width: 0;
  --b-checkbox-ring-hover-opacity: 0.1;
  --b-checkbox-ring-focus-opacity: 0.2;
  --b-checkbox-ring-active-opacity: 0.3;
  --b-checkbox-ring-content: "";
  --b-checkbox-inner-gap: 1em;
  --b-field-label-default-gap: 0.5em;
  --b-field-set-label-font-size: 0.7em;
  --b-label-above-width: auto;
  --b-panel-with-header-padding: 0 1.5em 1.5em 1.5em;
  --b-panel-header-font-size: 1.4em;
  --b-panel-bottom-toolbar-padding: calc(var(--b-panel-padding) / 2) var(--b-panel-padding) var(--b-panel-padding) var(--b-panel-padding);
  --b-panel-top-toolbar-margin-inline: var(--b-panel-padding);
  --b-panel-top-toolbar-border-radius: 100em;
  --b-popup-border-radius: var(--b-widget-border-radius-large);
  --b-radio-group-gap: 0;
  --b-slide-toggle-border-color: var(--b-border-3);
  --b-slide-toggle-thumb-background: var(--b-neutral-50);
  --b-slide-toggle-thumb-size: .9em;
  --b-slide-toggle-checked-thumb-size: 1.25em;
  --b-slide-toggle-hovered-thumb-background: var(--b-neutral-30);
  --b-slide-toggle-disabled-border-color: var(--b-neutral-80);
  --b-slider-ring-content: "";
  --b-splitter-size: 1px;
  --b-splitter-hover-size: 5px;
  --b-tab-label-position: relative;
  --b-tab-indicator-border-radius: var(--b-widget-border-radius) var(--b-widget-border-radius) 0 0;
  --b-tab-indicator-height: .25em;
  --b-tab-color: var(--b-neutral-20);
  --b-toolbar-background: var(--b-neutral-97);
  --b-tooltip-plain-font-size: 0.8em;
  --b-tooltip-rich-border-radius: 1em;
  --b-field-trigger-color: var(--b-neutral-30);
  --b-text-field-label-scale: 0.7;
  --b-text-field-label-above-grid-area: inner;
  --b-text-field-label-grid-area: inner;
  --b-text-field-focus-border-width: 2px;
  --b-text-field-default-template-areas: "above" "inner";
  --b-text-field-default-template-rows: auto 1fr;
  --b-text-field-default-template-columns: 1fr;
  --b-text-field-filled-border-width: 0 0 1px 0;
  --b-text-field-filled-focus-border-width: 0 0 2px 0;
  --b-text-field-filled-border-radius: var(--b-widget-border-radius) var(--b-widget-border-radius) 0 0;
  --b-text-field-filled-input-padding: 1.25em 1em 0.5em 1em;
  --b-text-field-filled-no-label-input-padding: 1em;
  --b-text-field-outlined-focus-border-width: 2px;
  --b-text-field-outlined-label-padding: 0 0.5em;
  --b-text-field-outlined-label-before-padding: 0 1em 0 0;
  --b-text-field-outlined-label-above-padding: 0 0.5em;
  --b-text-field-outlined-background: transparent;
  --b-text-field-outlined-hover-background: transparent;
  --b-text-field-outlined-focus-background: transparent;
  --b-text-field-outlined-hover-border-color: var(--b-border-1);
  --b-text-field-label-above-placeholder-color: transparent;
  --b-text-field-filled-material-label-position: absolute;
  --b-text-field-filled-material-label-top: 0.5em;
  --b-text-field-filled-material-label-left: 1em;
  --b-text-field-filled-material-label-cursor: text;
  --b-text-field-filled-material-empty-label-top: calc(50% - 0.5em);
  --b-text-field-filled-material-empty-label-left: 1em;
  --b-text-field-filled-material-trigger-label-left: 3em;
  --b-text-field-filled-material-trigger-empty-label-left: 3em;
  --b-text-field-outlined-material-label-position: absolute;
  --b-text-field-outlined-material-label-top: -0.35em;
  --b-text-field-outlined-material-label-left: .5em;
  --b-text-field-outlined-material-label-cursor: text;
  --b-text-field-outlined-material-empty-label-background: transparent;
  --b-text-field-outlined-material-empty-label-padding: 0em;
  --b-text-field-outlined-material-empty-label-top: calc(50% - 0.5em);
  --b-text-field-outlined-material-empty-label-left: 1em;
  --b-text-field-outlined-material-trigger-empty-label-left: 3em;
  --b-tooltip-plain-color: var(--b-neutral-100);
  --b-chart-designer-labels-list-padding-block: 0;
}
.b-bryntum:not(.b-nothing) {
  --bi-primary-shade: var(--b-primary-40);
  --b-button-outlined-pressed-background: var(--b-primary-85);
  --b-button-outlined-color: var(--bi-primary-shade);
  --b-button-type-text-focused-background: var(--b-primary-90);
  --b-button-type-text-pressed-background: var(--b-primary-85);
  --b-button-type-text-color: var(--b-primary-40);
  --b-checkbox-checked-background: var(--b-primary-45);
  --b-checkbox-checked-border-color: var(--b-checkbox-checked-background);
  --b-checkbox-checked-hover-background: var(--bi-primary-shade);
  --b-checkbox-focus-outline-color: null;
  --b-chip-view-chip-color: var(--b-primary-30);
  --b-field-error-tip-color: var(--b-neutral-100);
  --b-field-error-tip-background: var(--b-primary-25);
  --b-list-background: var(--b-primary-100);
  --b-list-floating-background: var(--b-primary-100);
  --b-list-checkbox-checked-background: var(--b-primary-45);
  --b-menu-background: var(--b-primary-99);
  --b-menu-item-focus-background: var(--b-primary-85);
  --b-menu-item-hover-color: var(--b-primary-30);
  --b-menu-item-hover-icon-color: var(--b-primary-30);
  --b-panel-top-toolbar-button-type-text-color: var(--b-primary-20);
  --b-popup-background: var(--b-primary-99);
  --b-slider-track-color: var(--b-primary-90);
  --b-slider-thumb-focus-outline-color: transparent;
  --b-slide-toggle-background: var(--b-neutral-95);
  --b-slide-toggle-hover-background: var(--b-neutral-95);
  --b-slide-toggle-checked-hovered-thumb-background: var(--b-primary-95);
  --b-tab-active-tab-color: var(--b-primary-50);
  --b-tooltip-plain-background: var(--b-primary-25);
  --b-tooltip-rich-background: var(--b-primary-98);
  --b-text-field-focus-border-color: var(--bi-primary-shade);
  --b-text-field-outlined-focus-label-color: var(--bi-primary-shade);
  --b-text-field-outlined-label-background: var(--b-parent-background-color, var(--b-neutral-100));
  --b-text-field-filled-focus-label-color: var(--bi-primary-shade);
  --b-text-field-filled-hover-border-color: var(--bi-primary-shade);
}
.b-theme-info {
  --b-theme-name: "Material3Light";
  --b-theme-filename: "material3-light";
  --b-theme-button-rendition: "tonal";
  --b-theme-label-position: "above";
  --b-theme-overlap-label: "true";
  --b-theme-ripple: "true";
}

/* src/styles.scss */
.fib,
.fi {
  background-size: contain;
  background-position: 50%;
  background-repeat: no-repeat;
}
.fi {
  position: relative;
  display: inline-block;
  width: 1.333333em;
  line-height: 1em;
}
.fi:before {
  content: "\a0";
}
.fi.fis {
  width: 1em;
}
.fi-xx {
  background-image: url("./media/xx.svg");
}
.fi-ad {
  background-image: url("./media/ad.svg");
}
.fi-ae {
  background-image: url("./media/ae.svg");
}
.fi-af {
  background-image: url("./media/af.svg");
}
.fi-ag {
  background-image: url("./media/ag.svg");
}
.fi-ai {
  background-image: url("./media/ai.svg");
}
.fi-al {
  background-image: url("./media/al.svg");
}
.fi-am {
  background-image: url("./media/am.svg");
}
.fi-ao {
  background-image: url("./media/ao.svg");
}
.fi-aq {
  background-image: url("./media/aq.svg");
}
.fi-ar {
  background-image: url("./media/ar.svg");
}
.fi-as {
  background-image: url("./media/as.svg");
}
.fi-at {
  background-image: url("./media/at.svg");
}
.fi-au {
  background-image: url("./media/au.svg");
}
.fi-aw {
  background-image: url("./media/aw.svg");
}
.fi-ax {
  background-image: url("./media/ax.svg");
}
.fi-az {
  background-image: url("./media/az.svg");
}
.fi-ba {
  background-image: url("./media/ba.svg");
}
.fi-bb {
  background-image: url("./media/bb.svg");
}
.fi-bd {
  background-image: url("./media/bd.svg");
}
.fi-be {
  background-image: url("./media/be.svg");
}
.fi-bf {
  background-image: url("./media/bf.svg");
}
.fi-bg {
  background-image: url("./media/bg.svg");
}
.fi-bh {
  background-image: url("./media/bh.svg");
}
.fi-bi {
  background-image: url("./media/bi.svg");
}
.fi-bj {
  background-image: url("./media/bj.svg");
}
.fi-bl {
  background-image: url("./media/bl.svg");
}
.fi-bm {
  background-image: url("./media/bm.svg");
}
.fi-bn {
  background-image: url("./media/bn.svg");
}
.fi-bo {
  background-image: url("./media/bo.svg");
}
.fi-bq {
  background-image: url("./media/bq.svg");
}
.fi-br {
  background-image: url("./media/br.svg");
}
.fi-bs {
  background-image: url("./media/bs.svg");
}
.fi-bt {
  background-image: url("./media/bt.svg");
}
.fi-bv {
  background-image: url("./media/bv.svg");
}
.fi-bw {
  background-image: url("./media/bw.svg");
}
.fi-by {
  background-image: url("./media/by.svg");
}
.fi-bz {
  background-image: url("./media/bz.svg");
}
.fi-ca {
  background-image: url("./media/ca.svg");
}
.fi-cc {
  background-image: url("./media/cc.svg");
}
.fi-cd {
  background-image: url("./media/cd.svg");
}
.fi-cf {
  background-image: url("./media/cf.svg");
}
.fi-cg {
  background-image: url("./media/cg.svg");
}
.fi-ch {
  background-image: url("./media/ch.svg");
}
.fi-ci {
  background-image: url("./media/ci.svg");
}
.fi-ck {
  background-image: url("./media/ck.svg");
}
.fi-cl {
  background-image: url("./media/cl.svg");
}
.fi-cm {
  background-image: url("./media/cm.svg");
}
.fi-cn {
  background-image: url("./media/cn.svg");
}
.fi-co {
  background-image: url("./media/co.svg");
}
.fi-cr {
  background-image: url("./media/cr.svg");
}
.fi-cu {
  background-image: url("./media/cu.svg");
}
.fi-cv {
  background-image: url("./media/cv.svg");
}
.fi-cw {
  background-image: url("./media/cw.svg");
}
.fi-cx {
  background-image: url("./media/cx.svg");
}
.fi-cy {
  background-image: url("./media/cy.svg");
}
.fi-cz {
  background-image: url("./media/cz.svg");
}
.fi-de {
  background-image: url("./media/de.svg");
}
.fi-dj {
  background-image: url("./media/dj.svg");
}
.fi-dk {
  background-image: url("./media/dk.svg");
}
.fi-dm {
  background-image: url("./media/dm.svg");
}
.fi-do {
  background-image: url("./media/do.svg");
}
.fi-dz {
  background-image: url("./media/dz.svg");
}
.fi-ec {
  background-image: url("./media/ec.svg");
}
.fi-ee {
  background-image: url("./media/ee.svg");
}
.fi-eg {
  background-image: url("./media/eg.svg");
}
.fi-eh {
  background-image: url("./media/eh.svg");
}
.fi-er {
  background-image: url("./media/er.svg");
}
.fi-es {
  background-image: url("./media/es.svg");
}
.fi-et {
  background-image: url("./media/et.svg");
}
.fi-fi {
  background-image: url("./media/fi.svg");
}
.fi-fj {
  background-image: url("./media/fj.svg");
}
.fi-fk {
  background-image: url("./media/fk.svg");
}
.fi-fm {
  background-image: url("./media/fm.svg");
}
.fi-fo {
  background-image: url("./media/fo.svg");
}
.fi-fr {
  background-image: url("./media/fr.svg");
}
.fi-ga {
  background-image: url("./media/ga.svg");
}
.fi-gb {
  background-image: url("./media/gb.svg");
}
.fi-gd {
  background-image: url("./media/gd.svg");
}
.fi-ge {
  background-image: url("./media/ge.svg");
}
.fi-gf {
  background-image: url("./media/gf.svg");
}
.fi-gg {
  background-image: url("./media/gg.svg");
}
.fi-gh {
  background-image: url("./media/gh.svg");
}
.fi-gi {
  background-image: url("./media/gi.svg");
}
.fi-gl {
  background-image: url("./media/gl.svg");
}
.fi-gm {
  background-image: url("./media/gm.svg");
}
.fi-gn {
  background-image: url("./media/gn.svg");
}
.fi-gp {
  background-image: url("./media/gp.svg");
}
.fi-gq {
  background-image: url("./media/gq.svg");
}
.fi-gr {
  background-image: url("./media/gr.svg");
}
.fi-gs {
  background-image: url("./media/gs.svg");
}
.fi-gt {
  background-image: url("./media/gt.svg");
}
.fi-gu {
  background-image: url("./media/gu.svg");
}
.fi-gw {
  background-image: url("./media/gw.svg");
}
.fi-gy {
  background-image: url("./media/gy.svg");
}
.fi-hk {
  background-image: url("./media/hk.svg");
}
.fi-hm {
  background-image: url("./media/hm.svg");
}
.fi-hn {
  background-image: url("./media/hn.svg");
}
.fi-hr {
  background-image: url("./media/hr.svg");
}
.fi-ht {
  background-image: url("./media/ht.svg");
}
.fi-hu {
  background-image: url("./media/hu.svg");
}
.fi-id {
  background-image: url("./media/id.svg");
}
.fi-ie {
  background-image: url("./media/ie.svg");
}
.fi-il {
  background-image: url("./media/il.svg");
}
.fi-im {
  background-image: url("./media/im.svg");
}
.fi-in {
  background-image: url("./media/in.svg");
}
.fi-io {
  background-image: url("./media/io.svg");
}
.fi-iq {
  background-image: url("./media/iq.svg");
}
.fi-ir {
  background-image: url("./media/ir.svg");
}
.fi-is {
  background-image: url("./media/is.svg");
}
.fi-it {
  background-image: url("./media/it.svg");
}
.fi-je {
  background-image: url("./media/je.svg");
}
.fi-jm {
  background-image: url("./media/jm.svg");
}
.fi-jo {
  background-image: url("./media/jo.svg");
}
.fi-jp {
  background-image: url("./media/jp.svg");
}
.fi-ke {
  background-image: url("./media/ke.svg");
}
.fi-kg {
  background-image: url("./media/kg.svg");
}
.fi-kh {
  background-image: url("./media/kh.svg");
}
.fi-ki {
  background-image: url("./media/ki.svg");
}
.fi-km {
  background-image: url("./media/km.svg");
}
.fi-kn {
  background-image: url("./media/kn.svg");
}
.fi-kp {
  background-image: url("./media/kp.svg");
}
.fi-kr {
  background-image: url("./media/kr.svg");
}
.fi-kw {
  background-image: url("./media/kw.svg");
}
.fi-ky {
  background-image: url("./media/ky.svg");
}
.fi-kz {
  background-image: url("./media/kz.svg");
}
.fi-la {
  background-image: url("./media/la.svg");
}
.fi-lb {
  background-image: url("./media/lb.svg");
}
.fi-lc {
  background-image: url("./media/lc.svg");
}
.fi-li {
  background-image: url("./media/li.svg");
}
.fi-lk {
  background-image: url("./media/lk.svg");
}
.fi-lr {
  background-image: url("./media/lr.svg");
}
.fi-ls {
  background-image: url("./media/ls.svg");
}
.fi-lt {
  background-image: url("./media/lt.svg");
}
.fi-lu {
  background-image: url("./media/lu.svg");
}
.fi-lv {
  background-image: url("./media/lv.svg");
}
.fi-ly {
  background-image: url("./media/ly.svg");
}
.fi-ma {
  background-image: url("./media/ma.svg");
}
.fi-mc {
  background-image: url("./media/mc.svg");
}
.fi-md {
  background-image: url("./media/md.svg");
}
.fi-me {
  background-image: url("./media/me.svg");
}
.fi-mf {
  background-image: url("./media/mf.svg");
}
.fi-mg {
  background-image: url("./media/mg.svg");
}
.fi-mh {
  background-image: url("./media/mh.svg");
}
.fi-mk {
  background-image: url("./media/mk.svg");
}
.fi-ml {
  background-image: url("./media/ml.svg");
}
.fi-mm {
  background-image: url("./media/mm.svg");
}
.fi-mn {
  background-image: url("./media/mn.svg");
}
.fi-mo {
  background-image: url("./media/mo.svg");
}
.fi-mp {
  background-image: url("./media/mp.svg");
}
.fi-mq {
  background-image: url("./media/mq.svg");
}
.fi-mr {
  background-image: url("./media/mr.svg");
}
.fi-ms {
  background-image: url("./media/ms.svg");
}
.fi-mt {
  background-image: url("./media/mt.svg");
}
.fi-mu {
  background-image: url("./media/mu.svg");
}
.fi-mv {
  background-image: url("./media/mv.svg");
}
.fi-mw {
  background-image: url("./media/mw.svg");
}
.fi-mx {
  background-image: url("./media/mx.svg");
}
.fi-my {
  background-image: url("./media/my.svg");
}
.fi-mz {
  background-image: url("./media/mz.svg");
}
.fi-na {
  background-image: url("./media/na.svg");
}
.fi-nc {
  background-image: url("./media/nc.svg");
}
.fi-ne {
  background-image: url("./media/ne.svg");
}
.fi-nf {
  background-image: url("./media/nf.svg");
}
.fi-ng {
  background-image: url("./media/ng.svg");
}
.fi-ni {
  background-image: url("./media/ni.svg");
}
.fi-nl {
  background-image: url("./media/nl.svg");
}
.fi-no {
  background-image: url("./media/no.svg");
}
.fi-np {
  background-image: url("./media/np.svg");
}
.fi-nr {
  background-image: url("./media/nr.svg");
}
.fi-nu {
  background-image: url("./media/nu.svg");
}
.fi-nz {
  background-image: url("./media/nz.svg");
}
.fi-om {
  background-image: url("./media/om.svg");
}
.fi-pa {
  background-image: url("./media/pa.svg");
}
.fi-pe {
  background-image: url("./media/pe.svg");
}
.fi-pf {
  background-image: url("./media/pf.svg");
}
.fi-pg {
  background-image: url("./media/pg.svg");
}
.fi-ph {
  background-image: url("./media/ph.svg");
}
.fi-pk {
  background-image: url("./media/pk.svg");
}
.fi-pl {
  background-image: url("./media/pl.svg");
}
.fi-pm {
  background-image: url("./media/pm.svg");
}
.fi-pn {
  background-image: url("./media/pn.svg");
}
.fi-pr {
  background-image: url("./media/pr.svg");
}
.fi-ps {
  background-image: url("./media/ps.svg");
}
.fi-pt {
  background-image: url("./media/pt.svg");
}
.fi-pw {
  background-image: url("./media/pw.svg");
}
.fi-py {
  background-image: url("./media/py.svg");
}
.fi-qa {
  background-image: url("./media/qa.svg");
}
.fi-re {
  background-image: url("./media/re.svg");
}
.fi-ro {
  background-image: url("./media/ro.svg");
}
.fi-rs {
  background-image: url("./media/rs.svg");
}
.fi-ru {
  background-image: url("./media/ru.svg");
}
.fi-rw {
  background-image: url("./media/rw.svg");
}
.fi-sa {
  background-image: url("./media/sa.svg");
}
.fi-sb {
  background-image: url("./media/sb.svg");
}
.fi-sc {
  background-image: url("./media/sc.svg");
}
.fi-sd {
  background-image: url("./media/sd.svg");
}
.fi-se {
  background-image: url("./media/se.svg");
}
.fi-sg {
  background-image: url("./media/sg.svg");
}
.fi-sh {
  background-image: url("./media/sh.svg");
}
.fi-si {
  background-image: url("./media/si.svg");
}
.fi-sj {
  background-image: url("./media/sj.svg");
}
.fi-sk {
  background-image: url("./media/sk.svg");
}
.fi-sl {
  background-image: url("./media/sl.svg");
}
.fi-sm {
  background-image: url("./media/sm.svg");
}
.fi-sn {
  background-image: url("./media/sn.svg");
}
.fi-so {
  background-image: url("./media/so.svg");
}
.fi-sr {
  background-image: url("./media/sr.svg");
}
.fi-ss {
  background-image: url("./media/ss.svg");
}
.fi-st {
  background-image: url("./media/st.svg");
}
.fi-sv {
  background-image: url("./media/sv.svg");
}
.fi-sx {
  background-image: url("./media/sx.svg");
}
.fi-sy {
  background-image: url("./media/sy.svg");
}
.fi-sz {
  background-image: url("./media/sz.svg");
}
.fi-tc {
  background-image: url("./media/tc.svg");
}
.fi-td {
  background-image: url("./media/td.svg");
}
.fi-tf {
  background-image: url("./media/tf.svg");
}
.fi-tg {
  background-image: url("./media/tg.svg");
}
.fi-th {
  background-image: url("./media/th.svg");
}
.fi-tj {
  background-image: url("./media/tj.svg");
}
.fi-tk {
  background-image: url("./media/tk.svg");
}
.fi-tl {
  background-image: url("./media/tl.svg");
}
.fi-tm {
  background-image: url("./media/tm.svg");
}
.fi-tn {
  background-image: url("./media/tn.svg");
}
.fi-to {
  background-image: url("./media/to.svg");
}
.fi-tr {
  background-image: url("./media/tr.svg");
}
.fi-tt {
  background-image: url("./media/tt.svg");
}
.fi-tv {
  background-image: url("./media/tv.svg");
}
.fi-tw {
  background-image: url("./media/tw.svg");
}
.fi-tz {
  background-image: url("./media/tz.svg");
}
.fi-ua {
  background-image: url("./media/ua.svg");
}
.fi-ug {
  background-image: url("./media/ug.svg");
}
.fi-um {
  background-image: url("./media/um.svg");
}
.fi-us {
  background-image: url("./media/us.svg");
}
.fi-uy {
  background-image: url("./media/uy.svg");
}
.fi-uz {
  background-image: url("./media/uz.svg");
}
.fi-va {
  background-image: url("./media/va.svg");
}
.fi-vc {
  background-image: url("./media/vc.svg");
}
.fi-ve {
  background-image: url("./media/ve.svg");
}
.fi-vg {
  background-image: url("./media/vg.svg");
}
.fi-vi {
  background-image: url("./media/vi.svg");
}
.fi-vn {
  background-image: url("./media/vn.svg");
}
.fi-vu {
  background-image: url("./media/vu.svg");
}
.fi-wf {
  background-image: url("./media/wf.svg");
}
.fi-ws {
  background-image: url("./media/ws.svg");
}
.fi-ye {
  background-image: url("./media/ye.svg");
}
.fi-yt {
  background-image: url("./media/yt.svg");
}
.fi-za {
  background-image: url("./media/za.svg");
}
.fi-zm {
  background-image: url("./media/zm.svg");
}
.fi-zw {
  background-image: url("./media/zw.svg");
}
.fi-arab {
  background-image: url("./media/arab.svg");
}
.fi-asean {
  background-image: url("./media/asean.svg");
}
.fi-cefta {
  background-image: url("./media/cefta.svg");
}
.fi-cp {
  background-image: url("./media/cp.svg");
}
.fi-dg {
  background-image: url("./media/dg.svg");
}
.fi-eac {
  background-image: url("./media/eac.svg");
}
.fi-es-ct {
  background-image: url("./media/es-ct.svg");
}
.fi-es-ga {
  background-image: url("./media/es-ga.svg");
}
.fi-es-pv {
  background-image: url("./media/es-pv.svg");
}
.fi-eu {
  background-image: url("./media/eu.svg");
}
.fi-gb-eng {
  background-image: url("./media/gb-eng.svg");
}
.fi-gb-nir {
  background-image: url("./media/gb-nir.svg");
}
.fi-gb-sct {
  background-image: url("./media/gb-sct.svg");
}
.fi-gb-wls {
  background-image: url("./media/gb-wls.svg");
}
.fi-ic {
  background-image: url("./media/ic.svg");
}
.fi-pc {
  background-image: url("./media/pc.svg");
}
.fi-sh-ac {
  background-image: url("./media/sh-ac.svg");
}
.fi-sh-hl {
  background-image: url("./media/sh-hl.svg");
}
.fi-sh-ta {
  background-image: url("./media/sh-ta.svg");
}
.fi-un {
  background-image: url("./media/un.svg");
}
.fi-xk {
  background-image: url("./media/xk.svg");
}
/*!
 * Bootstrap  v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb:
    13,
    110,
    253;
  --bs-secondary-rgb:
    108,
    117,
    125;
  --bs-success-rgb:
    25,
    135,
    84;
  --bs-info-rgb:
    13,
    202,
    240;
  --bs-warning-rgb:
    255,
    193,
    7;
  --bs-danger-rgb:
    220,
    53,
    69;
  --bs-light-rgb:
    248,
    249,
    250;
  --bs-dark-rgb:
    33,
    37,
    41;
  --bs-primary-text-emphasis: rgb(5.2, 44, 101.2);
  --bs-secondary-text-emphasis: rgb(43.2, 46.8, 50);
  --bs-success-text-emphasis: rgb(10, 54, 33.6);
  --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
  --bs-warning-text-emphasis: rgb(102, 77.2, 2.8);
  --bs-danger-text-emphasis: rgb(88, 21.2, 27.6);
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: rgb(206.6, 226, 254.6);
  --bs-secondary-bg-subtle: rgb(225.6, 227.4, 229);
  --bs-success-bg-subtle: rgb(209, 231, 220.8);
  --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
  --bs-warning-bg-subtle: rgb(255, 242.6, 205.4);
  --bs-danger-bg-subtle: rgb(248, 214.6, 217.8);
  --bs-light-bg-subtle: rgb(251.5, 252, 252.5);
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: rgb(158.2, 197, 254.2);
  --bs-secondary-border-subtle: rgb(196.2, 199.8, 203);
  --bs-success-border-subtle: rgb(163, 207, 186.6);
  --bs-info-border-subtle: rgb(158.2, 233.8, 249);
  --bs-warning-border-subtle: rgb(255, 230.2, 155.8);
  --bs-danger-border-subtle: rgb(241, 174.2, 180.6);
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb:
    255,
    255,
    255;
  --bs-black-rgb:
    0,
    0,
    0;
  --bs-font-sans-serif:
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    "Noto Sans",
    "Liberation Sans",
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --bs-font-monospace:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  --bs-gradient:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.15),
      rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb:
    33,
    37,
    41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb:
    255,
    255,
    255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb:
    0,
    0,
    0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb:
    33,
    37,
    41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb:
    233,
    236,
    239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb:
    33,
    37,
    41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb:
    248,
    249,
    250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb:
    13,
    110,
    253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: rgb(10.4, 88, 202.4);
  --bs-link-hover-color-rgb:
    10,
    88,
    202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: rgb(255, 242.6, 205.4);
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}
[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb:
    222,
    226,
    230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb:
    33,
    37,
    41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb:
    255,
    255,
    255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb:
    222,
    226,
    230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb:
    52,
    58,
    64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb:
    222,
    226,
    230;
  --bs-tertiary-bg: rgb(42.5, 47.5, 52.5);
  --bs-tertiary-bg-rgb:
    43,
    48,
    53;
  --bs-primary-text-emphasis: rgb(109.8, 168, 253.8);
  --bs-secondary-text-emphasis: rgb(166.8, 172.2, 177);
  --bs-success-text-emphasis: rgb(117, 183, 152.4);
  --bs-info-text-emphasis: rgb(109.8, 223.2, 246);
  --bs-warning-text-emphasis: rgb(255, 217.8, 106.2);
  --bs-danger-text-emphasis: rgb(234, 133.8, 143.4);
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: rgb(2.6, 22, 50.6);
  --bs-secondary-bg-subtle: rgb(21.6, 23.4, 25);
  --bs-success-bg-subtle: rgb(5, 27, 16.8);
  --bs-info-bg-subtle: rgb(2.6, 40.4, 48);
  --bs-warning-bg-subtle: rgb(51, 38.6, 1.4);
  --bs-danger-bg-subtle: rgb(44, 10.6, 13.8);
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: rgb(7.8, 66, 151.8);
  --bs-secondary-border-subtle: rgb(64.8, 70.2, 75);
  --bs-success-border-subtle: rgb(15, 81, 50.4);
  --bs-info-border-subtle: rgb(7.8, 121.2, 144);
  --bs-warning-border-subtle: rgb(153, 115.8, 4.2);
  --bs-danger-border-subtle: rgb(132, 31.8, 41.4);
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: rgb(109.8, 168, 253.8);
  --bs-link-hover-color: rgb(138.84, 185.4, 254.04);
  --bs-link-color-rgb:
    110,
    168,
    254;
  --bs-link-hover-color-rgb:
    139,
    185,
    254;
  --bs-code-color: rgb(230.4, 132.6, 181.2);
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: rgb(102, 77.2, 2.8);
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: rgb(117, 183, 152.4);
  --bs-form-valid-border-color: rgb(117, 183, 152.4);
  --bs-form-invalid-color: rgb(234, 133.8, 143.4);
  --bs-form-invalid-border-color: rgb(234, 133.8, 143.4);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}
h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}
h1,
.h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1,
  .h1 {
    font-size: 2.5rem;
  }
}
h2,
.h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2,
  .h2 {
    font-size: 2rem;
  }
}
h3,
.h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3,
  .h3 {
    font-size: 1.75rem;
  }
}
h4,
.h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4,
  .h4 {
    font-size: 1.5rem;
  }
}
h5,
.h5 {
  font-size: 1.25rem;
}
h6,
.h6 {
  font-size: 1rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul {
  padding-left: 2rem;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small,
.small {
  font-size: 0.875em;
}
mark,
.mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}
sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
select {
  text-transform: none;
}
[role=button] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  line-height: inherit;
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button {
  cursor: pointer;
  filter: grayscale(1);
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.625rem + 4.5vw);
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}
.display-2 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.575rem + 3.9vw);
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}
.display-3 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.525rem + 3.3vw);
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}
.display-4 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.475rem + 2.7vw);
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}
.display-5 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.425rem + 2.1vw);
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}
.display-6 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}
.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "\2014\a0";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-sm,
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md,
  .container-sm,
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}
.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}
.caption-top {
  caption-side: top;
}
.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}
.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}
.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}
.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: rgb(206.6, 226, 254.6);
  --bs-table-border-color: rgb(165.28, 180.8, 203.68);
  --bs-table-striped-bg: rgb(196.27, 214.7, 241.87);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(185.94, 203.4, 229.14);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(191.105, 209.05, 235.505);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: rgb(225.6, 227.4, 229);
  --bs-table-border-color: rgb(180.48, 181.92, 183.2);
  --bs-table-striped-bg: rgb(214.32, 216.03, 217.55);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(203.04, 204.66, 206.1);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(208.68, 210.345, 211.825);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-success {
  --bs-table-color: #000;
  --bs-table-bg: rgb(209, 231, 220.8);
  --bs-table-border-color: rgb(167.2, 184.8, 176.64);
  --bs-table-striped-bg: rgb(198.55, 219.45, 209.76);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(188.1, 207.9, 198.72);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(193.325, 213.675, 204.24);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-info {
  --bs-table-color: #000;
  --bs-table-bg: rgb(206.6, 244.4, 252);
  --bs-table-border-color: rgb(165.28, 195.52, 201.6);
  --bs-table-striped-bg: rgb(196.27, 232.18, 239.4);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(185.94, 219.96, 226.8);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(191.105, 226.07, 233.1);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: rgb(255, 242.6, 205.4);
  --bs-table-border-color: rgb(204, 194.08, 164.32);
  --bs-table-striped-bg: rgb(242.25, 230.47, 195.13);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(229.5, 218.34, 184.86);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(235.875, 224.405, 189.995);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: rgb(248, 214.6, 217.8);
  --bs-table-border-color: rgb(198.4, 171.68, 174.24);
  --bs-table-striped-bg: rgb(235.6, 203.87, 206.91);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(223.2, 193.14, 196.02);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(229.4, 198.505, 201.465);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: rgb(198.4, 199.2, 200);
  --bs-table-striped-bg: rgb(235.6, 236.55, 237.5);
  --bs-table-striped-color: #000;
  --bs-table-active-bg: rgb(223.2, 224.1, 225);
  --bs-table-active-color: #000;
  --bs-table-hover-bg: rgb(229.4, 230.325, 231.25);
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: rgb(77.4, 80.6, 83.8);
  --bs-table-striped-bg: rgb(44.1, 47.9, 51.7);
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: rgb(55.2, 58.8, 62.4);
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: rgb(49.65, 53.35, 57.05);
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}
.col-form-label {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.875rem;
}
.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: rgb(134, 182.5, 254);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  margin-inline-end: 1rem;
}
textarea.form-control {
  min-height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2));
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + calc(var(--bs-border-width) * 2));
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + calc(var(--bs-border-width) * 2));
}
.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: rgb(134, 182.5, 254);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}
.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}
.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}
.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-print-color-adjust: exact;
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: rgb(134, 182.5, 254);
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}
.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgb%28134, 182.5, 254%29'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn,
.btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}
[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}
.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: rgb(182.4, 211.5, 254.4);
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: rgb(182.4, 211.5, 254.4);
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}
.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  min-height: calc(3.5rem + calc(var(--bs-border-width) * 2));
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  color: rgba(var(--bs-body-color-rgb), 0.65);
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.75rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > textarea:focus ~ label::after,
.form-floating > textarea:not(:placeholder-shown) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > textarea:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
  color: #6c757d;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(-1 * var(--bs-border-width));
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .form-control:valid,
.form-control.is-valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:valid,
.form-select.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-control-color:valid,
.form-control-color.is-valid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}
.was-validated .form-check-input:valid,
.form-check-input.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
  background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}
.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):valid,
.input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .form-control:invalid,
.form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:invalid,
.form-select.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-control-color:invalid,
.form-control-color.is-invalid {
  width: calc(3rem + calc(1.5em + 0.75rem));
}
.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}
.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):invalid,
.input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}
.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn,
:not(.btn-check) + .btn:active,
.btn:first-child:active,
.btn.active,
.btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible,
:not(.btn-check) + .btn:active:focus-visible,
.btn:first-child:active:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(11.05, 93.5, 215.05);
  --bs-btn-hover-border-color: rgb(10.4, 88, 202.4);
  --bs-btn-focus-shadow-rgb:
    49,
    132,
    253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(10.4, 88, 202.4);
  --bs-btn-active-border-color: rgb(9.75, 82.5, 189.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}
.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(91.8, 99.45, 106.25);
  --bs-btn-hover-border-color: rgb(86.4, 93.6, 100);
  --bs-btn-focus-shadow-rgb:
    130,
    138,
    145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(86.4, 93.6, 100);
  --bs-btn-active-border-color: rgb(81, 87.75, 93.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}
.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(21.25, 114.75, 71.4);
  --bs-btn-hover-border-color: rgb(20, 108, 67.2);
  --bs-btn-focus-shadow-rgb:
    60,
    153,
    110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(20, 108, 67.2);
  --bs-btn-active-border-color: rgb(18.75, 101.25, 63);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}
.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(49.3, 209.95, 242.25);
  --bs-btn-hover-border-color: rgb(37.2, 207.3, 241.5);
  --bs-btn-focus-shadow-rgb:
    11,
    172,
    204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(61.4, 212.6, 243);
  --bs-btn-active-border-color: rgb(37.2, 207.3, 241.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}
.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(255, 202.3, 44.2);
  --bs-btn-hover-border-color: rgb(255, 199.2, 31.8);
  --bs-btn-focus-shadow-rgb:
    217,
    164,
    6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(255, 205.4, 56.6);
  --bs-btn-active-border-color: rgb(255, 199.2, 31.8);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}
.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(187, 45.05, 58.65);
  --bs-btn-hover-border-color: rgb(176, 42.4, 55.2);
  --bs-btn-focus-shadow-rgb:
    225,
    83,
    97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(176, 42.4, 55.2);
  --bs-btn-active-border-color: rgb(165, 39.75, 51.75);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}
.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: rgb(210.8, 211.65, 212.5);
  --bs-btn-hover-border-color: rgb(198.4, 199.2, 200);
  --bs-btn-focus-shadow-rgb:
    211,
    212,
    213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: rgb(198.4, 199.2, 200);
  --bs-btn-active-border-color: rgb(186, 186.75, 187.5);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}
.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: rgb(66.3, 69.7, 73.1);
  --bs-btn-hover-border-color: rgb(55.2, 58.8, 62.4);
  --bs-btn-focus-shadow-rgb:
    66,
    70,
    73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: rgb(77.4, 80.6, 83.8);
  --bs-btn-active-border-color: rgb(55.2, 58.8, 62.4);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}
.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb:
    13,
    110,
    253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}
.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb:
    108,
    117,
    125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}
.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb:
    25,
    135,
    84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}
.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb:
    13,
    202,
    240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}
.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb:
    255,
    193,
    7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}
.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb:
    220,
    53,
    69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}
.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb:
    248,
    249,
    250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}
.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb:
    33,
    37,
    41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}
.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb:
    49,
    132,
    253;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}
.btn-lg,
.btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-sm,
.btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}
.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active,
.dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group {
  border-radius: var(--bs-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: calc(-1 * var(--bs-border-width));
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}
.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: calc(-1 * var(--bs-border-width));
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:nth-child(n+3),
.btn-group-vertical > :not(.btn-check) + .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: none;
  border: 0;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover,
.nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.nav-link.disabled,
.nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}
.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover,
.nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover,
.navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}
.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}
.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}
.navbar-collapse {
  flex-grow: 1;
  flex-basis: 100%;
  align-items: center;
}
.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}
.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}
.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}
.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}
.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}
.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}
.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}
.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-img-top,
  .card-group > .card:not(:last-child) > .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-img-bottom,
  .card-group > .card:not(:last-child) > .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-img-top,
  .card-group > .card:not(:first-child) > .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-img-bottom,
  .card-group > .card:not(:first-child) > .card-footer {
    border-bottom-left-radius: 0;
  }
}
.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out,
    border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='rgb%285.2, 44, 101.2%29' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-header {
  margin-bottom: 0;
}
.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
.accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse,
.accordion-flush > .accordion-item > .accordion-header .accordion-button,
.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}
[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='rgb%28109.8, 168, 253.8%29'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}
.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/");
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}
.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}
.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active,
.active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled,
.disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}
.page-item:not(:first-child) .page-link {
  margin-left: calc(-1 * var(--bs-border-width));
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}
.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}
.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}
.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}
.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}
.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}
.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}
.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}
.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}
.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}
.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}
.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}
@keyframes progress-bar-stripes {
  0% {
    background-position-x: var(--bs-progress-height);
  }
}
.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image:
    linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}
.progress-stacked > .progress {
  overflow: visible;
}
.progress-stacked > .progress > .progress-bar {
  width: 100%;
}
.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}
.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}
.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled,
.list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}
.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:not(.active):hover,
.list-group-item-action:not(.active):focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:not(.active):active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}
.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}
.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}
.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}
.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}
.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}
.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}
.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}
.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  filter: var(--bs-btn-close-filter);
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled,
.btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}
.btn-close-white {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}
:root,
[data-bs-theme=light] {
  --bs-btn-close-filter: ;
}
[data-bs-theme=dark] {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}
.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}
.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}
.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}
.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}
.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: var(--bs-body-color);
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
  transition: transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}
.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-left: auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}
.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}
@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}
.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}
.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}
.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}
.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before,
.popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}
.bs-popover-top > .popover-arrow,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.bs-popover-top > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}
.bs-popover-end > .popover-arrow,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.bs-popover-end > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}
.bs-popover-bottom > .popover-arrow,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}
.bs-popover-start > .popover-arrow,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.bs-popover-start > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  touch-action: pan-y;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: none;
  }
}
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  filter: var(--bs-carousel-control-icon-filter);
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: var(--bs-carousel-indicator-active-bg);
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: var(--bs-carousel-caption-color);
  text-align: center;
}
.carousel-dark {
  --bs-carousel-indicator-active-bg: #000;
  --bs-carousel-caption-color: #000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}
:root,
[data-bs-theme=light] {
  --bs-carousel-indicator-active-bg: #fff;
  --bs-carousel-caption-color: #fff;
  --bs-carousel-control-icon-filter: ;
}
[data-bs-theme=dark] {
  --bs-carousel-indicator-active-bg: #000;
  --bs-carousel-caption-color: #000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}
.spinner-grow,
.spinner-border {
  display: inline-block;
  flex-shrink: 0;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}
.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}
.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas,
.offcanvas-xxl,
.offcanvas-xl,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}
@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.showing,
  .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-sm.showing,
  .offcanvas-sm.hiding,
  .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.showing,
  .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-md.showing,
  .offcanvas-md.hiding,
  .offcanvas-md.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.showing,
  .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-lg.showing,
  .offcanvas-lg.hiding,
  .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.showing,
  .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xl.showing,
  .offcanvas-xl.hiding,
  .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.showing,
  .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xxl.showing,
  .offcanvas-xxl.hiding,
  .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing,
.offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing,
.offcanvas.hiding,
.offcanvas.show {
  visibility: visible;
}
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}
.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-left: auto;
}
.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}
.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}
.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}
.placeholder-xs {
  min-height: 0.6em;
}
.placeholder-sm {
  min-height: 0.8em;
}
.placeholder-lg {
  min-height: 1.2em;
}
.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  mask-image:
    linear-gradient(
      130deg,
      #000 55%,
      rgba(0, 0, 0, 0.8) 75%,
      #000 95%);
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
  100% {
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}
.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover,
.link-primary:focus {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover,
.link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}
.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover,
.link-success:focus {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}
.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover,
.link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover,
.link-warning:focus {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover,
.link-danger:focus {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}
.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover,
.link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover,
.link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover,
.link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}
.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}
.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}
.icon-link-hover:hover > .bi,
.icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}
.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
.sticky-top {
  position: sticky;
  top: 0;
  z-index: 1020;
}
.sticky-bottom {
  position: sticky;
  bottom: 0;
  z-index: 1020;
}
@media (min-width: 576px) {
  .sticky-sm-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}
.visually-hidden *,
.visually-hidden-focusable:not(:focus):not(:focus-within) * {
  overflow: hidden !important;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.object-fit-contain {
  object-fit: contain !important;
}
.object-fit-cover {
  object-fit: cover !important;
}
.object-fit-fill {
  object-fit: fill !important;
}
.object-fit-scale {
  object-fit: scale-down !important;
}
.object-fit-none {
  object-fit: none !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-25 {
  opacity: 0.25 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-visible {
  overflow-x: visible !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}
.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}
.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  transform: translateX(-50%) !important;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}
.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}
.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}
.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}
.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}
.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}
.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}
.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}
.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}
.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}
.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}
.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}
.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}
.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}
.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}
.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-5 {
  border-width: 5px !important;
}
.border-opacity-10 {
  --bs-border-opacity: 0.1;
}
.border-opacity-25 {
  --bs-border-opacity: 0.25;
}
.border-opacity-50 {
  --bs-border-opacity: 0.5;
}
.border-opacity-75 {
  --bs-border-opacity: 0.75;
}
.border-opacity-100 {
  --bs-border-opacity: 1;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 3rem !important;
}
.row-gap-0 {
  row-gap: 0 !important;
}
.row-gap-1 {
  row-gap: 0.25rem !important;
}
.row-gap-2 {
  row-gap: 0.5rem !important;
}
.row-gap-3 {
  row-gap: 1rem !important;
}
.row-gap-4 {
  row-gap: 1.5rem !important;
}
.row-gap-5 {
  row-gap: 3rem !important;
}
.column-gap-0 {
  column-gap: 0 !important;
}
.column-gap-1 {
  column-gap: 0.25rem !important;
}
.column-gap-2 {
  column-gap: 0.5rem !important;
}
.column-gap-3 {
  column-gap: 1rem !important;
}
.column-gap-4 {
  column-gap: 1.5rem !important;
}
.column-gap-5 {
  column-gap: 3rem !important;
}
.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
.fs-6 {
  font-size: 1rem !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.5 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}
.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}
.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}
.text-opacity-25 {
  --bs-text-opacity: 0.25;
}
.text-opacity-50 {
  --bs-text-opacity: 0.5;
}
.text-opacity-75 {
  --bs-text-opacity: 0.75;
}
.text-opacity-100 {
  --bs-text-opacity: 1;
}
.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}
.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}
.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}
.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}
.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}
.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}
.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}
.link-opacity-10 {
  --bs-link-opacity: 0.1;
}
.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}
.link-opacity-25 {
  --bs-link-opacity: 0.25;
}
.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}
.link-opacity-50 {
  --bs-link-opacity: 0.5;
}
.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}
.link-opacity-75 {
  --bs-link-opacity: 0.75;
}
.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}
.link-opacity-100 {
  --bs-link-opacity: 1;
}
.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}
.link-offset-1 {
  text-underline-offset: 0.125em !important;
}
.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}
.link-offset-2 {
  text-underline-offset: 0.25em !important;
}
.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}
.link-offset-3 {
  text-underline-offset: 0.375em !important;
}
.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}
.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}
.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}
.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
  --bs-bg-opacity: 1;
}
.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}
.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}
.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}
.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}
.bg-gradient {
  background-image: var(--bs-gradient) !important;
}
.user-select-all {
  -webkit-user-select: all !important;
  user-select: all !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
  user-select: auto !important;
}
.user-select-none {
  -webkit-user-select: none !important;
  user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}
.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}
.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}
.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.z-n1 {
  z-index: -1 !important;
}
.z-0 {
  z-index: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
@font-face {
  font-family: "Inter-Regular";
  src: url("./media/Inter-Regular.ttf");
}
@font-face {
  font-family: "Inter-Bold";
  src: url("./media/Inter-Bold.ttf");
}
@font-face {
  font-family: "Inter-ExtraBold";
  src: url("./media/Inter-ExtraBold.ttf");
}
@font-face {
  font-family: "Inter-ExtraLight";
  src: url("./media/Inter-ExtraLight.ttf");
}
@font-face {
  font-family: "Inter-Light";
  src: url("./media/Inter-Light.ttf");
}
@font-face {
  font-family: "Inter-Medium";
  src: url("./media/Inter-Medium.ttf");
}
@font-face {
  font-family: "Inter-SemiBold";
  src: url("./media/Inter-SemiBold.ttf");
}
@font-face {
  font-family: "Roboto-Regular";
  src: url("./media/Roboto-Regular.ttf");
}
@font-face {
  font-family: "Roboto-Medium";
  src: url("./media/Roboto-Medium.ttf");
}
@font-face {
  font-family: "AvenirNext-Regular";
  src: url("./media/AvenirNextRegular.otf");
}
@font-face {
  font-family: "AvenirNext-Medium";
  src: url("./media/AvenirNextMedium.otf");
}
/*!
 * Bootstrap  v5.3.8 (https://getbootstrap.com/)
 * Copyright 2011-2025 The Bootstrap Authors
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)
 */
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #000;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #0d6efd;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb:
    13,
    110,
    253;
  --bs-secondary-rgb:
    108,
    117,
    125;
  --bs-success-rgb:
    25,
    135,
    84;
  --bs-info-rgb:
    13,
    202,
    240;
  --bs-warning-rgb:
    255,
    193,
    7;
  --bs-danger-rgb:
    220,
    53,
    69;
  --bs-light-rgb:
    248,
    249,
    250;
  --bs-dark-rgb:
    33,
    37,
    41;
  --bs-primary-text-emphasis: #052c65;
  --bs-secondary-text-emphasis: #2b2f32;
  --bs-success-text-emphasis: #0a3622;
  --bs-info-text-emphasis: #055160;
  --bs-warning-text-emphasis: #664d03;
  --bs-danger-text-emphasis: #58151c;
  --bs-light-text-emphasis: #495057;
  --bs-dark-text-emphasis: #495057;
  --bs-primary-bg-subtle: #cfe2ff;
  --bs-secondary-bg-subtle: #e2e3e5;
  --bs-success-bg-subtle: #d1e7dd;
  --bs-info-bg-subtle: #cff4fc;
  --bs-warning-bg-subtle: #fff3cd;
  --bs-danger-bg-subtle: #f8d7da;
  --bs-light-bg-subtle: #fcfcfd;
  --bs-dark-bg-subtle: #ced4da;
  --bs-primary-border-subtle: #9ec5fe;
  --bs-secondary-border-subtle: #c4c8cb;
  --bs-success-border-subtle: #a3cfbb;
  --bs-info-border-subtle: #9eeaf9;
  --bs-warning-border-subtle: #ffe69c;
  --bs-danger-border-subtle: #f1aeb5;
  --bs-light-border-subtle: #e9ecef;
  --bs-dark-border-subtle: #adb5bd;
  --bs-white-rgb:
    255,
    255,
    255;
  --bs-black-rgb:
    0,
    0,
    0;
  --bs-font-sans-serif:
    system-ui,
    -apple-system,
    "Segoe UI",
    Roboto,
    "Helvetica Neue",
    "Noto Sans",
    "Liberation Sans",
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol",
    "Noto Color Emoji";
  --bs-font-monospace:
    SFMono-Regular,
    Menlo,
    Monaco,
    Consolas,
    "Liberation Mono",
    "Courier New",
    monospace;
  --bs-gradient:
    linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.15),
      rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-color-rgb:
    33,
    37,
    41;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb:
    255,
    255,
    255;
  --bs-emphasis-color: #000;
  --bs-emphasis-color-rgb:
    0,
    0,
    0;
  --bs-secondary-color: rgba(33, 37, 41, 0.75);
  --bs-secondary-color-rgb:
    33,
    37,
    41;
  --bs-secondary-bg: #e9ecef;
  --bs-secondary-bg-rgb:
    233,
    236,
    239;
  --bs-tertiary-color: rgba(33, 37, 41, 0.5);
  --bs-tertiary-color-rgb:
    33,
    37,
    41;
  --bs-tertiary-bg: #f8f9fa;
  --bs-tertiary-bg-rgb:
    248,
    249,
    250;
  --bs-heading-color: inherit;
  --bs-link-color: #0d6efd;
  --bs-link-color-rgb:
    13,
    110,
    253;
  --bs-link-decoration: underline;
  --bs-link-hover-color: #0a58ca;
  --bs-link-hover-color-rgb:
    10,
    88,
    202;
  --bs-code-color: #d63384;
  --bs-highlight-color: #212529;
  --bs-highlight-bg: #fff3cd;
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #dee2e6;
  --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(0, 0, 0, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(13, 110, 253, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}
[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #dee2e6;
  --bs-body-color-rgb:
    222,
    226,
    230;
  --bs-body-bg: #212529;
  --bs-body-bg-rgb:
    33,
    37,
    41;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb:
    255,
    255,
    255;
  --bs-secondary-color: rgba(222, 226, 230, 0.75);
  --bs-secondary-color-rgb:
    222,
    226,
    230;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb:
    52,
    58,
    64;
  --bs-tertiary-color: rgba(222, 226, 230, 0.5);
  --bs-tertiary-color-rgb:
    222,
    226,
    230;
  --bs-tertiary-bg: #2b3035;
  --bs-tertiary-bg-rgb:
    43,
    48,
    53;
  --bs-primary-text-emphasis: #6ea8fe;
  --bs-secondary-text-emphasis: #a7acb1;
  --bs-success-text-emphasis: #75b798;
  --bs-info-text-emphasis: #6edff6;
  --bs-warning-text-emphasis: #ffda6a;
  --bs-danger-text-emphasis: #ea868f;
  --bs-light-text-emphasis: #f8f9fa;
  --bs-dark-text-emphasis: #dee2e6;
  --bs-primary-bg-subtle: #031633;
  --bs-secondary-bg-subtle: #161719;
  --bs-success-bg-subtle: #051b11;
  --bs-info-bg-subtle: #032830;
  --bs-warning-bg-subtle: #332701;
  --bs-danger-bg-subtle: #2c0b0e;
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: #1a1d20;
  --bs-primary-border-subtle: #084298;
  --bs-secondary-border-subtle: #41464b;
  --bs-success-border-subtle: #0f5132;
  --bs-info-border-subtle: #087990;
  --bs-warning-border-subtle: #997404;
  --bs-danger-border-subtle: #842029;
  --bs-light-border-subtle: #495057;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: #6ea8fe;
  --bs-link-hover-color: #8bb9fe;
  --bs-link-color-rgb:
    110,
    168,
    254;
  --bs-link-hover-color-rgb:
    139,
    185,
    254;
  --bs-code-color: #e685b5;
  --bs-highlight-color: #dee2e6;
  --bs-highlight-bg: #664d03;
  --bs-border-color: #495057;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: #75b798;
  --bs-form-valid-border-color: #75b798;
  --bs-form-invalid-color: #ea868f;
  --bs-form-invalid-border-color: #ea868f;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
hr {
  margin: 1rem 0;
  color: inherit;
  border: 0;
  border-top: var(--bs-border-width) solid;
  opacity: 0.25;
}
h6,
.h6,
h5,
.h5,
h4,
.h4,
h3,
.h3,
h2,
.h2,
h1,
.h1 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}
h1,
.h1 {
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  h1,
  .h1 {
    font-size: 2.5rem;
  }
}
h2,
.h2 {
  font-size: calc(1.325rem + 0.9vw);
}
@media (min-width: 1200px) {
  h2,
  .h2 {
    font-size: 2rem;
  }
}
h3,
.h3 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h3,
  .h3 {
    font-size: 1.75rem;
  }
}
h4,
.h4 {
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  h4,
  .h4 {
    font-size: 1.5rem;
  }
}
h5,
.h5 {
  font-size: 1.25rem;
}
h6,
.h6 {
  font-size: 1rem;
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title] {
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
  cursor: help;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul {
  padding-left: 2rem;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small,
.small {
  font-size: 0.875em;
}
mark,
.mark {
  padding: 0.1875em;
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}
sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: underline;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre,
code,
kbd,
samp {
  font-family: var(--bs-font-monospace);
  font-size: 1em;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
select {
  text-transform: none;
}
[role=button] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  line-height: inherit;
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-cancel-button {
  cursor: pointer;
  filter: grayscale(1);
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::-webkit-file-upload-button {
  font: inherit;
  -webkit-appearance: button;
}
::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.lead {
  font-size: 1.25rem;
  font-weight: 300;
}
.display-1 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.625rem + 4.5vw);
}
@media (min-width: 1200px) {
  .display-1 {
    font-size: 5rem;
  }
}
.display-2 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.575rem + 3.9vw);
}
@media (min-width: 1200px) {
  .display-2 {
    font-size: 4.5rem;
  }
}
.display-3 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.525rem + 3.3vw);
}
@media (min-width: 1200px) {
  .display-3 {
    font-size: 4rem;
  }
}
.display-4 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.475rem + 2.7vw);
}
@media (min-width: 1200px) {
  .display-4 {
    font-size: 3.5rem;
  }
}
.display-5 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.425rem + 2.1vw);
}
@media (min-width: 1200px) {
  .display-5 {
    font-size: 3rem;
  }
}
.display-6 {
  font-weight: 300;
  line-height: 1.2;
  font-size: calc(1.375rem + 1.5vw);
}
@media (min-width: 1200px) {
  .display-6 {
    font-size: 2.5rem;
  }
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 0.5rem;
}
.initialism {
  font-size: 0.875em;
  text-transform: uppercase;
}
.blockquote {
  margin-bottom: 1rem;
  font-size: 1.25rem;
}
.blockquote > :last-child {
  margin-bottom: 0;
}
.blockquote-footer {
  margin-top: -1rem;
  margin-bottom: 1rem;
  font-size: 0.875em;
  color: #6c757d;
}
.blockquote-footer::before {
  content: "\2014\a0";
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.img-thumbnail {
  padding: 0.25rem;
  background-color: var(--bs-body-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  max-width: 100%;
  height: auto;
}
.figure {
  display: inline-block;
}
.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}
.figure-caption {
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-sm,
  .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md,
  .container-sm,
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl,
  .container-xl,
  .container-lg,
  .container-md,
  .container-sm,
  .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}
.row {
  --bs-gutter-x: 1.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}
.g-1,
.gx-1 {
  --bs-gutter-x: 0.25rem;
}
.g-1,
.gy-1 {
  --bs-gutter-y: 0.25rem;
}
.g-2,
.gx-2 {
  --bs-gutter-x: 0.5rem;
}
.g-2,
.gy-2 {
  --bs-gutter-y: 0.5rem;
}
.g-3,
.gx-3 {
  --bs-gutter-x: 1rem;
}
.g-3,
.gy-3 {
  --bs-gutter-y: 1rem;
}
.g-4,
.gx-4 {
  --bs-gutter-x: 1.5rem;
}
.g-4,
.gy-4 {
  --bs-gutter-y: 1.5rem;
}
.g-5,
.gx-5 {
  --bs-gutter-x: 3rem;
}
.g-5,
.gy-5 {
  --bs-gutter-y: 3rem;
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: 1rem;
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: 1rem;
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: 3rem;
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: 1rem;
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: 1rem;
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: 3rem;
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: 1rem;
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: 1rem;
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: 3rem;
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: 3rem;
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: 0.25rem;
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: 0.25rem;
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: 0.5rem;
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: 0.5rem;
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: 1rem;
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: 1rem;
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: 1.5rem;
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: 1.5rem;
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: 3rem;
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: 3rem;
  }
}
.table {
  --bs-table-color-type: initial;
  --bs-table-bg-type: initial;
  --bs-table-color-state: initial;
  --bs-table-bg-state: initial;
  --bs-table-color: var(--bs-emphasis-color);
  --bs-table-bg: var(--bs-body-bg);
  --bs-table-border-color: var(--bs-border-color);
  --bs-table-accent-bg: transparent;
  --bs-table-striped-color: var(--bs-emphasis-color);
  --bs-table-striped-bg: rgba(var(--bs-emphasis-color-rgb), 0.05);
  --bs-table-active-color: var(--bs-emphasis-color);
  --bs-table-active-bg: rgba(var(--bs-emphasis-color-rgb), 0.1);
  --bs-table-hover-color: var(--bs-emphasis-color);
  --bs-table-hover-bg: rgba(var(--bs-emphasis-color-rgb), 0.075);
  width: 100%;
  margin-bottom: 1rem;
  vertical-align: top;
  border-color: var(--bs-table-border-color);
}
.table > :not(caption) > * > * {
  padding: 0.5rem 0.5rem;
  color: var(--bs-table-color-state, var(--bs-table-color-type, var(--bs-table-color)));
  background-color: var(--bs-table-bg);
  border-bottom-width: var(--bs-border-width);
  box-shadow: inset 0 0 0 9999px var(--bs-table-bg-state, var(--bs-table-bg-type, var(--bs-table-accent-bg)));
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  vertical-align: bottom;
}
.table-group-divider {
  border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
}
.caption-top {
  caption-side: top;
}
.table-sm > :not(caption) > * > * {
  padding: 0.25rem 0.25rem;
}
.table-bordered > :not(caption) > * {
  border-width: var(--bs-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 var(--bs-border-width);
}
.table-borderless > :not(caption) > * > * {
  border-bottom-width: 0;
}
.table-borderless > :not(:first-child) {
  border-top-width: 0;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-striped-columns > :not(caption) > tr > :nth-child(even) {
  --bs-table-color-type: var(--bs-table-striped-color);
  --bs-table-bg-type: var(--bs-table-striped-bg);
}
.table-active {
  --bs-table-color-state: var(--bs-table-active-color);
  --bs-table-bg-state: var(--bs-table-active-bg);
}
.table-hover > tbody > tr:hover > * {
  --bs-table-color-state: var(--bs-table-hover-color);
  --bs-table-bg-state: var(--bs-table-hover-bg);
}
.table-primary {
  --bs-table-color: #000;
  --bs-table-bg: #cfe2ff;
  --bs-table-border-color: #a6b5cc;
  --bs-table-striped-bg: #c5d7f2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bacbe6;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfd1ec;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-secondary {
  --bs-table-color: #000;
  --bs-table-bg: #e2e3e5;
  --bs-table-border-color: #b5b6b7;
  --bs-table-striped-bg: #d7d8da;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #cbccce;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #d1d2d4;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-success {
  --bs-table-color: #000;
  --bs-table-bg: #d1e7dd;
  --bs-table-border-color: #a7b9b1;
  --bs-table-striped-bg: #c7dbd2;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #bcd0c7;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #c1d6cc;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-info {
  --bs-table-color: #000;
  --bs-table-bg: #cff4fc;
  --bs-table-border-color: #a6c3ca;
  --bs-table-striped-bg: #c5e8ef;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #badce3;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #bfe2e9;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-warning {
  --bs-table-color: #000;
  --bs-table-bg: #fff3cd;
  --bs-table-border-color: #ccc2a4;
  --bs-table-striped-bg: #f2e7c3;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #e6dbb9;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #ece1be;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-danger {
  --bs-table-color: #000;
  --bs-table-bg: #f8d7da;
  --bs-table-border-color: #c6acae;
  --bs-table-striped-bg: #eccccf;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfc2c4;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5c7ca;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-light {
  --bs-table-color: #000;
  --bs-table-bg: #f8f9fa;
  --bs-table-border-color: #c6c7c8;
  --bs-table-striped-bg: #ecedee;
  --bs-table-striped-color: #000;
  --bs-table-active-bg: #dfe0e1;
  --bs-table-active-color: #000;
  --bs-table-hover-bg: #e5e6e7;
  --bs-table-hover-color: #000;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-dark {
  --bs-table-color: #fff;
  --bs-table-bg: #212529;
  --bs-table-border-color: #4d5154;
  --bs-table-striped-bg: #2c3034;
  --bs-table-striped-color: #fff;
  --bs-table-active-bg: #373b3e;
  --bs-table-active-color: #fff;
  --bs-table-hover-bg: #323539;
  --bs-table-hover-color: #fff;
  color: var(--bs-table-color);
  border-color: var(--bs-table-border-color);
}
.table-responsive {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
@media (max-width: 575.98px) {
  .table-responsive-sm {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }
}
.form-label {
  margin-bottom: 0.5rem;
}
.col-form-label {
  padding-top: calc(0.375rem + var(--bs-border-width));
  padding-bottom: calc(0.375rem + var(--bs-border-width));
  margin-bottom: 0;
  font-size: inherit;
  line-height: 1.5;
}
.col-form-label-lg {
  padding-top: calc(0.5rem + var(--bs-border-width));
  padding-bottom: calc(0.5rem + var(--bs-border-width));
  font-size: 1.25rem;
}
.col-form-label-sm {
  padding-top: calc(0.25rem + var(--bs-border-width));
  padding-bottom: calc(0.25rem + var(--bs-border-width));
  font-size: 0.875rem;
}
.form-text {
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-secondary-color);
}
.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-clip: padding-box;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control {
    transition: none;
  }
}
.form-control[type=file] {
  overflow: hidden;
}
.form-control[type=file]:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control:focus {
  color: var(--bs-body-color);
  background-color: var(--bs-body-bg);
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-control::-webkit-date-and-time-value {
  min-width: 85px;
  height: 1.5em;
  margin: 0;
}
.form-control::-webkit-datetime-edit {
  display: block;
  padding: 0;
}
.form-control::placeholder {
  color: var(--bs-secondary-color);
  opacity: 1;
}
.form-control:disabled {
  background-color: var(--bs-secondary-bg);
  opacity: 1;
}
.form-control::-webkit-file-upload-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  -webkit-transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
.form-control::file-selector-button {
  padding: 0.375rem 0.75rem;
  margin: -0.375rem -0.75rem;
  -webkit-margin-end: 0.75rem;
  margin-inline-end: 0.75rem;
  color: var(--bs-body-color);
  background-color: var(--bs-tertiary-bg);
  pointer-events: none;
  border-color: inherit;
  border-style: solid;
  border-width: 0;
  border-inline-end-width: var(--bs-border-width);
  border-radius: 0;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-control::-webkit-file-upload-button {
    -webkit-transition: none;
    transition: none;
  }
  .form-control::file-selector-button {
    transition: none;
  }
}
.form-control:hover:not(:disabled):not([readonly])::-webkit-file-upload-button {
  background-color: var(--bs-secondary-bg);
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  background-color: var(--bs-secondary-bg);
}
.form-control-plaintext {
  display: block;
  width: 100%;
  padding: 0.375rem 0;
  margin-bottom: 0;
  line-height: 1.5;
  color: var(--bs-body-color);
  background-color: transparent;
  border: solid transparent;
  border-width: var(--bs-border-width) 0;
}
.form-control-plaintext:focus {
  outline: 0;
}
.form-control-plaintext.form-control-sm,
.form-control-plaintext.form-control-lg {
  padding-right: 0;
  padding-left: 0;
}
.form-control-sm {
  min-height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2);
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-control-sm::-webkit-file-upload-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-sm::file-selector-button {
  padding: 0.25rem 0.5rem;
  margin: -0.25rem -0.5rem;
  -webkit-margin-end: 0.5rem;
  margin-inline-end: 0.5rem;
}
.form-control-lg {
  min-height: calc(1.5em + 1rem + var(--bs-border-width) * 2);
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.form-control-lg::-webkit-file-upload-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}
.form-control-lg::file-selector-button {
  padding: 0.5rem 1rem;
  margin: -0.5rem -1rem;
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
}
textarea.form-control {
  min-height: calc(1.5em + 0.75rem + var(--bs-border-width) * 2);
}
textarea.form-control-sm {
  min-height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2);
}
textarea.form-control-lg {
  min-height: calc(1.5em + 1rem + var(--bs-border-width) * 2);
}
.form-control-color {
  width: 3rem;
  height: calc(1.5em + 0.75rem + var(--bs-border-width) * 2);
  padding: 0.375rem;
}
.form-control-color:not(:disabled):not([readonly]) {
  cursor: pointer;
}
.form-control-color::-moz-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color::-webkit-color-swatch {
  border: 0 !important;
  border-radius: var(--bs-border-radius);
}
.form-control-color.form-control-sm {
  height: calc(1.5em + 0.5rem + var(--bs-border-width) * 2);
}
.form-control-color.form-control-lg {
  height: calc(1.5em + 1rem + var(--bs-border-width) * 2);
}
.form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  display: block;
  width: 100%;
  padding: 0.375rem 2.25rem 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-body-bg);
  background-image: var(--bs-form-select-bg-img), var(--bs-form-select-bg-icon, none);
  background-repeat: no-repeat;
  background-position: right 0.75rem center;
  background-size: 16px 12px;
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-select {
    transition: none;
  }
}
.form-select:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
  padding-right: 0.75rem;
  background-image: none;
}
.form-select:disabled {
  background-color: var(--bs-secondary-bg);
}
.form-select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 var(--bs-body-color);
}
.form-select-sm {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.form-select-lg {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
[data-bs-theme=dark] .form-select {
  --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.form-check {
  display: block;
  min-height: 1.5rem;
  padding-left: 1.5em;
  margin-bottom: 0.125rem;
}
.form-check .form-check-input {
  float: left;
  margin-left: -1.5em;
}
.form-check-reverse {
  padding-right: 1.5em;
  padding-left: 0;
  text-align: right;
}
.form-check-reverse .form-check-input {
  float: right;
  margin-right: -1.5em;
  margin-left: 0;
}
.form-check-input {
  --bs-form-check-bg: var(--bs-body-bg);
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  margin-top: 0.25em;
  vertical-align: top;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--bs-form-check-bg);
  background-image: var(--bs-form-check-bg-image);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: var(--bs-border-width) solid var(--bs-border-color);
  -webkit-print-color-adjust: exact;
  color-adjust: exact;
  print-color-adjust: exact;
}
.form-check-input[type=checkbox] {
  border-radius: 0.25em;
}
.form-check-input[type=radio] {
  border-radius: 50%;
}
.form-check-input:active {
  filter: brightness(90%);
}
.form-check-input:focus {
  border-color: #86b7fe;
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-check-input:checked {
  background-color: #0d6efd;
  border-color: #0d6efd;
}
.form-check-input:checked[type=checkbox] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type=radio] {
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type=checkbox]:indeterminate {
  background-color: #0d6efd;
  border-color: #0d6efd;
  --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  pointer-events: none;
  filter: none;
  opacity: 0.5;
}
.form-check-input[disabled] ~ .form-check-label,
.form-check-input:disabled ~ .form-check-label {
  cursor: default;
  opacity: 0.5;
}
.form-switch {
  padding-left: 2.5em;
}
.form-switch .form-check-input {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
  width: 2em;
  margin-left: -2.5em;
  background-image: var(--bs-form-switch-bg);
  background-position: left center;
  border-radius: 2em;
  transition: background-position 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-switch .form-check-input {
    transition: none;
  }
}
.form-switch .form-check-input:focus {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2386b7fe'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
  background-position: right center;
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
  padding-right: 2.5em;
  padding-left: 0;
}
.form-switch.form-check-reverse .form-check-input {
  margin-right: -2.5em;
  margin-left: 0;
}
.form-check-inline {
  display: inline-block;
  margin-right: 1rem;
}
.btn-check {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}
.btn-check[disabled] + .btn,
.btn-check:disabled + .btn {
  pointer-events: none;
  filter: none;
  opacity: 0.65;
}
[data-bs-theme=dark] .form-switch .form-check-input:not(:checked):not(:focus) {
  --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}
.form-range {
  width: 100%;
  height: 1.5rem;
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: transparent;
}
.form-range:focus {
  outline: 0;
}
.form-range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range:focus::-moz-range-thumb {
  box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.form-range::-moz-focus-outer {
  border: 0;
}
.form-range::-webkit-slider-thumb {
  width: 1rem;
  height: 1rem;
  margin-top: -0.25rem;
  -webkit-appearance: none;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -webkit-transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-webkit-slider-thumb {
    -webkit-transition: none;
    transition: none;
  }
}
.form-range::-webkit-slider-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-webkit-slider-runnable-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range::-moz-range-thumb {
  width: 1rem;
  height: 1rem;
  -moz-appearance: none;
  appearance: none;
  background-color: #0d6efd;
  border: 0;
  border-radius: 1rem;
  -moz-transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
  transition:
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-range::-moz-range-thumb {
    -moz-transition: none;
    transition: none;
  }
}
.form-range::-moz-range-thumb:active {
  background-color: #b6d4fe;
}
.form-range::-moz-range-track {
  width: 100%;
  height: 0.5rem;
  color: transparent;
  cursor: pointer;
  background-color: var(--bs-secondary-bg);
  border-color: transparent;
  border-radius: 1rem;
}
.form-range:disabled {
  pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
  background-color: var(--bs-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
  background-color: var(--bs-secondary-color);
}
.form-floating {
  position: relative;
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
  height: calc(3.5rem + var(--bs-border-width) * 2);
  min-height: calc(3.5rem + var(--bs-border-width) * 2);
  line-height: 1.25;
}
.form-floating > label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  max-width: 100%;
  height: 100%;
  padding: 1rem 0.75rem;
  overflow: hidden;
  color: rgba(var(--bs-body-color-rgb), 0.65);
  text-align: start;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
  border: var(--bs-border-width) solid transparent;
  transform-origin: 0 0;
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    transition: none;
  }
}
.form-floating > .form-control,
.form-floating > .form-control-plaintext {
  padding: 1rem 0.75rem;
}
.form-floating > .form-control::placeholder,
.form-floating > .form-control-plaintext::placeholder {
  color: transparent;
}
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown),
.form-floating > .form-control-plaintext:focus,
.form-floating > .form-control-plaintext:not(:placeholder-shown) {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-control:-webkit-autofill,
.form-floating > .form-control-plaintext:-webkit-autofill {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
}
.form-floating > .form-select {
  padding-top: 1.625rem;
  padding-bottom: 0.625rem;
  padding-left: 0.75rem;
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > .form-control:-webkit-autofill ~ label {
  transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem);
}
.form-floating > textarea:focus ~ label::after,
.form-floating > textarea:not(:placeholder-shown) ~ label::after {
  position: absolute;
  inset: 1rem 0.375rem;
  z-index: -1;
  height: 1.5em;
  content: "";
  background-color: var(--bs-body-bg);
  border-radius: var(--bs-border-radius);
}
.form-floating > textarea:disabled ~ label::after {
  background-color: var(--bs-secondary-bg);
}
.form-floating > .form-control-plaintext ~ label {
  border-width: var(--bs-border-width) 0;
}
.form-floating > :disabled ~ label,
.form-floating > .form-control:disabled ~ label {
  color: #6c757d;
}
.input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.input-group > .form-control,
.input-group > .form-select,
.input-group > .form-floating {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus,
.input-group > .form-floating:focus-within {
  z-index: 5;
}
.input-group .btn {
  position: relative;
  z-index: 2;
}
.input-group .btn:focus {
  z-index: 5;
}
.input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: var(--bs-body-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-tertiary-bg);
  border: var(--bs-border-width) solid var(--bs-border-color);
  border-radius: var(--bs-border-radius);
}
.input-group-lg > .form-control,
.input-group-lg > .form-select,
.input-group-lg > .input-group-text,
.input-group-lg > .btn {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: var(--bs-border-radius-lg);
}
.input-group-sm > .form-control,
.input-group-sm > .form-select,
.input-group-sm > .input-group-text,
.input-group-sm > .btn {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: var(--bs-border-radius-sm);
}
.input-group-lg > .form-select,
.input-group-sm > .form-select {
  padding-right: 3rem;
}
.input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3),
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control,
.input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group.has-validation > :nth-last-child(n+3):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating),
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4),
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-control,
.input-group.has-validation > .form-floating:nth-last-child(n+3) > .form-select {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
  margin-left: calc(-1 * var(--bs-border-width));
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.valid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-valid-color);
}
.valid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-success);
  border-radius: var(--bs-border-radius);
}
.was-validated :valid ~ .valid-feedback,
.was-validated :valid ~ .valid-tooltip,
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  display: block;
}
.was-validated .form-control:valid,
.form-control.is-valid {
  border-color: var(--bs-form-valid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated textarea.form-control:valid,
textarea.form-control.is-valid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:valid,
.form-select.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size="1"],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23198754' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
  border-color: var(--bs-form-valid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-control-color:valid,
.form-control-color.is-valid {
  width: calc(3rem + 1.5em + 0.75rem);
}
.was-validated .form-check-input:valid,
.form-check-input.is-valid {
  border-color: var(--bs-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
  background-color: var(--bs-form-valid-color);
}
.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}
.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
  color: var(--bs-form-valid-color);
}
.form-check-inline .form-check-input ~ .valid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):valid,
.input-group > .form-control:not(:focus).is-valid,
.was-validated .input-group > .form-select:not(:focus):valid,
.input-group > .form-select:not(:focus).is-valid,
.was-validated .input-group > .form-floating:not(:focus-within):valid,
.input-group > .form-floating:not(:focus-within).is-valid {
  z-index: 3;
}
.invalid-feedback {
  display: none;
  width: 100%;
  margin-top: 0.25rem;
  font-size: 0.875em;
  color: var(--bs-form-invalid-color);
}
.invalid-tooltip {
  position: absolute;
  top: 100%;
  z-index: 5;
  display: none;
  max-width: 100%;
  padding: 0.25rem 0.5rem;
  margin-top: 0.1rem;
  font-size: 0.875rem;
  color: #fff;
  background-color: var(--bs-danger);
  border-radius: var(--bs-border-radius);
}
.was-validated :invalid ~ .invalid-feedback,
.was-validated :invalid ~ .invalid-tooltip,
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  display: block;
}
.was-validated .form-control:invalid,
.form-control.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
  padding-right: calc(1.5em + 0.75rem);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated textarea.form-control:invalid,
textarea.form-control.is-invalid {
  padding-right: calc(1.5em + 0.75rem);
  background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.was-validated .form-select:invalid,
.form-select.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size="1"],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
  --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
  padding-right: 4.125rem;
  background-position: right 0.75rem center, center right 2.25rem;
  background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
  border-color: var(--bs-form-invalid-border-color);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-control-color:invalid,
.form-control-color.is-invalid {
  width: calc(3rem + 1.5em + 0.75rem);
}
.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
  border-color: var(--bs-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
  background-color: var(--bs-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
  color: var(--bs-form-invalid-color);
}
.form-check-inline .form-check-input ~ .invalid-feedback {
  margin-left: 0.5em;
}
.was-validated .input-group > .form-control:not(:focus):invalid,
.input-group > .form-control:not(:focus).is-invalid,
.was-validated .input-group > .form-select:not(:focus):invalid,
.input-group > .form-select:not(:focus).is-invalid,
.was-validated .input-group > .form-floating:not(:focus-within):invalid,
.input-group > .form-floating:not(:focus-within).is-invalid {
  z-index: 4;
}
.btn {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  --bs-btn-font-family: ;
  --bs-btn-font-size: 1rem;
  --bs-btn-font-weight: 400;
  --bs-btn-line-height: 1.5;
  --bs-btn-color: var(--bs-body-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-width: var(--bs-border-width);
  --bs-btn-border-color: transparent;
  --bs-btn-border-radius: var(--bs-border-radius);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
  --bs-btn-disabled-opacity: 0.65;
  --bs-btn-focus-box-shadow: 0 0 0 0.25rem rgba(var(--bs-btn-focus-shadow-rgb), .5);
  display: inline-block;
  padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
  font-family: var(--bs-btn-font-family);
  font-size: var(--bs-btn-font-size);
  font-weight: var(--bs-btn-font-weight);
  line-height: var(--bs-btn-line-height);
  color: var(--bs-btn-color);
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
  border-radius: var(--bs-btn-border-radius);
  background-color: var(--bs-btn-bg);
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .btn {
    transition: none;
  }
}
.btn:hover {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
}
.btn-check + .btn:hover {
  color: var(--bs-btn-color);
  background-color: var(--bs-btn-bg);
  border-color: var(--bs-btn-border-color);
}
.btn:focus-visible {
  color: var(--bs-btn-hover-color);
  background-color: var(--bs-btn-hover-bg);
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
  border-color: var(--bs-btn-hover-border-color);
  outline: 0;
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked + .btn,
:not(.btn-check) + .btn:active,
.btn:first-child:active,
.btn.active,
.btn.show {
  color: var(--bs-btn-active-color);
  background-color: var(--bs-btn-active-bg);
  border-color: var(--bs-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible,
:not(.btn-check) + .btn:active:focus-visible,
.btn:first-child:active:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn-check:checked:focus-visible + .btn {
  box-shadow: var(--bs-btn-focus-box-shadow);
}
.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
  color: var(--bs-btn-disabled-color);
  pointer-events: none;
  background-color: var(--bs-btn-disabled-bg);
  border-color: var(--bs-btn-disabled-border-color);
  opacity: var(--bs-btn-disabled-opacity);
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0b5ed7;
  --bs-btn-hover-border-color: #0a58ca;
  --bs-btn-focus-shadow-rgb:
    49,
    132,
    253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0a58ca;
  --bs-btn-active-border-color: #0a53be;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #0d6efd;
  --bs-btn-disabled-border-color: #0d6efd;
}
.btn-secondary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #5c636a;
  --bs-btn-hover-border-color: #565e64;
  --bs-btn-focus-shadow-rgb:
    130,
    138,
    145;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #565e64;
  --bs-btn-active-border-color: #51585e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #6c757d;
  --bs-btn-disabled-border-color: #6c757d;
}
.btn-success {
  --bs-btn-color: #fff;
  --bs-btn-bg: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #157347;
  --bs-btn-hover-border-color: #146c43;
  --bs-btn-focus-shadow-rgb:
    60,
    153,
    110;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #146c43;
  --bs-btn-active-border-color: #13653f;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #198754;
  --bs-btn-disabled-border-color: #198754;
}
.btn-info {
  --bs-btn-color: #000;
  --bs-btn-bg: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #31d2f2;
  --bs-btn-hover-border-color: #25cff2;
  --bs-btn-focus-shadow-rgb:
    11,
    172,
    204;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #3dd5f3;
  --bs-btn-active-border-color: #25cff2;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #0dcaf0;
  --bs-btn-disabled-border-color: #0dcaf0;
}
.btn-warning {
  --bs-btn-color: #000;
  --bs-btn-bg: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffca2c;
  --bs-btn-hover-border-color: #ffc720;
  --bs-btn-focus-shadow-rgb:
    217,
    164,
    6;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffcd39;
  --bs-btn-active-border-color: #ffc720;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #ffc107;
  --bs-btn-disabled-border-color: #ffc107;
}
.btn-danger {
  --bs-btn-color: #fff;
  --bs-btn-bg: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #bb2d3b;
  --bs-btn-hover-border-color: #b02a37;
  --bs-btn-focus-shadow-rgb:
    225,
    83,
    97;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b02a37;
  --bs-btn-active-border-color: #a52834;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #dc3545;
  --bs-btn-disabled-border-color: #dc3545;
}
.btn-light {
  --bs-btn-color: #000;
  --bs-btn-bg: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #d3d4d5;
  --bs-btn-hover-border-color: #c6c7c8;
  --bs-btn-focus-shadow-rgb:
    211,
    212,
    213;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #c6c7c8;
  --bs-btn-active-border-color: #babbbc;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #000;
  --bs-btn-disabled-bg: #f8f9fa;
  --bs-btn-disabled-border-color: #f8f9fa;
}
.btn-dark {
  --bs-btn-color: #fff;
  --bs-btn-bg: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb:
    66,
    70,
    73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #212529;
  --bs-btn-disabled-border-color: #212529;
}
.btn-outline-primary {
  --bs-btn-color: #0d6efd;
  --bs-btn-border-color: #0d6efd;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #0d6efd;
  --bs-btn-hover-border-color: #0d6efd;
  --bs-btn-focus-shadow-rgb:
    13,
    110,
    253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #0d6efd;
  --bs-btn-active-border-color: #0d6efd;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0d6efd;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0d6efd;
  --bs-gradient: none;
}
.btn-outline-secondary {
  --bs-btn-color: #6c757d;
  --bs-btn-border-color: #6c757d;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #6c757d;
  --bs-btn-hover-border-color: #6c757d;
  --bs-btn-focus-shadow-rgb:
    108,
    117,
    125;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #6c757d;
  --bs-btn-active-border-color: #6c757d;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #6c757d;
  --bs-gradient: none;
}
.btn-outline-success {
  --bs-btn-color: #198754;
  --bs-btn-border-color: #198754;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #198754;
  --bs-btn-hover-border-color: #198754;
  --bs-btn-focus-shadow-rgb:
    25,
    135,
    84;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #198754;
  --bs-btn-active-border-color: #198754;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #198754;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #198754;
  --bs-gradient: none;
}
.btn-outline-info {
  --bs-btn-color: #0dcaf0;
  --bs-btn-border-color: #0dcaf0;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #0dcaf0;
  --bs-btn-hover-border-color: #0dcaf0;
  --bs-btn-focus-shadow-rgb:
    13,
    202,
    240;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #0dcaf0;
  --bs-btn-active-border-color: #0dcaf0;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #0dcaf0;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #0dcaf0;
  --bs-gradient: none;
}
.btn-outline-warning {
  --bs-btn-color: #ffc107;
  --bs-btn-border-color: #ffc107;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #ffc107;
  --bs-btn-hover-border-color: #ffc107;
  --bs-btn-focus-shadow-rgb:
    255,
    193,
    7;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #ffc107;
  --bs-btn-active-border-color: #ffc107;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #ffc107;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #ffc107;
  --bs-gradient: none;
}
.btn-outline-danger {
  --bs-btn-color: #dc3545;
  --bs-btn-border-color: #dc3545;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #dc3545;
  --bs-btn-hover-border-color: #dc3545;
  --bs-btn-focus-shadow-rgb:
    220,
    53,
    69;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #dc3545;
  --bs-btn-active-border-color: #dc3545;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #dc3545;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #dc3545;
  --bs-gradient: none;
}
.btn-outline-light {
  --bs-btn-color: #f8f9fa;
  --bs-btn-border-color: #f8f9fa;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #f8f9fa;
  --bs-btn-hover-border-color: #f8f9fa;
  --bs-btn-focus-shadow-rgb:
    248,
    249,
    250;
  --bs-btn-active-color: #000;
  --bs-btn-active-bg: #f8f9fa;
  --bs-btn-active-border-color: #f8f9fa;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #f8f9fa;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #f8f9fa;
  --bs-gradient: none;
}
.btn-outline-dark {
  --bs-btn-color: #212529;
  --bs-btn-border-color: #212529;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #212529;
  --bs-btn-hover-border-color: #212529;
  --bs-btn-focus-shadow-rgb:
    33,
    37,
    41;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #212529;
  --bs-btn-active-border-color: #212529;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #212529;
  --bs-btn-disabled-bg: transparent;
  --bs-btn-disabled-border-color: #212529;
  --bs-gradient: none;
}
.btn-link {
  --bs-btn-font-weight: 400;
  --bs-btn-color: var(--bs-link-color);
  --bs-btn-bg: transparent;
  --bs-btn-border-color: transparent;
  --bs-btn-hover-color: var(--bs-link-hover-color);
  --bs-btn-hover-border-color: transparent;
  --bs-btn-active-color: var(--bs-link-hover-color);
  --bs-btn-active-border-color: transparent;
  --bs-btn-disabled-color: #6c757d;
  --bs-btn-disabled-border-color: transparent;
  --bs-btn-box-shadow: 0 0 0 #000;
  --bs-btn-focus-shadow-rgb:
    49,
    132,
    253;
  text-decoration: underline;
}
.btn-link:focus-visible {
  color: var(--bs-btn-color);
}
.btn-link:hover {
  color: var(--bs-btn-hover-color);
}
.btn-lg,
.btn-group-lg > .btn {
  --bs-btn-padding-y: 0.5rem;
  --bs-btn-padding-x: 1rem;
  --bs-btn-font-size: 1.25rem;
  --bs-btn-border-radius: var(--bs-border-radius-lg);
}
.btn-sm,
.btn-group-sm > .btn {
  --bs-btn-padding-y: 0.25rem;
  --bs-btn-padding-x: 0.5rem;
  --bs-btn-font-size: 0.875rem;
  --bs-btn-border-radius: var(--bs-border-radius-sm);
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 10rem;
  --bs-dropdown-padding-x: 0;
  --bs-dropdown-padding-y: 0.5rem;
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: 1rem;
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-divider-margin-y: 0.5rem;
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: 1rem;
  --bs-dropdown-item-padding-y: 0.25rem;
  --bs-dropdown-header-color: #6c757d;
  --bs-dropdown-header-padding-x: 1rem;
  --bs-dropdown-header-padding-y: 0.5rem;
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}
.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover,
.dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active,
.dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 0.875rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
  --bs-dropdown-color: #dee2e6;
  --bs-dropdown-bg: #343a40;
  --bs-dropdown-border-color: var(--bs-border-color-translucent);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #dee2e6;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: #fff;
  --bs-dropdown-link-active-bg: #0d6efd;
  --bs-dropdown-link-disabled-color: #adb5bd;
  --bs-dropdown-header-color: #adb5bd;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-flex;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  flex: 1 1 auto;
}
.btn-group > .btn-check:checked + .btn,
.btn-group > .btn-check:focus + .btn,
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn-check:checked + .btn,
.btn-group-vertical > .btn-check:focus + .btn,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 1;
}
.btn-toolbar {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.btn-toolbar .input-group {
  width: auto;
}
.btn-group {
  border-radius: var(--bs-border-radius);
}
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
  margin-left: calc(-1 * var(--bs-border-width));
}
.btn-group > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn-group:not(:last-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.btn-group > .btn:nth-child(n+3),
.btn-group > :not(.btn-check) + .btn,
.btn-group > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.dropdown-toggle-split {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after,
.dropend .dropdown-toggle-split::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle-split::before {
  margin-right: 0;
}
.btn-sm + .dropdown-toggle-split,
.btn-group-sm > .btn + .dropdown-toggle-split {
  padding-right: 0.375rem;
  padding-left: 0.375rem;
}
.btn-lg + .dropdown-toggle-split,
.btn-group-lg > .btn + .dropdown-toggle-split {
  padding-right: 0.75rem;
  padding-left: 0.75rem;
}
.btn-group-vertical {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group {
  width: 100%;
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
  margin-top: calc(-1 * var(--bs-border-width));
}
.btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle),
.btn-group-vertical > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:nth-child(n+3),
.btn-group-vertical > :not(.btn-check) + .btn,
.btn-group-vertical > .btn-group:not(:first-child) > .btn {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav {
  --bs-nav-link-padding-x: 1rem;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-link-color);
  --bs-nav-link-hover-color: var(--bs-link-hover-color);
  --bs-nav-link-disabled-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav-link {
  display: block;
  padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  color: var(--bs-nav-link-color);
  text-decoration: none;
  background: none;
  border: 0;
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .nav-link {
    transition: none;
  }
}
.nav-link:hover,
.nav-link:focus {
  color: var(--bs-nav-link-hover-color);
}
.nav-link:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
.nav-link.disabled,
.nav-link:disabled {
  color: var(--bs-nav-link-disabled-color);
  pointer-events: none;
  cursor: default;
}
.nav-tabs {
  --bs-nav-tabs-border-width: var(--bs-border-width);
  --bs-nav-tabs-border-color: var(--bs-border-color);
  --bs-nav-tabs-border-radius: var(--bs-border-radius);
  --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg) var(--bs-secondary-bg) var(--bs-border-color);
  --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
  --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
  --bs-nav-tabs-link-active-border-color: var(--bs-border-color) var(--bs-border-color) var(--bs-body-bg);
  border-bottom: var(--bs-nav-tabs-border-width) solid var(--bs-nav-tabs-border-color);
}
.nav-tabs .nav-link {
  margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
  border: var(--bs-nav-tabs-border-width) solid transparent;
  border-top-left-radius: var(--bs-nav-tabs-border-radius);
  border-top-right-radius: var(--bs-nav-tabs-border-radius);
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
  isolation: isolate;
  border-color: var(--bs-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
  color: var(--bs-nav-tabs-link-active-color);
  background-color: var(--bs-nav-tabs-link-active-bg);
  border-color: var(--bs-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
  margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.nav-pills {
  --bs-nav-pills-border-radius: var(--bs-border-radius);
  --bs-nav-pills-link-active-color: #fff;
  --bs-nav-pills-link-active-bg: #0d6efd;
}
.nav-pills .nav-link {
  border-radius: var(--bs-nav-pills-border-radius);
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: var(--bs-nav-pills-link-active-color);
  background-color: var(--bs-nav-pills-link-active-bg);
}
.nav-underline {
  --bs-nav-underline-gap: 1rem;
  --bs-nav-underline-border-width: 0.125rem;
  --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
  gap: var(--bs-nav-underline-gap);
}
.nav-underline .nav-link {
  padding-right: 0;
  padding-left: 0;
  border-bottom: var(--bs-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover,
.nav-underline .nav-link:focus {
  border-bottom-color: currentcolor;
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  font-weight: 700;
  color: var(--bs-nav-underline-link-active-color);
  border-bottom-color: currentcolor;
}
.nav-fill > .nav-link,
.nav-fill .nav-item {
  flex: 1 1 auto;
  text-align: center;
}
.nav-justified > .nav-link,
.nav-justified .nav-item {
  flex-grow: 1;
  flex-basis: 0;
  text-align: center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  width: 100%;
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.navbar {
  --bs-navbar-padding-x: 0;
  --bs-navbar-padding-y: 0.5rem;
  --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
  --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
  --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
  --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-padding-y: 0.3125rem;
  --bs-navbar-brand-margin-end: 1rem;
  --bs-navbar-brand-font-size: 1.25rem;
  --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
  --bs-navbar-nav-link-padding-x: 0.5rem;
  --bs-navbar-toggler-padding-y: 0.25rem;
  --bs-navbar-toggler-padding-x: 0.75rem;
  --bs-navbar-toggler-font-size: 1.25rem;
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
  --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
  --bs-navbar-toggler-border-radius: var(--bs-border-radius);
  --bs-navbar-toggler-focus-width: 0.25rem;
  --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-sm,
.navbar > .container-md,
.navbar > .container-lg,
.navbar > .container-xl,
.navbar > .container-xxl {
  display: flex;
  flex-wrap: inherit;
  align-items: center;
  justify-content: space-between;
}
.navbar-brand {
  padding-top: var(--bs-navbar-brand-padding-y);
  padding-bottom: var(--bs-navbar-brand-padding-y);
  margin-right: var(--bs-navbar-brand-margin-end);
  font-size: var(--bs-navbar-brand-font-size);
  color: var(--bs-navbar-brand-color);
  text-decoration: none;
  white-space: nowrap;
}
.navbar-brand:hover,
.navbar-brand:focus {
  color: var(--bs-navbar-brand-hover-color);
}
.navbar-nav {
  --bs-nav-link-padding-x: 0;
  --bs-nav-link-padding-y: 0.5rem;
  --bs-nav-link-font-weight: ;
  --bs-nav-link-color: var(--bs-navbar-color);
  --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
  --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: var(--bs-navbar-active-color);
}
.navbar-nav .dropdown-menu {
  position: static;
}
.navbar-text {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
  color: var(--bs-navbar-active-color);
}
.navbar-collapse {
  flex-grow: 1;
  flex-basis: 100%;
  align-items: center;
}
.navbar-toggler {
  padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
  font-size: var(--bs-navbar-toggler-font-size);
  line-height: 1;
  color: var(--bs-navbar-color);
  background-color: transparent;
  border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
  border-radius: var(--bs-navbar-toggler-border-radius);
  transition: var(--bs-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
  .navbar-toggler {
    transition: none;
  }
}
.navbar-toggler:hover {
  text-decoration: none;
}
.navbar-toggler:focus {
  text-decoration: none;
  outline: 0;
  box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  vertical-align: middle;
  background-image: var(--bs-navbar-toggler-icon-bg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100%;
}
.navbar-nav-scroll {
  max-height: var(--bs-scroll-height, 75vh);
  overflow-y: auto;
}
@media (min-width: 576px) {
  .navbar-expand-sm {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-sm .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-sm .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-sm .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-sm .navbar-toggler {
    display: none;
  }
  .navbar-expand-sm .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-md .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-md .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-md .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-md .navbar-toggler {
    display: none;
  }
  .navbar-expand-md .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-lg .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-lg .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-lg .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-lg .navbar-toggler {
    display: none;
  }
  .navbar-expand-lg .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    flex-wrap: nowrap;
    justify-content: flex-start;
  }
  .navbar-expand-xxl .navbar-nav {
    flex-direction: row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    position: absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    padding-right: var(--bs-navbar-nav-link-padding-x);
    padding-left: var(--bs-navbar-nav-link-padding-x);
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    overflow: visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    display: flex !important;
    flex-basis: auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    display: none;
  }
  .navbar-expand-xxl .offcanvas {
    position: static;
    z-index: auto;
    flex-grow: 1;
    width: auto !important;
    height: auto !important;
    visibility: visible !important;
    background-color: transparent !important;
    border: 0 !important;
    transform: none !important;
    transition: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    display: none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
  }
}
.navbar-expand {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.navbar-expand .navbar-nav {
  flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu {
  position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
  padding-right: var(--bs-navbar-nav-link-padding-x);
  padding-left: var(--bs-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
  overflow: visible;
}
.navbar-expand .navbar-collapse {
  display: flex !important;
  flex-basis: auto;
}
.navbar-expand .navbar-toggler {
  display: none;
}
.navbar-expand .offcanvas {
  position: static;
  z-index: auto;
  flex-grow: 1;
  width: auto !important;
  height: auto !important;
  visibility: visible !important;
  background-color: transparent !important;
  border: 0 !important;
  transform: none !important;
  transition: none;
}
.navbar-expand .offcanvas .offcanvas-header {
  display: none;
}
.navbar-expand .offcanvas .offcanvas-body {
  display: flex;
  flex-grow: 0;
  padding: 0;
  overflow-y: visible;
}
.navbar-dark,
.navbar[data-bs-theme=dark] {
  --bs-navbar-color: rgba(255, 255, 255, 0.55);
  --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
  --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
  --bs-navbar-active-color: #fff;
  --bs-navbar-brand-color: #fff;
  --bs-navbar-brand-hover-color: #fff;
  --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
[data-bs-theme=dark] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.card {
  --bs-card-spacer-y: 1rem;
  --bs-card-spacer-x: 1rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-title-color: ;
  --bs-card-subtitle-color: ;
  --bs-card-border-width: var(--bs-border-width);
  --bs-card-border-color: var(--bs-border-color-translucent);
  --bs-card-border-radius: var(--bs-border-radius);
  --bs-card-box-shadow: ;
  --bs-card-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-card-cap-padding-y: 0.5rem;
  --bs-card-cap-padding-x: 1rem;
  --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
  --bs-card-cap-color: ;
  --bs-card-height: ;
  --bs-card-color: ;
  --bs-card-bg: var(--bs-body-bg);
  --bs-card-img-overlay-padding: 1rem;
  --bs-card-group-margin: 0.75rem;
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: var(--bs-card-height);
  color: var(--bs-body-color);
  word-wrap: break-word;
  background-color: var(--bs-card-bg);
  background-clip: border-box;
  border: var(--bs-card-border-width) solid var(--bs-card-border-color);
  border-radius: var(--bs-card-border-radius);
}
.card > hr {
  margin-right: 0;
  margin-left: 0;
}
.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}
.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card > .card-header + .list-group,
.card > .list-group + .card-footer {
  border-top: 0;
}
.card-body {
  flex: 1 1 auto;
  padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
  color: var(--bs-card-color);
}
.card-title {
  margin-bottom: var(--bs-card-title-spacer-y);
  color: var(--bs-card-title-color);
}
.card-subtitle {
  margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
  margin-bottom: 0;
  color: var(--bs-card-subtitle-color);
}
.card-text:last-child {
  margin-bottom: 0;
}
.card-link + .card-link {
  margin-left: var(--bs-card-spacer-x);
}
.card-header {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  margin-bottom: 0;
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-header:first-child {
  border-radius: var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius) 0 0;
}
.card-footer {
  padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
  color: var(--bs-card-cap-color);
  background-color: var(--bs-card-cap-bg);
  border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
}
.card-footer:last-child {
  border-radius: 0 0 var(--bs-card-inner-border-radius) var(--bs-card-inner-border-radius);
}
.card-header-tabs {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
  border-bottom: 0;
}
.card-header-tabs .nav-link.active {
  background-color: var(--bs-card-bg);
  border-bottom-color: var(--bs-card-bg);
}
.card-header-pills {
  margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
  margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
}
.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: var(--bs-card-img-overlay-padding);
  border-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-top,
.card-img-bottom {
  width: 100%;
}
.card-img,
.card-img-top {
  border-top-left-radius: var(--bs-card-inner-border-radius);
  border-top-right-radius: var(--bs-card-inner-border-radius);
}
.card-img,
.card-img-bottom {
  border-bottom-right-radius: var(--bs-card-inner-border-radius);
  border-bottom-left-radius: var(--bs-card-inner-border-radius);
}
.card-group > .card {
  margin-bottom: var(--bs-card-group-margin);
}
@media (min-width: 576px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    flex: 1 0 0;
    margin-bottom: 0;
  }
  .card-group > .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group > .card:not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-img-top,
  .card-group > .card:not(:last-child) > .card-header {
    border-top-right-radius: 0;
  }
  .card-group > .card:not(:last-child) > .card-img-bottom,
  .card-group > .card:not(:last-child) > .card-footer {
    border-bottom-right-radius: 0;
  }
  .card-group > .card:not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-img-top,
  .card-group > .card:not(:first-child) > .card-header {
    border-top-left-radius: 0;
  }
  .card-group > .card:not(:first-child) > .card-img-bottom,
  .card-group > .card:not(:first-child) > .card-footer {
    border-bottom-left-radius: 0;
  }
}
.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out,
    border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
}
.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
  font-size: 1rem;
  color: var(--bs-accordion-btn-color);
  text-align: left;
  background-color: var(--bs-accordion-btn-bg);
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: var(--bs-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button {
    transition: none;
  }
}
.accordion-button:not(.collapsed) {
  color: var(--bs-accordion-active-color);
  background-color: var(--bs-accordion-active-bg);
  box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
  background-image: var(--bs-accordion-btn-active-icon);
  transform: var(--bs-accordion-btn-icon-transform);
}
.accordion-button::after {
  flex-shrink: 0;
  width: var(--bs-accordion-btn-icon-width);
  height: var(--bs-accordion-btn-icon-width);
  margin-left: auto;
  content: "";
  background-image: var(--bs-accordion-btn-icon);
  background-repeat: no-repeat;
  background-size: var(--bs-accordion-btn-icon-width);
  transition: var(--bs-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
  .accordion-button::after {
    transition: none;
  }
}
.accordion-button:hover {
  z-index: 2;
}
.accordion-button:focus {
  z-index: 3;
  outline: 0;
  box-shadow: var(--bs-accordion-btn-focus-box-shadow);
}
.accordion-header {
  margin-bottom: 0;
}
.accordion-item {
  color: var(--bs-accordion-color);
  background-color: var(--bs-accordion-bg);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}
.accordion-item:first-of-type {
  border-top-left-radius: var(--bs-accordion-border-radius);
  border-top-right-radius: var(--bs-accordion-border-radius);
}
.accordion-item:first-of-type > .accordion-header .accordion-button {
  border-top-left-radius: var(--bs-accordion-inner-border-radius);
  border-top-right-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:not(:first-of-type) {
  border-top: 0;
}
.accordion-item:last-of-type {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-item:last-of-type > .accordion-header .accordion-button.collapsed {
  border-bottom-right-radius: var(--bs-accordion-inner-border-radius);
  border-bottom-left-radius: var(--bs-accordion-inner-border-radius);
}
.accordion-item:last-of-type > .accordion-collapse {
  border-bottom-right-radius: var(--bs-accordion-border-radius);
  border-bottom-left-radius: var(--bs-accordion-border-radius);
}
.accordion-body {
  padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
}
.accordion-flush > .accordion-item {
  border-right: 0;
  border-left: 0;
  border-radius: 0;
}
.accordion-flush > .accordion-item:first-child {
  border-top: 0;
}
.accordion-flush > .accordion-item:last-child {
  border-bottom: 0;
}
.accordion-flush > .accordion-item > .accordion-collapse,
.accordion-flush > .accordion-item > .accordion-header .accordion-button,
.accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed {
  border-radius: 0;
}
[data-bs-theme=dark] .accordion-button::after {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}
.breadcrumb {
  --bs-breadcrumb-padding-x: 0;
  --bs-breadcrumb-padding-y: 0;
  --bs-breadcrumb-margin-bottom: 1rem;
  --bs-breadcrumb-bg: ;
  --bs-breadcrumb-border-radius: ;
  --bs-breadcrumb-divider-color: var(--bs-secondary-color);
  --bs-breadcrumb-item-padding-x: 0.5rem;
  --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
  display: flex;
  flex-wrap: wrap;
  padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
  margin-bottom: var(--bs-breadcrumb-margin-bottom);
  font-size: var(--bs-breadcrumb-font-size);
  list-style: none;
  background-color: var(--bs-breadcrumb-bg);
  border-radius: var(--bs-breadcrumb-border-radius);
}
.breadcrumb-item + .breadcrumb-item {
  padding-left: var(--bs-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
  float: left;
  padding-right: var(--bs-breadcrumb-item-padding-x);
  color: var(--bs-breadcrumb-divider-color);
  content: var(--bs-breadcrumb-divider, "/");
}
.breadcrumb-item.active {
  color: var(--bs-breadcrumb-item-active-color);
}
.pagination {
  --bs-pagination-padding-x: 0.75rem;
  --bs-pagination-padding-y: 0.375rem;
  --bs-pagination-font-size: 1rem;
  --bs-pagination-color: var(--bs-link-color);
  --bs-pagination-bg: var(--bs-body-bg);
  --bs-pagination-border-width: var(--bs-border-width);
  --bs-pagination-border-color: var(--bs-border-color);
  --bs-pagination-border-radius: var(--bs-border-radius);
  --bs-pagination-hover-color: var(--bs-link-hover-color);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-link-hover-color);
  --bs-pagination-focus-bg: var(--bs-secondary-bg);
  --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-pagination-active-color: #fff;
  --bs-pagination-active-bg: #0d6efd;
  --bs-pagination-active-border-color: #0d6efd;
  --bs-pagination-disabled-color: var(--bs-secondary-color);
  --bs-pagination-disabled-bg: var(--bs-secondary-bg);
  --bs-pagination-disabled-border-color: var(--bs-border-color);
  display: flex;
  padding-left: 0;
  list-style: none;
}
.page-link {
  position: relative;
  display: block;
  padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
  font-size: var(--bs-pagination-font-size);
  color: var(--bs-pagination-color);
  text-decoration: none;
  background-color: var(--bs-pagination-bg);
  border: var(--bs-pagination-border-width) solid var(--bs-pagination-border-color);
  transition:
    color 0.15s ease-in-out,
    background-color 0.15s ease-in-out,
    border-color 0.15s ease-in-out,
    box-shadow 0.15s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .page-link {
    transition: none;
  }
}
.page-link:hover {
  z-index: 2;
  color: var(--bs-pagination-hover-color);
  background-color: var(--bs-pagination-hover-bg);
  border-color: var(--bs-pagination-hover-border-color);
}
.page-link:focus {
  z-index: 3;
  color: var(--bs-pagination-focus-color);
  background-color: var(--bs-pagination-focus-bg);
  outline: 0;
  box-shadow: var(--bs-pagination-focus-box-shadow);
}
.page-link.active,
.active > .page-link {
  z-index: 3;
  color: var(--bs-pagination-active-color);
  background-color: var(--bs-pagination-active-bg);
  border-color: var(--bs-pagination-active-border-color);
}
.page-link.disabled,
.disabled > .page-link {
  color: var(--bs-pagination-disabled-color);
  pointer-events: none;
  background-color: var(--bs-pagination-disabled-bg);
  border-color: var(--bs-pagination-disabled-border-color);
}
.page-item:not(:first-child) .page-link {
  margin-left: calc(-1 * var(--bs-border-width));
}
.page-item:first-child .page-link {
  border-top-left-radius: var(--bs-pagination-border-radius);
  border-bottom-left-radius: var(--bs-pagination-border-radius);
}
.page-item:last-child .page-link {
  border-top-right-radius: var(--bs-pagination-border-radius);
  border-bottom-right-radius: var(--bs-pagination-border-radius);
}
.pagination-lg {
  --bs-pagination-padding-x: 1.5rem;
  --bs-pagination-padding-y: 0.75rem;
  --bs-pagination-font-size: 1.25rem;
  --bs-pagination-border-radius: var(--bs-border-radius-lg);
}
.pagination-sm {
  --bs-pagination-padding-x: 0.5rem;
  --bs-pagination-padding-y: 0.25rem;
  --bs-pagination-font-size: 0.875rem;
  --bs-pagination-border-radius: var(--bs-border-radius-sm);
}
.badge {
  --bs-badge-padding-x: 0.65em;
  --bs-badge-padding-y: 0.35em;
  --bs-badge-font-size: 0.75em;
  --bs-badge-font-weight: 700;
  --bs-badge-color: #fff;
  --bs-badge-border-radius: var(--bs-border-radius);
  display: inline-block;
  padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
  font-size: var(--bs-badge-font-size);
  font-weight: var(--bs-badge-font-weight);
  line-height: 1;
  color: var(--bs-badge-color);
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: var(--bs-badge-border-radius);
}
.badge:empty {
  display: none;
}
.btn .badge {
  position: relative;
  top: -1px;
}
.alert {
  --bs-alert-bg: transparent;
  --bs-alert-padding-x: 1rem;
  --bs-alert-padding-y: 1rem;
  --bs-alert-margin-bottom: 1rem;
  --bs-alert-color: inherit;
  --bs-alert-border-color: transparent;
  --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
  --bs-alert-border-radius: var(--bs-border-radius);
  --bs-alert-link-color: inherit;
  position: relative;
  padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
  margin-bottom: var(--bs-alert-margin-bottom);
  color: var(--bs-alert-color);
  background-color: var(--bs-alert-bg);
  border: var(--bs-alert-border);
  border-radius: var(--bs-alert-border-radius);
}
.alert-heading {
  color: inherit;
}
.alert-link {
  font-weight: 700;
  color: var(--bs-alert-link-color);
}
.alert-dismissible {
  padding-right: 3rem;
}
.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}
.alert-primary {
  --bs-alert-color: var(--bs-primary-text-emphasis);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text-emphasis);
}
.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text-emphasis);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text-emphasis);
}
.alert-success {
  --bs-alert-color: var(--bs-success-text-emphasis);
  --bs-alert-bg: var(--bs-success-bg-subtle);
  --bs-alert-border-color: var(--bs-success-border-subtle);
  --bs-alert-link-color: var(--bs-success-text-emphasis);
}
.alert-info {
  --bs-alert-color: var(--bs-info-text-emphasis);
  --bs-alert-bg: var(--bs-info-bg-subtle);
  --bs-alert-border-color: var(--bs-info-border-subtle);
  --bs-alert-link-color: var(--bs-info-text-emphasis);
}
.alert-warning {
  --bs-alert-color: var(--bs-warning-text-emphasis);
  --bs-alert-bg: var(--bs-warning-bg-subtle);
  --bs-alert-border-color: var(--bs-warning-border-subtle);
  --bs-alert-link-color: var(--bs-warning-text-emphasis);
}
.alert-danger {
  --bs-alert-color: var(--bs-danger-text-emphasis);
  --bs-alert-bg: var(--bs-danger-bg-subtle);
  --bs-alert-border-color: var(--bs-danger-border-subtle);
  --bs-alert-link-color: var(--bs-danger-text-emphasis);
}
.alert-light {
  --bs-alert-color: var(--bs-light-text-emphasis);
  --bs-alert-bg: var(--bs-light-bg-subtle);
  --bs-alert-border-color: var(--bs-light-border-subtle);
  --bs-alert-link-color: var(--bs-light-text-emphasis);
}
.alert-dark {
  --bs-alert-color: var(--bs-dark-text-emphasis);
  --bs-alert-bg: var(--bs-dark-bg-subtle);
  --bs-alert-border-color: var(--bs-dark-border-subtle);
  --bs-alert-link-color: var(--bs-dark-text-emphasis);
}
@keyframes progress-bar-stripes {
  0% {
    background-position-x: var(--bs-progress-height);
  }
}
.progress,
.progress-stacked {
  --bs-progress-height: 1rem;
  --bs-progress-font-size: 0.75rem;
  --bs-progress-bg: var(--bs-secondary-bg);
  --bs-progress-border-radius: var(--bs-border-radius);
  --bs-progress-box-shadow: var(--bs-box-shadow-inset);
  --bs-progress-bar-color: #fff;
  --bs-progress-bar-bg: #0d6efd;
  --bs-progress-bar-transition: width 0.6s ease;
  display: flex;
  height: var(--bs-progress-height);
  overflow: hidden;
  font-size: var(--bs-progress-font-size);
  background-color: var(--bs-progress-bg);
  border-radius: var(--bs-progress-border-radius);
}
.progress-bar {
  display: flex;
  flex-direction: column;
  justify-content: center;
  overflow: hidden;
  color: var(--bs-progress-bar-color);
  text-align: center;
  white-space: nowrap;
  background-color: var(--bs-progress-bar-bg);
  transition: var(--bs-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar {
    transition: none;
  }
}
.progress-bar-striped {
  background-image:
    linear-gradient(
      45deg,
      rgba(255, 255, 255, 0.15) 25%,
      transparent 25%,
      transparent 50%,
      rgba(255, 255, 255, 0.15) 50%,
      rgba(255, 255, 255, 0.15) 75%,
      transparent 75%,
      transparent);
  background-size: var(--bs-progress-height) var(--bs-progress-height);
}
.progress-stacked > .progress {
  overflow: visible;
}
.progress-stacked > .progress > .progress-bar {
  width: 100%;
}
.progress-bar-animated {
  animation: 1s linear infinite progress-bar-stripes;
}
@media (prefers-reduced-motion: reduce) {
  .progress-bar-animated {
    animation: none;
  }
}
.list-group {
  --bs-list-group-color: var(--bs-body-color);
  --bs-list-group-bg: var(--bs-body-bg);
  --bs-list-group-border-color: var(--bs-border-color);
  --bs-list-group-border-width: var(--bs-border-width);
  --bs-list-group-border-radius: var(--bs-border-radius);
  --bs-list-group-item-padding-x: 1rem;
  --bs-list-group-item-padding-y: 0.5rem;
  --bs-list-group-action-color: var(--bs-secondary-color);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
  --bs-list-group-action-active-color: var(--bs-body-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-bg);
  --bs-list-group-disabled-color: var(--bs-secondary-color);
  --bs-list-group-disabled-bg: var(--bs-body-bg);
  --bs-list-group-active-color: #fff;
  --bs-list-group-active-bg: #0d6efd;
  --bs-list-group-active-border-color: #0d6efd;
  display: flex;
  flex-direction: column;
  padding-left: 0;
  margin-bottom: 0;
  border-radius: var(--bs-list-group-border-radius);
}
.list-group-numbered {
  list-style-type: none;
  counter-reset: section;
}
.list-group-numbered > .list-group-item::before {
  content: counters(section, ".") ". ";
  counter-increment: section;
}
.list-group-item {
  position: relative;
  display: block;
  padding: var(--bs-list-group-item-padding-y) var(--bs-list-group-item-padding-x);
  color: var(--bs-list-group-color);
  text-decoration: none;
  background-color: var(--bs-list-group-bg);
  border: var(--bs-list-group-border-width) solid var(--bs-list-group-border-color);
}
.list-group-item:first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.list-group-item:last-child {
  border-bottom-right-radius: inherit;
  border-bottom-left-radius: inherit;
}
.list-group-item.disabled,
.list-group-item:disabled {
  color: var(--bs-list-group-disabled-color);
  pointer-events: none;
  background-color: var(--bs-list-group-disabled-bg);
}
.list-group-item.active {
  z-index: 2;
  color: var(--bs-list-group-active-color);
  background-color: var(--bs-list-group-active-bg);
  border-color: var(--bs-list-group-active-border-color);
}
.list-group-item + .list-group-item {
  border-top-width: 0;
}
.list-group-item + .list-group-item.active {
  margin-top: calc(-1 * var(--bs-list-group-border-width));
  border-top-width: var(--bs-list-group-border-width);
}
.list-group-item-action {
  width: 100%;
  color: var(--bs-list-group-action-color);
  text-align: inherit;
}
.list-group-item-action:not(.active):hover,
.list-group-item-action:not(.active):focus {
  z-index: 1;
  color: var(--bs-list-group-action-hover-color);
  text-decoration: none;
  background-color: var(--bs-list-group-action-hover-bg);
}
.list-group-item-action:not(.active):active {
  color: var(--bs-list-group-action-active-color);
  background-color: var(--bs-list-group-action-active-bg);
}
.list-group-horizontal {
  flex-direction: row;
}
.list-group-horizontal > .list-group-item:first-child:not(:last-child) {
  border-bottom-left-radius: var(--bs-list-group-border-radius);
  border-top-right-radius: 0;
}
.list-group-horizontal > .list-group-item:last-child:not(:first-child) {
  border-top-right-radius: var(--bs-list-group-border-radius);
  border-bottom-left-radius: 0;
}
.list-group-horizontal > .list-group-item.active {
  margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
  border-top-width: var(--bs-list-group-border-width);
  border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
  margin-left: calc(-1 * var(--bs-list-group-border-width));
  border-left-width: var(--bs-list-group-border-width);
}
@media (min-width: 576px) {
  .list-group-horizontal-sm {
    flex-direction: row;
  }
  .list-group-horizontal-sm > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-sm > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-sm > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 768px) {
  .list-group-horizontal-md {
    flex-direction: row;
  }
  .list-group-horizontal-md > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-md > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-md > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 992px) {
  .list-group-horizontal-lg {
    flex-direction: row;
  }
  .list-group-horizontal-lg > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-lg > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-lg > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1200px) {
  .list-group-horizontal-xl {
    flex-direction: row;
  }
  .list-group-horizontal-xl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
@media (min-width: 1400px) {
  .list-group-horizontal-xxl {
    flex-direction: row;
  }
  .list-group-horizontal-xxl > .list-group-item:first-child:not(:last-child) {
    border-bottom-left-radius: var(--bs-list-group-border-radius);
    border-top-right-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item:last-child:not(:first-child) {
    border-top-right-radius: var(--bs-list-group-border-radius);
    border-bottom-left-radius: 0;
  }
  .list-group-horizontal-xxl > .list-group-item.active {
    margin-top: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item {
    border-top-width: var(--bs-list-group-border-width);
    border-left-width: 0;
  }
  .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
    margin-left: calc(-1 * var(--bs-list-group-border-width));
    border-left-width: var(--bs-list-group-border-width);
  }
}
.list-group-flush {
  border-radius: 0;
}
.list-group-flush > .list-group-item {
  border-width: 0 0 var(--bs-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
  border-bottom-width: 0;
}
.list-group-item-primary {
  --bs-list-group-color: var(--bs-primary-text-emphasis);
  --bs-list-group-bg: var(--bs-primary-bg-subtle);
  --bs-list-group-border-color: var(--bs-primary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
  --bs-list-group-active-color: var(--bs-primary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
}
.list-group-item-secondary {
  --bs-list-group-color: var(--bs-secondary-text-emphasis);
  --bs-list-group-bg: var(--bs-secondary-bg-subtle);
  --bs-list-group-border-color: var(--bs-secondary-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
  --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
  --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
}
.list-group-item-success {
  --bs-list-group-color: var(--bs-success-text-emphasis);
  --bs-list-group-bg: var(--bs-success-bg-subtle);
  --bs-list-group-border-color: var(--bs-success-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
  --bs-list-group-active-color: var(--bs-success-bg-subtle);
  --bs-list-group-active-bg: var(--bs-success-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
}
.list-group-item-info {
  --bs-list-group-color: var(--bs-info-text-emphasis);
  --bs-list-group-bg: var(--bs-info-bg-subtle);
  --bs-list-group-border-color: var(--bs-info-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
  --bs-list-group-active-color: var(--bs-info-bg-subtle);
  --bs-list-group-active-bg: var(--bs-info-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
}
.list-group-item-warning {
  --bs-list-group-color: var(--bs-warning-text-emphasis);
  --bs-list-group-bg: var(--bs-warning-bg-subtle);
  --bs-list-group-border-color: var(--bs-warning-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
  --bs-list-group-active-color: var(--bs-warning-bg-subtle);
  --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
}
.list-group-item-danger {
  --bs-list-group-color: var(--bs-danger-text-emphasis);
  --bs-list-group-bg: var(--bs-danger-bg-subtle);
  --bs-list-group-border-color: var(--bs-danger-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
  --bs-list-group-active-color: var(--bs-danger-bg-subtle);
  --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
}
.list-group-item-light {
  --bs-list-group-color: var(--bs-light-text-emphasis);
  --bs-list-group-bg: var(--bs-light-bg-subtle);
  --bs-list-group-border-color: var(--bs-light-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
  --bs-list-group-active-color: var(--bs-light-bg-subtle);
  --bs-list-group-active-bg: var(--bs-light-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
}
.list-group-item-dark {
  --bs-list-group-color: var(--bs-dark-text-emphasis);
  --bs-list-group-bg: var(--bs-dark-bg-subtle);
  --bs-list-group-border-color: var(--bs-dark-border-subtle);
  --bs-list-group-action-hover-color: var(--bs-emphasis-color);
  --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
  --bs-list-group-action-active-color: var(--bs-emphasis-color);
  --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
  --bs-list-group-active-color: var(--bs-dark-bg-subtle);
  --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
  --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
}
.btn-close {
  --bs-btn-close-color: #000;
  --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414'/%3e%3c/svg%3e");
  --bs-btn-close-opacity: 0.5;
  --bs-btn-close-hover-opacity: 0.75;
  --bs-btn-close-focus-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-btn-close-focus-opacity: 1;
  --bs-btn-close-disabled-opacity: 0.25;
  box-sizing: content-box;
  width: 1em;
  height: 1em;
  padding: 0.25em 0.25em;
  color: var(--bs-btn-close-color);
  background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
  filter: var(--bs-btn-close-filter);
  border: 0;
  border-radius: 0.375rem;
  opacity: var(--bs-btn-close-opacity);
}
.btn-close:hover {
  color: var(--bs-btn-close-color);
  text-decoration: none;
  opacity: var(--bs-btn-close-hover-opacity);
}
.btn-close:focus {
  outline: 0;
  box-shadow: var(--bs-btn-close-focus-shadow);
  opacity: var(--bs-btn-close-focus-opacity);
}
.btn-close:disabled,
.btn-close.disabled {
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  opacity: var(--bs-btn-close-disabled-opacity);
}
.btn-close-white {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}
:root,
[data-bs-theme=light] {
  --bs-btn-close-filter: ;
}
[data-bs-theme=dark] {
  --bs-btn-close-filter: invert(1) grayscale(100%) brightness(200%);
}
.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 0.75rem;
  --bs-toast-padding-y: 0.5rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 350px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: var(--bs-border-radius);
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}
.toast.showing {
  opacity: 0;
}
.toast:not(.show) {
  display: none;
}
.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}
.toast-container > :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}
.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}
.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}
.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}
.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 500px;
  --bs-modal-padding: 1rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: var(--bs-body-color);
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--bs-border-color-translucent);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: var(--bs-border-radius-lg);
  --bs-modal-box-shadow: var(--bs-box-shadow-sm);
  --bs-modal-inner-border-radius: calc(var(--bs-border-radius-lg) - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1rem;
  --bs-modal-header-padding-y: 1rem;
  --bs-modal-header-padding: 1rem 1rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
  transition: transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}
.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #000;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-left: auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}
.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}
@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: var(--bs-box-shadow);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 800px;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 1140px;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.5rem;
  --bs-tooltip-padding-y: 0.25rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: 0.875rem;
  --bs-tooltip-color: var(--bs-body-bg);
  --bs-tooltip-bg: var(--bs-emphasis-color);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.9;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}
.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}
.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}
.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}
.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: 0.875rem;
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: 1rem;
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: 1rem;
  --bs-popover-body-padding-y: 1rem;
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before,
.popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}
.bs-popover-top > .popover-arrow,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before,
.bs-popover-top > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}
.bs-popover-end > .popover-arrow,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before,
.bs-popover-end > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}
.bs-popover-bottom > .popover-arrow,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before,
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}
.bs-popover-start > .popover-arrow,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before,
.bs-popover-start > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}
.carousel {
  position: relative;
}
.carousel.pointer-event {
  touch-action: pan-y;
}
.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner::after {
  display: block;
  clear: both;
  content: "";
}
.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-item {
    transition: none;
  }
}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}
.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}
.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-fade .active.carousel-item-start,
  .carousel-fade .active.carousel-item-end {
    transition: none;
  }
}
.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  filter: var(--bs-carousel-control-icon-filter);
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-control-prev,
  .carousel-control-next {
    transition: none;
  }
}
.carousel-control-prev:hover,
.carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control-prev {
  left: 0;
}
.carousel-control-next {
  right: 0;
}
.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}
.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0'/%3e%3c/svg%3e");
}
.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708'/%3e%3c/svg%3e");
}
.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: var(--bs-carousel-indicator-active-bg);
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
@media (prefers-reduced-motion: reduce) {
  .carousel-indicators [data-bs-target] {
    transition: none;
  }
}
.carousel-indicators .active {
  opacity: 1;
}
.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: var(--bs-carousel-caption-color);
  text-align: center;
}
.carousel-dark {
  --bs-carousel-indicator-active-bg: #000;
  --bs-carousel-caption-color: #000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}
:root,
[data-bs-theme=light] {
  --bs-carousel-indicator-active-bg: #fff;
  --bs-carousel-caption-color: #fff;
  --bs-carousel-control-icon-filter: ;
}
[data-bs-theme=dark] {
  --bs-carousel-indicator-active-bg: #000;
  --bs-carousel-caption-color: #000;
  --bs-carousel-control-icon-filter: invert(1) grayscale(100);
}
.spinner-grow,
.spinner-border {
  display: inline-block;
  flex-shrink: 0;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg);
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}
.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}
.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.offcanvas,
.offcanvas-xxl,
.offcanvas-xl,
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 30vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}
@media (max-width: 575.98px) {
  .offcanvas-sm {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-sm {
    transition: none;
  }
}
@media (max-width: 575.98px) {
  .offcanvas-sm.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-sm.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-sm.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-sm.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-sm.showing,
  .offcanvas-sm.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-sm.showing,
  .offcanvas-sm.hiding,
  .offcanvas-sm.show {
    visibility: visible;
  }
}
@media (min-width: 576px) {
  .offcanvas-sm {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-sm .offcanvas-header {
    display: none;
  }
  .offcanvas-sm .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-md {
    transition: none;
  }
}
@media (max-width: 767.98px) {
  .offcanvas-md.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-md.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-md.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-md.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-md.showing,
  .offcanvas-md.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-md.showing,
  .offcanvas-md.hiding,
  .offcanvas-md.show {
    visibility: visible;
  }
}
@media (min-width: 768px) {
  .offcanvas-md {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-md .offcanvas-header {
    display: none;
  }
  .offcanvas-md .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-lg {
    transition: none;
  }
}
@media (max-width: 991.98px) {
  .offcanvas-lg.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-lg.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-lg.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-lg.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-lg.showing,
  .offcanvas-lg.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-lg.showing,
  .offcanvas-lg.hiding,
  .offcanvas-lg.show {
    visibility: visible;
  }
}
@media (min-width: 992px) {
  .offcanvas-lg {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-lg .offcanvas-header {
    display: none;
  }
  .offcanvas-lg .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xl {
    transition: none;
  }
}
@media (max-width: 1199.98px) {
  .offcanvas-xl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xl.showing,
  .offcanvas-xl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xl.showing,
  .offcanvas-xl.hiding,
  .offcanvas-xl.show {
    visibility: visible;
  }
}
@media (min-width: 1200px) {
  .offcanvas-xl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xl .offcanvas-header {
    display: none;
  }
  .offcanvas-xl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl {
    position: fixed;
    bottom: 0;
    z-index: var(--bs-offcanvas-zindex);
    display: flex;
    flex-direction: column;
    max-width: 100%;
    color: var(--bs-offcanvas-color);
    visibility: hidden;
    background-color: var(--bs-offcanvas-bg);
    background-clip: padding-box;
    outline: 0;
    transition: var(--bs-offcanvas-transition);
  }
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
  .offcanvas-xxl {
    transition: none;
  }
}
@media (max-width: 1399.98px) {
  .offcanvas-xxl.offcanvas-start {
    top: 0;
    left: 0;
    width: var(--bs-offcanvas-width);
    border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(-100%);
  }
  .offcanvas-xxl.offcanvas-end {
    top: 0;
    right: 0;
    width: var(--bs-offcanvas-width);
    border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateX(100%);
  }
  .offcanvas-xxl.offcanvas-top {
    top: 0;
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(-100%);
  }
  .offcanvas-xxl.offcanvas-bottom {
    right: 0;
    left: 0;
    height: var(--bs-offcanvas-height);
    max-height: 100%;
    border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
    transform: translateY(100%);
  }
  .offcanvas-xxl.showing,
  .offcanvas-xxl.show:not(.hiding) {
    transform: none;
  }
  .offcanvas-xxl.showing,
  .offcanvas-xxl.hiding,
  .offcanvas-xxl.show {
    visibility: visible;
  }
}
@media (min-width: 1400px) {
  .offcanvas-xxl {
    --bs-offcanvas-height: auto;
    --bs-offcanvas-border-width: 0;
    background-color: transparent !important;
  }
  .offcanvas-xxl .offcanvas-header {
    display: none;
  }
  .offcanvas-xxl .offcanvas-body {
    display: flex;
    flex-grow: 0;
    padding: 0;
    overflow-y: visible;
    background-color: transparent !important;
  }
}
.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: var(--bs-offcanvas-color);
  visibility: hidden;
  background-color: var(--bs-offcanvas-bg);
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing,
.offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing,
.offcanvas.hiding,
.offcanvas.show {
  visibility: visible;
}
.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}
.offcanvas-header {
  display: flex;
  align-items: center;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
  margin-left: auto;
}
.offcanvas-title {
  margin-bottom: 0;
  line-height: var(--bs-offcanvas-title-line-height);
}
.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
}
.placeholder {
  display: inline-block;
  min-height: 1em;
  vertical-align: middle;
  cursor: wait;
  background-color: currentcolor;
  opacity: 0.5;
}
.placeholder.btn::before {
  display: inline-block;
  content: "";
}
.placeholder-xs {
  min-height: 0.6em;
}
.placeholder-sm {
  min-height: 0.8em;
}
.placeholder-lg {
  min-height: 1.2em;
}
.placeholder-glow .placeholder {
  animation: placeholder-glow 2s ease-in-out infinite;
}
@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.placeholder-wave {
  -webkit-mask-image:
    linear-gradient(
      130deg,
      #000 55%,
      rgba(0, 0, 0, 0.8) 75%,
      #000 95%);
  mask-image:
    linear-gradient(
      130deg,
      #000 55%,
      rgba(0, 0, 0, 0.8) 75%,
      #000 95%);
  -webkit-mask-size: 200% 100%;
  mask-size: 200% 100%;
  animation: placeholder-wave 2s linear infinite;
}
@keyframes placeholder-wave {
  100% {
    -webkit-mask-position: -200% 0%;
    mask-position: -200% 0%;
  }
}
.clearfix::after {
  display: block;
  clear: both;
  content: "";
}
.text-bg-primary {
  color: #fff !important;
  background-color: RGBA(var(--bs-primary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-secondary {
  color: #fff !important;
  background-color: RGBA(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-success {
  color: #fff !important;
  background-color: RGBA(var(--bs-success-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-info {
  color: #000 !important;
  background-color: RGBA(var(--bs-info-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-warning {
  color: #000 !important;
  background-color: RGBA(var(--bs-warning-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-danger {
  color: #fff !important;
  background-color: RGBA(var(--bs-danger-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-light {
  color: #000 !important;
  background-color: RGBA(var(--bs-light-rgb), var(--bs-bg-opacity, 1)) !important;
}
.text-bg-dark {
  color: #fff !important;
  background-color: RGBA(var(--bs-dark-rgb), var(--bs-bg-opacity, 1)) !important;
}
.link-primary {
  color: RGBA(var(--bs-primary-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-primary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-primary:hover,
.link-primary:focus {
  color: RGBA(10, 88, 202, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(10, 88, 202, var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary {
  color: RGBA(var(--bs-secondary-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-secondary-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-secondary:hover,
.link-secondary:focus {
  color: RGBA(86, 94, 100, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(86, 94, 100, var(--bs-link-underline-opacity, 1)) !important;
}
.link-success {
  color: RGBA(var(--bs-success-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-success-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-success:hover,
.link-success:focus {
  color: RGBA(20, 108, 67, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(20, 108, 67, var(--bs-link-underline-opacity, 1)) !important;
}
.link-info {
  color: RGBA(var(--bs-info-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-info-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-info:hover,
.link-info:focus {
  color: RGBA(61, 213, 243, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(61, 213, 243, var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning {
  color: RGBA(var(--bs-warning-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-warning-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-warning:hover,
.link-warning:focus {
  color: RGBA(255, 205, 57, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(255, 205, 57, var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger {
  color: RGBA(var(--bs-danger-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-danger-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-danger:hover,
.link-danger:focus {
  color: RGBA(176, 42, 55, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(176, 42, 55, var(--bs-link-underline-opacity, 1)) !important;
}
.link-light {
  color: RGBA(var(--bs-light-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-light-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-light:hover,
.link-light:focus {
  color: RGBA(249, 250, 251, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(249, 250, 251, var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark {
  color: RGBA(var(--bs-dark-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-dark-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-dark:hover,
.link-dark:focus {
  color: RGBA(26, 30, 33, var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(26, 30, 33, var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-body-emphasis:hover,
.link-body-emphasis:focus {
  color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75)) !important;
  -webkit-text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
  text-decoration-color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-underline-opacity, 0.75)) !important;
}
.focus-ring:focus {
  outline: 0;
  box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0) var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width) var(--bs-focus-ring-color);
}
.icon-link {
  display: inline-flex;
  gap: 0.375rem;
  align-items: center;
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 0.5));
  text-underline-offset: 0.25em;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.icon-link > .bi {
  flex-shrink: 0;
  width: 1em;
  height: 1em;
  fill: currentcolor;
  transition: 0.2s ease-in-out transform;
}
@media (prefers-reduced-motion: reduce) {
  .icon-link > .bi {
    transition: none;
  }
}
.icon-link-hover:hover > .bi,
.icon-link-hover:focus-visible > .bi {
  transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
}
.ratio {
  position: relative;
  width: 100%;
}
.ratio::before {
  display: block;
  padding-top: var(--bs-aspect-ratio);
  content: "";
}
.ratio > * {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio-1x1 {
  --bs-aspect-ratio: 100%;
}
.ratio-4x3 {
  --bs-aspect-ratio: 75%;
}
.ratio-16x9 {
  --bs-aspect-ratio: 56.25%;
}
.ratio-21x9 {
  --bs-aspect-ratio: 42.8571428571%;
}
.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}
.fixed-bottom {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
}
.sticky-top {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1020;
}
.sticky-bottom {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  z-index: 1020;
}
@media (min-width: 576px) {
  .sticky-sm-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-sm-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 768px) {
  .sticky-md-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-md-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 992px) {
  .sticky-lg-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-lg-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1200px) {
  .sticky-xl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
@media (min-width: 1400px) {
  .sticky-xxl-top {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1020;
  }
  .sticky-xxl-bottom {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    z-index: 1020;
  }
}
.hstack {
  display: flex;
  flex-direction: row;
  align-items: center;
  align-self: stretch;
}
.vstack {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  align-self: stretch;
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}
.visually-hidden:not(caption),
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {
  position: absolute !important;
}
.visually-hidden *,
.visually-hidden-focusable:not(:focus):not(:focus-within) * {
  overflow: hidden !important;
}
.stretched-link::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  content: "";
}
.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.vr {
  display: inline-block;
  align-self: stretch;
  width: var(--bs-border-width);
  min-height: 1em;
  background-color: currentcolor;
  opacity: 0.25;
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.object-fit-contain {
  -o-object-fit: contain !important;
  object-fit: contain !important;
}
.object-fit-cover {
  -o-object-fit: cover !important;
  object-fit: cover !important;
}
.object-fit-fill {
  -o-object-fit: fill !important;
  object-fit: fill !important;
}
.object-fit-scale {
  -o-object-fit: scale-down !important;
  object-fit: scale-down !important;
}
.object-fit-none {
  -o-object-fit: none !important;
  object-fit: none !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-25 {
  opacity: 0.25 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-visible {
  overflow-x: visible !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex,
.contentTable {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}
.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}
.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: -webkit-sticky !important;
  position: sticky !important;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  transform: translateX(-50%) !important;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}
.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}
.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}
.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}
.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}
.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}
.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}
.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}
.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}
.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}
.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}
.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}
.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}
.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}
.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}
.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-5 {
  border-width: 5px !important;
}
.border-opacity-10 {
  --bs-border-opacity: 0.1;
}
.border-opacity-25 {
  --bs-border-opacity: 0.25;
}
.border-opacity-50 {
  --bs-border-opacity: 0.5;
}
.border-opacity-75 {
  --bs-border-opacity: 0.75;
}
.border-opacity-100 {
  --bs-border-opacity: 1;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row,
.contentTable {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between,
.contentTable {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center,
.contentTable {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.m-0 {
  margin: 0 !important;
}
.m-1 {
  margin: 0.25rem !important;
}
.m-2 {
  margin: 0.5rem !important;
}
.m-3 {
  margin: 1rem !important;
}
.m-4 {
  margin: 1.5rem !important;
}
.m-5 {
  margin: 3rem !important;
}
.m-auto {
  margin: auto !important;
}
.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}
.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}
.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}
.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}
.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}
.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}
.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-1 {
  margin-top: 0.25rem !important;
}
.mt-2 {
  margin-top: 0.5rem !important;
}
.mt-3 {
  margin-top: 1rem !important;
}
.mt-4 {
  margin-top: 1.5rem !important;
}
.mt-5 {
  margin-top: 3rem !important;
}
.mt-auto {
  margin-top: auto !important;
}
.me-0 {
  margin-right: 0 !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}
.me-2 {
  margin-right: 0.5rem !important;
}
.me-3 {
  margin-right: 1rem !important;
}
.me-4 {
  margin-right: 1.5rem !important;
}
.me-5 {
  margin-right: 3rem !important;
}
.me-auto {
  margin-right: auto !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mb-1 {
  margin-bottom: 0.25rem !important;
}
.mb-2 {
  margin-bottom: 0.5rem !important;
}
.mb-3 {
  margin-bottom: 1rem !important;
}
.mb-4 {
  margin-bottom: 1.5rem !important;
}
.mb-5 {
  margin-bottom: 3rem !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.ms-0 {
  margin-left: 0 !important;
}
.ms-1 {
  margin-left: 0.25rem !important;
}
.ms-2 {
  margin-left: 0.5rem !important;
}
.ms-3 {
  margin-left: 1rem !important;
}
.ms-4 {
  margin-left: 1.5rem !important;
}
.ms-5 {
  margin-left: 3rem !important;
}
.ms-auto {
  margin-left: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.p-1 {
  padding: 0.25rem !important;
}
.p-2 {
  padding: 0.5rem !important;
}
.p-3 {
  padding: 1rem !important;
}
.p-4 {
  padding: 1.5rem !important;
}
.p-5 {
  padding: 3rem !important;
}
.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}
.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}
.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}
.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}
.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pt-1 {
  padding-top: 0.25rem !important;
}
.pt-2 {
  padding-top: 0.5rem !important;
}
.pt-3 {
  padding-top: 1rem !important;
}
.pt-4 {
  padding-top: 1.5rem !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pe-0 {
  padding-right: 0 !important;
}
.pe-1 {
  padding-right: 0.25rem !important;
}
.pe-2 {
  padding-right: 0.5rem !important;
}
.pe-3 {
  padding-right: 1rem !important;
}
.pe-4 {
  padding-right: 1.5rem !important;
}
.pe-5 {
  padding-right: 3rem !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.pb-1 {
  padding-bottom: 0.25rem !important;
}
.pb-2 {
  padding-bottom: 0.5rem !important;
}
.pb-3 {
  padding-bottom: 1rem !important;
}
.pb-4 {
  padding-bottom: 1.5rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.ps-0 {
  padding-left: 0 !important;
}
.ps-1 {
  padding-left: 0.25rem !important;
}
.ps-2 {
  padding-left: 0.5rem !important;
}
.ps-3 {
  padding-left: 1rem !important;
}
.ps-4 {
  padding-left: 1.5rem !important;
}
.ps-5 {
  padding-left: 3rem !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-1 {
  gap: 0.25rem !important;
}
.gap-2 {
  gap: 0.5rem !important;
}
.gap-3 {
  gap: 1rem !important;
}
.gap-4 {
  gap: 1.5rem !important;
}
.gap-5 {
  gap: 3rem !important;
}
.row-gap-0 {
  row-gap: 0 !important;
}
.row-gap-1 {
  row-gap: 0.25rem !important;
}
.row-gap-2 {
  row-gap: 0.5rem !important;
}
.row-gap-3 {
  row-gap: 1rem !important;
}
.row-gap-4 {
  row-gap: 1.5rem !important;
}
.row-gap-5 {
  row-gap: 3rem !important;
}
.column-gap-0 {
  -moz-column-gap: 0 !important;
  column-gap: 0 !important;
}
.column-gap-1 {
  -moz-column-gap: 0.25rem !important;
  column-gap: 0.25rem !important;
}
.column-gap-2 {
  -moz-column-gap: 0.5rem !important;
  column-gap: 0.5rem !important;
}
.column-gap-3 {
  -moz-column-gap: 1rem !important;
  column-gap: 1rem !important;
}
.column-gap-4 {
  -moz-column-gap: 1.5rem !important;
  column-gap: 1.5rem !important;
}
.column-gap-5 {
  -moz-column-gap: 3rem !important;
  column-gap: 3rem !important;
}
.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}
.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}
.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}
.fs-5 {
  font-size: 1.25rem !important;
}
.fs-6 {
  font-size: 1rem !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.5 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center,
.contentTable {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}
.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}
.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}
.text-opacity-25 {
  --bs-text-opacity: 0.25;
}
.text-opacity-50 {
  --bs-text-opacity: 0.5;
}
.text-opacity-75 {
  --bs-text-opacity: 0.75;
}
.text-opacity-100 {
  --bs-text-opacity: 1;
}
.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}
.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}
.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}
.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}
.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}
.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}
.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}
.link-opacity-10 {
  --bs-link-opacity: 0.1;
}
.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}
.link-opacity-25 {
  --bs-link-opacity: 0.25;
}
.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}
.link-opacity-50 {
  --bs-link-opacity: 0.5;
}
.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}
.link-opacity-75 {
  --bs-link-opacity: 0.75;
}
.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}
.link-opacity-100 {
  --bs-link-opacity: 1;
}
.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}
.link-offset-1 {
  text-underline-offset: 0.125em !important;
}
.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}
.link-offset-2 {
  text-underline-offset: 0.25em !important;
}
.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}
.link-offset-3 {
  text-underline-offset: 0.375em !important;
}
.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}
.link-underline-primary {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-success {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-info {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-warning {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-danger {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-light {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-dark {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline {
  --bs-link-underline-opacity: 1;
  -webkit-text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}
.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}
.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
  --bs-bg-opacity: 1;
}
.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}
.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}
.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}
.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}
.bg-gradient {
  background-image: var(--bs-gradient) !important;
}
.user-select-all {
  -webkit-user-select: all !important;
  -moz-user-select: all !important;
  user-select: all !important;
}
.user-select-auto {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  user-select: auto !important;
}
.user-select-none {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}
.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}
.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}
.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.z-n1 {
  z-index: -1 !important;
}
.z-0 {
  z-index: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .m-sm-0 {
    margin: 0 !important;
  }
  .m-sm-1 {
    margin: 0.25rem !important;
  }
  .m-sm-2 {
    margin: 0.5rem !important;
  }
  .m-sm-3 {
    margin: 1rem !important;
  }
  .m-sm-4 {
    margin: 1.5rem !important;
  }
  .m-sm-5 {
    margin: 3rem !important;
  }
  .m-sm-auto {
    margin: auto !important;
  }
  .mx-sm-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-sm-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-sm-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-sm-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-sm-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-sm-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-sm-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-sm-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-sm-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-sm-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-sm-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-sm-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-sm-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-sm-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-sm-0 {
    margin-top: 0 !important;
  }
  .mt-sm-1 {
    margin-top: 0.25rem !important;
  }
  .mt-sm-2 {
    margin-top: 0.5rem !important;
  }
  .mt-sm-3 {
    margin-top: 1rem !important;
  }
  .mt-sm-4 {
    margin-top: 1.5rem !important;
  }
  .mt-sm-5 {
    margin-top: 3rem !important;
  }
  .mt-sm-auto {
    margin-top: auto !important;
  }
  .me-sm-0 {
    margin-right: 0 !important;
  }
  .me-sm-1 {
    margin-right: 0.25rem !important;
  }
  .me-sm-2 {
    margin-right: 0.5rem !important;
  }
  .me-sm-3 {
    margin-right: 1rem !important;
  }
  .me-sm-4 {
    margin-right: 1.5rem !important;
  }
  .me-sm-5 {
    margin-right: 3rem !important;
  }
  .me-sm-auto {
    margin-right: auto !important;
  }
  .mb-sm-0 {
    margin-bottom: 0 !important;
  }
  .mb-sm-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-sm-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-sm-3 {
    margin-bottom: 1rem !important;
  }
  .mb-sm-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-sm-5 {
    margin-bottom: 3rem !important;
  }
  .mb-sm-auto {
    margin-bottom: auto !important;
  }
  .ms-sm-0 {
    margin-left: 0 !important;
  }
  .ms-sm-1 {
    margin-left: 0.25rem !important;
  }
  .ms-sm-2 {
    margin-left: 0.5rem !important;
  }
  .ms-sm-3 {
    margin-left: 1rem !important;
  }
  .ms-sm-4 {
    margin-left: 1.5rem !important;
  }
  .ms-sm-5 {
    margin-left: 3rem !important;
  }
  .ms-sm-auto {
    margin-left: auto !important;
  }
  .p-sm-0 {
    padding: 0 !important;
  }
  .p-sm-1 {
    padding: 0.25rem !important;
  }
  .p-sm-2 {
    padding: 0.5rem !important;
  }
  .p-sm-3 {
    padding: 1rem !important;
  }
  .p-sm-4 {
    padding: 1.5rem !important;
  }
  .p-sm-5 {
    padding: 3rem !important;
  }
  .px-sm-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-sm-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-sm-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-sm-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-sm-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-sm-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-sm-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-sm-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-sm-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-sm-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-sm-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-sm-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-sm-0 {
    padding-top: 0 !important;
  }
  .pt-sm-1 {
    padding-top: 0.25rem !important;
  }
  .pt-sm-2 {
    padding-top: 0.5rem !important;
  }
  .pt-sm-3 {
    padding-top: 1rem !important;
  }
  .pt-sm-4 {
    padding-top: 1.5rem !important;
  }
  .pt-sm-5 {
    padding-top: 3rem !important;
  }
  .pe-sm-0 {
    padding-right: 0 !important;
  }
  .pe-sm-1 {
    padding-right: 0.25rem !important;
  }
  .pe-sm-2 {
    padding-right: 0.5rem !important;
  }
  .pe-sm-3 {
    padding-right: 1rem !important;
  }
  .pe-sm-4 {
    padding-right: 1.5rem !important;
  }
  .pe-sm-5 {
    padding-right: 3rem !important;
  }
  .pb-sm-0 {
    padding-bottom: 0 !important;
  }
  .pb-sm-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-sm-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-sm-3 {
    padding-bottom: 1rem !important;
  }
  .pb-sm-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-sm-5 {
    padding-bottom: 3rem !important;
  }
  .ps-sm-0 {
    padding-left: 0 !important;
  }
  .ps-sm-1 {
    padding-left: 0.25rem !important;
  }
  .ps-sm-2 {
    padding-left: 0.5rem !important;
  }
  .ps-sm-3 {
    padding-left: 1rem !important;
  }
  .ps-sm-4 {
    padding-left: 1.5rem !important;
  }
  .ps-sm-5 {
    padding-left: 3rem !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-1 {
    gap: 0.25rem !important;
  }
  .gap-sm-2 {
    gap: 0.5rem !important;
  }
  .gap-sm-3 {
    gap: 1rem !important;
  }
  .gap-sm-4 {
    gap: 1.5rem !important;
  }
  .gap-sm-5 {
    gap: 3rem !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-sm-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-sm-3 {
    row-gap: 1rem !important;
  }
  .row-gap-sm-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-sm-5 {
    row-gap: 3rem !important;
  }
  .column-gap-sm-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-sm-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-sm-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .m-md-0 {
    margin: 0 !important;
  }
  .m-md-1 {
    margin: 0.25rem !important;
  }
  .m-md-2 {
    margin: 0.5rem !important;
  }
  .m-md-3 {
    margin: 1rem !important;
  }
  .m-md-4 {
    margin: 1.5rem !important;
  }
  .m-md-5 {
    margin: 3rem !important;
  }
  .m-md-auto {
    margin: auto !important;
  }
  .mx-md-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-md-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-md-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-md-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-md-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-md-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-md-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-md-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-md-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-md-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-md-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-md-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-md-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-md-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-md-0 {
    margin-top: 0 !important;
  }
  .mt-md-1 {
    margin-top: 0.25rem !important;
  }
  .mt-md-2 {
    margin-top: 0.5rem !important;
  }
  .mt-md-3 {
    margin-top: 1rem !important;
  }
  .mt-md-4 {
    margin-top: 1.5rem !important;
  }
  .mt-md-5 {
    margin-top: 3rem !important;
  }
  .mt-md-auto {
    margin-top: auto !important;
  }
  .me-md-0 {
    margin-right: 0 !important;
  }
  .me-md-1 {
    margin-right: 0.25rem !important;
  }
  .me-md-2 {
    margin-right: 0.5rem !important;
  }
  .me-md-3 {
    margin-right: 1rem !important;
  }
  .me-md-4 {
    margin-right: 1.5rem !important;
  }
  .me-md-5 {
    margin-right: 3rem !important;
  }
  .me-md-auto {
    margin-right: auto !important;
  }
  .mb-md-0 {
    margin-bottom: 0 !important;
  }
  .mb-md-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-md-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-md-3 {
    margin-bottom: 1rem !important;
  }
  .mb-md-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-md-5 {
    margin-bottom: 3rem !important;
  }
  .mb-md-auto {
    margin-bottom: auto !important;
  }
  .ms-md-0 {
    margin-left: 0 !important;
  }
  .ms-md-1 {
    margin-left: 0.25rem !important;
  }
  .ms-md-2 {
    margin-left: 0.5rem !important;
  }
  .ms-md-3 {
    margin-left: 1rem !important;
  }
  .ms-md-4 {
    margin-left: 1.5rem !important;
  }
  .ms-md-5 {
    margin-left: 3rem !important;
  }
  .ms-md-auto {
    margin-left: auto !important;
  }
  .p-md-0 {
    padding: 0 !important;
  }
  .p-md-1 {
    padding: 0.25rem !important;
  }
  .p-md-2 {
    padding: 0.5rem !important;
  }
  .p-md-3 {
    padding: 1rem !important;
  }
  .p-md-4 {
    padding: 1.5rem !important;
  }
  .p-md-5 {
    padding: 3rem !important;
  }
  .px-md-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-md-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-md-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-md-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-md-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-md-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-md-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-md-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-md-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-md-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-md-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-md-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-md-0 {
    padding-top: 0 !important;
  }
  .pt-md-1 {
    padding-top: 0.25rem !important;
  }
  .pt-md-2 {
    padding-top: 0.5rem !important;
  }
  .pt-md-3 {
    padding-top: 1rem !important;
  }
  .pt-md-4 {
    padding-top: 1.5rem !important;
  }
  .pt-md-5 {
    padding-top: 3rem !important;
  }
  .pe-md-0 {
    padding-right: 0 !important;
  }
  .pe-md-1 {
    padding-right: 0.25rem !important;
  }
  .pe-md-2 {
    padding-right: 0.5rem !important;
  }
  .pe-md-3 {
    padding-right: 1rem !important;
  }
  .pe-md-4 {
    padding-right: 1.5rem !important;
  }
  .pe-md-5 {
    padding-right: 3rem !important;
  }
  .pb-md-0 {
    padding-bottom: 0 !important;
  }
  .pb-md-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-md-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-md-3 {
    padding-bottom: 1rem !important;
  }
  .pb-md-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-md-5 {
    padding-bottom: 3rem !important;
  }
  .ps-md-0 {
    padding-left: 0 !important;
  }
  .ps-md-1 {
    padding-left: 0.25rem !important;
  }
  .ps-md-2 {
    padding-left: 0.5rem !important;
  }
  .ps-md-3 {
    padding-left: 1rem !important;
  }
  .ps-md-4 {
    padding-left: 1.5rem !important;
  }
  .ps-md-5 {
    padding-left: 3rem !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-1 {
    gap: 0.25rem !important;
  }
  .gap-md-2 {
    gap: 0.5rem !important;
  }
  .gap-md-3 {
    gap: 1rem !important;
  }
  .gap-md-4 {
    gap: 1.5rem !important;
  }
  .gap-md-5 {
    gap: 3rem !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-md-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-md-3 {
    row-gap: 1rem !important;
  }
  .row-gap-md-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-md-5 {
    row-gap: 3rem !important;
  }
  .column-gap-md-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-md-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-md-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-md-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-md-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-md-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .m-lg-0 {
    margin: 0 !important;
  }
  .m-lg-1 {
    margin: 0.25rem !important;
  }
  .m-lg-2 {
    margin: 0.5rem !important;
  }
  .m-lg-3 {
    margin: 1rem !important;
  }
  .m-lg-4 {
    margin: 1.5rem !important;
  }
  .m-lg-5 {
    margin: 3rem !important;
  }
  .m-lg-auto {
    margin: auto !important;
  }
  .mx-lg-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-lg-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-lg-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-lg-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-lg-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-lg-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-lg-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-lg-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-lg-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-lg-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-lg-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-lg-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-lg-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-lg-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-lg-0 {
    margin-top: 0 !important;
  }
  .mt-lg-1 {
    margin-top: 0.25rem !important;
  }
  .mt-lg-2 {
    margin-top: 0.5rem !important;
  }
  .mt-lg-3 {
    margin-top: 1rem !important;
  }
  .mt-lg-4 {
    margin-top: 1.5rem !important;
  }
  .mt-lg-5 {
    margin-top: 3rem !important;
  }
  .mt-lg-auto {
    margin-top: auto !important;
  }
  .me-lg-0 {
    margin-right: 0 !important;
  }
  .me-lg-1 {
    margin-right: 0.25rem !important;
  }
  .me-lg-2 {
    margin-right: 0.5rem !important;
  }
  .me-lg-3 {
    margin-right: 1rem !important;
  }
  .me-lg-4 {
    margin-right: 1.5rem !important;
  }
  .me-lg-5 {
    margin-right: 3rem !important;
  }
  .me-lg-auto {
    margin-right: auto !important;
  }
  .mb-lg-0 {
    margin-bottom: 0 !important;
  }
  .mb-lg-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-lg-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-lg-3 {
    margin-bottom: 1rem !important;
  }
  .mb-lg-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-lg-5 {
    margin-bottom: 3rem !important;
  }
  .mb-lg-auto {
    margin-bottom: auto !important;
  }
  .ms-lg-0 {
    margin-left: 0 !important;
  }
  .ms-lg-1 {
    margin-left: 0.25rem !important;
  }
  .ms-lg-2 {
    margin-left: 0.5rem !important;
  }
  .ms-lg-3 {
    margin-left: 1rem !important;
  }
  .ms-lg-4 {
    margin-left: 1.5rem !important;
  }
  .ms-lg-5 {
    margin-left: 3rem !important;
  }
  .ms-lg-auto {
    margin-left: auto !important;
  }
  .p-lg-0 {
    padding: 0 !important;
  }
  .p-lg-1 {
    padding: 0.25rem !important;
  }
  .p-lg-2 {
    padding: 0.5rem !important;
  }
  .p-lg-3 {
    padding: 1rem !important;
  }
  .p-lg-4 {
    padding: 1.5rem !important;
  }
  .p-lg-5 {
    padding: 3rem !important;
  }
  .px-lg-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-lg-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-lg-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-lg-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-lg-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-lg-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-lg-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-lg-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-lg-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-lg-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-lg-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-lg-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-lg-0 {
    padding-top: 0 !important;
  }
  .pt-lg-1 {
    padding-top: 0.25rem !important;
  }
  .pt-lg-2 {
    padding-top: 0.5rem !important;
  }
  .pt-lg-3 {
    padding-top: 1rem !important;
  }
  .pt-lg-4 {
    padding-top: 1.5rem !important;
  }
  .pt-lg-5 {
    padding-top: 3rem !important;
  }
  .pe-lg-0 {
    padding-right: 0 !important;
  }
  .pe-lg-1 {
    padding-right: 0.25rem !important;
  }
  .pe-lg-2 {
    padding-right: 0.5rem !important;
  }
  .pe-lg-3 {
    padding-right: 1rem !important;
  }
  .pe-lg-4 {
    padding-right: 1.5rem !important;
  }
  .pe-lg-5 {
    padding-right: 3rem !important;
  }
  .pb-lg-0 {
    padding-bottom: 0 !important;
  }
  .pb-lg-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-lg-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-lg-3 {
    padding-bottom: 1rem !important;
  }
  .pb-lg-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-lg-5 {
    padding-bottom: 3rem !important;
  }
  .ps-lg-0 {
    padding-left: 0 !important;
  }
  .ps-lg-1 {
    padding-left: 0.25rem !important;
  }
  .ps-lg-2 {
    padding-left: 0.5rem !important;
  }
  .ps-lg-3 {
    padding-left: 1rem !important;
  }
  .ps-lg-4 {
    padding-left: 1.5rem !important;
  }
  .ps-lg-5 {
    padding-left: 3rem !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-1 {
    gap: 0.25rem !important;
  }
  .gap-lg-2 {
    gap: 0.5rem !important;
  }
  .gap-lg-3 {
    gap: 1rem !important;
  }
  .gap-lg-4 {
    gap: 1.5rem !important;
  }
  .gap-lg-5 {
    gap: 3rem !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-lg-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-lg-3 {
    row-gap: 1rem !important;
  }
  .row-gap-lg-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-lg-5 {
    row-gap: 3rem !important;
  }
  .column-gap-lg-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-lg-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-lg-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-lg-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-lg-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-lg-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .m-xl-0 {
    margin: 0 !important;
  }
  .m-xl-1 {
    margin: 0.25rem !important;
  }
  .m-xl-2 {
    margin: 0.5rem !important;
  }
  .m-xl-3 {
    margin: 1rem !important;
  }
  .m-xl-4 {
    margin: 1.5rem !important;
  }
  .m-xl-5 {
    margin: 3rem !important;
  }
  .m-xl-auto {
    margin: auto !important;
  }
  .mx-xl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xl-0 {
    margin-top: 0 !important;
  }
  .mt-xl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xl-3 {
    margin-top: 1rem !important;
  }
  .mt-xl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xl-5 {
    margin-top: 3rem !important;
  }
  .mt-xl-auto {
    margin-top: auto !important;
  }
  .me-xl-0 {
    margin-right: 0 !important;
  }
  .me-xl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xl-3 {
    margin-right: 1rem !important;
  }
  .me-xl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xl-5 {
    margin-right: 3rem !important;
  }
  .me-xl-auto {
    margin-right: auto !important;
  }
  .mb-xl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xl-auto {
    margin-bottom: auto !important;
  }
  .ms-xl-0 {
    margin-left: 0 !important;
  }
  .ms-xl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xl-3 {
    margin-left: 1rem !important;
  }
  .ms-xl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xl-5 {
    margin-left: 3rem !important;
  }
  .ms-xl-auto {
    margin-left: auto !important;
  }
  .p-xl-0 {
    padding: 0 !important;
  }
  .p-xl-1 {
    padding: 0.25rem !important;
  }
  .p-xl-2 {
    padding: 0.5rem !important;
  }
  .p-xl-3 {
    padding: 1rem !important;
  }
  .p-xl-4 {
    padding: 1.5rem !important;
  }
  .p-xl-5 {
    padding: 3rem !important;
  }
  .px-xl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xl-0 {
    padding-top: 0 !important;
  }
  .pt-xl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xl-3 {
    padding-top: 1rem !important;
  }
  .pt-xl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xl-5 {
    padding-top: 3rem !important;
  }
  .pe-xl-0 {
    padding-right: 0 !important;
  }
  .pe-xl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xl-3 {
    padding-right: 1rem !important;
  }
  .pe-xl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xl-5 {
    padding-right: 3rem !important;
  }
  .pb-xl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xl-0 {
    padding-left: 0 !important;
  }
  .ps-xl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xl-3 {
    padding-left: 1rem !important;
  }
  .ps-xl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xl-5 {
    padding-left: 3rem !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-1 {
    gap: 0.25rem !important;
  }
  .gap-xl-2 {
    gap: 0.5rem !important;
  }
  .gap-xl-3 {
    gap: 1rem !important;
  }
  .gap-xl-4 {
    gap: 1.5rem !important;
  }
  .gap-xl-5 {
    gap: 3rem !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-xl-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-xl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-xl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-xl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-xl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    -o-object-fit: contain !important;
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    -o-object-fit: cover !important;
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    -o-object-fit: fill !important;
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    -o-object-fit: scale-down !important;
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    -o-object-fit: none !important;
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .m-xxl-0 {
    margin: 0 !important;
  }
  .m-xxl-1 {
    margin: 0.25rem !important;
  }
  .m-xxl-2 {
    margin: 0.5rem !important;
  }
  .m-xxl-3 {
    margin: 1rem !important;
  }
  .m-xxl-4 {
    margin: 1.5rem !important;
  }
  .m-xxl-5 {
    margin: 3rem !important;
  }
  .m-xxl-auto {
    margin: auto !important;
  }
  .mx-xxl-0 {
    margin-right: 0 !important;
    margin-left: 0 !important;
  }
  .mx-xxl-1 {
    margin-right: 0.25rem !important;
    margin-left: 0.25rem !important;
  }
  .mx-xxl-2 {
    margin-right: 0.5rem !important;
    margin-left: 0.5rem !important;
  }
  .mx-xxl-3 {
    margin-right: 1rem !important;
    margin-left: 1rem !important;
  }
  .mx-xxl-4 {
    margin-right: 1.5rem !important;
    margin-left: 1.5rem !important;
  }
  .mx-xxl-5 {
    margin-right: 3rem !important;
    margin-left: 3rem !important;
  }
  .mx-xxl-auto {
    margin-right: auto !important;
    margin-left: auto !important;
  }
  .my-xxl-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
  .my-xxl-1 {
    margin-top: 0.25rem !important;
    margin-bottom: 0.25rem !important;
  }
  .my-xxl-2 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
  }
  .my-xxl-3 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important;
  }
  .my-xxl-4 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
  }
  .my-xxl-5 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important;
  }
  .my-xxl-auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .mt-xxl-0 {
    margin-top: 0 !important;
  }
  .mt-xxl-1 {
    margin-top: 0.25rem !important;
  }
  .mt-xxl-2 {
    margin-top: 0.5rem !important;
  }
  .mt-xxl-3 {
    margin-top: 1rem !important;
  }
  .mt-xxl-4 {
    margin-top: 1.5rem !important;
  }
  .mt-xxl-5 {
    margin-top: 3rem !important;
  }
  .mt-xxl-auto {
    margin-top: auto !important;
  }
  .me-xxl-0 {
    margin-right: 0 !important;
  }
  .me-xxl-1 {
    margin-right: 0.25rem !important;
  }
  .me-xxl-2 {
    margin-right: 0.5rem !important;
  }
  .me-xxl-3 {
    margin-right: 1rem !important;
  }
  .me-xxl-4 {
    margin-right: 1.5rem !important;
  }
  .me-xxl-5 {
    margin-right: 3rem !important;
  }
  .me-xxl-auto {
    margin-right: auto !important;
  }
  .mb-xxl-0 {
    margin-bottom: 0 !important;
  }
  .mb-xxl-1 {
    margin-bottom: 0.25rem !important;
  }
  .mb-xxl-2 {
    margin-bottom: 0.5rem !important;
  }
  .mb-xxl-3 {
    margin-bottom: 1rem !important;
  }
  .mb-xxl-4 {
    margin-bottom: 1.5rem !important;
  }
  .mb-xxl-5 {
    margin-bottom: 3rem !important;
  }
  .mb-xxl-auto {
    margin-bottom: auto !important;
  }
  .ms-xxl-0 {
    margin-left: 0 !important;
  }
  .ms-xxl-1 {
    margin-left: 0.25rem !important;
  }
  .ms-xxl-2 {
    margin-left: 0.5rem !important;
  }
  .ms-xxl-3 {
    margin-left: 1rem !important;
  }
  .ms-xxl-4 {
    margin-left: 1.5rem !important;
  }
  .ms-xxl-5 {
    margin-left: 3rem !important;
  }
  .ms-xxl-auto {
    margin-left: auto !important;
  }
  .p-xxl-0 {
    padding: 0 !important;
  }
  .p-xxl-1 {
    padding: 0.25rem !important;
  }
  .p-xxl-2 {
    padding: 0.5rem !important;
  }
  .p-xxl-3 {
    padding: 1rem !important;
  }
  .p-xxl-4 {
    padding: 1.5rem !important;
  }
  .p-xxl-5 {
    padding: 3rem !important;
  }
  .px-xxl-0 {
    padding-right: 0 !important;
    padding-left: 0 !important;
  }
  .px-xxl-1 {
    padding-right: 0.25rem !important;
    padding-left: 0.25rem !important;
  }
  .px-xxl-2 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
  .px-xxl-3 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
  .px-xxl-4 {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important;
  }
  .px-xxl-5 {
    padding-right: 3rem !important;
    padding-left: 3rem !important;
  }
  .py-xxl-0 {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }
  .py-xxl-1 {
    padding-top: 0.25rem !important;
    padding-bottom: 0.25rem !important;
  }
  .py-xxl-2 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
  }
  .py-xxl-3 {
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
  }
  .py-xxl-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
  }
  .py-xxl-5 {
    padding-top: 3rem !important;
    padding-bottom: 3rem !important;
  }
  .pt-xxl-0 {
    padding-top: 0 !important;
  }
  .pt-xxl-1 {
    padding-top: 0.25rem !important;
  }
  .pt-xxl-2 {
    padding-top: 0.5rem !important;
  }
  .pt-xxl-3 {
    padding-top: 1rem !important;
  }
  .pt-xxl-4 {
    padding-top: 1.5rem !important;
  }
  .pt-xxl-5 {
    padding-top: 3rem !important;
  }
  .pe-xxl-0 {
    padding-right: 0 !important;
  }
  .pe-xxl-1 {
    padding-right: 0.25rem !important;
  }
  .pe-xxl-2 {
    padding-right: 0.5rem !important;
  }
  .pe-xxl-3 {
    padding-right: 1rem !important;
  }
  .pe-xxl-4 {
    padding-right: 1.5rem !important;
  }
  .pe-xxl-5 {
    padding-right: 3rem !important;
  }
  .pb-xxl-0 {
    padding-bottom: 0 !important;
  }
  .pb-xxl-1 {
    padding-bottom: 0.25rem !important;
  }
  .pb-xxl-2 {
    padding-bottom: 0.5rem !important;
  }
  .pb-xxl-3 {
    padding-bottom: 1rem !important;
  }
  .pb-xxl-4 {
    padding-bottom: 1.5rem !important;
  }
  .pb-xxl-5 {
    padding-bottom: 3rem !important;
  }
  .ps-xxl-0 {
    padding-left: 0 !important;
  }
  .ps-xxl-1 {
    padding-left: 0.25rem !important;
  }
  .ps-xxl-2 {
    padding-left: 0.5rem !important;
  }
  .ps-xxl-3 {
    padding-left: 1rem !important;
  }
  .ps-xxl-4 {
    padding-left: 1.5rem !important;
  }
  .ps-xxl-5 {
    padding-left: 3rem !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-1 {
    gap: 0.25rem !important;
  }
  .gap-xxl-2 {
    gap: 0.5rem !important;
  }
  .gap-xxl-3 {
    gap: 1rem !important;
  }
  .gap-xxl-4 {
    gap: 1.5rem !important;
  }
  .gap-xxl-5 {
    gap: 3rem !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-1 {
    row-gap: 0.25rem !important;
  }
  .row-gap-xxl-2 {
    row-gap: 0.5rem !important;
  }
  .row-gap-xxl-3 {
    row-gap: 1rem !important;
  }
  .row-gap-xxl-4 {
    row-gap: 1.5rem !important;
  }
  .row-gap-xxl-5 {
    row-gap: 3rem !important;
  }
  .column-gap-xxl-0 {
    -moz-column-gap: 0 !important;
    column-gap: 0 !important;
  }
  .column-gap-xxl-1 {
    -moz-column-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
  }
  .column-gap-xxl-2 {
    -moz-column-gap: 0.5rem !important;
    column-gap: 0.5rem !important;
  }
  .column-gap-xxl-3 {
    -moz-column-gap: 1rem !important;
    column-gap: 1rem !important;
  }
  .column-gap-xxl-4 {
    -moz-column-gap: 1.5rem !important;
    column-gap: 1.5rem !important;
  }
  .column-gap-xxl-5 {
    -moz-column-gap: 3rem !important;
    column-gap: 3rem !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 2.5rem !important;
  }
  .fs-2 {
    font-size: 2rem !important;
  }
  .fs-3 {
    font-size: 1.75rem !important;
  }
  .fs-4 {
    font-size: 1.5rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
@font-face {
  font-family: "FontAwesome";
  src:
    url("./media/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),
    url("./media/fontawesome-webfont.woff?v=4.7.0") format("woff"),
    url("./media/fontawesome-webfont.ttf?v=4.7.0") format("truetype");
}
.bg-purple {
  background: #6366F1;
}
.bg-header {
  background: #26363e;
}
.bg-header-two {
  background: #32454E !important;
}
.bg-header-rounded {
  background: #26363e;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.box-none {
  box-shadow: none !important;
}
.bg-darkBlue {
  background: #27373F;
}
.bg-white {
  background: #fff;
}
.bg-white2 {
  background: #F0F0F0;
}
.bg-white4 {
  background: #F4F4F4;
}
.bg-grey {
  background: #F5F5F5;
}
.bg-grey2 {
  background: #C4C4C4;
}
.bg-grey3 {
  background: #EAEAEA !important;
}
.color-var-500 {
  color: #7C828D;
}
.color-9e {
  color: #9E9E9E;
}
.color-86 {
  color: #868686;
}
.color-56 {
  color: #565656;
}
.color-77 {
  color: #777 !important;
}
.color-primary {
  color: #6366F1;
}
.color-btn-grey {
  color: #435861;
}
.color-primary-bg {
  background-color: #6366F1;
}
.color-none-bg {
  background-color: unset !important;
}
.font-green {
  color: #6FBC60;
}
.font-orange2 {
  color: #e89901;
}
.font-red {
  color: #D34747;
}
.font-orange {
  color: #ef7224;
}
.font-violet {
  color: #C7C8FE;
}
.font-white {
  color: #fff;
}
.font-lightGrey {
  color: #e6e6e6;
}
.font-grey {
  color: #e0e0e0;
  opacity: 0.7;
}
.font-grey-icon {
  color: #818181;
}
.font-black {
  color: #12191D;
}
.font-grey6 {
  color: #565656;
}
.border-rad-rev {
  border-radius: 4px !important;
}
.color-6C {
  color: #6c757d !important;
}
.text-32 {
  font-size: 32px;
}
.text-28 {
  font-size: 28px;
}
.text-24 {
  font-size: 24px;
}
.text-20 {
  font-size: 20px;
}
.text-16 {
  font-size: 16px;
}
.text-18 {
  font-size: 18px;
}
.text-14 {
  font-size: 14px;
}
.text-13 {
  font-size: 13.5px;
}
.text-13-og {
  font-size: 13px;
}
.text-10 {
  font-size: 10px !important;
}
.text-12 {
  font-size: 12px !important;
}
.text-11 {
  font-size: 11px !important;
}
.font-bold {
  font-family: "Inter-Bold";
}
.font-semiBold {
  font-family: "Inter-SemiBold";
}
.font-medium {
  font-family: "Inter-Medium";
}
.font-light {
  font-family: "Inter-Light";
}
.font-italic {
  font-style: italic;
}
.font-space-1 {
  letter-spacing: 1px;
}
.cursor-pointer {
  cursor: pointer;
}
.cursor-edit {
  cursor: text;
}
.cursor-default {
  cursor: default;
}
.cursor-not-allowed {
  cursor: not-allowed !important;
}
.no-border {
  border: none;
}
.border-grey {
  color: #ced4da;
  border: solid 1px;
}
.border-ph-grey {
  border-right: 1px solid #ced4da;
}
.border-teams-grey {
  border-bottom: 1px solid #ced4da;
}
.border-top-right {
  border-top-right-radius: 0.375rem;
}
.border-top-left {
  border-top-left-radius: 0.375rem;
}
.border-bottom-right {
  border-bottom-right-radius: 0.375rem;
}
.border-bottom-left {
  border-bottom-left-radius: 0.375rem;
}
.border-bottom-2px {
  border-bottom: 2px solid #dee2e6 !important;
}
.flex-between {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}
.flex-align-center {
  display: flex !important;
  align-items: center !important;
}
.flex-align-baseline {
  display: flex !important;
  align-items: baseline !important;
}
.flex-align-end {
  display: flex !important;
  align-items: end !important;
}
.flex-end-between {
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
}
.flex-column-100 {
  display: flex;
  flex-direction: column;
  height: calc(100% - 12px);
}
.flex-column-100-planner {
  display: flex;
  flex-direction: column;
  height: calc(100dvh - 64px);
}
.flex-column-100-banner {
  display: flex;
  flex-direction: column;
  height: calc(100% - 22px);
}
.z-1 {
  z-index: 1 !important;
}
.z-10 {
  z-index: 10 !important;
}
.h-38 {
  height: 38px !important;
}
.h-35 {
  height: 34.7px !important;
}
.h-32 {
  height: 32px !important;
}
.h-30 {
  height: 30px !important;
}
.h-28 {
  height: 28px !important;
}
.h-17 {
  height: 17px !important;
}
.h-25 {
  height: 25px !important;
}
.h-20 {
  height: 20px !important;
}
.btn-32 {
  height: 32px;
  width: 32px;
}
.btn-28 {
  height: 28px;
  width: 28px;
}
.mh-350px {
  min-height: 350px !important;
}
.mh-44px {
  min-height: 44px !important;
}
.height-addMod {
  max-height: 257px;
}
.height-wp {
  height: 561px;
}
.height-30 {
  max-height: 30vh;
}
.height-30-stat {
  height: 30vh;
}
.height-40 {
  max-height: 40vh;
}
.height-42 {
  max-height: 41.3vh;
}
.height-42-stat {
  height: 42vh;
}
.height-45 {
  max-height: 45vh;
}
.height-50 {
  max-height: 50vh;
}
.height-52 {
  height: 52vh;
}
.height-53 {
  max-height: 53vh;
}
.height-57 {
  max-height: 57vh;
}
.height-60 {
  max-height: 60vh;
}
.height-62 {
  max-height: 62vh;
}
.height-65 {
  max-height: 65vh;
}
.height-78 {
  max-height: 78vh;
}
.height-78 {
  max-height: 78vh;
}
.height-92 {
  max-height: 92vh;
}
.height-95 {
  max-height: 95vh;
}
.height-85 {
  max-height: 85vh;
}
.height-85-stat {
  height: 85vh;
}
.height-80 {
  max-height: 80vh;
}
.height-80-stat {
  height: 80vh;
}
@media (min-width: 1920px) {
  .ie-height {
    height: 62vh;
  }
}
@media (max-width: 1600px) {
  .ie-height {
    height: 52vh;
  }
}
@media (min-width: 1024px) {
  .height-do {
    height: 84vh;
  }
  .height-do-right {
    height: 67.7vh;
  }
}
@media (max-width: 1023px) {
  .height-do {
    max-height: 83vh;
  }
  .height-do-right {
    height: 65vh;
  }
}
.w-308px {
  width: 19.25rem;
}
.w-172px {
  width: 10.75rem;
}
.w-124px {
  width: 7.75rem;
}
.w-92px {
  width: 5.75rem;
}
.w-72px {
  width: 4.5rem;
}
.w-60px {
  width: 60px;
}
.w-28px {
  width: 1.75rem;
}
.w-24px-size {
  width: 1.7rem;
}
.w-24px {
  width: 1.5rem;
}
.w-19px {
  width: 1.2rem;
}
.w-17px {
  width: 17px;
}
.w-14px {
  width: 0.85rem;
}
.w-12px {
  width: 0.75rem;
}
.mx-500px {
  max-width: 500px !important;
}
.mx-455px {
  max-width: 455px !important;
}
.w-3per {
  width: 3%;
}
.w-20 {
  width: 20% !important;
}
.w-30 {
  width: 30% !important;
}
.w-40 {
  width: 40% !important;
}
.w-54 {
  width: 54.3% !important;
}
.w-60 {
  width: 60% !important;
}
.w-70 {
  width: 70% !important;
}
.w-80 {
  width: 80% !important;
}
.w-120 {
  width: 120px;
}
.w-130 {
  width: 130px;
}
.w-140 {
  width: 140px;
}
.w-150 {
  width: 150px;
}
.w-160 {
  width: 160px;
}
.w-170 {
  width: 170px;
}
.w-180 {
  width: 180px;
}
.w-190 {
  width: 190px;
}
.w-200 {
  width: 200px;
}
.w-300 {
  width: 300px;
}
.w-400 {
  width: 400px;
}
.w-500 {
  width: 500px;
}
.w-600 {
  width: 600px;
}
.w-700 {
  width: 700px;
}
.w-800 {
  width: 800px;
}
.left-14px {
  position: relative;
  left: 14px;
}
.top-15 {
  top: 15% !important;
}
.padding-top-10px {
  padding-top: 10px;
}
.padding-top-50px {
  padding-top: 50px;
}
.padding-bottom-10px {
  padding-bottom: 10px;
}
.padding-bottom-20px {
  padding-bottom: 20px;
}
.padding-left-10px {
  padding-left: 10px;
}
.padding-right-10px {
  padding-right: 10px;
}
.padding-left-24px {
  padding-left: 24px;
}
.pt-05-rem {
  padding-top: 0.15rem !important;
}
.pt-05 {
  padding-top: 2.4px !important;
}
.pt-42px {
  padding-top: 42px !important;
}
.pt-56px {
  padding-top: 3.5rem !important;
}
.mb-25px {
  margin-bottom: 25px;
}
.mb-72px {
  margin-bottom: 4.5rem !important;
}
.mt-56px {
  margin-top: 3.5rem !important;
}
.mt-20px {
  margin-top: 1.25rem;
}
.mt-12px {
  margin-top: 0.75rem !important;
}
.mt-9px {
  margin-top: 0.55rem !important;
}
.ms-32px {
  margin-left: 2rem;
}
.ms-15px {
  margin-left: 0.925rem;
}
.ms-10px {
  margin-left: 0.65rem;
}
.mb-14px {
  margin-bottom: 0.85rem !important;
}
.mb-6px {
  margin-bottom: 0.35rem !important;
}
.pb-32px {
  padding-bottom: 2rem;
}
.pb-56px {
  padding-bottom: 3.5rem;
}
.pb-72px {
  padding-bottom: 4.5rem;
}
.pt-04 {
  padding-top: 0.45rem;
}
.pe-20px {
  padding-right: 1.25rem;
}
.ps-28px {
  padding-left: 1.75rem !important;
}
.px-04 {
  padding: 0 0.4rem;
}
.px-06 {
  padding: 0 0.6rem;
}
.py-07 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.py-08 {
  padding-top: 0.85rem !important;
  padding-bottom: 0.85rem !important;
}
.my-05 {
  margin-top: 2px;
  margin-bottom: 2px;
}
.ms-43px {
  margin-left: 2.7rem !important;
}
.me-40px {
  margin-right: 2.5rem !important;
}
.right-10px {
  right: 10px !important;
}
.bottom-10px {
  bottom: 10px !important;
}
.alert {
  margin-bottom: 0px;
}
.alert-left {
  margin-bottom: 0px;
  margin-left: 6.2rem;
}
.w-jo-own {
  width: 135.28px !important;
}
.w-35 {
  width: 35%;
}
.w-65 {
  width: 65%;
}
.w-70px {
  width: 70px;
}
.width-75vw {
  max-width: 75vw;
}
@media (min-width: 1920px) {
  .ie-height {
    height: 62vh;
  }
}
@media (max-width: 1600px) {
  .ie-height {
    height: 52vh;
  }
}
.ie-height {
  height: 52vh;
}
.w-l-picklist {
  width: 600px;
}
.mandatory::after {
  content: "*";
  position: absolute;
  right: auto;
  display: inline-block;
  font-size: 12px;
  color: #f44336;
}
.divider-end {
  border-left: 1px solid #12191D;
  height: 25px;
  position: relative;
  top: 5px;
}
.divider-end-white {
  border-left: 1px solid #fff;
  height: 25px;
  position: relative;
  top: 5px;
}
.custella-dw-app {
  height: 100%;
  max-width: 460px;
  margin: 0 auto;
  overflow: hidden;
}
.left-form {
  transform: translate(0, 8%);
  width: 40%;
}
.right-form {
  transform: translate(0, 10%);
}
.right-form-two {
  background: var(--surface-300);
  transform: translate(10%, -10%);
}
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) {
  .right-form-two {
    transform: translate(10%, 0);
  }
}
@media (max-width: 768px) {
  body {
    overflow: hidden !important;
  }
}
.custella-login {
  background-image: url("./media/black_gradient_background.svg");
  height: 100dvh;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  position: relative;
}
@media (max-width: 768px) {
  .custella-login {
    overflow: hidden;
  }
}
.custella-login .language {
  position: absolute;
  right: 30px;
  top: 30px;
  width: auto;
  z-index: 10;
}
.custella-login .language .custella-lang-front .accordion {
  --bs-accordion-bg: #66666617;
}
.custella-login .language .custella-lang-front .accordion-button:not(.collapsed) {
  background: transparent;
  color: #E0E0E0;
  box-shadow: none;
}
.custella-login .language .custella-lang-menu.accordion-flush > .accordion-item:last-child {
  padding: 6px;
  border-radius: 4px;
}
.custella-login .language .custella-lang-menu .accordion-item button {
  cursor: pointer;
  color: #fff;
  background: transparent;
}
.custella-login .language .custella-lang-menu .accordion-item button:hover {
  background: transparent;
  color: #fff !important;
  border-radius: 4px !important;
}
.custella-login .language .custella-lang-menu .accordion-item button:focus {
  outline: none !important;
  box-shadow: none !important;
}
.custella-login .language .custella-lang-menu .accordion-item ul li {
  cursor: pointer;
  color: #fff;
}
.custella-login .language .custella-lang-menu .accordion-item ul li:hover {
  background: #fff;
  color: #324954 !important;
  border-radius: 4px !important;
}
.custella-login .language .custella-lang-menu .accordion-item ul li:focus {
  background: #fff;
  color: #324954 !important;
  border-radius: 4px !important;
}
.custella-login .language .custella-lang-menu .accordion-item ul li a {
  color: unset !important;
}
.custella-login .language .custella-lang-menu .accordion-button::after {
  display: none !important;
}
.custella-login .container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.custella-login .container .row .mx-auto {
  width: 450px;
}
.custella-login .container .row .mx-auto .card .card-body .moqa-logo {
  width: 150px;
}
.custella-login .container .row .mx-auto .card .card-body form .form-group {
  margin-bottom: 16px;
}
.custella-login .container .row .mx-auto .card .card-body form .form-group label {
  margin-bottom: 4px;
  font-size: 14px;
}
.custella-login .container .row .mx-auto .card .card-body form .form-group label {
  font-family: "Inter-Medium";
}
.custella-login .container .row .mx-auto .card .card-body form .form-group .p-input-icon-left,
.custella-login .container .row .mx-auto .card .card-body form .form-group .p-input-icon-right {
  display: block;
}
.custella-login .container .row .mx-auto .card .card-body form .form-group .p-input-icon-left span input,
.custella-login .container .row .mx-auto .card .card-body form .form-group .p-input-icon-right span input {
  border-radius: 8px;
  width: 100%;
}
.custella-login .container .row .mx-auto .card .card-body form .form-group .pwd-valid {
  border: 1px solid #F4F4F4;
  background: #F4F4F4;
  border-radius: 8px;
  padding: 0.85rem;
  margin-top: 16px;
  margin-bottom: 16px;
  position: absolute;
  z-index: 100;
  top: 11px;
  right: -97px;
}
.custella-login .container .row .mx-auto .card .card-body form .form-group .pwd-valid-body span {
  font-size: 10px;
}
.custella-login .container .row .mx-auto .card .card-body form .form-group .pwd-valid-body span {
  font-family: "Inter-Regular";
}
.custella-login .container .row .mx-auto .card .card-body form .form-group .pwd-valid-body:before {
  content: "";
  position: absolute;
  bottom: -11px;
  left: 13px;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #F4F4F4 transparent transparent transparent;
}
.custella-login .container .row .mx-auto .card .card-body .remember {
  display: flex;
  align-items: center;
}
.custella-login .container .row .mx-auto .card .card-body .remember .rmb-label {
  font-size: 12px;
  margin-left: 8px;
}
.custella-login .container .row .mx-auto .card .card-body .remember .rmb-label {
  font-family: "Inter-Medium";
}
.custella-login .container .row .mx-auto .card .card-body .forgot-me {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 12px;
}
.custella-login .container .row .mx-auto .card .card-body .forgot-me label {
  font-size: 12px;
}
.custella-login .container .row .mx-auto .card .card-body .forgot-me label {
  font-family: "Inter-Medium";
}
.custella-login .container .row .mx-auto .card .card-body .forgot-me .click-forgot {
  font-size: 12px;
  color: #6366F1;
  cursor: pointer;
}
.custella-login .container .row .mx-auto .card .card-body .forgot-me .click-forgot {
  font-family: "Inter-Medium";
}
.custella-login .container .row .mx-auto .card .card-body .forgot-me .click-forgot:hover {
  text-decoration: underline;
}
.custella-login .fe-brand {
  position: absolute;
  left: 30px;
  top: 26px;
  display: inline-flex;
  align-items: center;
  z-index: 10;
}
.custella-login .fe-brand img {
  height: 28px;
  width: auto;
  display: block;
}
.custella-login .setup-card {
  background: transparent;
}
.custella-login .setup-panel {
  background: #fff;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22);
  padding: 28px 28px 32px;
  text-align: center;
}
.custella-login .setup-title {
  font-size: 26px;
  line-height: 1.2;
  font-weight: 800;
  margin: 6px 0 18px;
  color: #0f0f12;
  font-family: "Inter-SemiBold";
  white-space: break-spaces;
}
.custella-login .setup-hero {
  display: grid;
  place-items: center;
  margin: 0 6px 12px;
  min-height: 160px;
  background: #fff;
}
.custella-login .setup-illustration {
  max-width: 100%;
  height: auto;
  display: block;
}
.custella-login .setup-illustration-phone {
  max-width: 100%;
  height: 200px;
  display: block;
}
.custella-login .setup-text .setup-lead {
  color: #0f0f12;
  margin-bottom: 10px;
  font-size: 14px;
  font-family: "Inter-SemiBold";
}
.custella-login .setup-text .setup-copy {
  margin: 0;
  color: #3a3a46;
  font-size: 14px;
  line-height: 1.45;
  font-family: "Inter-Medium";
}
.custella-login .setup-app .setup-hero {
  border-color: rgba(99, 102, 241, 0.18);
}
.custella-login .store-row {
  display: grid;
  grid-auto-flow: column;
  gap: 12px;
  justify-content: center;
  align-items: center;
  margin-top: 14px;
}
.custella-login .store-row .store-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.custella-login .store-row .store-badge img {
  display: block;
  height: 44px;
  width: auto;
}
@media (max-width: 560px) {
  .custella-login .fe-brand {
    position: fixed;
    left: 13px;
    top: 16px;
  }
  .custella-login .container .row .mx-auto {
    width: 88vw;
  }
  .custella-login .setup-panel {
    padding: 22px 18px 26px;
  }
  .custella-login .setup-title {
    font-size: 18px;
    white-space: break-spaces;
  }
  .custella-login .setup-text .setup-lead,
  .custella-login .setup-text .setup-copy {
    font-size: 13px;
  }
  .custella-login .store-row {
    grid-auto-flow: column;
    gap: 4px;
  }
  .custella-login .store-row .store-badge img {
    height: 42px;
  }
  .custella-login .login-mobile {
    padding: 3px;
  }
}
.custella-login-form {
  margin-top: 2.5rem;
}
.custella-login-form .custella-login-form-text {
  margin-bottom: 0.5rem;
  font-size: 12px;
}
.custella-login-form .custella-login-form-text {
  font-family: "Inter-Medium";
}
.custella-login-form-pwd {
  display: flex;
  align-items: center;
  position: relative;
  margin: 0.25rem 0 2rem 0;
}
.custella-login-form-pwd .custella-login-form-pwd-text {
  display: block;
  margin-bottom: 1rem;
  font-size: 10px;
}
.custella-login-form-pwd .custella-login-form-pwd-text {
  font-family: "Inter-Regular";
}
.custella-login-form-new-pwd {
  right: 0;
  top: 0;
}
.custella-login-form-new-pwd .custella-login-form-new-pwd-text-2 {
  margin-left: 21rem;
}
.custella-login-form-signup .custella-login-form-signup-text {
  cursor: pointer;
}
.custella-quote {
  display: block;
  position: relative;
  padding: 3rem;
}
.custella-quote .custella-quote-text {
  font-size: 18px;
}
.custella-quote .custella-quote-text {
  font-family: "Inter-Medium";
}
.custella-quote .custella-quote-text-bold {
  font-size: 18px;
}
.custella-quote .custella-quote-text-bold {
  font-family: "Inter-Bold";
}
.custella-quote .custella-quote-text-small {
  font-size: 12px;
  color: #7d7d7d;
}
.custella-quote .custella-quote-text-small {
  font-family: "Inter-Medium";
}
.custella-quote .custella-quote-img {
  display: block;
  position: relative;
  margin-top: 1rem;
}
.custella-quote .custella-quote-img img {
  position: relative;
  width: 100%;
}
.custella-quote .custella-quote-img-two {
  display: block;
  position: relative;
}
.custella-quote .custella-quote-img-two img {
  position: relative;
  width: 80%;
}
.integration-center {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 10px;
}
.integration-center img {
  animation: fadeInAnimation ease-in-out 3.5s;
  animation-iteration-count: infinite;
  animation-fill-mode: forwards;
}
@keyframes fadeInAnimation {
  0% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.qb-disconnected {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100vh;
  padding: 48px 24px;
  background-color: #f2f2f2;
  overflow: hidden;
  font-family: "Inter-Regular";
}
.qb-disconnected__bg-shape {
  position: absolute;
  border-radius: 50%;
  background: #e6e6e6;
  opacity: 0.6;
  filter: blur(1px);
}
.qb-disconnected__bg-shape--top {
  width: 260px;
  height: 260px;
  top: -80px;
  right: -60px;
}
.qb-disconnected__bg-shape--bottom {
  width: 220px;
  height: 220px;
  bottom: -90px;
  left: -70px;
}
.qb-disconnected__card {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: 900px;
  background-color: #fff;
  border-radius: 24px;
  padding: 56px 64px;
  box-shadow: 0 2px 24px rgba(0, 0, 0, 0.06);
}
.qb-disconnected__title {
  margin: 0 0 20px;
  font-size: 42px;
  font-weight: 400;
  color: #12191D;
}
.qb-disconnected__subtitle {
  margin: 0 0 28px;
  font-size: 24px;
  font-family: "Inter-SemiBold";
  color: #6366F1;
}
.qb-disconnected__text {
  margin: 0 0 20px;
  font-size: 16px;
  line-height: 1.5;
  color: #212529;
}
.qb-disconnected__text strong {
  font-family: "Inter-SemiBold";
  color: #12191D;
}
.qb-disconnected__steps {
  margin: 0 0 32px;
  padding-left: 20px;
  font-size: 16px;
  line-height: 1.8;
  color: #212529;
}
.qb-disconnected__step strong {
  font-family: "Inter-SemiBold";
  color: #12191D;
}
.qb-disconnected__help {
  margin: 0;
  font-size: 16px;
  line-height: 1.5;
  color: #212529;
}
.qb-disconnected__help-label {
  font-family: "Inter-SemiBold";
  color: #fec84b;
}
.qb-disconnected__link {
  color: #6366F1;
  text-decoration: underline;
}
.qb-disconnected__link:hover {
  text-decoration: none;
}
@media (max-width: 640px) {
  .qb-disconnected__card {
    padding: 36px 28px;
  }
  .qb-disconnected__title {
    font-size: 30px;
  }
  .qb-disconnected__subtitle {
    font-size: 19px;
  }
}
.custella-phone {
  max-height: 100vh;
  display: block;
  text-align: center;
  margin: 1rem;
  overflow-x: hidden;
}
.custella-phone .custella-phone-driver {
  width: 100%;
}
.custella-phone .custella-phone-text {
  position: relative;
  display: block;
  margin: 10px;
  text-align: center;
}
.custella-phone .custella-phone-text-title {
  font-size: 32px;
  font-family: "Inter-Bold";
}
.custella-phone .custella-phone-text-sub-one {
  display: block;
  margin: 10px 5px;
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #565656;
}
.custella-phone .custella-phone-text-sub-two {
  font-size: 10px;
  font-family: "Inter-Medium";
}
.custella-phone .custella-phone-googleplay {
  width: 70%;
}
.custella-form {
  display: block;
  position: relative;
  height: 100vh;
  z-index: 1000;
}
.custella-dashboard-top {
  position: relative;
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custella-dashboard-top .custella-dashboard-top-title {
  position: relative;
  font-size: 2.28rem;
  font-family: "Inter-Bold";
}
.custella-dashboard-top .custella-dashboard-top-right {
  display: flex;
  align-items: center;
}
.custella-dashboard-title {
  position: relative;
  top: 50px;
  font-size: 1.2rem;
  font-family: "Inter-Medium";
}
.custella-dashboard-title-tab {
  position: relative;
  top: 50px;
  font-size: 1.2rem;
  font-family: "Inter-Medium";
}
.custella-dashboard-empty {
  position: absolute;
  left: 45%;
  transform: translate(0, 150px);
}
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) {
  .custella-dashboard-empty {
    transform: translate(35px, 80px);
  }
}
.custella-dashboard-empty img {
  position: absolute;
}
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) {
  .custella-dashboard-empty img {
    margin-top: 5rem;
  }
}
.custella-dashboard-empty span {
  position: absolute;
  margin-top: 17rem;
  margin-left: 5rem;
  width: max-content;
}
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) {
  .custella-dashboard-empty span {
    margin-top: 22rem;
  }
}
.cont {
  position: relative;
  display: flex;
}
.custella-dashboard-internet {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70vh;
}
.custella-dashboard-internet img {
  position: absolute;
}
.custella-dashboard-internet .custella-dashboard-internet-text {
  position: absolute;
  display: block;
  margin-top: 22rem;
  padding-left: 3rem;
  text-align: center;
}
.custella-dashboard-internet .custella-dashboard-internet-text .custella-dashboard-internet-text-one {
  display: block;
  width: max-content;
  text-align: center;
  font-size: 1.5rem;
  font-family: "Inter-Medium";
  color: #878787;
}
.custella-dashboard-internet .custella-dashboard-internet-text .custella-dashboard-internet-text-two {
  margin-top: 10px;
  width: max-content;
  text-align: center;
  font-size: 1.2rem;
  font-family: "Inter-Medium";
  color: #878787;
}
.custella-form-container {
  box-shadow: 0px 4px 15px -12px rgba(117, 115, 115, 0.8);
  background: #FAFAFA;
  margin: 0 1.5rem;
  border-radius: 0.375rem;
}
.custella-form-container .custella-form-container-title {
  background: #26363e;
  color: #fff;
  padding: 0.65rem 1.75rem;
  border-radius: 0.375rem 0.375rem 0 0;
}
.custella-form-container .custella-form-container-title {
  font-family: "Inter-Medium";
}
@media only screen and (min-width: 993px) {
  .custella-form-container .custella-form-container-title {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .custella-form-container .custella-form-container-title {
    font-size: 12px;
  }
}
@media only screen and (min-width: 376px) and (max-width: 767px) {
  .custella-form-container .custella-form-container-title {
    font-size: 11px;
  }
}
@media only screen and (max-width: 400px) {
  .custella-form-container .custella-form-container-title {
    font-size: 10px;
  }
}
.custella-form-container .custella-form-container-title .custella-form-container-title-subtitle {
  font-family: "Inter-Regular";
  font-size: 16px;
}
.custella-form-container .custella-form-container-title .custella-form-container-title-subtitle {
  font-family: "Inter-Medium";
}
.custella-form-container .custella-form-container-title .custella-form-container-title-subtitle-thin {
  font-family: "Inter-Regular";
}
.custella-form-container .custella-form-container-title .custella-form-container-title-subtitle-thin {
  font-family: "Inter-Light";
}
.custella-form-container .custella-form-container-title-two {
  background: #26363e;
  color: #fff;
  padding: 0.65rem 1.75rem;
  font-family: "Inter-Medium";
}
@media only screen and (min-width: 993px) {
  .custella-form-container .custella-form-container-title-two {
    font-size: 14px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .custella-form-container .custella-form-container-title-two {
    font-size: 12px;
  }
}
@media only screen and (min-width: 376px) and (max-width: 767px) {
  .custella-form-container .custella-form-container-title-two {
    font-size: 11px;
  }
}
@media only screen and (max-width: 400px) {
  .custella-form-container .custella-form-container-title-two {
    font-size: 10px;
  }
}
.custella-form-container .custella-form-container-title-two.stretch {
  padding: 0.65rem 1.15rem;
}
.custella-form-container .custella-form-container-title-two-grey {
  background: #EAEAEA;
  color: #26363e;
  padding: 0.65rem 1.75rem;
  border-left: 1px solid #dfdfdf;
  border-right: 1px solid #dfdfdf;
}
.custella-form-container .custella-form-container-title-two-grey.stretch {
  padding: 0.65rem 1.15rem;
}
.custella-form-container .custella-form-container-title-two-grey-flex {
  background: #EAEAEA;
  color: #26363e;
  padding: 0.65rem 1.75rem;
  display: flex;
}
.custella-form-container .custella-form-container-title-two-grey-two {
  background: #F1F1F1;
  color: #26363e;
  padding: 0.5rem 1.95rem;
}
.custella-form-container .custella-form-container-title-two-empty {
  background: #fff;
  color: #26363e;
  padding: 0.5rem 1.95rem;
}
.custella-form-container .custella-form-container-title-two-grey-right {
  background: #F1F1F1;
  color: #12191D;
  padding: 0.65rem 1.75rem;
  border-left: 1px solid #c7c7c7;
}
.custella-form-container .custella-form-container-content {
  padding: 0rem 1.5rem;
  margin: 1.5rem 0;
}
.custella-form-container .custella-form-container-content .form-options {
  display: flex;
  gap: 15px;
  flex-direction: row;
  justify-content: center;
}
.custella-form-container .custella-form-container-content .form-options .items {
  display: flex;
  flex-direction: column;
  width: 30%;
  background: #f3f3f4;
  border: 1px solid #e1e1e1;
  padding: 1.5rem;
  border-radius: 8px;
  gap: 6px;
}
.custella-form-container .custella-form-container-content .form-options .items h6 {
  font-family: "Inter-Medium";
  font-size: 18px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.custella-form-container .custella-form-container-content .form-options .items .desc span {
  display: block;
  line-height: 1.5rem;
  font-size: 12px;
  font-family: "Inter-Medium";
}
.custella-form-container .custella-form-container-content .form-options .items:hover {
  background-color: #eff0fe;
  cursor: pointer;
}
.custella-form-container .custella-form-container-content .form-options .items-sm {
  display: flex;
  flex-direction: column;
  background: #f3f3f4;
  border: 1px solid #e1e1e1;
  padding: 1.5rem;
  border-radius: 8px;
  gap: 10px;
}
.custella-form-container .custella-form-container-content .form-options .items-sm:nth-child(1) {
  grid-area: 1/2/2/4;
}
.custella-form-container .custella-form-container-content .form-options .items-sm:nth-child(2) {
  grid-area: 1/4/2/6;
}
.custella-form-container .custella-form-container-content .form-options .items-sm:nth-child(3) {
  grid-area: 2/3/3/5;
}
.custella-form-container .custella-form-container-content .form-options .items-sm h6 {
  font-family: "Inter-Medium";
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: unset !important;
}
.custella-form-container .custella-form-container-content .form-options .items-sm .desc span {
  display: block;
  line-height: 1.5rem;
  font-size: 12px;
  font-family: "Inter-Medium";
}
.custella-form-container .custella-form-container-content .form-options .items-sm:hover {
  background-color: #eff0fe;
  cursor: pointer;
}
.custella-form-container .custella-form-container-content .form-options .items-sm:active,
.custella-form-container .custella-form-container-content .form-options .items-sm.active {
  background-color: #dee0fe;
  border: 1px solid #d1d4fa;
  cursor: pointer;
}
.custella-form-container .custella-form-container-content .form-options-two {
  display: grid;
  gap: 15px;
  flex-direction: row;
  justify-content: center;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(2, 0fr);
  grid-column-gap: 12px;
  grid-row-gap: 12px;
}
.custella-form-container .custella-form-container-content .form-options-two .items {
  display: flex;
  flex-direction: column;
  width: 30%;
  background: #f3f3f4;
  border: 1px solid #e1e1e1;
  padding: 1.5rem;
  border-radius: 8px;
  gap: 6px;
}
.custella-form-container .custella-form-container-content .form-options-two .items h6 {
  font-family: "Inter-Medium";
  font-size: 18px;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.custella-form-container .custella-form-container-content .form-options-two .items .desc span {
  display: block;
  line-height: 1.5rem;
  font-size: 12px;
  font-family: "Inter-Medium";
}
.custella-form-container .custella-form-container-content .form-options-two .items:hover {
  background-color: #eff0fe;
  cursor: pointer;
}
.custella-form-container .custella-form-container-content .form-options-two .items-sm {
  display: flex;
  flex-direction: column;
  background: #f3f3f4;
  border: 1px solid #e1e1e1;
  padding: 1.5rem;
  border-radius: 8px;
  gap: 10px;
}
.custella-form-container .custella-form-container-content .form-options-two .items-sm:nth-child(1) {
  grid-area: 1/2/2/4;
  justify-content: center;
  height: 89px;
}
.custella-form-container .custella-form-container-content .form-options-two .items-sm:nth-child(2) {
  grid-area: 1/4/2/6;
  justify-content: center;
  height: 89px;
}
.custella-form-container .custella-form-container-content .form-options-two .items-sm:nth-child(3) {
  grid-area: 2/3/3/5;
}
.custella-form-container .custella-form-container-content .form-options-two .items-sm h6 {
  font-family: "Inter-Medium";
  font-size: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  margin-bottom: unset !important;
}
.custella-form-container .custella-form-container-content .form-options-two .items-sm .desc span {
  display: block;
  line-height: 1.5rem;
  font-size: 12px;
  font-family: "Inter-Medium";
}
.custella-form-container .custella-form-container-content .form-options-two .items-sm:hover {
  background-color: #eff0fe;
  cursor: pointer;
}
.custella-form-container .custella-form-container-content .form-options-two .items-sm:active,
.custella-form-container .custella-form-container-content .form-options-two .items-sm.active {
  background-color: #dee0fe;
  border: 1px solid #d1d4fa;
  cursor: pointer;
}
.custella-form-container .custella-form-container-content-sidebar {
  padding: 0rem 0.75rem;
  margin: 1rem 0;
}
.custella-form-container .custella-form-container-content-last-row {
  padding: 0rem 2rem 0.5rem 2rem;
  font-family: "Inter-Regular";
  margin-bottom: 25px;
  border-radius: 0 0 0.375rem 0.375rem;
}
.custella-form-container .rmv-margin .custella-form-container-content-last-row {
  padding: 0rem 2rem 0.5rem 2rem;
  font-family: "Inter-Regular";
  border-radius: 0 0 0.375rem 0.375rem;
  margin-bottom: unset;
}
.custella-form-container .custella-form-container-table {
  padding: 0rem 1.5rem;
  margin: 0.5rem 0rem;
  font-family: "Inter-Regular";
  font-size: 12px;
  font-family: "Inter-Medium";
}
.custella-form-container .custella-form-container-content-border-bottom {
  border-bottom: 1px solid #EAEAEA;
  min-height: 50px;
  padding: 0rem 2rem;
}
.custella-form-container .custella-form-container-content-border-bottom .p-tabview-nav-container {
  width: calc(100% - 22px) !important;
  position: absolute;
  z-index: 9;
}
.custella-form-container .custella-form-container-content-border-bottom-h-0 {
  border-bottom: 1px solid #EAEAEA;
  padding: 0rem 2rem;
}
.custella-form-container .custella-form-container-content-border-bottom-h-0.stretch {
  padding: 0rem 1.15rem;
}
.custella-form-container .custella-form-container-content-files {
  font-family: "Inter-Regular";
  font-size: 12px;
  font-family: "Inter-Medium";
  border-bottom: 1px solid #EAEAEA;
  padding: 0rem 2rem;
}
.custella-form-container .custella-form-container-footer {
  border-top: 1px solid var(--surface-300);
  padding: 0.95rem 1.5rem;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-bottom: 25px;
}
.custella-form-container .custella-form-container-footer-two {
  border-top: 1px solid var(--surface-300);
  padding: 0.95rem 1.5rem;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.custella-form-container .hidePopup {
  position: absolute;
  background: transparent;
  border: 1px solid transparent;
}
.custella-form-container.right-panel {
  margin: 0;
  padding-bottom: 16px;
}
.custella-form-container .custella-form-container-image {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0.75rem;
  border-bottom: 1px solid #dbdbdb;
}
.custella-form-container .ov-title {
  font-size: 14px;
  font-family: "Inter-Medium";
  padding: 16px 1.75rem 0.15rem 1.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custella-form-container .ov-title label {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.custella-form-container .ov-title-summ {
  font-size: 14px;
  font-family: "Inter-Medium";
  padding: 6px 1.75rem 0px 1.75rem;
}
.custella-form-container .ov-title-summ label {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.custella-form-container .ov-link {
  font-size: 12px;
  cursor: pointer;
}
.custella-form-container .ov-link {
  color: #6366F1 !important;
  font-family: "Inter-Regular";
}
.custella-form-container .ov-link:hover {
  text-decoration: underline;
}
.custella-form-container .ov-link-mini {
  font-size: 12px;
  cursor: pointer;
}
.custella-form-container .ov-link-mini {
  font-family: "Inter-Regular";
  color: #6366F1 !important;
}
.custella-form-container .ov-link-mini:hover {
  text-decoration: underline;
}
.custella-form-container .ov-content {
  border-bottom: 1px solid #dbdbdb;
  padding-top: 0;
  padding-bottom: 12px;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.custella-form-container .ov-content .ov-row {
  display: flex;
  align-items: center;
  margin: 4px 0;
}
.custella-form-container .ov-content .ov-row .label {
  font-size: 12px;
  color: #7C828D;
}
.custella-form-container .ov-content .ov-row .label {
  font-family: "Inter-Regular";
}
.custella-form-container .ov-content .ov-row .label-i {
  font-size: 12px;
  font-style: italic;
  color: #12191D;
}
.custella-form-container .ov-content .ov-row .label-i {
  font-family: "Inter-SemiBold";
}
.custella-form-container .ov-content .ov-row .value {
  font-size: 12px;
  color: #495057;
  white-space: nowrap;
}
.custella-form-container .ov-content .ov-row .value {
  font-family: "Inter-Regular";
}
.custella-form-container .ov-content .ov-row .value-link {
  font-size: 12px;
  color: #6366F1 !important;
  cursor: pointer;
}
.custella-form-container .ov-content .ov-row .value-link {
  font-family: "Inter-Regular";
}
.custella-form-container .ov-content .ov-row .value-link:hover {
  text-decoration: underline;
}
@media only screen and (min-width: 993px) {
  .custella-form-container .ov-content .ov-row .label-j {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .custella-form-container .ov-content .ov-row .label-j {
    font-size: 12px;
  }
}
@media only screen and (min-width: 376px) and (max-width: 767px) {
  .custella-form-container .ov-content .ov-row .label-j {
    font-size: 12px;
  }
}
@media only screen and (max-width: 400px) {
  .custella-form-container .ov-content .ov-row .label-j {
    font-size: 12px;
  }
}
.custella-form-container .ov-content .ov-row .label-j {
  font-family: "Inter-Regular";
}
@media only screen and (min-width: 993px) {
  .custella-form-container .ov-content .ov-row .label-j-od {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .custella-form-container .ov-content .ov-row .label-j-od {
    font-size: 12px;
  }
}
@media only screen and (min-width: 376px) and (max-width: 767px) {
  .custella-form-container .ov-content .ov-row .label-j-od {
    font-size: 12px;
  }
}
@media only screen and (max-width: 400px) {
  .custella-form-container .ov-content .ov-row .label-j-od {
    font-size: 12px;
  }
}
.custella-form-container .ov-content .ov-row .label-j-od {
  font-family: "Inter-Regular";
}
.custella-form-container .ov-content .ov-row .label-j-od {
  color: #D34747;
}
@media only screen and (min-width: 993px) {
  .custella-form-container .ov-content .ov-row .value-j {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .custella-form-container .ov-content .ov-row .value-j {
    font-size: 12px;
  }
}
@media only screen and (min-width: 376px) and (max-width: 767px) {
  .custella-form-container .ov-content .ov-row .value-j {
    font-size: 12px;
  }
}
@media only screen and (max-width: 400px) {
  .custella-form-container .ov-content .ov-row .value-j {
    font-size: 12px;
  }
}
.custella-form-container .ov-content .ov-row .value-j {
  font-family: "Inter-Regular";
}
@media only screen and (min-width: 993px) {
  .custella-form-container .ov-content .ov-row .value-j-od {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .custella-form-container .ov-content .ov-row .value-j-od {
    font-size: 12px;
  }
}
@media only screen and (min-width: 376px) and (max-width: 767px) {
  .custella-form-container .ov-content .ov-row .value-j-od {
    font-size: 12px;
  }
}
@media only screen and (max-width: 400px) {
  .custella-form-container .ov-content .ov-row .value-j-od {
    font-size: 12px;
  }
}
.custella-form-container .ov-content .ov-row .value-j-od {
  font-family: "Inter-Regular";
}
.custella-form-container .ov-content .ov-row .value-j-od {
  color: #D34747;
}
.custella-form-container .ov-content .ov-row .ov-jo {
  text-align: center;
}
@media only screen and (min-width: 993px) {
  .custella-form-container .ov-content .ov-row .ov-jo .label-j {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .custella-form-container .ov-content .ov-row .ov-jo .label-j {
    font-size: 12px;
  }
}
@media only screen and (min-width: 376px) and (max-width: 767px) {
  .custella-form-container .ov-content .ov-row .ov-jo .label-j {
    font-size: 12px;
  }
}
@media only screen and (max-width: 400px) {
  .custella-form-container .ov-content .ov-row .ov-jo .label-j {
    font-size: 12px;
  }
}
.custella-form-container .ov-content .ov-row .ov-jo .label-j {
  font-family: "Inter-Regular";
}
.custella-form-container .ov-content .ov-row .ov-jo .label-j {
  display: block;
}
@media only screen and (min-width: 993px) {
  .custella-form-container .ov-content .ov-row .ov-jo .label-j-od {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .custella-form-container .ov-content .ov-row .ov-jo .label-j-od {
    font-size: 12px;
  }
}
@media only screen and (min-width: 376px) and (max-width: 767px) {
  .custella-form-container .ov-content .ov-row .ov-jo .label-j-od {
    font-size: 12px;
  }
}
@media only screen and (max-width: 400px) {
  .custella-form-container .ov-content .ov-row .ov-jo .label-j-od {
    font-size: 12px;
  }
}
.custella-form-container .ov-content .ov-row .ov-jo .label-j-od {
  font-family: "Inter-Regular";
}
.custella-form-container .ov-content .ov-row .ov-jo .label-j-od {
  color: #D34747;
}
.custella-form-container .ov-content .ov-row .ov-jo .label-j-od {
  display: block;
}
@media only screen and (min-width: 993px) {
  .custella-form-container .ov-content .ov-row .ov-jo .value-j {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .custella-form-container .ov-content .ov-row .ov-jo .value-j {
    font-size: 16px;
  }
}
@media only screen and (min-width: 376px) and (max-width: 767px) {
  .custella-form-container .ov-content .ov-row .ov-jo .value-j {
    font-size: 14px;
  }
}
@media only screen and (max-width: 400px) {
  .custella-form-container .ov-content .ov-row .ov-jo .value-j {
    font-size: 12px;
  }
}
.custella-form-container .ov-content .ov-row .ov-jo .value-j {
  font-family: "Inter-SemiBold";
}
@media only screen and (min-width: 993px) {
  .custella-form-container .ov-content .ov-row .ov-jo .value-j-od {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .custella-form-container .ov-content .ov-row .ov-jo .value-j-od {
    font-size: 16px;
  }
}
@media only screen and (min-width: 376px) and (max-width: 767px) {
  .custella-form-container .ov-content .ov-row .ov-jo .value-j-od {
    font-size: 14px;
  }
}
@media only screen and (max-width: 400px) {
  .custella-form-container .ov-content .ov-row .ov-jo .value-j-od {
    font-size: 12px;
  }
}
.custella-form-container .ov-content .ov-row .ov-jo .value-j-od {
  font-family: "Inter-SemiBold";
  color: #D34747;
}
.custella-form-container .ov-content .ov-row-no {
  padding-top: 6px;
}
.custella-form-container .ov-content .ov-row-no .label {
  font-size: 12px;
}
.custella-form-container .ov-content .ov-row-no .label {
  font-family: "Inter-Regular";
}
.custella-form-container .ov-content .ov-row-no .label-i {
  font-style: italic;
  color: #7C828D;
  font-size: 12px;
}
.custella-form-container .ov-content .ov-row-no .label-i {
  font-family: "Inter-SemiBold";
}
.custella-form-container .ov-content-stats {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.custella-form-container .ov-content-stats .ov-row {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.custella-form-container .ov-content-stats .ov-row .label {
  font-size: 12px;
  color: #7C828D;
}
.custella-form-container .ov-content-stats .ov-row .label {
  font-family: "Inter-Regular";
}
.custella-form-container .ov-content-stats .ov-row .label-i {
  font-size: 12px;
  font-style: italic;
  color: #12191D;
}
.custella-form-container .ov-content-stats .ov-row .label-i {
  font-family: "Inter-Regular";
}
.custella-form-container .ov-content-stats .ov-row .value {
  font-size: 12px;
  color: #495057;
  white-space: nowrap;
}
.custella-form-container .ov-content-stats .ov-row .value {
  font-family: "Inter-Regular";
}
.custella-form-container .ov-content-stats .ov-row .ov-jo {
  text-align: center;
}
@media only screen and (min-width: 993px) {
  .custella-form-container .ov-content-stats .ov-row .ov-jo .label-j {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .custella-form-container .ov-content-stats .ov-row .ov-jo .label-j {
    font-size: 12px;
  }
}
@media only screen and (min-width: 376px) and (max-width: 767px) {
  .custella-form-container .ov-content-stats .ov-row .ov-jo .label-j {
    font-size: 12px;
  }
}
@media only screen and (max-width: 400px) {
  .custella-form-container .ov-content-stats .ov-row .ov-jo .label-j {
    font-size: 12px;
  }
}
.custella-form-container .ov-content-stats .ov-row .ov-jo .label-j {
  font-family: "Inter-Regular";
  color: #9E9E9E;
}
.custella-form-container .ov-content-stats .ov-row .ov-jo .label-j {
  display: block;
}
@media only screen and (min-width: 993px) {
  .custella-form-container .ov-content-stats .ov-row .ov-jo .label-j-od {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .custella-form-container .ov-content-stats .ov-row .ov-jo .label-j-od {
    font-size: 12px;
  }
}
@media only screen and (min-width: 376px) and (max-width: 767px) {
  .custella-form-container .ov-content-stats .ov-row .ov-jo .label-j-od {
    font-size: 12px;
  }
}
@media only screen and (max-width: 400px) {
  .custella-form-container .ov-content-stats .ov-row .ov-jo .label-j-od {
    font-size: 12px;
  }
}
.custella-form-container .ov-content-stats .ov-row .ov-jo .label-j-od {
  font-family: "Inter-Regular";
  color: #D34747;
}
.custella-form-container .ov-content-stats .ov-row .ov-jo .label-j-od {
  display: block;
}
@media only screen and (min-width: 993px) {
  .custella-form-container .ov-content-stats .ov-row .ov-jo .value-j {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .custella-form-container .ov-content-stats .ov-row .ov-jo .value-j {
    font-size: 16px;
  }
}
@media only screen and (min-width: 376px) and (max-width: 767px) {
  .custella-form-container .ov-content-stats .ov-row .ov-jo .value-j {
    font-size: 14px;
  }
}
@media only screen and (max-width: 400px) {
  .custella-form-container .ov-content-stats .ov-row .ov-jo .value-j {
    font-size: 12px;
  }
}
.custella-form-container .ov-content-stats .ov-row .ov-jo .value-j {
  font-family: "Inter-Regular";
}
@media only screen and (min-width: 993px) {
  .custella-form-container .ov-content-stats .ov-row .ov-jo .value-j-od {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .custella-form-container .ov-content-stats .ov-row .ov-jo .value-j-od {
    font-size: 16px;
  }
}
@media only screen and (min-width: 376px) and (max-width: 767px) {
  .custella-form-container .ov-content-stats .ov-row .ov-jo .value-j-od {
    font-size: 14px;
  }
}
@media only screen and (max-width: 400px) {
  .custella-form-container .ov-content-stats .ov-row .ov-jo .value-j-od {
    font-size: 12px;
  }
}
.custella-form-container .ov-content-stats .ov-row .ov-jo .value-j-od {
  font-family: "Inter-Regular";
  color: #D34747;
}
.custella-form-container .ov-content-stats .ov-row-no {
  min-height: 50px;
  align-items: center;
  padding-top: 0.5rem;
}
.custella-form-container .ov-content-stats .ov-row-no .label {
  font-size: 12px;
}
.custella-form-container .ov-content-stats .ov-row-no .label {
  font-family: "Inter-Medium";
  color: #7C828D;
}
.custella-form-container .ov-content-stats .ov-row-no .label-i {
  font-style: italic;
}
.custella-form-container .ov-content-stats .ov-row-no .label-i {
  font-size: 12px;
  font-family: "Inter-SemiBold";
  color: #12191D;
}
.custella-form-container .ov-content .charts {
  background: #f2f2f2;
  border-radius: 12px;
  padding: 1.25rem 0 0 0;
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
}
.custella-form-container .analytic-title {
  padding: 10px 1.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custella-form-container .analytic-title label {
  font-size: 14px;
  font-family: "Inter-Medium";
}
.custella-form-container .analytic-content {
  border: 1px solid #EAEAEA;
  margin-inline: 20px;
  border-radius: 8px;
  padding: 10px 1.15rem;
  display: grid;
  gap: 6px;
  background: white;
}
.custella-form-container .analytic-content .analytic-row {
  display: flex;
  align-items: center;
}
.custella-form-container .analytic-content .analytic-row .title {
  font-size: 14px;
  font-family: "Inter-Medium";
  text-decoration: underline;
  text-underline-offset: 3px;
}
.custella-form-container .analytic-content .analytic-row .label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
}
.custella-form-container .analytic-content .analytic-row .label-i {
  font-size: 12px;
  font-family: "Inter-SemiBold";
  font-style: italic;
  color: #12191D;
}
.custella-form-container .analytic-content .analytic-row .value {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #495057;
  white-space: nowrap;
}
.custella-form-container .analytic-content .analytic-row .value-link {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #6366F1 !important;
  cursor: pointer;
}
.custella-form-container .analytic-content .analytic-row .value-link:hover {
  text-decoration: underline;
}
.custella-form-container .analytic-content .analytic-row .label-j {
  font-family: "Inter-Regular";
}
@media only screen and (min-width: 993px) {
  .custella-form-container .analytic-content .analytic-row .label-j {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .custella-form-container .analytic-content .analytic-row .label-j {
    font-size: 12px;
  }
}
@media only screen and (min-width: 376px) and (max-width: 767px) {
  .custella-form-container .analytic-content .analytic-row .label-j {
    font-size: 12px;
  }
}
@media only screen and (max-width: 400px) {
  .custella-form-container .analytic-content .analytic-row .label-j {
    font-size: 12px;
  }
}
@media only screen and (min-width: 993px) {
  .custella-form-container .analytic-content .analytic-row .label-j {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .custella-form-container .analytic-content .analytic-row .label-j {
    font-size: 12px;
  }
}
@media only screen and (min-width: 376px) and (max-width: 767px) {
  .custella-form-container .analytic-content .analytic-row .label-j {
    font-size: 12px;
  }
}
@media only screen and (max-width: 400px) {
  .custella-form-container .analytic-content .analytic-row .label-j {
    font-size: 12px;
  }
}
.custella-form-container .analytic-content .analytic-row .label-j-od {
  font-family: "Inter-Regular";
  color: #D34747;
}
@media only screen and (min-width: 993px) {
  .custella-form-container .analytic-content .analytic-row .label-j-od {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .custella-form-container .analytic-content .analytic-row .label-j-od {
    font-size: 12px;
  }
}
@media only screen and (min-width: 376px) and (max-width: 767px) {
  .custella-form-container .analytic-content .analytic-row .label-j-od {
    font-size: 12px;
  }
}
@media only screen and (max-width: 400px) {
  .custella-form-container .analytic-content .analytic-row .label-j-od {
    font-size: 12px;
  }
}
@media only screen and (min-width: 993px) {
  .custella-form-container .analytic-content .analytic-row .label-j-od {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .custella-form-container .analytic-content .analytic-row .label-j-od {
    font-size: 12px;
  }
}
@media only screen and (min-width: 376px) and (max-width: 767px) {
  .custella-form-container .analytic-content .analytic-row .label-j-od {
    font-size: 12px;
  }
}
@media only screen and (max-width: 400px) {
  .custella-form-container .analytic-content .analytic-row .label-j-od {
    font-size: 12px;
  }
}
.custella-form-container .analytic-content .analytic-row .value-j {
  font-family: "Inter-Regular";
}
@media only screen and (min-width: 993px) {
  .custella-form-container .analytic-content .analytic-row .value-j {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .custella-form-container .analytic-content .analytic-row .value-j {
    font-size: 12px;
  }
}
@media only screen and (min-width: 376px) and (max-width: 767px) {
  .custella-form-container .analytic-content .analytic-row .value-j {
    font-size: 12px;
  }
}
@media only screen and (max-width: 400px) {
  .custella-form-container .analytic-content .analytic-row .value-j {
    font-size: 12px;
  }
}
.custella-form-container .analytic-content .analytic-row .value-j-od {
  font-family: "Inter-Regular";
  color: #D34747;
}
@media only screen and (min-width: 993px) {
  .custella-form-container .analytic-content .analytic-row .value-j-od {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .custella-form-container .analytic-content .analytic-row .value-j-od {
    font-size: 12px;
  }
}
@media only screen and (min-width: 376px) and (max-width: 767px) {
  .custella-form-container .analytic-content .analytic-row .value-j-od {
    font-size: 12px;
  }
}
@media only screen and (max-width: 400px) {
  .custella-form-container .analytic-content .analytic-row .value-j-od {
    font-size: 12px;
  }
}
.custella-form-container .analytic-content .analytic-row .analytic-jo {
  text-align: center;
}
.custella-form-container .analytic-content .analytic-row .analytic-jo .label-j {
  font-family: "Inter-Regular";
  display: block;
}
@media only screen and (min-width: 993px) {
  .custella-form-container .analytic-content .analytic-row .analytic-jo .label-j {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .custella-form-container .analytic-content .analytic-row .analytic-jo .label-j {
    font-size: 12px;
  }
}
@media only screen and (min-width: 376px) and (max-width: 767px) {
  .custella-form-container .analytic-content .analytic-row .analytic-jo .label-j {
    font-size: 12px;
  }
}
@media only screen and (max-width: 400px) {
  .custella-form-container .analytic-content .analytic-row .analytic-jo .label-j {
    font-size: 12px;
  }
}
.custella-form-container .analytic-content .analytic-row .analytic-jo .label-j-od {
  font-family: "Inter-Regular";
  color: #D34747;
  display: block;
}
@media only screen and (min-width: 993px) {
  .custella-form-container .analytic-content .analytic-row .analytic-jo .label-j-od {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .custella-form-container .analytic-content .analytic-row .analytic-jo .label-j-od {
    font-size: 12px;
  }
}
@media only screen and (min-width: 376px) and (max-width: 767px) {
  .custella-form-container .analytic-content .analytic-row .analytic-jo .label-j-od {
    font-size: 12px;
  }
}
@media only screen and (max-width: 400px) {
  .custella-form-container .analytic-content .analytic-row .analytic-jo .label-j-od {
    font-size: 12px;
  }
}
.custella-form-container .analytic-content .analytic-row .analytic-jo .value-j {
  font-family: "Inter-SemiBold";
}
@media only screen and (min-width: 993px) {
  .custella-form-container .analytic-content .analytic-row .analytic-jo .value-j {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .custella-form-container .analytic-content .analytic-row .analytic-jo .value-j {
    font-size: 16px;
  }
}
@media only screen and (min-width: 376px) and (max-width: 767px) {
  .custella-form-container .analytic-content .analytic-row .analytic-jo .value-j {
    font-size: 14px;
  }
}
@media only screen and (max-width: 400px) {
  .custella-form-container .analytic-content .analytic-row .analytic-jo .value-j {
    font-size: 12px;
  }
}
.custella-form-container .analytic-content .analytic-row .analytic-jo .value-j-od {
  font-family: "Inter-SemiBold";
  color: #D34747;
}
@media only screen and (min-width: 993px) {
  .custella-form-container .analytic-content .analytic-row .analytic-jo .value-j-od {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .custella-form-container .analytic-content .analytic-row .analytic-jo .value-j-od {
    font-size: 16px;
  }
}
@media only screen and (min-width: 376px) and (max-width: 767px) {
  .custella-form-container .analytic-content .analytic-row .analytic-jo .value-j-od {
    font-size: 14px;
  }
}
@media only screen and (max-width: 400px) {
  .custella-form-container .analytic-content .analytic-row .analytic-jo .value-j-od {
    font-size: 12px;
  }
}
.custella-form-container .analytic-content .analytic-row-no {
  padding-top: 6px;
}
.custella-form-container .analytic-content .analytic-row-no .label {
  font-size: 12px;
  font-family: "Inter-Regular";
}
.custella-form-container .analytic-content .analytic-row-no .label-i {
  font-family: "Inter-SemiBold";
  font-size: 12px;
  font-style: italic;
  color: #7C828D;
}
.custella-form-container .analytic-content-stats {
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-left: 1.75rem;
  padding-right: 1.75rem;
}
.custella-form-container .analytic-content-stats .analytic-row {
  display: flex;
  align-items: center;
  margin-bottom: 4px;
}
.custella-form-container .analytic-content-stats .analytic-row .label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
}
.custella-form-container .analytic-content-stats .analytic-row .label-i {
  font-size: 12px;
  font-family: "Inter-Regular";
  font-style: italic;
  color: #12191D;
}
.custella-form-container .analytic-content-stats .analytic-row .value {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #495057;
  white-space: nowrap;
}
.custella-form-container .analytic-content-stats .analytic-row .ov-jo {
  text-align: center;
}
.custella-form-container .analytic-content-stats .analytic-row .ov-jo .label-j {
  font-family: "Inter-Regular";
  color: #9E9E9E;
  display: block;
}
@media only screen and (min-width: 993px) {
  .custella-form-container .analytic-content-stats .analytic-row .ov-jo .label-j {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .custella-form-container .analytic-content-stats .analytic-row .ov-jo .label-j {
    font-size: 12px;
  }
}
@media only screen and (min-width: 376px) and (max-width: 767px) {
  .custella-form-container .analytic-content-stats .analytic-row .ov-jo .label-j {
    font-size: 12px;
  }
}
@media only screen and (max-width: 400px) {
  .custella-form-container .analytic-content-stats .analytic-row .ov-jo .label-j {
    font-size: 12px;
  }
}
.custella-form-container .analytic-content-stats .analytic-row .ov-jo .label-j-od {
  font-family: "Inter-Regular";
  color: #D34747;
  display: block;
}
@media only screen and (min-width: 993px) {
  .custella-form-container .analytic-content-stats .analytic-row .ov-jo .label-j-od {
    font-size: 12px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .custella-form-container .analytic-content-stats .analytic-row .ov-jo .label-j-od {
    font-size: 12px;
  }
}
@media only screen and (min-width: 376px) and (max-width: 767px) {
  .custella-form-container .analytic-content-stats .analytic-row .ov-jo .label-j-od {
    font-size: 12px;
  }
}
@media only screen and (max-width: 400px) {
  .custella-form-container .analytic-content-stats .analytic-row .ov-jo .label-j-od {
    font-size: 12px;
  }
}
.custella-form-container .analytic-content-stats .analytic-row .ov-jo .value-j {
  font-family: "Inter-Regular";
}
@media only screen and (min-width: 993px) {
  .custella-form-container .analytic-content-stats .analytic-row .ov-jo .value-j {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .custella-form-container .analytic-content-stats .analytic-row .ov-jo .value-j {
    font-size: 16px;
  }
}
@media only screen and (min-width: 376px) and (max-width: 767px) {
  .custella-form-container .analytic-content-stats .analytic-row .ov-jo .value-j {
    font-size: 14px;
  }
}
@media only screen and (max-width: 400px) {
  .custella-form-container .analytic-content-stats .analytic-row .ov-jo .value-j {
    font-size: 12px;
  }
}
.custella-form-container .analytic-content-stats .analytic-row .ov-jo .value-j-od {
  font-family: "Inter-Regular";
  color: #D34747;
}
@media only screen and (min-width: 993px) {
  .custella-form-container .analytic-content-stats .analytic-row .ov-jo .value-j-od {
    font-size: 20px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .custella-form-container .analytic-content-stats .analytic-row .ov-jo .value-j-od {
    font-size: 16px;
  }
}
@media only screen and (min-width: 376px) and (max-width: 767px) {
  .custella-form-container .analytic-content-stats .analytic-row .ov-jo .value-j-od {
    font-size: 14px;
  }
}
@media only screen and (max-width: 400px) {
  .custella-form-container .analytic-content-stats .analytic-row .ov-jo .value-j-od {
    font-size: 12px;
  }
}
.custella-form-container .analytic-content-stats .analytic-row-no {
  min-height: 50px;
  align-items: center;
  padding-top: 0.5rem;
}
.custella-form-container .analytic-content-stats .analytic-row-no .label {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #7C828D;
}
.custella-form-container .analytic-content-stats .analytic-row-no .label-i {
  font-size: 12px;
  font-family: "Inter-SemiBold";
  font-style: italic;
  color: #12191D;
}
.custella-form-container .analytic-content .charts {
  background: #f2f2f2;
  border-radius: 12px;
  padding: 1.25rem 0 0 0;
  border-style: solid;
  border-width: 1px;
  border-color: #d8d8d8;
}
.custella-form-container .analytic-content + .analytic-content {
  margin-top: 10px;
}
.custella-form-container .ov-content-solo {
  padding: 0.85rem 1.75rem 0.35rem 1.75rem;
  border-bottom: 1px solid #dbdbdb;
}
.custella-form-container .ov-content-solo .ov-row {
  display: flex;
  align-items: center;
}
.custella-form-container .ov-content-solo .ov-row .label {
  font-size: 12px;
}
.custella-form-container .ov-content-solo .ov-row .label {
  font-family: "Inter-Regular";
  color: #7C828D;
}
.custella-form-container .ov-content-solo .ov-row .label-c {
  color: #495057;
  padding-bottom: 17px;
}
.custella-form-container .ov-content-solo .ov-row .label-c {
  font-size: 1.2rem;
  font-family: "Inter-Medium";
}
.custella-form-container .ov-content-solo .ov-row .label-c-0 {
  color: #495057;
  padding-bottom: unset;
}
.custella-form-container .ov-content-solo .ov-row .label-c-0 {
  font-size: 1.2rem;
  font-family: "Inter-Medium";
}
.custella-form-container .ov-content-solo .ov-row .value {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #495057;
}
.custella-form-container .ov-content-solo .ov-row .value-desc {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #495057;
  padding-top: 5px;
}
.custella-form-container .ov-content-solo .ov-row .icon {
  width: 38px;
  min-width: 38px;
  height: 38px;
  color: #6366F1;
  align-items: center;
  display: flex;
  justify-content: center;
  border-right: thin;
  background: #F4F4F4;
  border-radius: 10px;
}
.custella-form-container .ov-content-solo .ov-row-0 {
  padding-bottom: 0.35rem;
}
.custella-form-container .ov-content-solo .ov-row-0 .label {
  font-size: 12px;
}
.custella-form-container .ov-content-solo .ov-row-0 .label {
  font-family: "Inter-Regular";
  color: #7C828D;
}
.custella-form-container .ov-content-solo .ov-row-0 .label-c {
  color: #495057;
}
.custella-form-container .ov-content-solo .ov-row-0 .label-c {
  font-size: 1.2rem;
  font-family: "Inter-Regular";
}
.custella-form-container .ov-content-solo .ov-row-0 .value {
  font-size: 12px;
  color: #495057;
  word-break: break-word;
}
.custella-form-container .ov-content-solo .ov-row-0 .value {
  font-family: "Inter-Regular";
}
.custella-form-container .instruction {
  padding: 1.5rem;
}
.custella-form-container .instruction .intro {
  font-size: 12px;
  display: block;
  margin-bottom: 12px;
}
.custella-form-container .instruction .intro {
  font-family: "Inter-Medium";
}
.custella-form-container .instruction .steps {
  font-size: 12px;
  margin-bottom: 4px;
  display: block;
}
.custella-form-container .instruction .steps {
  font-family: "Inter-Medium";
}
.tl-row {
  display: flex;
  margin: 0;
  justify-content: space-between;
}
.tl-row .label {
  font-style: italic;
}
.tl-row .label {
  font-family: "Inter-SemiBold";
  font-size: 12px;
}
.tl-row-no {
  align-items: center;
  padding: 0.85rem 0;
}
.tl-row-no .label {
  font-style: italic;
  padding: 30px 0;
  display: flex;
  justify-content: center;
}
.tl-row-no .label {
  font-size: 12px;
  font-family: "Inter-Regular";
}
.dot-wrapper {
  position: relative;
  left: 1rem;
  width: 100%;
  margin-bottom: 20px;
}
.dot-wrapper-tl {
  position: relative;
  left: 0.45rem;
  width: 100%;
  margin-bottom: 20px;
}
.dot-item {
  position: relative;
  display: flex;
  align-content: baseline;
  flex: 1;
  margin-top: 15px;
}
.dot-item::before {
  position: absolute;
  content: "";
  border-left: 1px dotted #c9d4d8;
  z-index: 2;
  margin-top: 40px;
  margin-left: 8px;
  height: 100%;
}
.dot-item .dot-counter {
  position: relative;
  z-index: 5;
  display: flex;
  width: 17.78px;
  height: 17px;
  border-radius: 50%;
  background: #435861;
  margin-bottom: 6px;
  top: 25px;
}
.dot-item .dot-counter-past {
  position: relative;
  z-index: 5;
  display: flex;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background: #c9d4d8;
  margin-bottom: 6px;
  top: 25px;
}
.text-for-step {
  border: 1px solid #bfbdbd;
  border-radius: 4px 4px 0 0;
  padding: 10px 15px;
  display: block;
  margin: 0 17px;
}
.text-for-step .dot-name {
  display: block;
}
.text-for-step .dot-name {
  font-family: "Inter-Medium";
  font-size: 12px;
}
.text-for-step .dot-description {
  font-style: italic;
  color: #7C828D;
}
.text-for-step .dot-description {
  font-size: 12px;
  font-family: "Inter-Regular";
}
.text-for-step .tl-icon {
  width: 38px;
  min-width: 38px;
  height: 38px;
  align-items: center;
  display: flex;
  justify-content: center;
  border-right: thin;
  border-radius: 10px;
  border: 1px solid #dbdbdb;
}
.text-for-step .tl-icon {
  background: #F0F0F0;
  color: #6366F1;
}
.text-update {
  margin: 0 17px;
  padding: 4px 15px;
  border-radius: 0 0 4px 4px;
  border: 1px solid #bfbdbd;
  border-top: transparent;
}
.text-update {
  background-color: #F0F0F0;
}
.text-update .tl-desc-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.text-update .tl-desc-content .tl-desc-start {
  display: flex;
  align-items: center;
}
.text-update .tl-desc-content .tl-desc-start .desc-label {
  font-size: 10px;
}
.text-update .tl-desc-content .tl-desc-start .desc-label {
  font-family: "Inter-Regular";
  color: #7C828D;
}
.text-update .tl-desc-content .tl-desc-end {
  font-size: 10px;
}
.text-update .tl-desc-content .tl-desc-end {
  font-family: "Inter-Regular";
  color: #7C828D;
}
.no_line:before {
  border-left: unset;
}
.cs-ov-info {
  margin-right: 0.75rem;
}
.cs-ov-info .p-tabview .p-tabview-nav .p-tabview-nav-link {
  padding: 0.9rem !important;
}
.cs-ov-info .p-tabview .p-tabview-panels {
  padding-top: 0 !important;
  width: calc(100% + 321px) !important;
  height: unset !important;
}
.cs-ov-info .rs {
  width: 420px;
  max-width: 420px;
}
.ast-ov-info {
  margin-right: 0.75rem;
}
.ast-ov-info .p-tabview .p-tabview-nav .p-tabview-nav-link {
  padding: 0.9rem !important;
}
.ast-ov-info .p-tabview .p-tabview-panels {
  padding-top: 0 !important;
  width: calc(100% + 242px) !important;
  height: unset !important;
}
.ast-ov-info .rs {
  width: 420px;
  max-width: 420px;
}
.hz-control .custella-form-container-content-last-row {
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.custella-form-container-two {
  box-shadow: 0px 4px 15px -4px rgba(117, 115, 115, 0.8);
  margin: 0 0.5rem;
}
.custella-form-container-two {
  background: #FAFAFA;
}
.custella-form-container-two .custella-form-container-two-title {
  padding: 0.85rem 1.75rem;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.custella-form-container-two .custella-form-container-two-title {
  background: #26363e;
  color: #fff;
}
.custella-form-container-two .custella-form-container-two-title .custella-form-container-title-subtitle {
  font-size: 16px;
}
.custella-form-container-two .custella-form-container-two-title .custella-form-container-title-subtitle {
  font-family: "Inter-Medium";
  font-family: "Inter-Regular";
}
.custella-form-container-two .custella-form-container-two-title .custella-form-container-title-subtitle-thin {
  font-family: "Inter-Regular";
  font-family: "Inter-Light";
}
.custella-form-container-two .custella-form-container-two-title-two {
  padding: 0.65rem 1.75rem;
}
.custella-form-container-two .custella-form-container-two-title-two {
  background: #26363e;
  color: #fff;
}
.custella-form-container-two .custella-form-container-two-title-two-grey {
  padding: 0.65rem 1.75rem;
}
.custella-form-container-two .custella-form-container-two-title-two-grey {
  background: #EAEAEA;
  color: #26363e;
}
.custella-form-container-two .custella-form-container-two-title-two-grey-right {
  padding: 0.65rem 1.75rem;
  border-left: 1px solid #c7c7c7;
}
.custella-form-container-two .custella-form-container-two-title-two-grey-right {
  background: #EAEAEA;
  color: #12191D;
}
.custella-form-container-two .custella-form-container-two-content {
  padding: 0rem 1.5rem;
  margin: 1.5rem 0;
  font-size: 12px;
}
.custella-form-container-two .custella-form-container-two-content {
  font-family: "Inter-Medium";
  font-family: "Inter-Regular";
}
.custella-form-container-two .custella-form-container-two-content-last-row {
  padding: 0rem 2rem 0.5rem 2rem;
  margin-bottom: 25px;
  font-size: 12px;
}
.custella-form-container-two .custella-form-container-two-content-last-row {
  font-family: "Inter-Medium";
  font-family: "Inter-Regular";
}
.custella-form-container-two .custella-form-container-two-table {
  padding: 0rem 1.5rem;
  margin: 0.5rem 0rem;
  font-size: 12px;
}
.custella-form-container-two .custella-form-container-two-table {
  font-family: "Inter-Medium";
  font-family: "Inter-Regular";
}
.custella-form-container-two .custella-form-container-two-content-border-bottom {
  border-bottom: 1px solid #EAEAEA;
  padding: 0rem 2rem;
  min-height: 50px;
}
.custella-form-container-two .custella-form-container-two-content-files {
  border-bottom: 1px solid #EAEAEA;
  padding: 0rem 2rem;
  font-size: 12px;
}
.custella-form-container-two .custella-form-container-two-content-files {
  font-family: "Inter-Medium";
  font-family: "Inter-Regular";
}
.custella-form-container-two .custella-form-container-two-footer {
  border-top: 1px solid var(--surface-300);
  padding: 0.95rem 1.5rem;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-bottom: 25px;
}
.custella-form-container-two .custella-form-container-two-footer-two {
  border-top: 1px solid var(--surface-300);
  padding: 0.95rem 1.5rem;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.custella-form-container-three {
  box-shadow: 0px 4px 15px -4px rgba(117, 115, 115, 0.8);
  margin: 0 1.5rem 0 0;
}
.custella-form-container-three {
  background: #FAFAFA;
}
.custella-form-container-three .custella-form-container-three-title {
  background: #26363e;
  color: #fff;
  padding: 0.85rem 1.75rem;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.custella-form-container-three .custella-form-container-three-title .custella-form-container-title-subtitle {
  font-size: 16px;
  font-family: "Inter-Medium";
  font-family: "Inter-Regular";
}
.custella-form-container-three .custella-form-container-three-title .custella-form-container-title-subtitle-thin {
  font-family: "Inter-Regular";
  font-family: "Inter-Light";
}
.custella-form-container-three .custella-form-container-three-title-two {
  background: #26363e;
  color: #fff;
  padding: 0.65rem 1.75rem;
}
.custella-form-container-three .custella-form-container-three-title-two-grey {
  padding: 0.65rem 1.75rem;
  background: #EAEAEA;
  color: #26363e;
}
.custella-form-container-three .custella-form-container-three-title-two-grey-right {
  padding: 0.65rem 1.75rem;
  border-left: 1px solid #c7c7c7;
  background: #EAEAEA;
  color: #12191D;
}
.custella-form-container-three .custella-form-container-three-content {
  padding: 0rem 1.5rem;
  margin: 1.5rem 0;
  font-size: 12px;
  font-family: "Inter-Medium";
  font-family: "Inter-Regular";
}
.custella-form-container-three .custella-form-container-three-content-last-row {
  padding: 0rem 2rem 0.5rem 2rem;
  margin-bottom: 25px;
  font-size: 12px;
  font-family: "Inter-Medium";
  font-family: "Inter-Regular";
}
.custella-form-container-three .custella-form-container-three-table {
  padding: 0rem 1.5rem;
  margin: 0.5rem 0rem;
  font-size: 12px;
  font-family: "Inter-Medium";
  font-family: "Inter-Regular";
}
.custella-form-container-three .custella-form-container-three-content-border-bottom {
  border-bottom: 1px solid #EAEAEA;
  min-height: 50px;
  padding: 0rem 2rem;
}
.custella-form-container-three .custella-form-container-three-content-files {
  border-bottom: 1px solid #EAEAEA;
  padding: 0rem 2rem;
  font-size: 12px;
  font-family: "Inter-Regular";
  font-family: "Inter-Medium";
}
.custella-form-container-three .custella-form-container-three-footer {
  border-top: 1px solid var(--surface-300);
  padding: 0.95rem 1.5rem;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-bottom: 25px;
}
.custella-form-container-three .custella-form-container-three-footer-two {
  border-top: 1px solid var(--surface-300);
  padding: 0.95rem 1.5rem;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.custella-form-container-four {
  box-shadow: 0px 4px 15px -4px rgba(117, 115, 115, 0.8);
}
.custella-form-container-four {
  background: #FAFAFA;
}
.custella-form-container-four .custella-form-container-four-title {
  padding: 0.85rem 1.75rem;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.custella-form-container-four .custella-form-container-four-title {
  background: #26363e;
  color: #fff;
}
.custella-form-container-four .custella-form-container-four-title .custella-form-container-title-subtitle {
  font-size: 16px;
}
.custella-form-container-four .custella-form-container-four-title .custella-form-container-title-subtitle {
  font-family: "Inter-Medium";
  font-family: "Inter-Regular";
}
.custella-form-container-four .custella-form-container-four-title .custella-form-container-title-subtitle-thin {
  font-family: "Inter-Regular";
  font-family: "Inter-Light";
}
.custella-form-container-four .custella-form-container-four-title-two {
  padding: 0.65rem 1.75rem;
}
.custella-form-container-four .custella-form-container-four-title-two {
  background: #26363e;
  color: #fff;
}
.custella-form-container-four .custella-form-container-four-title-two-grey {
  padding: 0.65rem 1.75rem;
}
.custella-form-container-four .custella-form-container-four-title-two-grey {
  background: #EAEAEA;
  color: #26363e;
}
.custella-form-container-four .custella-form-container-four-title-two-grey-right {
  padding: 0.65rem 1.75rem;
  border-left: 1px solid #c7c7c7;
}
.custella-form-container-four .custella-form-container-four-title-two-grey-right {
  background: #EAEAEA;
  color: #12191D;
}
.custella-form-container-four .custella-form-container-four-content {
  padding: 0rem 1.5rem;
  margin: 1.5rem 0;
  font-size: 12px;
}
.custella-form-container-four .custella-form-container-four-content {
  font-family: "Inter-Medium";
}
.custella-form-container-four .custella-form-container-four-content-last-row {
  padding: 0rem 2rem 0.5rem 2rem;
  font-size: 12px;
  margin-bottom: 25px;
}
.custella-form-container-four .custella-form-container-four-content-last-row {
  font-family: "Inter-Medium";
}
.custella-form-container-four .custella-form-container-four-table {
  padding: 0rem 1.5rem;
  margin: 0.5rem 0rem;
  font-size: 12px;
}
.custella-form-container-four .custella-form-container-four-table {
  font-family: "Inter-Medium";
}
.custella-form-container-four .custella-form-container-four-content-border-bottom {
  border-bottom: 1px solid #EAEAEA;
  min-height: 50px;
  padding: 0rem 2rem;
}
.custella-form-container-four .custella-form-container-four-content-files {
  font-size: 12px;
  padding: 0rem 2rem;
}
.custella-form-container-four .custella-form-container-four-content-files {
  font-family: "Inter-Medium";
  border-bottom: 1px solid #EAEAEA;
}
.custella-form-container-four .custella-form-container-four-footer {
  padding: 0.95rem 1.5rem;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-bottom: 25px;
}
.custella-form-container-four .custella-form-container-four-footer {
  border-top: 1px solid var(--surface-300);
}
.custella-form-container-four .custella-form-container-four-footer-two {
  padding: 0.95rem 1.5rem;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.custella-form-container-four .custella-form-container-four-footer-two {
  border-top: 1px solid var(--surface-300);
}
.custella-form-container-five {
  box-shadow: 0px 4px 15px -4px rgba(117, 115, 115, 0.8);
  margin: 0 1.5rem;
}
.custella-form-container-five {
  background: #FAFAFA;
}
.custella-form-container-five .custella-form-container-five-title {
  background: #26363e;
  color: #fff;
  padding: 0.85rem 1.75rem;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.custella-form-container-five .custella-form-container-five-title .custella-form-container-title-subtitle {
  font-family: "Inter-Regular";
  font-size: 16px;
  font-family: "Inter-Medium";
}
.custella-form-container-five .custella-form-container-five-title .custella-form-container-title-subtitle-thin {
  font-family: "Inter-Regular";
  font-family: "Inter-Light";
}
.custella-form-container-five .custella-form-container-five-title-two {
  background: #26363e;
  color: #fff;
  padding: 0.65rem 1.75rem;
}
.custella-form-container-five .custella-form-container-five-title-two-grey {
  background: #EAEAEA;
  color: #26363e;
  padding: 0.65rem 1.75rem;
}
.custella-form-container-five .custella-form-container-five-title-two-grey-two {
  background: #F1F1F1;
  color: #26363e;
  padding: 0.5rem 1.95rem;
}
.custella-form-container-five .custella-form-container-five-title-two-grey-right {
  background: #F1F1F1;
  color: #12191D;
  padding: 0.65rem 1.75rem;
  border-left: 1px solid #c7c7c7;
}
.custella-form-container-five .custella-form-container-five-content {
  padding: 0rem 1.5rem;
  margin: 1.5rem 0;
  font-family: "Inter-Regular";
  font-size: 12px;
  font-family: "Inter-Medium";
}
.custella-form-container-five .custella-form-container-five-content-last-row {
  padding: 0rem 2rem 0.5rem 2rem;
  font-family: "Inter-Regular";
  font-size: 12px;
  font-family: "Inter-Medium";
  margin-bottom: 25px;
}
.custella-form-container-five .custella-form-container-five-table {
  padding: 0rem 1.5rem;
  margin: 0.5rem 0rem;
  font-family: "Inter-Regular";
  font-size: 12px;
  font-family: "Inter-Medium";
}
.custella-form-container-five .custella-form-container-five-content-border-bottom {
  border-bottom: 1px solid #EAEAEA;
  padding: 0rem 1.5rem;
}
.custella-form-container-five .custella-form-container-five-content-border-bottom.do-summary-sign {
  min-height: 110px;
}
.custella-form-container-five .custella-form-container-five-content-files {
  font-family: "Inter-Regular";
  font-size: 12px;
  font-family: "Inter-Medium";
  border-bottom: 1px solid #EAEAEA;
  padding: 0rem 2rem;
}
.custella-form-container-five .custella-form-container-five-footer {
  border-top: 1px solid var(--surface-300);
  padding: 0.95rem 1.5rem;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-bottom: 25px;
}
.custella-form-container-five .custella-form-container-five-footer-two {
  border-top: 1px solid var(--surface-300);
  padding: 0.95rem 1.5rem;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.custella-form-container-footer-float {
  box-shadow: 0px 4px 15px -4px rgba(117, 115, 115, 0.8);
  background: #FAFAFA;
  padding: 0.95rem 1.5rem;
  border-radius: 4px;
}
.opt-plan .custella-form-container-footer-float {
  box-shadow: 0px 8px 15px -8px rgba(117, 115, 115, 0.8);
  background: #FAFAFA;
  padding: 0.95rem 1.5rem;
  border-radius: 0px;
}
.custella-content-row {
  display: flex;
  margin: 10px 0;
  padding-right: 12px;
  justify-content: space-between;
}
.custella-content-row .custella-content-row-input {
  display: block;
  position: relative;
  margin: 0 1rem 0 0;
}
.custella-content-row .custella-content-row-time {
  display: flex;
  position: relative;
  margin: 0.25rem 1rem 0.25rem 0px;
  padding-left: 0.5rem;
}
.custella-content-row .address .custella-content-row {
  margin: 0 !important;
}
.custella-content-row-two {
  display: flex;
  margin: 10px 0;
  justify-content: space-between;
}
.custella-content-row-two .custella-content-row-two-input {
  display: block;
  position: relative;
  margin: 0 1rem 0 0;
}
.custella-content-row-two-non {
  display: flex;
  margin: 10px 0;
}
.custella-content-row-two-non .custella-content-row-two-non-input {
  display: block;
  position: relative;
  margin: 0 1rem 0 0;
}
.custella-content-row-three {
  display: flex;
  padding-right: 12px;
  justify-content: space-between;
  padding-right: 0px;
}
.custella-content-row-three .custella-content-row-three-input {
  display: block;
  position: relative;
  margin: 0 1rem 0 0;
  padding-top: 5px;
}
.custella-content-row-three .custella-content-row-three-attachment {
  display: block;
  position: relative;
  margin: 0;
}
.custella-content-row-three .custella-content-row-three-attachment .title {
  border-bottom: 1px solid #dee2e6;
  padding-bottom: 5px;
}
.custella-content-row-three .custella-content-row-three-attachment .title span {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #7C828D;
}
.custella-content-row-four {
  display: flex;
  padding-right: 12px;
  padding-right: 0px;
}
.custella-content-row-four .custella-content-row-four-input {
  display: block;
  position: relative;
  margin: 0 1rem 0 0;
  padding-top: 5px;
}
.custella-content-row-four .custella-content-row-four-attachment {
  display: block;
  position: relative;
  margin: 0;
  padding-top: 5px;
}
.custella-content-row-start {
  display: flex;
  margin: 10px 0;
  justify-content: space-between;
}
.custella-content-row-start .custella-content-row-start-input {
  display: block;
  position: relative;
  margin: 0 1rem 0 0;
}
.custella-content-row-start .custella-content-row-start-time {
  display: flex;
  position: relative;
  margin: 0.25rem 1rem 0.25rem 0px;
  padding-left: 0.5rem;
}
.custella-content-row-start .address .custella-content-row {
  margin: 0 !important;
}
.custella-time-content {
  background-color: #eeeeee;
  padding: 0.25rem 1rem;
  border-radius: 4px;
}
.container-no-title {
  margin-top: 50px;
}
.custella-content-row-input .custella-content-row-input-title {
  display: block;
  margin-bottom: 4px;
  font-size: 12px;
}
.custella-content-row-input .custella-content-row-input-title {
  font-family: "Inter-Regular";
}
.custella-content-row-input .custella-content-row-input-title-two {
  display: block;
  margin-bottom: 3px;
  font-size: 12px;
}
.custella-content-row-input .custella-content-row-input-title-two {
  font-family: "Inter-Regular";
  color: #7C828D;
}
.custella-content-row-input .custella-content-row-input-title-files {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #565656;
  display: block;
  padding-top: 1rem;
}
.custella-content-row-input .custella-content-row-input-title-two-border-bottom {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #565656;
  display: block;
  border-bottom: 1px solid #EAEAEA;
  padding: 10px 0;
}
.custella-content-row-input .custella-content-row-input-title-three {
  font-size: 12px;
  display: block;
  word-break: break-word;
}
.custella-content-row-input .custella-content-row-input-title-three {
  font-family: "Inter-Regular";
  color: #12191D;
}
.custella-content-row-input .custella-content-row-input-title-three a {
  color: #6366F1;
}
.custella-content-row-input .custella-content-row-input-title-three a:hover {
  text-decoration: underline;
}
.custella-content-row-input .custella-content-row-input-title-three-link {
  display: block;
  cursor: pointer;
}
.custella-content-row-input .custella-content-row-input-title-three-link {
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #6366F1 !important;
}
.custella-content-row-input .custella-content-row-input-title-three-link:hover {
  text-decoration: underline;
}
.custella-content-row-input .custella-content-row-input-title-three-link:hover {
  font-family: "Inter-Regular";
  color: #6366F1;
}
.custella-content-row-input .custella-content-row-input-sub {
  font-size: 10px;
}
.custella-content-row-input .custella-content-row-input-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #EAEAEA;
  margin-top: 10px;
  padding-bottom: 10px;
}
.custella-content-row-input .custella-content-row-input-list .custella-content-row-input-list-title-sub {
  font-family: "Inter-Regular";
  font-size: 12px;
  font-family: text-weight(thin);
  padding: 0 10px;
}
.custella-content-row-input-title-two {
  font-family: "Inter-Regular";
  font-size: 12px;
  font-family: 500;
  color: #7C828D;
  display: block;
  margin-bottom: 3px;
}
.custella-content-row-start-input .custella-content-row-start-input-title {
  display: block;
  margin-bottom: 4px;
}
.custella-content-row-start-input .custella-content-row-start-input-title {
  font-size: 12px;
  font-family: "Inter-Regular";
}
.custella-content-row-start-input .custella-content-row-start-input-title-two {
  display: block;
  margin-bottom: 3px;
}
.custella-content-row-start-input .custella-content-row-start-input-title-two {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
}
.custella-content-row-start-input .custella-content-row-start-input-title-files {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #565656;
  display: block;
  padding-top: 1rem;
}
.custella-content-row-start-input .custella-content-row-start-input-title-two-border-bottom {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #565656;
  display: block;
  border-bottom: 1px solid #EAEAEA;
  padding: 10px 0;
}
.custella-content-row-start-input .custella-content-row-start-input-title-three {
  display: block;
  word-break: break-word;
}
.custella-content-row-start-input .custella-content-row-start-input-title-three {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
}
.custella-content-row-start-input .custella-content-row-start-input-title-three-link {
  display: block;
  cursor: pointer;
}
.custella-content-row-start-input .custella-content-row-start-input-title-three-link {
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #6366F1 !important;
}
.custella-content-row-start-input .custella-content-row-start-input-title-three-link:hover {
  text-decoration: underline;
}
.custella-content-row-start-input .custella-content-row-start-input-title-three-link:hover {
  font-family: "Inter-Regular";
  color: #6366F1;
}
.custella-content-row-start-input .custella-content-row-start-input-sub {
  font-size: 10px;
}
.custella-content-row-start-input .custella-content-row-start-input-list {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #EAEAEA;
  margin-top: 10px;
  padding-bottom: 10px;
}
.custella-content-row-start-input .custella-content-row-start-input-list .custella-content-row-input-list-title-sub {
  font-family: "Inter-Regular";
  font-size: 12px;
  font-family: text-weight(thin);
  padding: 0 10px;
}
.custella-time-row {
  padding-left: 0.5rem;
}
.custella-content-row-time .custella-content-row-time-title {
  font-size: 12px;
  font-family: "Inter-Medium";
}
.custella-content-row-time .custella-content-row-time-title-two {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #565656;
  width: 150px;
}
.custella-content-row-time .custella-content-row-time-title-three {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
}
.custella-content-row-checkbox {
  display: flex;
  position: relative;
}
.custella-content-row-checkbox .custella-content-row-checkbox-text {
  margin-bottom: 1rem;
  margin-left: 0.5rem;
  font-family: "Inter-Regular";
  font-size: 12px;
  font-family: "Inter-Regular";
}
.custella-file-dropbox {
  position: relative;
  display: block;
  justify-content: center;
  text-align: center;
  padding: 30px 30%;
  border: 1px dashed #EAEAEA;
  border-radius: 4px;
  width: 100%;
  height: 150px;
  background: #F5F5F5;
  border-radius: 4px;
}
.custella-file-notification {
  background: #F5F5F5;
  border: 1px solid #EAEAEA;
  margin-bottom: 8px;
  padding: 3px 15px;
  height: 40px;
}
.custella-file-notification .custella-file-notification-remove {
  right: 0;
}
.custella-input-box {
  display: block;
  border: 1px solid #F5F5F5;
  border-radius: 4px;
  background: #F5F5F5;
  width: 100%;
  height: 120px;
  padding: 0.95rem 1.75rem;
}
.custella-input-box .custella-input-box-title {
  display: block;
  margin: 5px 0;
  font-family: "Inter-Regular";
  font-size: 12px;
  font-family: "Inter-Medium";
}
.custella-stickey-breadcrumb {
  width: 100%;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  z-index: 99;
  margin-left: 0.95rem;
}
.custella-setup-stickey-breadcrumb {
  width: 102%;
  justify-content: space-between;
  align-items: center;
  position: fixed;
  z-index: 99;
  margin-left: 0.95rem;
  top: 52px;
}
.custella-margin-top {
  margin-top: 3.9rem;
}
.custella-margin-top-2 {
  margin-top: 3.1rem;
}
.custella-right-body-position {
  padding-left: 0.5rem;
}
.custella-left-body-position {
  margin-left: 0.15rem;
}
.left-right-space {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}
.left-setup-task,
.left-setup-tix {
  width: 195px;
  background: #32454E;
}
.left-setup {
  width: 220px;
  background: #32454E;
}
.left-team-view {
  width: 220px;
  background: #f0f0f0;
  border-right: gainsboro 1px solid;
  border-left: gainsboro 1px solid;
}
.teams-setup {
  height: calc(100% - 78px) !important;
  margin-top: 42px;
}
.right-setup-task {
  width: calc(100vw - 26.2rem);
  background: #F3F3F3;
}
.right-setup {
  width: calc(100vw - 28rem);
  overflow-x: hidden;
  background: #F3F3F3;
}
@media (min-width: 1025px) {
  .wrapper.layout-sidebar-active .main .right-setup {
    width: calc(100vw - 20rem);
    overflow-y: scroll;
    overflow-x: hidden;
    background: #F3F3F3;
  }
  .wrapper.layout-sidebar-active .main .right-setup-task {
    width: calc(100vw - 18.3rem);
    overflow-y: scroll;
    overflow-x: hidden;
    background: #F3F3F3;
  }
}
@media (max-width: 1024px) {
  .wrapper.layout-sidebar-active .main .right-setup {
    width: calc(100vw - 20rem);
    overflow-y: scroll;
    overflow-x: hidden;
    background: #F3F3F3;
  }
  .wrapper.layout-sidebar-active .main .right-setup-task {
    width: calc(100vw - 18.3rem);
    overflow-y: scroll;
    overflow-x: hidden;
    background: #F3F3F3;
  }
}
.custella-general-setup {
  width: 80vw;
  height: 85vh;
}
@media (max-device-width: 1280px) and (orientation: landscape) {
  .custella-general-setup {
    width: 67vw;
    height: 85vh;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  .custella-general-setup {
    width: 72vw;
    height: 85vh;
  }
}
.custella-general-setup .custella-general-setup-width {
  max-width: 105rem;
}
.custella-setup-body {
  overflow: scroll;
  position: relative;
  height: calc(100% - 4.3vh);
  padding-top: 3.9rem;
  padding-bottom: 1rem;
}
.custella-setup-body .non-scroll {
  height: unset;
  position: fixed;
  width: -webkit-fill-available;
  width: -moz-available;
}
.custella-setup-body .non-scroll .start-scroll-vh {
  height: calc(100vh - 150px);
  overflow: overlay;
}
.custella-setup-body .non-scroll .list-view .p-datatable > .p-datatable-wrapper {
  overflow: unset !important;
}
.custella-setup-body .non-scroll-list-view {
  height: calc(100% - 150px);
  position: fixed;
  width: -webkit-fill-available;
  width: -moz-available;
  overflow: overlay;
}
.custella-setup-body .non-scroll-list-view .start-scroll-vh {
  height: calc(100vh - 150px);
  overflow: overlay;
}
.custella-setup-body .non-scroll-list-view .list-view .p-datatable > .p-datatable-wrapper {
  overflow: unset !important;
}
.custella-setup-body-not {
  padding-bottom: 3.5rem;
  display: block;
}
.custella-setup-body-not.modules {
  padding-bottom: 4.5rem;
}
.custella-setup-body-tabs {
  overflow: hidden;
  position: relative;
  height: calc(100% - 15px);
  padding-bottom: 3.5rem;
  display: block;
}
.custella-setup-body-tabs.modules {
  padding-bottom: 4.5rem;
}
.subContractor-vt .vt {
  height: calc(100% - 10px) !important;
}
.custella-form-container-content-pane {
  background: #FAFAFA;
  box-shadow:
    0px 2px 6px 0px rgba(0, 0, 0, 0.1215686275),
    0px 0px 2px 0px rgba(0, 0, 0, 0.0588235294),
    0px 4px 10px 0px rgba(0, 0, 0, 0.031372549);
  display: flex;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
}
.custella-form-container-content-pane .custella-form-container-content-pane-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #e0e0e0;
  color: #212121;
  padding: 0.5rem 1rem;
  flex-shrink: 0;
}
.custella-form-container-content-pane .custella-form-container-content-pane-title .fa-regular:hover {
  color: #6366F1;
}
.custella-form-container-content-pane .custella-content {
  font-size: 12px;
  margin: 0.5rem 0;
  padding: 0.5rem 1rem;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
}
.custella-form-container-content-pane .custella-content-input {
  margin-bottom: 0.75rem;
}
.custella-form-container-content-pane .clear {
  font-size: 10px;
  cursor: pointer;
  text-decoration: underline;
}
.custella-form-container-content-pane .clear:hover {
  color: #6366F1;
}
.custella-attachment-files {
  min-height: 57vh;
}
.custella-attachment-files li div:hover {
  background: #F0F0F0;
}
.custella-attachment-files li div.selected {
  background: #F0F0F0;
}
.custella-attachment-files .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 5px;
  flex-wrap: wrap;
}
.custella-attachment-files .content .flex-align-center img {
  width: 30px;
}
.custella-attachment-files .content .flex-align-center div .filename {
  font-size: 12px;
  font-family: "Inter-Medium";
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 350px;
}
.custella-attachment-files .content .flex-align-center div .filetime {
  font-size: 10px;
  font-family: "Inter-Medium";
  color: #7C828D;
}
.custella-sla-progress {
  background: #FAFAFA;
  color: #12191D;
}
.sla-time {
  position: absolute;
  top: 4.3rem;
  font-size: 10px;
  color: #fff;
  left: 30px;
}
.sla-time-box {
  width: 150px;
  padding: 0.5rem 0.5rem 0.5rem 1rem;
}
.sla-popup {
  min-width: 350px;
}
.elips {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow-x: hidden;
}
.border-right {
  border-right: 1px solid #eaeaea;
}
.custella-fr-opt {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #eaeaea;
  border-radius: 4px;
  padding: 0.75rem 0.95rem;
  cursor: pointer;
}
.custella-fr-opt:hover {
  border: 1px solid #6366F1;
}
.custella-fr-opt:active {
  background: #F9F5FF;
  color: #53389E;
  border: 2px solid #7F56D9;
}
.custella-fr-opt .selected-fr {
  background: #F9F5FF;
  color: #53389E;
  border: 2px solid #7F56D9;
}
.custella-fr-box {
  border: 1px solid #eaeaea;
  border-radius: 4px;
  padding: 0.75rem 0.95rem;
  cursor: pointer;
}
.custella-fr-box:hover {
  border: 1px solid #6366F1;
}
.custella-fr-box:active {
  background: #F9F5FF;
  color: #53389E;
  border: 2px solid #7F56D9;
}
.custella-fr-box.selected-fr {
  background: #F9F5FF;
  color: #53389E;
  border: 2px solid #7F56D9;
}
.right-pane-fr {
  position: fixed;
  top: 52px;
  right: 0;
  background: white;
  height: 100%;
  width: 330px;
  z-index: 100;
  box-shadow:
    0px 2px 6px 0px rgba(0, 0, 0, 0.1215686275),
    0px 0px 2px 0px rgba(0, 0, 0, 0.0588235294),
    0px 4px 10px 0px rgba(0, 0, 0, 0.031372549);
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
}
.right-pane-fr-task {
  position: fixed;
  top: 0px;
  right: 0;
  background: white;
  height: 100%;
  width: 330px;
  z-index: 100;
  box-shadow:
    0px 2px 6px 0px rgba(0, 0, 0, 0.1215686275),
    0px 0px 2px 0px rgba(0, 0, 0, 0.0588235294),
    0px 4px 10px 0px rgba(0, 0, 0, 0.031372549);
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
}
.right-pane-fr-summ {
  position: fixed;
  top: 94px;
  right: 0;
  background: white;
  height: 100%;
  width: 370px;
  z-index: 100;
  box-shadow:
    0px 2px 6px 0px rgba(0, 0, 0, 0.1215686275),
    0px 0px 2px 0px rgba(0, 0, 0, 0.0588235294),
    0px 4px 10px 0px rgba(0, 0, 0, 0.031372549);
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
}
.right-pane-fr-summ .custella-form-container {
  height: 100%;
}
.right-pane-fr-summ .custella-form-container .scroll {
  overflow: scroll;
  height: 82%;
  padding-bottom: 25px;
}
.right-pane-fr-cus-summ {
  position: fixed;
  top: 94px;
  right: 0;
  background: white;
  height: 100%;
  width: 370px;
  z-index: 100;
  box-shadow:
    0px 2px 6px 0px rgba(0, 0, 0, 0.1215686275),
    0px 0px 2px 0px rgba(0, 0, 0, 0.0588235294),
    0px 4px 10px 0px rgba(0, 0, 0, 0.031372549);
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
}
.right-pane-fr-cus-summ .custella-form-container {
  height: 100%;
}
.right-pane-fr-cus-summ .custella-form-container .scroll {
  overflow: scroll;
  height: 80%;
  padding-bottom: 25px;
}
.right-pane-fr-cus-summ-task {
  position: fixed;
  top: 0;
  right: 0;
  background: white;
  height: 100%;
  width: 370px;
  z-index: 100;
  box-shadow:
    0px 2px 6px 0px rgba(0, 0, 0, 0.1215686275),
    0px 0px 2px 0px rgba(0, 0, 0, 0.0588235294),
    0px 4px 10px 0px rgba(0, 0, 0, 0.031372549);
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
}
.right-pane-fr-cus-summ-task .scroll {
  overflow: scroll;
  height: 650px;
  padding-bottom: 25px;
}
.slide-left-two {
  right: -331px;
  animation: slide-left 0.5s forwards;
  -webkit-animation: slide-left 0.5s forwards;
}
.slide-left-two-summ {
  right: -371px;
  animation: slide-left 0.5s forwards;
  -webkit-animation: slide-left 0.5s forwards;
}
.slide-left-two-cus-summ {
  right: -371px;
  animation: slide-left 0.5s forwards;
  -webkit-animation: slide-left 0.5s forwards;
}
.slide-right-two {
  right: 0px;
  animation: slide-right 0.5s forwards;
  -webkit-animation: slide-right 0.5s forwards;
}
.custella-skills-box {
  align-items: center;
  border: 1px solid #eaeaea;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.custella-skills-box .custella-skills-box-link {
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #6366F1;
  display: block;
  cursor: pointer;
}
.custella-skills-box .custella-skills-box-link:hover {
  text-decoration: underline;
}
.custella-conversation .custella-conversation-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custella-conversation .custella-conversation-header a {
  color: #fff;
}
.custella-conversation .custella-conversation-list {
  color: #fff !important;
}
.custella-conversation .custella-conversation-list:hover {
  background: #324954;
  color: #fff !important;
  border-radius: 4px !important;
}
.custella-conversation .custella-conversation-list:focus {
  background: #324954;
  color: #fff !important;
  border-radius: 4px !important;
}
.custella-conversation .custella-conversation-list:active {
  background: #324954;
}
.left-bar {
  width: 220px;
  background: white;
  box-shadow:
    0px 2px 6px 0px rgba(0, 0, 0, 0.1215686275),
    0px 0px 2px 0px rgba(0, 0, 0, 0.0588235294),
    0px 4px 10px 0px rgba(0, 0, 0, 0.031372549);
}
.left-bar .left-bar-title {
  display: flex;
  align-items: center;
  background: #26363e;
  color: #fff;
}
.left-bar .left-bar-title-grey {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #EAEAEA;
  color: #26363e;
}
.left-bar .p-tabview .p-tabview-nav-container {
  position: relative !important;
  width: 100% !important;
  border-top: none;
  margin: 0;
}
.left-bar .p-tabview .p-tabview-panels {
  padding: 0 !important;
  background: white !important;
}
.left-bar .p-tabview .p-tabview-nav li {
  width: 50%;
}
.left-bar .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.left-bar .p-tabview .p-tabview-nav li .p-tabview-nav-link {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.inner-right-bar {
  width: 325px;
  background: white;
  border: 1px solid #eaeaea;
}
.inner-right-bar .inner-right-bar-title {
  display: flex;
  align-items: center;
  background: #26363e;
  color: #fff;
}
.inner-right-bar .inner-right-bar-title-grey {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #EAEAEA;
  color: #26363e;
}
.inner-right-bar .inner-right-bar-title-none {
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: #26363e;
}
.inner-right-bar .footer {
  position: absolute;
  bottom: 5px;
  right: 3px;
}
.in-screen-tabs {
  width: 100%;
  background: #FAFAFA;
  box-shadow:
    0px 2px 6px 0px rgba(0, 0, 0, 0.1215686275),
    0px 0px 2px 0px rgba(0, 0, 0, 0.0588235294),
    0px 4px 10px 0px rgba(0, 0, 0, 0.031372549);
  border-radius: 4px;
}
.in-screen-tabs .in-screen-tabs-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #26363e;
  color: #fff;
}
.in-screen-tabs .p-tabview .p-tabview-nav-container {
  position: relative !important;
  width: 100% !important;
  border-top: none;
  margin: 0;
}
.in-screen-tabs .p-tabview .p-tabview-panels {
  background: white !important;
  padding: 0 !important;
}
.button-tabs-50 {
  background: #f1f0f1;
  box-shadow:
    0px 2px 6px 0px rgba(0, 0, 0, 0.1215686275),
    0px 0px 2px 0px rgba(0, 0, 0, 0.0588235294),
    0px 4px 10px 0px rgba(0, 0, 0, 0.031372549);
  border-radius: 4px;
  padding: 1rem;
}
.px-3-5 {
  padding-right: 1.75rem !important;
  padding-left: 1.75rem !important;
}
.pac-container {
  z-index: 1155 !important;
}
.skills {
  background-color: #6366F1;
  color: #fff;
  border-radius: 10px;
  padding: 4px;
}
.circle {
  margin-top: 3px;
  margin-right: 10px;
  position: relative;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #878787;
  margin-bottom: 1px;
}
.low {
  background: #6FBC60;
}
.medium {
  background: #E88901;
}
.high {
  background: #D34747;
}
.highlighted-text {
  background: #ffefc4;
}
.h-91 {
  height: 91% !important;
}
.h-92 {
  height: calc(100% - 80px) !important;
}
.h-95 {
  height: 95% !important;
}
.h-97 {
  height: 97% !important;
}
.h-100-10 {
  height: calc(100% - 10px) !important;
}
.h-100-28 {
  height: calc(100% - 28px) !important;
}
.h-100-56 {
  height: calc(100% - 56px) !important;
}
.h-100-70 {
  height: calc(100% - 70px);
}
.h-100-95px {
  height: calc(100% - 95px) !important;
}
.h-100-100px {
  height: calc(100% - 100px) !important;
}
.h-100-122px {
  height: calc(100% - 122px) !important;
}
.h-100-128px {
  height: calc(100% - 128px) !important;
}
.h-full {
  height: -webkit-fill-available;
  height: -moz-available;
  flex-grow: 1;
}
.h-95-20 {
  height: calc(100% - 42px);
}
.h-34 {
  height: 34px !important;
}
.h-100-37 {
  height: calc(100% - 37px) !important;
}
.h-100-205 {
  height: calc(100% - 205px) !important;
}
.ticketViewContainer .p-tabview .p-tabview-nav-container {
  position: absolute;
  margin-left: 0.8rem !important;
  margin-right: 1.5rem !important;
  width: 100% !important;
}
@media (min-width: 1025px) {
  .wrapper.layout-sidebar-active .main .ticketViewContainer .p-tabview .p-tabview-nav-container {
    width: 100% !important;
  }
}
@media (max-width: 1024px) {
  .wrapper.layout-sidebar-active .main .ticketViewContainer .p-tabview .p-tabview-nav-container {
    width: 100% !important;
  }
}
.s-new {
  background-color: #1e78ba;
}
.s-open {
  background-color: #B4FFEE;
}
.s-onRent {
  background-color: #d0a156;
}
.s-expired {
  background-color: #c9c9c9;
}
.s-terminated {
  background-color: #dd4e4e;
}
.s-pending {
  background-color: #FF7655;
}
.s-overDue {
  background-color: #EF4B4B;
}
.s-completed {
  background-color: #3CD55F;
}
.s-incomplete {
  background-color: #959595;
}
.s-Inprogress {
  background-color: #FECD55;
}
.s-active {
  background-color: #1aac20;
}
.s-draft {
  background-color: #CDCCFF;
}
.s-cancel {
  background-color: #D77D7D;
}
.s-maintenance {
  background-color: #ce4343;
}
.s-enroute {
  background-color: #edc054;
}
.s-overDue {
  background-color: #ef4b4b;
}
.s-void {
  background-color: #db5383;
}
#cancel_contract_container .p-tabview-nav-container,
#addEditContract .p-tabview-nav-container {
  margin-left: 0 !important;
}
#cancel_contract_container .p-tabview .p-tabview-panels,
#addEditContract .p-tabview .p-tabview-panels {
  background: none;
  padding: 0 !important;
}
#cancel_contract_container .p-tabview .p-tabview-nav-container,
#addEditContract .p-tabview .p-tabview-nav-container {
  position: unset;
  width: unset !important;
}
.headerTable {
  background-color: #F5F5F5;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  text-align: center;
  align-items: center;
}
.headerTable span {
  word-break: unset;
  font-size: 12px;
  font-weight: 700;
}
.custella-import-checkpoint {
  border-radius: 50%;
  height: 24px;
  width: 24px;
  background-color: #6366F1;
}
.custella-import-uncheckpoint {
  border-radius: 50%;
  height: 24px;
  width: 24px;
  background-color: #CDCDD7;
}
.custella-import-path {
  border-style: solid;
  border-width: 0.5px;
  width: 25%;
  border-color: #6366F1;
  background: #6366F1;
}
.custella-import-path-export {
  border-style: solid;
  border-width: 0.5px;
  width: 80%;
  border-color: #6366F1;
  background: #6366F1;
}
.custella-import-path-dash {
  border-style: dashed;
  border-width: 0.5px;
  width: 25%;
  border-color: #CDCDD7;
}
.custella-import-path-dash-export {
  border-style: dashed;
  border-width: 0.5px;
  width: 80%;
  border-color: #CDCDD7;
}
.custella-import-path-none {
  border-style: solid;
  border-width: 0.5px;
  width: 25%;
  border-color: transparent;
}
.custella-import-path-none-export {
  border-style: solid;
  border-width: 0.5px;
  width: 80%;
  border-color: transparent;
}
.custella-do-path {
  border-style: solid;
  border-width: 0.5px;
  width: 25%;
  border-color: #6fbc60;
  background: #6fbc60;
}
.f-blue {
  color: #2294e3 !important;
}
.grey-padding {
  border-radius: 6px;
  padding: 8px;
  background-color: #f5f5f5;
}
.custella-grey-box {
  border: 1px solid #F0F0F0;
  min-height: 120px;
  background-color: #F0F0F0;
  border-radius: 5px;
  padding: 8px;
  display: block;
  width: -webkit-fill-available;
  width: -moz-available;
}
.custella-grey-box .operators {
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}
.custella-grey-box-cond {
  border: 1px solid #F0F0F0;
  background-color: #F0F0F0;
  border-radius: 5px;
  padding: 8px;
  display: block;
  width: -webkit-fill-available;
  width: -moz-available;
}
.custella-grey-box-cond .operators {
  display: flex;
  align-items: baseline;
}
.answers-box {
  display: flex;
  align-items: baseline;
}
@media only screen and (max-width: 992px) {
  .answers-box {
    flex-direction: column;
  }
}
.custella-gb-box {
  box-shadow:
    0px 2px 6px 0px rgba(0, 0, 0, 0.1215686275),
    0px 0px 2px 0px rgba(0, 0, 0, 0.0588235294),
    0px 4px 10px 0px rgba(0, 0, 0, 0.031372549);
  background-color: #fff;
  margin: 0.8rem 0;
  padding: 0;
  width: -webkit-fill-available;
}
.custella-gb-title {
  background: #EAEAEA;
  color: #26363e;
  padding: 0.85rem 1.95rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custella-gb-content {
  background: #fff;
  padding: 0.85rem 1.95rem;
}
.custella-gb-content .pill {
  margin-bottom: 1rem;
}
.custella-gb-content .pill .pill-text {
  width: 250px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.title-link {
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #6366F1 !important;
  display: block;
  cursor: pointer;
}
.title-link:hover {
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #6366F1;
  display: block;
  text-decoration: underline;
}
.custella-grey-box-user {
  border: 1px solid #F0F0F0;
  min-height: 100px;
  background-color: #F0F0F0;
  margin-top: 4px;
  border-radius: 5px;
  padding: 8px;
  width: -webkit-fill-available;
  width: -moz-available;
}
.grey-box-integra {
  background: #EDEDED;
  border-radius: 5px;
}
.custella-vehicle-box {
  border: 1px solid #ced4da;
  border-radius: 4px;
  cursor: pointer;
  margin: 0 1.5rem;
}
.custella-vehicle-box .text-10 {
  color: #7C828D;
}
.custella-vehicle-box .pi-sitemap {
  color: #7C828D;
  font-size: 24px;
}
.custella-vehicle-box :hover {
  color: #fff;
  background: #6366F1;
  padding: 0;
  border-radius: 4px;
}
.custella-vehicle-box :hover .text-10 {
  color: #fff;
}
.custella-vehicle-box :hover .pi-sitemap {
  color: #6366F1;
  background: #F0F0F0;
}
.custella-vehicle-box :hover .bg-white2 {
  background: #F0F0F0;
}
.custella-vehicle-box :active {
  color: #fff;
  background: #6366F1;
  padding: 0;
  border-radius: 4px;
}
.custella-vehicle-box :active .text-10 {
  color: #fff;
}
.custella-vehicle-box :active .pi-sitemap {
  color: #6366F1;
  background: #F0F0F0;
}
.custella-vehicle-box :active .bg-white2 {
  background: #F0F0F0;
}
.custella-vehicle-box :focus {
  color: #fff;
  background: #6366F1;
  padding: 0;
  border-radius: 4px;
}
.custella-vehicle-box :focus .text-10 {
  color: #fff;
}
.custella-vehicle-box :focus .pi-sitemap {
  color: #6366F1;
  background: #F0F0F0;
}
.custella-vehicle-box :focus .bg-white2 {
  background: #F0F0F0;
}
.custella-do-checkpoint {
  display: flex;
  padding: 6px;
  align-items: center;
  justify-content: center;
  color: #fff;
  border-radius: 50%;
  z-index: 1;
  background-color: #6fbc60;
}
.custella-do-uncheckpoint {
  border-radius: 50%;
  height: 14px;
  width: 24px;
  background-color: #CDCDD7;
}
.custella-do-text {
  font-size: 12px;
  font: "Inter-Medium";
  white-space: nowrap;
}
.custella-do-text ::after {
  color: #CDCDD7;
}
@media screen and (max-device-width: 1600px) {
  .messages-list {
    width: 35% !important;
    min-width: 350px !important;
  }
}
.text-message {
  flex-wrap: nowrap;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 160px;
}
.w-25-300 {
  width: 25% !important;
  min-width: 350px !important;
}
.custella-messages {
  cursor: pointer;
  padding: 0;
}
.custella-messages :hover {
  background: #F2F4F7;
}
.custella-messages :focus {
  background: #F2F4F7;
}
.custella-messages :active {
  background: #F2F4F7;
}
.custella-messages.active-chat {
  background: #F2F4F7;
}
.custella-messages.active {
  background: #F2F4F7;
}
.custella-chatbox-delivered {
  background: #eeeeee;
  border-radius: 0.75rem 0.75rem 0.75rem 0;
  min-height: 50px;
  white-space: normal;
  padding: 10px 12px;
  margin-left: 2rem;
  max-width: 60%;
  word-wrap: break-word;
  float: left;
}
.delivered-font {
  color: #869aa5;
}
.recipient-font {
  color: #ffffff;
  opacity: 0.7;
}
.custella-chatbox-recipient {
  background: #dcddfa;
  border-radius: 0.75rem 0.75rem 0 0.75rem;
  min-height: 50px;
  white-space: normal;
  padding: 10px 12px;
  margin-left: 3rem;
  word-wrap: break-word;
  max-width: 60%;
  float: right;
}
#assignRole .p-picklist .p-picklist-list,
#assignGroup .p-picklist .p-picklist-list {
  height: 25rem !important;
}
.ph-peek {
  max-width: 159px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ph-peek-cust {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ph-peek-icon-detail {
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ph-peek-short {
  max-width: 110px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (min-width: 1025px) {
  .ph-peek-short {
    max-width: 126px;
  }
}
@media (max-width: 1024px) {
  .ph-peek-short {
    max-width: 110px;
  }
}
.custella-cards-list {
  background: #f8f8f8;
  padding: 10px;
  display: block;
  margin: 0;
  border-radius: 0.5rem;
  border: 1px solid #ced4da;
  cursor: move;
}
.custella-cards-list-desc {
  background: #fff;
  padding: 10px;
  display: block;
  margin: 0;
  border-radius: 0.5rem 0 0 0.5rem;
  border: 1px solid #ced4da;
  cursor: default;
}
.custella-cards-list-del {
  background: #d15555;
  border-top-right-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  width: 27px;
  height: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.custella-ph-header {
  background: #12191D;
  height: 60px;
  width: 100%;
  padding: 12px 10px;
}
.custella-ph-header .custella-ph-header-btn {
  border-radius: 0.25rem;
  background: #F0F0F0;
  width: 32px;
  height: 32px;
  padding: 6px;
  cursor: pointer;
}
.custella-ph-header .custella-ph-header-btn-refresh {
  border-radius: 0.25rem;
  background: transparent;
  width: 32px;
  height: 32px;
  padding: 6px;
  cursor: pointer;
}
.custella-ph-header .custella-ph-header-btn-action {
  border-radius: 0.25rem;
  background: #6366F1;
  color: #fff;
  width: 32px;
  height: 32px;
  padding: 5px;
  cursor: pointer;
}
.ph-center {
  height: 87%;
  width: 96%;
  position: fixed;
}
.ph-center.table {
  height: calc(100% - 129px);
}
.ph-table-fit {
  height: 65vh;
}
.order-detail-ph {
  text-align: center;
  justify-content: center;
  align-items: center;
  margin-top: 15px;
  height: 20px;
}
.order-detail-ph .title {
  margin-top: 5px;
}
.opt-orders-selected {
  overflow: scroll;
}
@media (min-width: 1920px) {
  .opt-orders-selected {
    max-height: 51.9vh;
  }
}
@media (max-width: 1600px) {
  .opt-orders-selected {
    max-height: 44vh;
  }
}
@media (min-width: 1920px) {
  .opt-screen {
    height: 54.5vh;
  }
}
@media (max-width: 1600px) {
  .opt-screen {
    height: 43vh;
  }
}
@media (min-width: 1920px) {
  .ph-table-view {
    width: 100%;
  }
}
.ph-table-view {
  width: 100%;
}
.acceptBtn {
  background-color: #6366f1;
  color: #fff;
  border: 1px solid #6366f1 !important;
  padding: 2px 4px 2px 4px !important;
}
.declineBtn {
  background-color: #f5f5f5;
  margin-right: 2px;
  padding: 2px 2px 2px 6px !important;
}
.custella-ph-footer {
  position: fixed;
  bottom: 0;
  width: calc(100% - 170px);
  background: #F0F0F0;
  height: 250px;
}
.custella-ph-footer .custella-ph-footer-title {
  background: #26363e;
  color: #fff;
  padding: 0.85rem 1.75rem;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.custella-ph-footer .custella-ph-footer-container {
  background: #FAFAFA;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 200px;
  overflow: scroll;
}
.expandWidth {
  width: calc(100% - 60px) !important;
}
.slideUpMore {
  transition: all 0.4s ease-out;
  height: 80%;
  cursor: pointer;
}
.slideUpMore .custella-ph-footer-container {
  height: 93%;
}
.slideUp {
  transition: all 0.4s ease-out;
  height: 250px;
  cursor: pointer;
}
.slideUp .custella-ph-footer-container {
  height: 200px;
}
.slideDown {
  transition: all 0.4s ease-out;
  height: 50px;
  cursor: pointer;
}
.left-bar-ph {
  position: fixed;
  top: 52px;
  width: 340px;
  background: white;
  box-shadow:
    0px 2px 6px 0px rgba(0, 0, 0, 0.1215686275),
    0px 0px 2px 0px rgba(0, 0, 0, 0.0588235294),
    0px 4px 10px 0px rgba(0, 0, 0, 0.031372549);
  z-index: 18;
  transform: translateX(-100%);
  -webkit-transform: translateX(-100%);
}
.left-bar-ph .left-bar-ph-title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #26363e;
  color: #fff;
}
.left-bar-ph .left-bar-ph-title-grey {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #EAEAEA;
  color: #26363e;
}
.left-bar-ph .left-bar-ph-card {
  background: #FAFAFA;
  color: #12191D;
  box-shadow:
    0px 2px 6px 0px rgba(0, 0, 0, 0.1215686275),
    0px 0px 2px 0px rgba(0, 0, 0, 0.0588235294),
    0px 4px 10px 0px rgba(0, 0, 0, 0.031372549);
  border: 1px solid #dedede;
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 0.5rem;
  cursor: pointer;
}
.left-bar-ph .left-bar-ph-card .p-avatar img {
  width: 22px !important;
  height: 22px !important;
  border-radius: 25px !important;
}
.left-bar-ph .left-bar-ph-card:hover {
  border: 1px solid #6366F1;
}
.left-bar-ph .left-bar-ph-card:active {
  border: 1px solid #6366F1;
}
.left-bar-ph .left-bar-ph-card:focus {
  border: 1px solid #6366F1;
}
.left-bar-ph .p-tabview .p-tabview-nav-container {
  position: relative !important;
  width: 100% !important;
  border-top: none;
  margin: 0;
}
.left-bar-ph .p-tabview .p-tabview-panels {
  padding: 0 !important;
  background: white !important;
}
.left-bar-ph .p-tabview .p-tabview-nav li {
  width: 50%;
}
.left-bar-ph .p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}
.left-bar-ph .p-tabview .p-tabview-nav li .p-tabview-nav-link {
  padding: 0.5rem 1.5rem !important;
}
.slide-in {
  animation: slide-in 0.5s forwards;
  -webkit-animation: slide-in 0.5s forwards;
}
.slide-out {
  animation: slide-out 0.5s forwards;
  -webkit-animation: slide-out 0.5s forwards;
}
@keyframes slide-in {
  100% {
    transform: translateX(0%);
  }
}
@-webkit-keyframes slide-in {
  100% {
    -webkit-transform: translateX(0%);
  }
}
@keyframes slide-out {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}
@-webkit-keyframes slide-out {
  0% {
    -webkit-transform: translateX(0%);
  }
  100% {
    -webkit-transform: translateX(-100%);
  }
}
.right-bar-ph {
  position: fixed;
  right: 0;
  background: white;
  min-height: 280px;
  width: 550px;
  z-index: 19;
  box-shadow:
    0px 2px 6px 0px rgba(0, 0, 0, 0.1215686275),
    0px 0px 2px 0px rgba(0, 0, 0, 0.0588235294),
    0px 4px 10px 0px rgba(0, 0, 0, 0.031372549);
  border-top-left-radius: 0.5rem;
  border-bottom-left-radius: 0.5rem;
  transform: translateX(100%);
  -webkit-transform: translateX(100%);
}
.right-bar-ph .right-bar-ph-info {
  background: #f9f9f9;
  margin: 1rem 1.5rem;
  padding: 1rem 1.5rem;
  border-radius: 0.5rem;
  min-height: 190px;
}
.right-bar-ph .right-bar-ph-info-row {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  min-height: 20px;
}
.slide-left {
  right: -551px;
  animation: slide-left 0.5s forwards;
  -webkit-animation: slide-left 0.5s forwards;
}
.slide-right {
  right: 0px;
  animation: slide-right 0.5s forwards;
  -webkit-animation: slide-right 0.5s forwards;
}
@keyframes slide-left {
  100% {
    transform: translateX(-100%);
  }
}
@-webkit-keyframes slide-in {
  100% {
    -webkit-transform: translateX(-100%);
  }
}
@keyframes slide-right {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(100%);
  }
}
@-webkit-keyframes slide-right {
  0% {
    -webkit-transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(100%);
  }
}
.custella-modify-left {
  padding: 1rem;
  border-radius: 0.25rem;
  border-right: 1px solid #dee2e6;
  min-height: 420px;
}
.custella-modify-left .custella-modify-left-card {
  background: #fff;
  color: #12191D;
  padding: 0.5rem 0.75rem;
  margin-bottom: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid #CDCDD7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.custella-modify-left .custella-modify-left-card:hover {
  background: #6366F1;
  color: #fff;
}
.custella-modify-left .custella-modify-left-card.selected-card {
  background: #6366F1;
  color: #fff;
}
.custella-modify-right {
  padding: 1rem;
  border-radius: 0.25rem;
  min-height: 430px;
}
.custella-modify-right .custella-modify-right-card {
  background: #fff;
  color: #12191D;
  padding: 0.75rem 1rem;
  margin-bottom: 0.75rem;
  border-radius: 0.5rem;
  border: 1px solid #CDCDD7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.custella-modify-right .custella-modify-right-card:hover {
  background: #6366F1;
  color: #fff;
}
.bg-grey3 .p-avatar img {
  height: 5rem;
  width: 5rem;
}
.custella-action {
  background: #FAFAFA;
  color: #12191D !important;
  box-shadow:
    0px 2px 6px 0px rgba(0, 0, 0, 0.1215686275),
    0px 0px 2px 0px rgba(0, 0, 0, 0.0588235294),
    0px 4px 10px 0px rgba(0, 0, 0, 0.031372549);
  width: 27.5rem;
}
.custella-action .custella-action-dropdown {
  background: #fff;
  color: #12191D !important;
  padding: 0px;
  border-bottom: 1px solid #CDCDD7;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.custella-action .custella-action-dropdown:hover {
  background: #6366F1;
  color: #fff !important;
}
.custella-action .custella-action-dropdown:focus {
  background: #6366F1;
  color: #fff !important;
}
.custella-action .custella-action-dropdown:active {
  background: #6366F1;
  color: #fff !important;
}
.custella-action.show {
  transform: translate(-126px, 102px) !important;
}
.weightUnit {
  font-size: 9px;
  position: absolute;
  margin-top: -22px;
  z-index: 8;
  right: 153px;
  text-transform: lowercase;
}
.clone {
  position: absolute;
  right: 28px;
  margin-top: -34px;
  background: transparent;
  border: none;
  cursor: pointer;
}
.remove-item {
  position: absolute;
  right: 5px;
  margin-top: -34px;
  background: transparent;
  border: none;
  cursor: pointer;
}
.modal,
.modal-backdrop {
  z-index: 1002 !important;
}
.p-component-overlay {
  z-index: 1000 !important;
}
.p-sidebar-right {
  z-index: 1001 !important;
}
#viewDOTabs .p-tabview-panels {
  padding: 0 !important;
}
.lowCapacity {
  color: #24d13c;
}
.mediumCapacity {
  color: #FDE250;
}
.highCapacity {
  color: #FD9696;
}
.fade-opacity-04 {
  filter: opacity(0.4);
}
.fade-opacity-05 {
  opacity: 0.5;
}
.magnum-progress {
  height: 1.3rem !important;
  border-radius: 0 !important;
}
.bg-color1 {
  background-color: #fecc7b !important;
}
.bg-color2 {
  background-color: #78919f !important;
}
.custella-dash-chart {
  border-radius: 0.5rem;
  padding: 10px;
  margin: 0 10px;
  box-shadow:
    0px 2px 6px 0px rgba(0, 0, 0, 0.1215686275),
    0px 0px 2px 0px rgba(0, 0, 0, 0.0588235294),
    0px 4px 10px 0px rgba(0, 0, 0, 0.031372549);
  min-height: 420px;
}
.custella-dash-chart-no-min {
  border-radius: 0.5rem;
  padding: 10px;
  margin: 0 10px;
  box-shadow:
    0px 2px 6px 0px rgba(0, 0, 0, 0.1215686275),
    0px 0px 2px 0px rgba(0, 0, 0, 0.0588235294),
    0px 4px 10px 0px rgba(0, 0, 0, 0.031372549);
}
.custella-dash-chart-two {
  border-radius: 0.5rem;
  padding: 10px;
  margin: 0 10px;
  box-shadow:
    0px 2px 6px 0px rgba(0, 0, 0, 0.1215686275),
    0px 0px 2px 0px rgba(0, 0, 0, 0.0588235294),
    0px 4px 10px 0px rgba(0, 0, 0, 0.031372549);
}
.custella-dash-chart-two .custella-dash-chart-two-title {
  background: #EAEAEA;
  color: #26363e;
  padding: 0.85rem 1.95rem;
}
.all-team-box {
  display: grid;
  grid-template-columns: repeat(4, minmax(217px, auto));
  grid-auto-rows: 130px;
  padding: 0.5rem 0;
}
.all-team-box-chart {
  display: grid;
  grid-template-columns: repeat(4, minmax(220px, auto));
  padding: 0.5rem 0;
}
.data-label-chart {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  letter-spacing: 0;
  color: #7c828a;
  gap: 0 10px;
}
.team-box {
  text-align: center;
  background: #354954;
  margin: 0.3rem;
  border-radius: 12px;
}
.color-bar {
  height: 11px;
  border-radius: 12px 12px 0px 0px;
}
.team-name {
  background: #27373F;
  color: #FFFFFF;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 1rem;
}
.team-task-data {
  display: flex;
  justify-content: center;
  padding-top: 0.5rem;
}
.masking-svg {
  background-color: #495057;
  width: 20px;
  height: 20px;
  mask-size: cover !important;
}
.masking-svg-opt {
  background-color: rgba(73, 80, 87, 0.3137254902) !important;
}
.task-lock {
  -webkit-mask: url("./media/lock-key.svg") no-repeat center;
  mask: url("./media/lock-key.svg") no-repeat center;
}
.task-lock-key-open {
  -webkit-mask: url("./media/lock-key-open.svg") no-repeat center;
  mask: url("./media/lock-key-open.svg") no-repeat center;
}
.masking-svg-white {
  background-color: #fff !important;
}
.action-info {
  -webkit-mask: url("./media/info-circle.svg") no-repeat center;
  mask: url("./media/info-circle.svg") no-repeat center;
}
.action-ph {
  -webkit-mask: url("./media/pencil.svg") no-repeat center;
  mask: url("./media/pencil.svg") no-repeat center;
}
.modifiy-ph {
  -webkit-mask: url("./media/plus-circle.svg") no-repeat center;
  mask: url("./media/plus-circle.svg") no-repeat center;
}
.table-ph {
  -webkit-mask: url("./media/table-icc.svg") no-repeat center;
  mask: url("./media/plus-circle.svg") no-repeat center;
}
.map-ph {
  -webkit-mask: url("./media/map.svg") no-repeat center;
  mask: url("./media/map.svg") no-repeat center;
}
.refresh-ph {
  -webkit-mask: url("./media/refresh.svg") no-repeat center;
  mask: url("./media/refresh.svg") no-repeat center;
}
.carTypeColorCode-PH {
  background: #afafaf !important;
}
.team-task-ms-user {
  background: #f0f0f0;
  border-radius: 10px 10px 10px 0px;
  width: 75%;
  float: left;
  margin-top: 0.5rem !important;
  word-wrap: break-word;
}
.team-task-ms-owner {
  background: #EDEDFF;
  border-radius: 10px 10px 0px 10px;
  width: 75%;
  float: right;
  margin-top: 0.5rem !important;
  word-wrap: break-word;
}
.team-task-msg-body {
  border: solid 1px #dee2e6;
  border-radius: 9px;
  background: #fff;
  padding: 4px;
}
.team-task-msg-body .textarea {
  width: 100%;
  border: none;
  resize: inherit;
  padding: 4px;
}
.team-task-msg-body textarea:focus {
  outline: none;
}
.slideshow-wrapper {
  display: flex;
  flex-direction: column;
  height: 100%;
}
.slideshow-container {
  background: #000000;
  position: relative;
  top: 0;
  z-index: 1000;
  left: 0;
  width: 100%;
  padding: 52px 2rem 2rem 2rem;
  height: 100%;
}
.slideshow-header {
  display: flex;
  align-items: center;
  letter-spacing: 0px;
  color: #FFFFFF;
  padding-top: 3rem;
}
@media (min-width: 1025px) {
  .slideshow-header {
    padding-left: 11rem;
  }
}
@media (max-width: 1024px) {
  .slideshow-header {
    padding-left: 5rem;
  }
}
.slideshow-footer {
  flex: 1;
  align-items: end;
}
@media (min-width: 1025px) {
  .slideshow-footer {
    padding-left: 11rem;
  }
}
@media (max-width: 1024px) {
  .slideshow-footer {
    padding-left: 5rem;
  }
}
.back-arrow {
  width: 16px;
  height: 16px;
  position: relative;
  bottom: 5px;
}
.the-show {
  margin-top: 2rem;
  height: 70%;
  margin-bottom: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
}
.team-chart-data-label {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 1rem 15px;
  letter-spacing: 0px;
  gap: 0px 10px;
}
.custella-planing-hub-filter {
  position: absolute;
  display: block;
  transform: translate(-115%, 49%);
  z-index: 100;
  width: 22%;
}
@media (min-width: 1920px) {
  .custella-planing-hub-filter {
    transform: translate(-126%, 49%);
  }
  .custella-planing-hub-filter-vehicle {
    transform: translate(-217%, 49%) !important;
  }
}
.custella-planing-hub-filter-vehicle {
  position: absolute;
  display: block;
  transform: translate(-207%, 49%);
  z-index: 100;
  width: 22%;
}
.preview {
  position: relative;
  margin-bottom: 10px;
}
.preview .preview-attachments {
  position: relative;
  background: #fff;
  padding: 0.5rem;
  border-radius: 1.25rem;
  border: 1px solid #878787;
  width: 5rem;
  height: 5rem;
}
.preview .preview-close {
  border-radius: 50%;
  border: 1px solid #878787;
  background: #FAFAFA;
  padding: 4px;
  height: 20px;
  position: relative;
  top: -4px;
  right: 15px;
}
.preview .pi-times {
  font-size: 10px;
}
.multiSelect-width {
  height: 35px;
  display: flex;
  align-items: end;
  width: 255px;
}
.custella-taskOpt-header {
  background: #12191D;
  height: 43px;
  width: 100%;
  padding: 12px 10px;
  display: flex;
  align-items: center;
}
.custella-taskOpt-footer {
  bottom: -15rem;
  position: absolute;
  z-index: 10;
}
.custella-taskOpt-footer .custella-taskOpt-footer-string {
  background-color: #12191D;
  cursor: pointer;
  border-radius: 0.375rem 0.375rem 0 0;
  border: none;
  height: 35px;
}
.custella-taskOpt-footer .custella-taskOpt-footer-body {
  background: transparent;
}
.custella-taskOpt-footer .custella-taskOpt-footer-body .header {
  background: #12191D;
  color: #fff;
  opacity: 0.9;
  padding: 12px 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.custella-taskOpt-footer .custella-taskOpt-footer-body .body {
  height: 200px;
  background: rgba(18, 25, 29, 0.5647058824);
  overflow-y: scroll;
}
.custella-taskOpt-footer .custella-taskOpt-footer-body .body-card {
  display: flex;
  border-radius: 0.375rem;
  background: #FAFAFA;
  cursor: pointer;
}
.row-grid {
  display: grid;
  grid-column-end: five;
  grid-row-start: row1-start;
  grid-template-columns: 24% 24% 24% 24%;
  grid-template-rows: auto 80px;
  column-gap: 17px;
  row-gap: 16px;
}
.slideUpTask {
  bottom: -15rem;
  -webkit-animation: slideUpTask 1s forwards;
  -webkit-animation-delay: 0s;
  animation: slideUpTask 1s forwards;
  animation-delay: 0s;
}
@-webkit-keyframes slideUpTask {
  100% {
    bottom: 3rem;
    display: block;
  }
}
@keyframes slideUpTask {
  100% {
    bottom: 3rem;
    display: block;
  }
}
.slideBottomTask {
  bottom: 3rem;
  -webkit-animation: slideBottomTask 1s forwards;
  -webkit-animation-delay: 0s;
  animation: slideBottomTask 1s forwards;
  animation-delay: 0s;
}
@-webkit-keyframes slideBottomTask {
  10% {
    display: none;
  }
  100% {
    bottom: -15rem;
  }
}
@keyframes slideBottomTask {
  10% {
    display: none;
  }
  100% {
    bottom: -15rem;
  }
}
@media (min-width: 1920px) {
  .task-notes {
    height: 710px;
  }
}
@media (max-width: 1600px) {
  .task-notes {
    height: 710px;
  }
}
.role-dropdown {
  background: white;
  position: absolute;
  z-index: 10;
  width: 100%;
  border: 1px solid grey;
  padding: 10px;
  border-radius: 4px;
}
.role-dropdown .role-drop-item {
  padding: 10px;
  border: grey 1px solid;
  background: white;
  border-radius: 4px;
  margin-top: 2px;
  margin-bottom: 2px;
  cursor: pointer;
  position: relative;
}
.role-dropdown .role-drop-item:hover {
  background: #212121;
  color: white;
}
.user-assign-box {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border: 1px solid #eaeaea;
  border-radius: 4px;
  padding: 5px;
  margin: 5px;
}
.user-search-assign {
  background: white;
  border: 1px solid #6366F1;
  max-height: calc(100% + 25em);
  position: absolute;
  width: 100%;
  z-index: 11;
  overflow: auto;
  border-radius: 4px;
}
.planinghub-button input[type=radio] {
  border: 2px solid #ced4da;
  background: #ffffff;
  width: 16px;
  height: 16px;
  color: #495057;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}
.planinghub-button input[type=radio]:checked {
  border: 5px solid #6366F1;
  background: #ffffff;
  width: 16px;
  height: 16px;
  color: #495057;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}
.planinghub-button input[type=checkbox] {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.c-checkbox-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  color: #FFF;
  border-radius: 4px;
  border: 2px solid #ced4da;
  background-color: #ffffff;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}
.c-checkbox-icon-two {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  color: #FFF;
  border-radius: 4px;
  border: 2px solid #ced4da;
  background-color: #ffffff;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}
.planinghub-button:hover input ~ .c-checkbox-icon {
  background-color: #fff;
}
.planinghub-button:hover input ~ .c-checkbox-icon-two {
  background-color: #fff;
}
.planinghub-button input:checked ~ .c-checkbox-icon {
  background-color: #6366F1;
  border: 2px solid #6366F1;
}
.planinghub-button input:checked ~ .c-checkbox-icon-two {
  background-color: #6366F1;
  border: 2px solid #6366F1;
}
.c-checkbox-icon:after {
  content: "";
  position: absolute;
  display: none;
}
.c-checkbox-icon-two:after {
  content: "";
  position: absolute;
  display: none;
}
.planinghub-button input:checked ~ .c-checkbox-icon:after {
  display: block;
}
.planinghub-button input:checked ~ .c-checkbox-icon-two:after {
  display: block;
}
.planinghub-button .c-checkbox-icon:after {
  left: 2px;
  top: 0px;
  border-radius: 0px;
  font-family: "primeicons";
  content: "\e909";
  transition-duration: 0.2s;
  color: #ffffff;
  font-size: 12px;
}
.planinghub-button .c-checkbox-icon-two:after {
  left: 2px;
  top: 3px;
  border-radius: 0px;
  font-family: "primeicons";
  content: "\e909";
  transition-duration: 0.2s;
  color: #ffffff;
  font-size: 12px;
}
.planinghub-button .indeterminate {
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  color: #FFF;
  border-radius: 4px;
  background-color: #6366F1;
  border: 2px solid #6366F1;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}
.planinghub-button .indeterminate:before {
  margin-left: 2px;
  margin-top: -1px;
  border-radius: 0px;
  font-family: "primeicons";
  content: "\e90f";
  transition-duration: 0.2s;
  color: #ffffff;
  font-size: 13px;
  position: absolute;
}
.theCalendar .fc.fc-theme-standard .fc-toolbar .fc-button {
  text-transform: capitalize !important;
  height: 35px;
}
.theCalendar .fc .fc-timegrid-axis-frame {
  text-transform: capitalize;
}
.b-grid-header-text {
  padding-left: 10px;
}
.custom-tab-header {
  display: flex;
  height: 14px;
  align-items: center;
}
.table-form-left {
  color: white;
  font-family: 400;
  background-color: #2a3a43;
  font-size: 13px;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: middle;
  width: 220px;
}
.table-form-right {
  font-size: 13px;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: middle;
}
.table-form-top {
  color: white;
  font-family: 400;
  background-color: #2a3a43 !important;
  font-size: 13px;
  padding-top: 5px;
  padding-bottom: 5px;
  vertical-align: middle;
}
.bin-in-zone .display-table {
  height: calc(100% - 2px) !important;
}
.bin-in-zone .bins {
  margin-top: 0 !important;
}
.bin-in-zone .bins .noData {
  overflow-y: hidden !important;
}
.table-form-bottom {
  font-size: 13px;
}
.group-in-tab {
  height: calc(100% - 120px);
  position: fixed;
  width: -moz-available;
  width: -webkit-fill-available;
  width: stretch;
}
.table-form-2 {
  border-right: 1px solid #dee2e6 !important;
}
.b-sch-event {
  justify-content: left;
}
.ag-rich-select-list {
  height: 100% !important;
}
.b-sch-horizontal .b-sch-style-line > .b-sch-event {
  top: 50% !important;
}
.demo {
  min-height: 200px;
  overflow-y: scroll;
  display: flex;
  flex-wrap: wrap;
}
.demo .b-list-item {
  min-width: 48px !important;
}
.gmnoprint {
  display: none;
}
.gm-style-iw-d {
  overflow: hidden !important;
}
.gm-style .gm-style-iw-c {
  padding: 0 !important;
}
.gm-ui-hover-effect > span {
  background-color: #fff !important;
}
.custella-form-container-marker {
  box-shadow: 0px 4px 15px -4px rgba(117, 115, 115, 0.8);
  background: #FAFAFA;
  margin: 0 1.5rem;
}
.custella-form-container-marker .custella-form-container-marker-title {
  background: #26363e;
  color: #fff;
  padding: 0.85rem 1.75rem;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.custella-form-container-marker .custella-form-container-marker-content {
  padding: 0rem 1.5rem;
  margin: 1.5rem 0;
  font-family: "Inter-Regular";
  font-size: 12px;
  font-family: "Inter-Medium";
}
.custella-form-container-marker .custella-form-container-marker-content-border-bottom {
  border-bottom: 1px solid #EAEAEA;
  min-height: 50px;
  padding: 0rem 2rem;
}
.custella-form-container-marker .ag-tooltip {
  background-color: #0f1014;
  color: #999eab;
  border-radius: 2px;
  padding: 5px;
  border-width: 1px;
  border-style: solid;
  border-color: #545454;
}
@media (min-width: 1025px) {
  .pa-box {
    width: 40%;
  }
  .pa-box2 {
    width: 38.5%;
  }
}
@media (max-width: 1024px) {
  .pa-box {
    min-width: 36.5%;
  }
}
.custella-task-body {
  overflow: hidden;
  height: 100%;
  width: 100%;
  padding-top: 3rem;
  padding-bottom: 3rem;
  left: 0;
}
.center-header-column * {
  display: flex;
  justify-content: center;
}
.width-90 {
  width: 90px;
}
.rounded-top-right {
  border-top-right-radius: 4px;
}
.rounded-top-left {
  border-top-left-radius: 4px;
}
.rounded-bottom-left {
  border-bottom-left-radius: 4px;
}
.rounded-bottom-right {
  border-bottom-right-radius: 4px;
}
.spinner-fleet .p-progress-spinner-circle {
  stroke: #6366F1 !important;
  animation: fleetSpin 8s ease-in-out infinite !important;
}
@keyframes fleetSpin {
  100%, 0% {
    stroke: #6366F1 !important;
  }
  40% {
    stroke: #6366F1 !important;
  }
  66% {
    stroke: #6366F1 !important;
  }
  80%, 90% {
    stroke: #6366F1 !important;
  }
}
.userOnline {
  border: #6EEAB3 solid 2px;
}
.userOffline {
  border: #D34747 solid 2px;
}
.single-table .ag-center-cols-viewport {
  overflow-x: hidden;
}
.card-product {
  background: #fff;
  margin: 10px 10px 10px 0;
  padding: 10px 23px;
  border-radius: 9px;
  min-width: 200px;
  max-width: 300px;
  box-shadow:
    0px 2px 6px 0px rgba(0, 0, 0, 0.1215686275),
    0px 0px 2px 0px rgba(0, 0, 0, 0.0588235294),
    0px 4px 10px 0px rgba(0, 0, 0, 0.031372549);
}
.grey-box-calendly {
  background: #F4F4F4;
  border-radius: 10px;
  margin: 10px 15px;
  padding: 7px;
}
.grey-box-calendly .grey-box-calendly-content {
  padding: 0 0.5rem;
}
.grey-box-calendly .grey-box-calendly-content .grey-box-calendly-content-row {
  background: #FFF;
  padding: 10px;
  margin-bottom: 1rem;
  border-radius: 10px;
}
.cal-logo {
  margin-top: 0.25rem;
}
.cal-logo img {
  height: 42px;
}
.cal-logo-two {
  margin-top: 0.25rem;
  background: #ECECEC;
  border: 5px solid #ECECEC;
  border-radius: 5px !important;
}
.cal-logo-two img {
  height: 42px;
}
.cal-logo-two-mini {
  background: #ECECEC;
  border: 3px solid #ECECEC;
  border-radius: 5px !important;
}
.cal-logo-two-mini img {
  height: 25px;
}
.preview-calendly-mini {
  background: #ECECEC;
  border: 5px solid #ECECEC;
  border-radius: 5px !important;
}
.preview-calendly {
  background: #ECECEC;
  border: 7px solid #D9D9D9;
  height: 235px;
  border-radius: 14px;
  padding: 0.5rem 1rem;
}
.preview-calendly-ext {
  background: #ECECEC;
  overflow: auto;
}
.preview-calendly-ext .dp-plugin {
  margin: 25px;
  text-align: center;
}
.preview-calendly-ext .prev-cal-logo {
  display: flex;
  align-items: center;
  transform: translate(25px, 10px);
}
.preview-calendly-ext .prev-cal-logo .p-avatar.p-avatar-lg {
  width: unset !important;
}
@media only screen and (min-width: 480px) {
  .preview-calendly-ext {
    background: #ECECEC;
    padding: 5rem;
    overflow: auto;
  }
  .preview-calendly-ext .dp-plugin {
    margin: 25px;
    text-align: center;
  }
}
.display-hide {
  display: none;
}
.display-block {
  display: block;
}
.card-p {
  background: #32454e;
  color: #fff;
  margin: 10px;
  padding: 13px 23px;
  border-radius: 9px;
  min-width: 200px;
  max-width: 300px;
}
.per-page {
  float: left;
  width: 108px;
  display: flex;
  height: 32px;
  margin-top: -36px;
  z-index: 99;
  font-size: 12px;
  font-family: normal;
  position: absolute !important;
}
.survey-peek {
  max-width: 289px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cs-response {
  position: absolute;
  text-align: center;
  padding: 20px;
  top: 25%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cs-response .sub-response {
  display: block;
  margin-top: 16px;
}
.colorEdit {
  color: #fff;
  position: absolute;
  transform: translate(-24px, 9px);
}
.colorSelect {
  color: #fff;
  position: absolute;
  transform: translate(-29px, 14px);
}
.calendlyFrame {
  height: 700px;
  width: 100%;
}
@media only screen and (max-width: 1024px) {
  .calendlyFrame {
    height: 950px;
    width: 100%;
  }
}
.lmtWIHO_gkbTeeyuvoJC.mOUYF5ZmuNL6I7t0mSFg {
  background-color: #1aac20;
}
.licenseBilling {
  margin-top: 0.5rem;
  margin-bottom: 3rem;
  overflow-y: auto;
  height: 100%;
}
.lv-desc {
  background: #fff;
  border-radius: 8px;
  width: 100%;
  padding: 0.45rem 0.75rem;
  margin-bottom: 0.55rem;
  border: 1px solid #dee1e3;
}
.lv-desc .text {
  font-size: 12px;
  font-family: "Inter-Medium";
}
.lv-desc .text .link {
  color: #6366F1;
  cursor: pointer;
  font-size: 12px;
}
.lv-desc .approval-group-row {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.lv-desc .approval-group-row .col-4 {
  flex: 1 1 30%;
  min-width: 240px;
}
.lv-desc .approval-group-row .arrow {
  position: relative;
  top: 28px;
}
.lv-desc .approval-group-row p-button {
  position: relative;
  top: 32px;
}
.access-title {
  z-index: 100;
  position: fixed;
  width: calc(100vw - 28rem);
  background-color: #F3F3F3;
}
.access-title .title {
  display: flex;
  align-items: center;
  position: relative;
  padding-top: 0.5rem;
  word-break: keep-all;
}
.access-title .edit-btn {
  display: flex;
  align-items: center;
  position: fixed;
  right: 9px;
}
.example-template {
  margin: 0.75rem;
  max-height: calc(100vh - 180px);
  height: auto;
  overflow: overlay;
  border: 1px solid #ced4da;
  border-radius: 4px;
}
.example-template .header {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  padding: 1rem;
}
.example-template .header .image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.example-template .header .image span {
  color: #6366F1;
  text-decoration: underline;
  font-size: 12px;
  cursor: pointer;
}
.example-template .header .image img {
  max-height: 175px;
  max-width: 150px;
}
.example-template .image-container {
  position: relative;
  display: flex;
  width: 100%;
}
.example-template .indicator {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(33, 31, 31, 0.5411764706);
  padding: 5px;
  display: flex;
  gap: 5px;
  display: flex;
  gap: 5px;
  z-index: 10;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.example-template .indicator i {
  cursor: pointer;
  font-size: 14px;
  color: #ffffff;
}
.example-template .indicator-prev {
  position: absolute;
  top: 0;
  left: 0;
  background: rgba(33, 31, 31, 0.5411764706);
  padding: 5px;
  display: flex;
  gap: 5px;
  display: flex;
  gap: 5px;
  z-index: 10;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.example-template .indicator-prev i {
  cursor: pointer;
  font-size: 14px;
  color: #ffffff;
}
.example-template .content-email {
  padding: 1.5rem;
}
.example-template .content-email span {
  display: block;
}
.example-template .content-email p-button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.example-template .content-table {
  padding: 1.5rem;
}
.example-template .content-table span {
  display: block;
}
.example-template .content-table p-button {
  display: flex;
  justify-content: center;
  align-items: center;
}
.example-template .bottom {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  padding: 1rem;
}
.example-template .bottom .image {
  display: flex;
  justify-content: center;
  align-items: center;
}
.example-template .bottom .image span {
  color: #6366F1;
  text-decoration: underline;
  font-size: 12px;
  cursor: pointer;
}
.example-template .bottom .image img {
  max-height: 75px;
  max-width: 150px;
}
.filter-section-content .content-container {
  margin-bottom: 10px;
  padding-right: 10px;
}
.filter-group .group-content {
  margin: 17px 0 10px 0;
  padding-left: 24px;
}
.content-container > .filter-rule,
.content-container > .filter-group {
  position: relative;
}
.content-container > .filter-rule::before,
.content-container > .filter-group::before {
  top: -7px;
  border-width: 0 0 2px 2px;
}
.content-container > .filter-rule::after {
  top: 50%;
  border-width: 0 0 0 2px;
}
.filter-section-content .content-container:last-child > .filter-rule::after,
.content-container:last-child > .filter-group::after {
  display: none;
}
.content-container > .filter-rule::before,
.content-container > .filter-rule::after,
.content-container > .filter-group::before,
.content-container > .filter-group::after {
  content: "";
  position: absolute;
  left: -14px;
  width: 14px;
  height: calc(50% + 8px);
  border-color: #3f5764;
  border-style: solid;
}
.content-container:first-child > .filter-rule::before,
.content-container:first-child > .filter-group::before {
  top: -19px;
  height: calc(50% + 21px);
}
.filter-section-content .content-container:last-child > .filter-rule::before,
.filter-section-content .content-container:last-child > .filter-group::before {
  border-radius: 0 0 0 4px;
}
.content-container > .filter-group::before,
.content-container > .filter-group::after {
  left: -13px;
  width: 15px;
}
.content-container > .filter-rule::after,
.content-container > .filter-group::after {
  top: 50%;
  border-width: 0 0 0 2px;
}
.htmlContent div {
  display: -webkit-inline-box;
  width: 100%;
}
.sizing {
  position: fixed;
  height: calc(100% - 140px);
  width: 100%;
  display: flex;
  overflow: overlay;
  padding-bottom: 10px;
}
.banner {
  background: #fff;
  border-radius: 10px;
  border: 1px solid #F1F1F1;
  box-shadow:
    0px 2px 6px 0px rgba(0, 0, 0, 0.1215686275),
    0px 0px 2px 0px rgba(0, 0, 0, 0.0588235294),
    0px 4px 10px 0px rgba(0, 0, 0, 0.031372549);
  padding: 15px 58px;
  margin: 0 0.75rem;
  display: flex;
  align-items: baseline;
}
.banner .left {
  width: 100%;
  padding: 0 0.5rem;
}
.banner .left h1 {
  font-family: "Inter-Bold";
  font-size: 48px;
  margin-bottom: 0;
}
.banner .left p {
  font-family: "Inter-Medium";
  font-size: 14px;
}
.banner .left-view {
  width: 100%;
}
.banner .left-view .p-steps .p-steps-item.p-highlight .p-steps-number {
  color: transparent;
}
.banner .left-view .p-steps .p-steps-item.p-highlight .p-steps-number::before {
  content: "\f00c";
  font-family: "Font Awesome 5 Pro";
  color: #324954;
  margin-left: 0.5rem;
}
.banner .left-view .p-steps .p-steps-item .p-steps-title {
  font-family: "Inter-Medium";
  font-weight: 500;
  font-size: 12px;
}
.banner .left-create {
  width: 100%;
}
.banner .left-create .p-steps .p-steps-item .p-steps-title {
  font-family: "Inter-Medium";
  font-weight: 500;
  font-size: 12px;
}
.banner .left-create .p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
  outline: none;
  box-shadow: none;
}
.banner .left-instruction {
  width: 50%;
}
.banner .left-instruction h4 {
  font-family: "Inter-SemiBold";
  font-size: 20px;
  text-decoration: underline;
  margin-bottom: 0.75rem;
}
.banner .left-instruction .content {
  display: block;
  margin-bottom: 24px;
}
.banner .left-instruction .content h6 {
  font-family: "Inter-SemiBold";
  font-size: 14px;
}
.banner .left-instruction .content .steps span {
  display: block;
  line-height: 1.5rem;
  font-size: 13px;
  font-family: "Inter-Medium";
}
.banner .left-instruction .content .steps-info {
  padding: 0.85rem;
  border: 1px solid #12191D;
  border-radius: 4px;
  width: 95%;
}
.banner .left-instruction .content .steps-info span {
  display: block;
  line-height: 1.5rem;
  font-size: 12px;
  font-family: "Inter-Medium";
}
.banner .left-instruction .content .steps-info .fa-circle-info {
  position: absolute;
  left: 39px;
  top: 180px;
}
.banner .right {
  width: 100%;
  padding: 0.85rem 0 0 50px;
}
.banner .right .p-progressbar {
  height: 1.45rem !important;
  border-radius: 14px !important;
  border: 1px solid #808080 !important;
}
.banner .right .p-progressbar .p-progressbar-value {
  background: #6366F1 !important;
}
.banner .right .p-progressbar .p-progressbar-label {
  display: none !important;
}
.banner .right .content {
  padding: 15px 0;
  width: 100%;
}
.banner .right .content div {
  display: flex;
  align-items: center;
  text-align: justify;
  line-height: 1.5rem;
  justify-content: space-between;
  margin-bottom: 2px;
}
.banner .right .content div .fa-check {
  color: #6FBC60;
}
.banner .right .content div .fa-xmark {
  color: #D34747;
}
.banner .right .content div span {
  margin-left: 0.75rem;
  font-size: 13px;
  font-family: "Inter-Medium";
}
.banner .right .content div span.p-button-label {
  font-size: 12px;
  font-family: "Inter-Regular";
}
.banner .right .content div .p-button {
  justify-content: end;
}
.banner .right .content div .p-button span {
  margin-left: 0;
}
.banner .right-instruction {
  border-left: 1px solid #EAEAEA;
  padding-left: 48px;
  width: 50%;
}
.banner .right-instruction h5 {
  font-family: "Inter-SemiBold";
  font-size: 16px;
  margin-bottom: 0.75rem;
}
.banner .right-instruction .content {
  display: block;
  margin-bottom: 24px;
}
.banner .right-instruction .content h6 {
  font-family: "Inter-SemiBold";
  font-size: 14px;
}
.banner .right-instruction .content .steps span {
  display: block;
  line-height: 1.5rem;
  font-size: 13px;
  font-family: "Inter-Medium";
}
.banner .right-instruction .content .steps span .see-example {
  color: #6366F1;
  text-decoration: underline;
  font-size: 12px;
  cursor: pointer;
  position: relative;
  display: inline-block;
}
.banner .right-instruction .content .steps span .see-example .hidden-div {
  display: none;
  position: absolute;
  top: -95px;
  left: 75px;
  background-color: #fff;
  color: #12191D;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #F5F5F5;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  width: 330px;
}
.banner .right-instruction .content .steps span .see-example .hidden-div h6 {
  font-family: "Inter-SemiBold";
  font-size: 12px;
}
.banner .right-instruction .content .steps span .see-example .hidden-div .steps span {
  display: block;
  line-height: 1.5rem;
  font-size: 10px;
  font-family: "Inter-Medium";
}
.banner .right-instruction .content .steps span .see-example:hover .hidden-div {
  display: block;
}
.banner .right-instruction .content .steps .sbs {
  display: flex;
  align-items: start;
  grid-gap: 12px;
}
.banner .right-instruction .content .steps .sbs .explain {
  display: block;
  line-height: 1.5;
}
.banner .right-instruction .content .steps .sbs-or {
  display: flex;
  align-items: start;
  grid-gap: 23px;
}
.banner .right-instruction .content .steps .sbs-or .explain {
  display: block;
  line-height: 1.5;
}
.banner .right-instruction .content .steps .hover-container {
  position: relative;
  display: inline-block;
  padding: 10px;
  background-color: #3498db;
  color: white;
  border-radius: 5px;
}
.banner button.close {
  background: none;
  border: none;
  position: absolute;
  right: 30px;
}
.location-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #ccc;
  padding: 16px;
  background: #f7f7f7;
  position: relative;
}
.location {
  flex: 1;
  padding: 0 16px;
  position: relative;
}
.location .label {
  display: block;
  font-size: 12px;
  color: #555;
}
.location .value {
  display: block;
  font-weight: bold;
  text-decoration: underline;
  font-size: 16px;
  margin-top: 4px;
  cursor: unset;
}
.location .edit-icon {
  position: absolute;
  top: 0;
  right: 20px;
  cursor: pointer;
}
.arrow-divider {
  height: 100%;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.arrow-divider::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 78px;
  background: #999;
}
.arrow-divider .circle-arrow {
  background: white;
  border: 1px solid #999;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1;
  font-size: 18px;
  font-weight: bold;
}
.bin-info-wrapper {
  min-width: 300px;
  max-width: 100%;
}
.asset-hint {
  min-width: 300px;
  max-width: 100%;
}
.how-it-works {
  margin: 2rem 2.5rem;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.how-it-works .section {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.how-it-works .section .section-header {
  display: flex;
  align-items: center;
  gap: 10px;
}
.how-it-works .section .section-header .number {
  background: #12191D;
  color: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.how-it-works .section .section-header h6 {
  font-family: "Inter-Bold";
  font-size: 16px;
  margin-bottom: 0;
}
.how-it-works .section .section-desc {
  font-family: "Inter-Regular";
  font-size: 14px;
  line-height: 1.5rem;
  text-align: left;
  margin-left: 2.15rem;
}
.how-it-works .section .section-desc-two {
  display: flex;
  flex-direction: column;
  margin-left: 2.15rem;
  gap: 6px;
}
.how-it-works .section .section-desc-two .box {
  background: #dfe0e0;
  border-radius: 4px;
  padding: 0.5rem 1rem;
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: calc(100% - 27px) !important;
}
.how-it-works .section .section-desc-two .box h6 {
  font-family: "Inter-SemiBold";
  font-size: 14px;
  margin-bottom: 0;
}
.how-it-works .section .section-desc-two .box .details {
  font-family: "Inter-Regular";
  font-size: 12px;
  line-height: 1.5rem;
  text-align: left;
}
.bulk-qr {
}
.bulk-qr .custella-modal {
  display: grid;
  grid-template-rows: auto 1fr;
  max-height: 90dvh;
  height: 90dvh;
  min-height: 0;
}
.bulk-qr .custella-modal-body {
  min-height: 0;
  overflow: hidden;
}
.bulk-qr .two-col {
  display: grid;
  grid-template-columns: 3fr 1fr;
  gap: 1rem;
  height: 100%;
  min-height: 0;
}
.bulk-qr .panel {
  display: grid;
  grid-template-rows: auto auto auto auto 1fr;
  min-height: 0;
}
.bulk-qr .panel__body {
  min-height: 0;
  overflow: auto;
}
.bulk-qr .sidebar-settings {
  min-height: 0;
  overflow: auto;
}
.pi:before {
  --webkit-backface-visibility: unset !important;
  backface-visibility: unset !important;
}
span .qr {
  display: unset !important;
}
span .qr .qrcode {
  margin-left: 0.5rem !important;
}
.google-map .map-container {
  margin-top: 36px !important;
}
.editmode-text {
  margin-left: 6px;
  background-color: #FFCE6D;
  font-style: italic;
  font-size: 12px;
  padding: 2px 4px;
}
.wf-trigger-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
}
.wf-trigger-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid #EAEAEA;
  border-radius: 8px;
  cursor: pointer;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.wf-trigger-card:hover {
  border-color: rgb(192.6, 193.8, 249.4);
}
.wf-trigger-card--selected {
  background-color: rgb(192.6, 193.8, 249.4);
}
.wf-trigger-card__icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background-color: #EEF2FF;
  color: #6366F1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.wf-trigger-card--selected .wf-trigger-card__icon {
  background-color: #6366F1;
  color: #fff;
}
.wf-trigger-card__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.wf-trigger-card__title {
  font-size: 14px;
  font-family: "Inter-Medium";
  color: #12191D;
}
.wf-trigger-card__desc {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #495057;
  margin-top: 2px;
}
.conditions-shell {
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
}
.conditions-shell__header {
  background-color: #1a1a2e;
  padding: 16px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.conditions-shell__header-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.conditions-shell__step-badge {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
}
.conditions-shell__title {
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
}
.conditions-shell__info-icon {
  color: #ffffff;
  cursor: pointer;
  font-size: 16px;
}
.conditions-shell__body {
  padding: 20px 24px;
}
.conditions-shell__banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
  color: #6b7280;
}
.conditions-shell__progress {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #111827;
}
.conditions-shell__progress-bar {
  width: 100px;
  height: 6px;
  border-radius: 3px;
  background-color: #e2e4ea;
  overflow: hidden;
}
.conditions-shell__progress-fill {
  height: 100%;
  background-color: #5b52f3;
  border-radius: 3px;
}
.conditions-shell__frame {
  border: 1px dashed #c9ccd6;
  border-radius: 8px;
  padding: 24px;
  background-color: #fafafa;
  min-height: 120px;
}
.conditions-shell__placeholder {
  color: #9ca3af;
  font-size: 12px;
  text-align: center;
  padding: 20px 0;
}
.conditions-shell__footer {
  padding: 16px 24px;
  border-top: 1px solid #eceef1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.conditions-shell__footer-right {
  display: flex;
  align-items: center;
}
.actions-shell {
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
}
.actions-shell__header {
  background-color: #1a1a2e;
  padding: 16px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.actions-shell__header-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.actions-shell__step-badge {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.15);
  color: #ffffff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
  font-weight: 600;
}
.actions-shell__title {
  color: #ffffff;
  font-size: 15px;
  font-weight: 600;
}
.actions-shell__info-icon {
  color: #ffffff;
  cursor: pointer;
  font-size: 16px;
}
.actions-shell__body {
  padding: 14px 24px;
}
.actions-shell__section {
  margin-bottom: 28px;
}
.actions-shell__section:last-child {
  margin-bottom: 0;
}
.actions-shell__section-title {
  font-size: 14px;
  font-family: "Inter-Medium";
  color: #111827;
  margin: 0 0 4px;
}
.actions-shell__section-desc {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #6b7280;
  margin: 0 0 14px;
}
.actions-shell__frame {
  border: 1px dashed #c9ccd6;
  border-radius: 8px;
  padding: 20px;
  background-color: #fafafa;
}
.actions-shell__field-label {
  display: block;
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #111827;
  margin-bottom: 8px;
}
.actions-shell__dropdown {
  width: 100%;
  margin-bottom: 8px;
}
.actions-shell__empty-state {
  text-align: center;
  padding: 32px 20px 12px;
}
.actions-shell__empty-state h4 {
  font-size: 14px;
  font-family: "Inter-Medium";
  color: #111827;
  margin: 12px 0 6px;
}
.actions-shell__empty-state p {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #6b7280;
  max-width: 420px;
  margin: 0 auto 16px;
}
.actions-shell__empty-icon {
  font-size: 28px;
  color: #c9ccd6;
}
.actions-shell__create-btn {
  border: none;
  background-color: #5b52f3;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 20px;
  border-radius: 6px;
  cursor: pointer;
}
.actions-shell__create-btn:hover {
  background-color: #4a42d6;
}
.actions-shell__option-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  margin-bottom: 16px;
}
.actions-shell__option-card {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid #e2e4ea;
  border-radius: 8px;
  cursor: pointer;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.actions-shell__option-card:hover {
  border-color: #5b52f3;
}
.actions-shell__option-card--active {
  border-color: #5b52f3;
  background-color: #f3f2fe;
}
.actions-shell__option-icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background-color: #eef0fd;
  color: #5b52f3;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}
.actions-shell__option-text {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.actions-shell__option-title {
  font-size: 13px;
  font-weight: 700;
  color: #111827;
}
.actions-shell__option-desc {
  font-size: 12px;
  color: #6b7280;
  margin-top: 2px;
}
.actions-shell__footer {
  padding: 16px 24px;
  border-top: 1px solid #eceef1;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.actions-shell__footer-right {
  display: flex;
  align-items: center;
}
.task-scheduler-deprecation-banner {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
  padding: 12px 16px;
  background: #FFF1CC;
}
.task-scheduler-deprecation-banner__icon {
  flex-shrink: 0;
  color: #9B5C01;
  font-size: 28px;
}
.task-scheduler-deprecation-banner__content {
  flex: 1;
  min-width: 0;
}
.task-scheduler-deprecation-banner__title {
  margin: 0 0 2px;
  font-size: 14px;
  font-family: "Inter-SemiBold";
  color: #9B5C01;
}
.task-scheduler-deprecation-banner__desc {
  margin: 0;
  font-size: 12px;
  color: #9B5C01;
}
.task-scheduler-deprecation-banner__desc strong {
  color: #9B5C01;
}
* {
  box-sizing: border-box;
  font-family: "Inter-Regular";
}
body {
  position: relative;
  background-color: #FAFAFA;
  font-family: "Inter-Regular";
  height: 100vh;
  overflow-x: hidden;
  margin: 0;
}
header {
  position: sticky;
}
a {
  text-decoration: none !important;
  color: #fff;
  cursor: pointer;
}
a:hover {
  color: #6366F1;
}
a:focus {
  border: none;
}
i {
  cursor: pointer;
}
ul,
li {
  text-decoration: none !important;
  border: none;
  list-style: none;
}
ul {
  margin-bottom: unset !important;
}
input[type=radio] {
  appearance: none;
}
input[type=checkbox] {
  appearance: none;
  margin: 0;
}
input::placeholder {
  color: #565656;
}
::-webkit-scrollbar {
  width: 0;
}
.wrapper {
  overflow: hidden !important;
}
.wrapper .main {
  padding: 52px 0 0 0 !important;
  background: #f3f3f3;
  position: fixed;
  overflow: overlay;
  width: calc(100% - 172px);
  width: -webkit-fill-available;
  width: -moz-available;
}
.wrapper .main .scroll-child {
  position: absolute;
  width: -webkit-fill-available;
  width: -moz-available;
  height: -webkit-fill-available;
  height: -moz-available;
  height: calc(100% - 52px);
  width: 100%;
  overflow: hidden;
}
.wrapper .sidebar .logo-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 7px;
  padding-bottom: 12px;
  position: fixed;
  background-color: #1a2428;
  z-index: 100;
}
.wrapper .sidebar .logo-header img {
  cursor: pointer;
}
.wrapper.layout-sidebar-active .logo {
  width: 60px;
}
.wrapper.layout-sidebar-active .custella-mini-icon,
.wrapper.layout-sidebar-active .custella-short-icon,
.wrapper.sidebar-active-m .custella-mini-icon {
  margin: 0 auto;
}
.wrapper.collaps-sidebar-active .logo {
  width: 172px !important;
}
.wrapper.collaps-sidebar-active .custella-mini-icon,
.wrapper.collaps-sidebar-active .custella-short-icon {
  margin: unset !important;
}
.wrapper .sidebar {
  background: #fff !important;
  width: 172px;
  border: none !important;
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.wrapper .sidebar ul li a {
  text-decoration: none;
  color: #212121;
  padding: 4px 8px 4px 5px !important;
}
.wrapper .sidebar ul li a:hover {
  background: #f6f3f6;
  color: #212121 !important;
  border-radius: 4px !important;
}
.wrapper .sidebar ul li a:focus {
  background: #f1f0f1;
  color: #212121 !important;
  border-radius: 4px !important;
}
.wrapper .sidebar ul li a:active {
  background: #f1f0f1;
  color: #212121 !important;
  font-weight: 700;
}
.wrapper .sidebar ul li a.active-menuitem {
  background: #f1f0f1;
  color: #212121 !important;
  border-radius: 4px !important;
  font-weight: 700;
}
.wrapper .sidebar ul li a.active-get-started {
  background: #9294FE;
  color: #fff !important;
  border-radius: 4px !important;
  border: 1px solid #D4D4D4;
  font-family: "Inter-Medium";
}
.wrapper .topbar {
  height: 52px;
  padding: 0.5rem 0.5rem 0.5rem 1.5rem;
  background: #26363e !important;
  color: #fff !important;
  border: none !important;
}
.p-inputswitch.p-focus {
  outline: unset !important;
  border: unset !important;
  border-radius: unset !important;
  box-shadow: unset !important;
}
.p-inputswitch.p-focus .p-inputswitch-slider {
  outline: unset !important;
  box-shadow: unset !important;
}
.p-inputswitch.p-disabled {
  outline: unset !important;
  border: unset !important;
  border-radius: unset !important;
  box-shadow: unset !important;
  background: unset !important;
}
.p-button.p-disabled {
  outline: unset !important;
  border: unset !important;
  border-radius: unset !important;
  box-shadow: unset !important;
  background: unset !important;
}
.p-component-overlay {
  background-color: rgba(0, 0, 0, 0.6) !important;
  transition-duration: 0.2s;
}
@media (min-width: 1025px) {
  .p-tabview .p-tabview-nav-btn.p-link {
    display: none;
  }
}
.p-tabview .p-tabview-panel {
  width: 100%;
  height: 100%;
  overflow: overlay;
}
.p-tabview .details .p-tabview-panel {
  width: 100%;
  height: 100%;
  overflow: unset;
}
.left-bar .p-tabview .p-tabview-panel {
  width: 100%;
  height: 100%;
  overflow: unset !important;
}
.scroll-hide .p-tabview .p-tabview-panel {
  width: 100%;
  height: 100%;
  overflow: hidden !important;
}
.setup-tabView .p-tabview .p-tabview-panel {
  height: 100%;
}
.p-tabview .p-tabview-panels {
  color: #212529 !important;
}
.p-accordion-header-link {
  width: 100% !important;
}
.toggle-map .p-accordion-header-link {
  width: unset !important;
  margin-top: unset !important;
}
.custella-vp-picture .p-avatar img {
  width: 100% !important;
  height: 100% !important;
}
.topic .accordion-button {
  color: #fff !important;
}
a.accordion-body {
  text-decoration: unset !important;
}
a.accordion-body .no-expand-topic {
  color: #fff !important;
  text-decoration: unset !important;
}
.custella-profile .border-secondary {
  color: rgb(238, 238, 238) !important;
  --bs-border-opacity: 0.3 !important;
}
.custella-notification .border-secondary {
  color: rgb(238, 238, 238) !important;
  --bs-border-opacity: 0.3 !important;
}
.custella-setup .border-secondary {
  color: #E0E0E0 !important;
}
p-autocomplete,
.p-autocomplete {
  width: 100%;
}
.p-dropdown-items-wrapper {
  max-height: 257px !important;
}
.p-multiselect-items-wrapper {
  max-height: 257px !important;
}
.reports-select .p-multiselect-items-wrapper {
  max-height: 320px !important;
}
.custella-picklist-tab .p-tabview .p-tabview-nav-container {
  width: 67vw !important;
}
.mp-ms .p-multiselect .p-multiselect-label-container .p-multiselect-label {
  overflow: hidden;
  text-overflow: ellipsis;
}
.p-dropdown-width-0 .p-overlay {
  z-index: 1001 !important;
  width: auto !important;
  left: 33.5px !important;
}
.custella-form-container .p-dropdown-panel,
.custella-form-container .p-multiselect-panel {
  z-index: 98 !important;
  width: 100%;
}
.custella-form-container #picklist_TaskPriorityField .p-dropdown-panel,
.custella-form-container #picklist_TaskPriorityField .p-multiselect-panel {
  z-index: 98 !important;
  position: fixed;
  width: unset !important;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  font-size: 12px !important;
  overflow: hidden;
  text-overflow: ellipsis;
}
.assignee-dropdown-panel .p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  font-size: 12px !important;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 227px;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
  font-size: 12px !important;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
  font-size: 12px !important;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
  font-size: 12px !important;
}
.p-listbox-list-wrapper .p-listbox-list .p-listbox-item span {
  font-size: 12px !important;
}
.ag-rich-select-list {
  max-height: 220px !important;
  overflow: scroll;
}
.p-dropdown.h-25 .p-dropdown-trigger {
  padding-top: 2px;
}
.p-button.p-button-icon-only {
  width: 32px !important;
  height: 32px !important;
}
.move .p-button.p-button-icon-only:disabled {
  color: #fff !important;
}
.multiple .p-button.p-button-icon-only {
  width: 32px !important;
  height: 33.6px !important;
}
.custella-color-picker-2 .p-colorpicker-preview {
  width: 3rem !important;
  height: 3rem !important;
}
.custella-color-picker .p-colorpicker-preview {
  width: 32px !important;
  height: 32px !important;
}
.custella-color-picker .p-colorpicker-overlay-panel {
  position: absolute;
  z-index: 99;
  left: -145px !important;
  top: 36px;
}
.color-scheme .p-colorpicker-preview.p-inputtext {
  border-radius: 50% !important;
  border: 3px solid #CACACA !important;
}
.custella-general-setup .p-datatable .p-datatable-thead > tr > th {
  background: #26363e !important;
  color: #fff;
}
.custella-form-container-content .p-datatable .p-datatable-thead > tr > th {
  background: #f8f9fa !important;
  color: #495057;
}
.p-tabview .p-tabview-nav {
  padding-left: 0.75rem;
}
.chubbs .p-tabview .p-tabview-nav-container {
  margin-top: -4px;
}
.p-picklist .p-picklist-header {
  background: #26363e !important;
  color: #fff !important;
  padding: 0.5rem 1rem !important;
}
.mp-field .p-picklist .p-picklist-header {
  background: #fff !important;
  color: #12191D !important;
  padding: 0.5rem 1rem !important;
  font-size: 12px;
  font-family: "Inter-Regular";
}
.mp-field .p-picklist .p-picklist-filter-container {
  padding: 0.5rem 1rem !important;
}
.mp-field .p-picklist .p-picklist-buttons.p-picklist-target-controls {
  display: none;
}
.p-picklist .p-picklist-buttons:nth-child(1) {
  display: none !important;
}
.select-all .p-checkbox .p-checkbox-box {
  background: transparent !important;
}
.p-breadcrumb {
  overflow-y: hidden !important;
}
.p-breadcrumb.title {
  height: 43.5px !important;
}
.p-breadcrumb.title ol {
  padding-left: unset !important;
}
.p-breadcrumb li .p-menuitem-link {
  height: 14px !important;
}
.p-breadcrumb.title ol li .p-menuitem-link .p-menuitem-text {
  font-size: 22px !important;
  font-family: "Inter-SemiBold" !important;
  color: #212529 !important;
}
.p-avatar.p-avatar-xl.teams {
  width: 13.5rem !important;
  height: 9rem !important;
}
.fc-direction-ltr .fc-timegrid-col-events {
  margin: 0 2px !important;
}
.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event {
  background: transparent !important;
  border: transparent !important;
}
.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
  background: #6366F1 !important;
  border: transparent !important;
}
.gmnoprint {
  display: none !important;
}
.ag-theme-balham .ag-row-selected::before {
  background-color: transparent !important;
}
.charts ngx-charts-line-chart .ngx-charts-outer {
  height: 230px !important;
}
.ph .ag-center-cols-viewport {
  width: 100%;
  overflow-x: hidden;
}
.dropdown .dropdown-menu.packages.show {
  position: fixed !important;
}
.table > :not(caption) > * > * {
  padding: 0rem !important;
}
.ag-record-row-summary-panel.padds {
  padding-top: 2.5px !important;
  padding-right: 20px !important;
}
.custella-form-container-content-pane .p-calendar .p-datepicker {
  top: -50px !important;
}
.p-picklist .p-picklist-list {
  height: 350px !important;
}
.jo-type.p-picklist .p-picklist-buttons.p-picklist-transfer-buttons .p-button.p-button-icon-only:nth-child(2),
.jo-type.p-picklist .p-picklist-buttons.p-picklist-transfer-buttons .p-button.p-button-icon-only:nth-child(4) {
  display: none !important;
}
.p-colorpicker-overlay-panel {
  z-index: 1002 !important;
}
.barcode-ov {
  width: 250px !important;
}
.config .barcode-ov {
  width: 120px !important;
}
.p-message .p-message-summary {
  word-break: break-word !important;
  white-space: break-spaces !important;
}
.gmail_quote .gmail_attr a {
  text-decoration: none;
  color: #6366F1 !important;
  cursor: pointer;
}
.gmail_quote .gmail_attr a:hover {
  color: #6366F1;
  text-decoration: underline;
}
.conv-desc-box div:dir(ltr) a {
  text-decoration: none;
  color: #6366F1 !important;
  cursor: pointer;
}
.conv-desc-box div:dir(ltr) a:hover {
  color: #6366F1;
  text-decoration: underline;
}
.angular-editor-textarea a {
  text-decoration: none;
  color: #6366F1 !important;
  cursor: pointer;
}
.angular-editor-textarea a:hover {
  color: #6366F1;
  text-decoration: underline;
}
.left-create .p-steps-item.p-disabled {
  background: #fff !important;
  border: unset !important;
  opacity: 0.6 !important;
}
.left-create .p-steps .step-completed .p-steps-number {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #28a745 !important;
  color: white;
  border-radius: 50%;
  text-indent: -9999px;
  overflow: hidden;
}
.left-create .p-steps .step-completed .p-steps-number::before {
  content: "\2713";
  position: absolute;
  font-size: 1.2rem;
  color: white;
  text-indent: 0;
}
.left-create .p-steps .step-completed.p-disabled {
  opacity: 1 !important;
}
.left-create::ng-deep .p-steps .p-steps-item.step-completed {
  opacity: 1 !important;
  pointer-events: none;
  transition: opacity 0.3s ease;
}
.disable-click-menu {
  pointer-events: none;
}
.user-img-menu ul.p-menu-list {
  padding-left: unset !important;
}
.block-setup-grid__left .p-tree {
  border-radius: 12px !important;
}
.mp-container {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  max-width: 960px;
  margin-inline: auto;
}
.mp-container.w-footer {
  gap: 0;
}
.mp-panel {
  border-radius: 8px;
  background: #fafafa;
  box-shadow: 0px 4px 15px -12px rgba(117, 115, 115, 0.8);
  transition: all 0.3s ease;
}
.mp-panel .mp-header {
  padding: 1.5rem 3rem;
  padding-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mp-panel .mp-header .mp-title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.mp-panel .mp-header .mp-title .mp-index {
  background-color: #222323;
  color: #fff;
  font-size: 12px;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mp-panel .mp-header .mp-title .mp-index.completed {
  color: #00884b;
}
.mp-panel .mp-header .mp-title .mp-index-icon {
  color: #2ecc71;
  font-size: 1.25rem;
}
.mp-panel .mp-header .mp-title h3 {
  font-family: "Inter-SemiBold";
  font-size: 16px;
  color: #212121;
  margin: 0;
}
.mp-panel .mp-header .mp-title .mp-status-pill.draft {
  background: #eef2ff;
  color: #4657d3;
}
.mp-panel .mp-header .mp-title .mp-status-pill.active {
  background: rgba(76, 175, 80, 0.15);
  color: #00884b;
}
.mp-panel .mp-header .mp-edit-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid #d1d5db;
  background: #fff;
  color: #111827;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
  transition:
    background 0.15s ease,
    box-shadow 0.15s ease,
    border-color 0.15s ease;
  margin-left: 0.5rem;
}
.mp-panel .mp-header .mp-edit-btn i {
  font-size: 12px;
}
.mp-panel .mp-header .mp-edit-btn:hover {
  background: #f9fafb;
}
.mp-panel .mp-header .mp-edit-btn:active {
  transform: translateY(1px);
}
.mp-panel .mp-header .mp-edit-btn:focus-visible {
  outline: 2px solid #94a3b8;
  outline-offset: 2px;
}
.mp-panel .mp-header .mp-header-actions {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  padding-right: 2rem;
}
.mp-panel .mp-header-two {
  padding: 8px 1.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mp-panel .mp-header-two .mp-title-two {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.25rem;
}
.mp-panel .mp-header-two .mp-title-two h3 {
  font-family: "Inter-SemiBold";
  font-size: 14px;
  color: #333;
  margin: 0;
  line-height: 1.5;
  text-decoration: underline;
  text-underline-offset: 3px;
}
.mp-panel .mp-header--with-desc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 16px;
  gap: 4px;
}
.mp-panel .mp-header--with-desc .mp-title--with-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mp-panel .mp-header--with-desc .mp-desc {
  margin: 0;
  margin-left: 1.5rem;
  padding: 0;
  font-size: 12px;
  line-height: 1.45;
  color: #515151;
  font-style: italic;
}
.mp-panel .mp-desc {
  margin: 2px 0 14px;
  padding-inline: 2.7rem;
  color: #515151;
  font-size: 13px;
  font-style: italic;
}
.mp-panel.expanded .mp-body-title {
  padding: 1rem 3rem;
}
.mp-panel.expanded .mp-body {
  padding: 0rem 2.7rem 1rem 4.5rem;
}
.mp-panel.expanded .mp-body:empty {
  padding-top: 0.75rem;
  border-top: 0;
  min-height: 0;
}
.mp-panel.expanded .mp-body.fixed-body {
  max-height: 520px;
  height: 520px;
}
.mp-panel.expanded .mp-body .mp-readonly-grid .mp-field {
  display: flex;
  flex-direction: column;
}
.mp-panel.expanded .mp-body .mp-readonly-grid .mp-field label {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #444;
  margin-bottom: 6px;
}
.mp-panel.expanded .mp-body .mp-readonly-grid .mp-field .mp-pill,
.mp-panel.expanded .mp-body .mp-readonly-grid .mp-field .mp-plan-title-row-view .mp-status-pill,
.mp-plan-title-row-view .mp-panel.expanded .mp-body .mp-readonly-grid .mp-field .mp-status-pill,
.mp-panel.expanded .mp-body .mp-readonly-grid .mp-field .mp-plan-title-row .mp-status-pill,
.mp-plan-title-row .mp-panel.expanded .mp-body .mp-readonly-grid .mp-field .mp-status-pill,
.mp-panel.expanded .mp-body .mp-readonly-grid .mp-field .mp-header .mp-title .mp-status-pill,
.mp-panel.expanded .mp-header .mp-title .mp-body .mp-readonly-grid .mp-field .mp-status-pill {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 68px;
  min-height: var(--pill-min-h);
  border: 1px solid var(--line);
  border-radius: var(--pill-radius);
  background: var(--bg);
  padding: 12px 14px;
}
.mp-panel.expanded .mp-body .mp-readonly-grid .mp-field .mp-pill__text {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--ink);
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mp-panel.expanded .mp-body .mp-readonly-grid .mp-field .mp-pill__text .subtext {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.mp-panel.expanded .mp-body .mp-readonly-grid .mp-field .mp-pill__text .subtext .muted {
  color: var(--muted);
  font-weight: 500;
}
.mp-panel.expanded .mp-body .mp-readonly-grid .mp-field .mp-pill__btn {
  flex: 0 0 auto;
  inline-size: 32px;
  block-size: 32px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
}
.mp-panel.expanded .mp-body .mp-readonly-grid .mp-field .mp-pill__btn i {
  font-size: 14px;
  color: #374151;
}
.mp-panel.expanded .mp-body .mp-readonly-grid .mp-field .mp-pill__btn:hover {
  background: #f3f4f6;
}
.mp-panel.expanded .mp-body .mp-readonly-grid .mp-field .mp-pill__btn:focus-visible {
  outline: 2px solid #94a3b8;
  outline-offset: 2px;
}
.mp-panel.expanded .mp-body .mp-readonly-column {
  display: grid;
  grid-template-columns: 1fr;
  row-gap: 4px;
}
.mp-panel.expanded .mp-body .mp-readonly-column .mp-field {
  display: grid;
  grid-template-columns: 99px 1fr;
  column-gap: 12px;
  align-items: baseline;
}
.mp-panel.expanded .mp-body .mp-readonly-column .mp-field label {
  font-size: 12px;
  color: #7C828D;
  font-family: "Inter-Regular";
}
.mp-panel.expanded .mp-body .mp-readonly-column .mp-field .mp-pill,
.mp-panel.expanded .mp-body .mp-readonly-column .mp-field .mp-plan-title-row-view .mp-status-pill,
.mp-plan-title-row-view .mp-panel.expanded .mp-body .mp-readonly-column .mp-field .mp-status-pill,
.mp-panel.expanded .mp-body .mp-readonly-column .mp-field .mp-plan-title-row .mp-status-pill,
.mp-plan-title-row .mp-panel.expanded .mp-body .mp-readonly-column .mp-field .mp-status-pill,
.mp-panel.expanded .mp-body .mp-readonly-column .mp-field .mp-header .mp-title .mp-status-pill,
.mp-panel.expanded .mp-header .mp-title .mp-body .mp-readonly-column .mp-field .mp-status-pill {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 68px;
  min-height: var(--pill-min-h);
  border: 1px solid var(--line);
  border-radius: var(--pill-radius);
  background: var(--bg);
  padding: 12px 14px;
}
.mp-panel.expanded .mp-body .mp-readonly-column .mp-field .mp-pill__text {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--ink);
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mp-panel.expanded .mp-body .mp-readonly-column .mp-field .mp-pill__text .subtext {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.mp-panel.expanded .mp-body .mp-readonly-column .mp-field .mp-pill__text .subtext .muted {
  color: var(--muted);
  font-weight: 500;
}
.mp-panel.expanded .mp-body .mp-readonly-column .mp-field .mp-pill__btn {
  flex: 0 0 auto;
  inline-size: 32px;
  block-size: 32px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
}
.mp-panel.expanded .mp-body .mp-readonly-column .mp-field .mp-pill__btn i {
  font-size: 14px;
  color: #374151;
}
.mp-panel.expanded .mp-body .mp-readonly-column .mp-field .mp-pill__btn:hover {
  background: #f3f4f6;
}
.mp-panel.expanded .mp-body .mp-readonly-column .mp-field .mp-pill__btn:focus-visible {
  outline: 2px solid #94a3b8;
  outline-offset: 2px;
}
.mp-panel.expanded .mp-body .mp-readonly-column .mp-field .mp-ro-input {
  display: inline-flex;
  align-items: center;
  min-height: 40px;
  padding: 8px 12px;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  background: #f9fafb;
  color: #6b7280;
  font-size: 14px;
}
.mp-panel.expanded .mp-body .mp-readonly-column .mp-field .mp-valuecol {
  display: grid;
  row-gap: 4px;
}
.mp-panel.expanded .mp-body .mp-readonly-column .mp-field .mp-valuecol .mp-subtext {
  font-size: 12px;
  font-style: italic;
  color: #9ca3af;
  line-height: 1.45;
}
.mp-panel.expanded .mp-body .mp-readonly-column .mp-field .mp-ro-plain {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
  padding: 0;
  border: 0;
  background: transparent;
}
.mp-panel.expanded .mp-body .mp-readonly-column .mp-field + .mp-field {
  margin-top: 4px;
}
.mp-panel.expanded .mp-body .mp-line {
  margin: 4px 0 16px;
  color: #111827;
  font-size: 12px;
}
.mp-panel.expanded .mp-body .mp-line .mp-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  border: 1px solid #d1d5db;
  border-radius: 12px;
  background: #fff;
  line-height: 1;
  vertical-align: middle;
}
.mp-panel.expanded .mp-body .mp-line .mp-chip b {
  font-weight: 700;
  color: #111827;
}
.mp-panel.expanded .mp-body .mp-line .mp-chip--measure {
  margin: 0 6px;
}
.mp-panel.expanded .mp-body .mp-line .mp-emph {
  font-family: "Inter-SemiBold";
}
.mp-panel.expanded .mp-body .mp-block .mp-link {
  display: inline-block;
  font-family: "Inter-SemiBold";
  color: #0b0b0b;
  text-decoration: underline;
  margin-bottom: 4px;
  font-size: 14px;
  text-underline-offset: 2px;
}
.mp-panel.expanded .mp-body .mp-block .mp-meta {
  font-size: 12px;
  color: #6b7280;
}
.mp-panel.expanded .mp-body .mp-block .mp-meta b {
  color: #0b0b0b;
  font-family: "Inter-Medium";
}
.mp-panel.expanded .mp-body .mp-block .mp-meta .unit {
  margin-left: 2px;
  font-family: "Inter-Medium";
  color: #0b0b0b;
}
.mp-panel.expanded .mp-body .mp-block + .mp-block {
  margin-top: 12px;
}
.mp-panel.expanded .mp-body-bulk {
  padding: 0 1.5rem 1.5rem;
}
.mp-panel--lg {
  border-radius: 12px;
}
.mp-panel--lg .mp-header .mp-title h3 {
  font-size: 16px;
}
.mp-panel--lg .mp-body {
  padding: 0rem 4.5rem 1rem;
}
.mp-panel--lg .mp-body .mp-subhead {
  margin-bottom: 10px;
}
.mp-panel--lg .mp-body .mp-subhead .title {
  font-family: "Inter-SemiBold";
  color: #212121;
  font-size: 14px;
}
.mp-panel--lg .mp-body .mp-subhead .sub {
  font-size: 12px;
  color: #515151;
  margin-top: 2px;
  font-style: italic;
  font-family: "Inter-Regular";
}
.mp-panel.w-footer {
  border-bottom-left-radius: unset;
  border-bottom-right-radius: unset;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}
.mp-button-row {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
.mp-button-row .outline-btn {
  padding: 0.5rem 1rem;
  border: 1px solid #6366F1;
  background: transparent;
  color: #6366F1;
  border-radius: 6px;
  font-family: "Inter-Regular";
  cursor: pointer;
}
.mp-button-row .primary-btn {
  padding: 0.5rem 1.2rem;
  background: #6366F1;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-family: "Inter-Medium";
}
.mp-button-row .primary-btn:disabled {
  background-color: #ddd;
  cursor: not-allowed;
}
.mp-button-row--inline {
  margin-top: 0.75rem;
}
.mp-button-row--with-bg {
  background-color: #fafafa;
  padding: 0.75rem 1.5rem;
  border-top: 1px solid #e0e0e0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  box-shadow: 0px 4px 15px -12px rgba(117, 115, 115, 0.8);
}
.mp-button-row--with-bg.between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mp-button-row--with-bg.between .note {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.mp-button-row--with-bg.between .note .tip {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #212121;
}
.mp-button-row--with-bg.between .note .desc {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
}
.mp-pill,
.mp-plan-title-row-view .mp-status-pill,
.mp-plan-title-row .mp-status-pill,
.mp-panel .mp-header .mp-title .mp-status-pill {
  background: #f0edff;
  color: #6658d3;
  border-radius: 7px;
  font-weight: 700;
  font-size: 0.8rem;
  padding: 0.2rem 0.65rem;
  display: inline-flex;
  align-items: center;
}
.mp-pill.small,
.mp-plan-title-row-view .small.mp-status-pill,
.mp-plan-title-row .small.mp-status-pill,
.mp-panel .mp-header .mp-title .small.mp-status-pill {
  padding: 0.2rem 0.8rem;
}
.mp-actions-bar {
  position: relative;
}
.mp-actions-bar__inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.mp-actions-bar.mp-actions-bar--sticky {
  position: sticky;
  bottom: 0;
  padding-bottom: max(8px, env(safe-area-inset-bottom));
  z-index: 20;
}
.mp-actions-bar.mp-actions-bar--sticky::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 24px;
  background:
    linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.9));
  pointer-events: none;
}
.mp-actions-bar.mp-actions-bar--fixed {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(env(safe-area-inset-bottom) + 12px);
  z-index: 1200;
}
.mp-actions-bar.mp-actions-bar--fixed::before {
  display: none;
}
.mp-fabbar {
  position: fixed;
  left: 55%;
  transform: translateX(-50%);
  bottom: clamp(8px, 2vh, 18px);
  z-index: 1200;
}
.mp-fabbar .mp-fabbar__inner {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  background: #f3f4f6;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  padding: 8px 10px;
  box-shadow: 0 6px 22px rgba(0, 0, 0, 0.12);
}
.mp-fabbar .mp-fabbar__inner .pill.ok {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  padding: 6px 10px;
  border-radius: 999px;
  background: #ecfdf5;
  color: #065f46;
  font-size: 13px;
}
.mp-plan-title-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 0.5rem;
}
.mp-plan-title-row .mp-plan-name {
  width: 380px;
  padding: 0.5rem 0.75rem 0 0;
  border: 0;
  border-bottom: 1px solid #ddd;
  background: #fff;
  font-family: "Inter-Medium";
  font-size: 20px;
}
.mp-plan-title-row .mp-plan-name:focus {
  outline: none;
  border-color: #6366F1;
  box-shadow: none;
}
.mp-plan-title-row .mp-status-pill.draft {
  background: #eef2ff;
  color: #4657d3;
}
.mp-plan-title-row .mp-status-pill.active {
  background: rgba(76, 175, 80, 0.15);
  color: #00884b;
}
.mp-plan-title-row .sub {
  margin: 0;
  color: #212121;
  font-family: "Inter-Regular";
  font-size: 12px;
  display: block;
  margin-top: 2px;
}
.mp-plan-title-row-view {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.5rem;
  align-items: center;
}
.mp-plan-title-row-view .mp-plan-name {
  width: 380px;
  border: 0;
  background: #fff;
  font-family: "Inter-Medium";
  font-size: 20px;
}
.mp-plan-title-row-view .mp-plan-name:focus {
  outline: none;
  border-color: #6366F1;
  box-shadow: none;
}
.mp-plan-title-row-view .mp-status-pill.draft {
  background: #E0E0E0;
  color: #212121;
}
.mp-plan-title-row-view .mp-status-pill.active {
  background: #A2CA78;
  color: #212121;
}
.mp-plan-title-row-view .mp-status-pill.scheduled {
  background: #70DCE2;
  color: #212121;
}
.mp-plan-title-row-view .mp-status-pill.cancelled {
  background: #D77D7D;
  color: #212121;
}
.mp-plan-title-row-view .mp-status-pill.expired {
  background: #959595;
  color: #212121;
}
.mp-plan-title-row-view .mp-plan-name-read-only {
  font-family: "Inter-Medium";
  font-size: 20px;
  margin-bottom: unset;
}
.mp-plan-title-row-view .mp-edit-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid #d1d5db;
  background: #fff;
  color: #111827;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
  transition:
    background 0.15s ease,
    box-shadow 0.15s ease,
    border-color 0.15s ease;
  margin-left: 0.5rem;
}
.mp-plan-title-row-view .mp-edit-btn i {
  font-size: 12px;
}
.mp-plan-title-row-view .mp-edit-btn:hover {
  background: #f9fafb;
}
.mp-plan-title-row-view .mp-edit-btn:active {
  transform: translateY(1px);
}
.mp-plan-title-row-view .mp-edit-btn:focus-visible {
  outline: 2px solid #94a3b8;
  outline-offset: 2px;
}
.mp-inline-row {
  display: flex;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 0.5rem;
  align-items: center;
  position: relative;
}
.mp-inline-row .field-label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #212529;
  flex: 0 0 auto;
  white-space: nowrap;
}
.mp-inline-row .control {
  flex: 1 1 380px;
  min-width: 380px;
  width: 100%;
}
.mp-inline-row .mp-error {
  font-size: 12px;
  color: #d33;
}
.mp-inline-row-box {
  display: flex;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 0.5rem;
  align-items: baseline;
  position: relative;
}
.mp-inline-row-box.no-flx {
  display: unset !important;
}
.mp-inline-row-box.who {
  align-items: center;
}
.mp-inline-row-box .field-label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #212121;
  flex: 0 0 auto;
  white-space: nowrap;
}
.mp-inline-row-box .control {
  flex: 1 1 380px;
  min-width: 380px;
  width: 100%;
}
.mp-inline-row-box .mp-error {
  font-size: 12px;
  color: #d33;
}
.mp-inline-row-box .who {
  font-size: 12px;
  color: #515151;
  font-family: "Inter-Regular";
  margin-bottom: unset;
}
.mp-inline-row-box .edit-chip {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #d4d4d4;
  background: #fff;
  cursor: pointer;
}
.mp-inline-row-box .edit-chip:hover {
  background: #c1c2f9;
}
.mp-inline-row-box .rmv-chip {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #db0000;
  background: #db0000;
  color: white;
  cursor: pointer;
}
.mp-inline-row-box .rmv-chip:hover {
  background: #ac0000;
}
.mp-inline-row-block {
  display: flex;
  flex-direction: column;
  column-gap: 8px;
  row-gap: 4px;
  position: relative;
}
.mp-inline-row-block .field-label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #212529;
  flex: 0 0 auto;
  white-space: nowrap;
}
.mp-inline-row-block .control {
  flex: 1 1 380px;
  min-width: 380px;
  width: 100%;
}
.mp-inline-row-block .mp-error {
  font-size: 12px;
  color: #d33;
}
.mp-inline-row-baseline {
  display: flex;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 0.5rem;
  align-items: baseline;
  position: relative;
}
.mp-inline-row-baseline .field-label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #212529;
  flex: 0 0 auto;
  white-space: nowrap;
}
.mp-inline-row-baseline .control {
  flex: 1 1 380px;
  min-width: 380px;
  width: 100%;
}
.mp-inline-row-baseline .mp-error {
  font-size: 12px;
  color: #d33;
}
.mp-end-type {
  min-width: 160px;
}
.mp-end-date {
  display: none;
}
.mp-end-type.is-custom-date + .mp-end-date {
  display: block;
}
.mp-hint {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #212121;
  margin-bottom: 4px;
}
.mp-trigger-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(240px, 1fr));
  gap: 0.75rem;
}
.mp-dropdown-card {
  position: relative;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  padding: 0.9rem 1rem;
  cursor: pointer;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.06s ease;
}
.mp-dropdown-card:hover {
  border-color: #d1d5db;
}
.mp-dropdown-card:active {
  transform: translateY(1px);
}
.mp-dropdown-card .title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "Inter-Medium";
  color: #222;
}
.mp-dropdown-card .title .icon {
  font-size: 18px;
}
.mp-dropdown-card .title span {
  font-size: 14px;
  font-family: "Inter-SemiBold";
}
.mp-dropdown-card .desc {
  margin-top: 0.45rem;
  color: #666;
  font-size: 10px;
  line-height: 1.35;
}
.mp-dropdown-card .tick {
  position: absolute;
  top: 14px;
  right: 13px;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  border: 2px solid #d1d5db;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mp-dropdown-card.is-active {
  border: 2px solid #6366F1;
}
.mp-dropdown-card.is-active .tick {
  border-color: #6366F1;
  background: #6366F1;
}
.mp-dropdown-card.is-active .tick::before {
  content: "\f00c";
  font-family:
    "Font Awesome 6 Free",
    "Font Awesome 5 Pro",
    "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 13px;
  line-height: 1;
  color: #fff;
  padding-top: 2px;
}
.mp-dropdown-card.is-disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.mp-dropdown-dark {
  position: relative;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  padding: 0.9rem 1rem;
  cursor: pointer;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.06s ease;
}
.mp-dropdown-dark:hover {
  border-color: #d1d5db;
}
.mp-dropdown-dark:active {
  transform: translateY(1px);
}
.mp-dropdown-dark .title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "Inter-Medium";
  color: #222;
}
.mp-dropdown-dark .title .icon {
  font-size: 18px;
}
.mp-dropdown-dark .title span {
  font-size: 14px;
  font-family: "Inter-SemiBold";
}
.mp-dropdown-dark .desc {
  margin-top: 0.45rem;
  color: #666;
  font-size: 10px;
  line-height: 1.35;
}
.mp-dropdown-dark .tick {
  position: absolute;
  top: 14px;
  right: 13px;
  width: 18px;
  height: 18px;
  border-radius: 5px;
  border: 2px solid #d1d5db;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mp-dropdown-dark.is-active {
  border: 2px solid #282828;
}
.mp-dropdown-dark.is-active .tick {
  border-color: #282828;
  background: #282828;
}
.mp-dropdown-dark.is-active .tick::before {
  content: "\f00c";
  font-family:
    "Font Awesome 6 Free",
    "Font Awesome 5 Pro",
    "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 13px;
  line-height: 1;
  color: #fff;
  padding-top: 2px;
}
.mp-dropdown-dark.is-disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.mp-dropdown-dark.is-active-disabled {
  border: 2px solid #d9d9d9;
  background: #ececfd !important;
}
.mp-dropdown-dark.is-active-disabled .tick {
  border-color: #d9d9d9;
  background: #ededfd;
}
.mp-dropdown-dark.is-active-disabled .tick::before {
  content: "\f00c";
  font-family:
    "Font Awesome 6 Free",
    "Font Awesome 5 Pro",
    "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 13px;
  line-height: 1;
  color: #fff;
  padding-top: 2px;
}
.mp-visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}
.mp-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.mp-topbar-left .mp-topbar-title {
  font-family: "Inter-SemiBold";
  font-size: 16px;
  text-decoration: underline;
  text-underline-offset: 3px;
  line-height: 1.5;
  padding: 5px;
}
.mp-topbar-right {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 12px;
  flex-wrap: wrap;
}
.mp-topbar-right .mp-segments {
  display: inline-flex;
  border: 1.5px solid #d9d9d9;
  border-radius: 9999px;
  background: #fff;
  gap: 0;
}
.mp-topbar-right .mp-segments .mp-segment {
  appearance: none;
  border: 0;
  background: transparent;
  color: #6b7280;
  font-family: "Inter-Regular";
  font-size: 13px;
  line-height: 1;
  padding: 6px 14px;
  cursor: pointer;
  border-radius: 9999px;
  position: relative;
  transition:
    background 0.15s ease,
    box-shadow 0.15s ease,
    color 0.15s ease;
}
.mp-topbar-right .mp-segments .mp-segment:hover {
  background: #f5f5f5;
}
.mp-topbar-right .mp-segments .mp-segment.is-active {
  color: #0b0b0b;
  font-family: "Inter-SemiBold";
  background: #fff;
  z-index: 1;
  box-shadow: 0 0 0 1px #1d1d1d;
}
.mp-topbar-right .mp-segments .mp-segment--left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.mp-topbar-right .mp-segments .mp-segment--left.is-active {
  border-radius: 9999px 0 0 9999px;
}
.mp-topbar-right .mp-segments .mp-segment--right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.mp-topbar-right .mp-segments .mp-segment--right.is-active {
  border-radius: 0 9999px 9999px 0;
}
.mp-note {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: 1px solid #d9d9d9;
  border-radius: 999px;
  color: #282828;
  background: #ededfd;
  font-size: 12px;
  font-family: "Inter-Regular";
}
.mp-note-option {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border: 1px solid #d9d9d9;
  border-radius: 999px;
  color: #282828;
  background: #ededfd;
  font-size: 12px;
  font-family: "Inter-Regular";
  cursor: pointer;
}
.mp-note-option:hover {
  background: #dedefb;
}
.mp-note-option .is-selected {
  background: #dedefb;
}
.mp-nested-list {
  overflow: overlay;
}
.mp-nested-list .mp-scroll-container {
  max-height: calc(100vh - 190px);
  overflow-y: auto;
  overflow-x: hidden;
}
.mp-nested-list .mp-list-loader,
.mp-nested-list .mp-list-end {
  text-align: center;
  padding: 0.75rem 0;
  font-size: 0.875rem;
  opacity: 0.7;
}
.left-section {
  max-height: calc(100vh - 190px);
  overflow: scroll;
}
.scroll-section-inline-task {
  max-height: calc(100vh - 178px);
  overflow: overlay;
}
.mp-subpanel {
  border: 1px solid #d4d4d4;
  border-radius: 12px;
  background: #fff;
}
.mp-subpanel .mp-header {
  padding: 0.75rem 1rem;
}
.mp-subpanel .mp-title h3 {
  margin: 0;
  font-size: 15px;
}
.mp-subpanel .mp-subhead-sub {
  margin: 10px 20px;
}
.mp-subpanel .mp-subhead-sub .title {
  font-family: "Inter-SemiBold";
  color: #0b0b0b;
  font-size: 14px;
}
.mp-subpanel .mp-subhead-sub .sub {
  font-size: 12px;
  color: #9ca3af;
  margin-top: 4px;
}
.mp-subpanel .mp-subhead-sub .head-img {
  width: 37px;
}
.mp-subpanel .mp-subhead-sub.mp-subhead--inline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.mp-subpanel .mp-subhead-sub.mp-subhead--inline .logo-preview {
  width: 100px;
}
.mp-subpanel .mp-sub-body {
  padding: 1.5rem;
}
.mp-subpanel .mp-sub-body .mp-subhead {
  margin-bottom: 10px;
}
.mp-subpanel .mp-sub-body .mp-subhead .title {
  font-family: "Inter-SemiBold";
  color: #0b0b0b;
}
.mp-subpanel .mp-sub-body .mp-subhead .sub {
  font-size: 12px;
  color: #9ca3af;
  margin-top: 4px;
}
.mp-subpanel .mp-sub-body .mp-duo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 18px;
  align-items: start;
}
.mp-subpanel .mp-sub-body .mp-fieldline {
  display: grid;
  row-gap: 6px;
}
.mp-subpanel .mp-sub-body .mp-fieldline label {
  font-size: 12px;
  letter-spacing: 0.02em;
  color: #6b7280;
  font-family: "Inter-Medium";
  text-transform: uppercase;
}
.mp-subpanel .mp-sub-body .mp-ms .p-multiselect .p-multiselect-label-container .p-multiselect-label {
  overflow: hidden;
  width: 340px;
  text-overflow: ellipsis;
}
.mp-subpanel .mp-body-two {
  padding: 0 1.5rem 1.5rem 1.5rem;
}
.mp-subpanel .mp-body {
  padding: 1.5rem 2rem;
}
.mp-subpanel .mp-body .mp-schedule-grid {
  display: grid;
  grid-template-columns: 1fr 0.1fr 1fr;
  gap: 20px;
  align-items: center;
  margin-top: 10px;
}
.mp-subpanel .mp-body .mp-schedule-grid .mp-cycle {
  display: flex;
  align-items: center;
}
.mp-subpanel .mp-body .mp-schedule-grid .mp-cycle .mp-cycle-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 84px;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid #16a34a;
  background: #ecfdf3;
  color: #166534;
  font-size: 12px;
  font-family: "Inter-Medium";
  white-space: nowrap;
}
.mp-subpanel .mp-body .mp-schedule-grid .mp-cycle .mp-cycle-pill.mp-cycle-pill--empty {
  border-color: #C4C4C4;
  background: #F4F4F4;
  color: #7C7C7C;
}
.mp-subpanel .mp-body .mp-schedule-grid .mp-template-empty {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 12px;
  font-size: 12px;
  color: #6b7280;
  font-family: "Inter-Medium";
  font-style: italic;
}
.mp-subpanel .mp-body .mp-schedule-grid .mp-template-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 8px 12px 8px 10px;
  border: 1px solid #ededfd;
  border-left: 12px solid #00884b;
  border-radius: 12px;
  background: #ededfd;
  color: #212529;
  font-size: 12px;
}
.mp-subpanel .mp-body .mp-schedule-grid .mp-template-pill .text {
  font-family: "Inter-Regular";
  white-space: nowrap;
}
.mp-subpanel .mp-body .mp-schedule-grid .mp-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #717171;
}
.mp-subpanel .mp-body .mp-schedule-grid .mp-assigned-pill {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  border: 1px solid #ededfd;
  border-radius: 12px;
  background: #ededfd;
  color: #374151;
  font-size: 12px;
}
.mp-subpanel .mp-body .mp-schedule-grid .mp-assigned-pill .icon {
  font-size: 14px;
  color: #6b7280;
  padding: 8px 12px;
  border-right: 1px solid #e5e7eb;
}
.mp-subpanel .mp-body .mp-schedule-grid .mp-assigned-pill .text {
  padding: 8px 12px;
  font-family: "Inter-Regular";
  white-space: nowrap;
}
.mp-subpanel .mp-body .mp-schedule-grid.mp-schedule-grid--with-cycle {
  grid-template-columns: 70px 1fr max-content 1fr;
  border-bottom: 1px solid #CACACA;
  padding-bottom: 10px;
}
.mp-subpanel .mp-body .mp-readonly-grid .mp-field {
  display: flex;
  flex-direction: column;
}
.mp-subpanel .mp-body .mp-readonly-grid .mp-field label {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #444;
  margin-bottom: 6px;
}
.mp-subpanel .mp-body .mp-readonly-grid .mp-field .mp-pill,
.mp-subpanel .mp-body .mp-readonly-grid .mp-field .mp-panel .mp-header .mp-title .mp-status-pill,
.mp-panel .mp-header .mp-title .mp-subpanel .mp-body .mp-readonly-grid .mp-field .mp-status-pill,
.mp-subpanel .mp-body .mp-readonly-grid .mp-field .mp-plan-title-row .mp-status-pill,
.mp-plan-title-row .mp-subpanel .mp-body .mp-readonly-grid .mp-field .mp-status-pill,
.mp-subpanel .mp-body .mp-readonly-grid .mp-field .mp-plan-title-row-view .mp-status-pill,
.mp-plan-title-row-view .mp-subpanel .mp-body .mp-readonly-grid .mp-field .mp-status-pill {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 68px;
  min-height: var(--pill-min-h);
  border: 1px solid var(--line);
  border-radius: var(--pill-radius);
  background: var(--bg);
  padding: 12px 14px;
}
.mp-subpanel .mp-body .mp-readonly-grid .mp-field .mp-pill__text {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--ink);
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mp-subpanel .mp-body .mp-readonly-grid .mp-field .mp-pill__text .subtext {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.mp-subpanel .mp-body .mp-readonly-grid .mp-field .mp-pill__text .subtext .muted {
  color: var(--muted);
  font-weight: 500;
}
.mp-subpanel .mp-body .mp-readonly-grid .mp-field .mp-pill__btn {
  flex: 0 0 auto;
  inline-size: 32px;
  block-size: 32px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
}
.mp-subpanel .mp-body .mp-readonly-grid .mp-field .mp-pill__btn i {
  font-size: 14px;
  color: #374151;
}
.mp-subpanel .mp-body .mp-readonly-grid .mp-field .mp-pill__btn:hover {
  background: #f3f4f6;
}
.mp-subpanel .mp-body .mp-readonly-grid .mp-field .mp-pill__btn:focus-visible {
  outline: 2px solid #94a3b8;
  outline-offset: 2px;
}
.mp-subpanel.mp-filter-card {
  border-radius: 14px;
  border-color: #e5e7eb;
}
.mp-subpanel.mp-filter-card .mp-filter-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  border-bottom: 1px solid #efefef;
}
.mp-subpanel.mp-filter-card .mp-filter-head .filter-title {
  font-family: "Inter-SemiBold";
}
.mp-subpanel.mp-filter-card .mp-body-two {
  padding-top: 10px;
}
.mp-subpanel.mp-filter-card .mp-body-two .mp-duo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 18px;
}
.mp-subpanel.mp-filter-card .mp-body-two .mp-duo .mp-fieldline {
  display: grid;
  row-gap: 6px;
}
.mp-subpanel.mp-filter-card .mp-body-two .mp-duo .mp-fieldline label {
  font-size: 12px;
  color: #282828;
}
.mp-subpanel.mp-filter-card .mp-body-two .mp-duo + .mp-duo {
  margin-top: 10px;
}
.mp-subpanel.mp-filter-card--v2 {
  border-radius: 10px;
  background: rgba(239, 239, 239, 0.2784313725);
  box-shadow: 0 5px 30px rgba(15, 23, 42, 0.04);
}
.mp-subpanel.mp-filter-card--v2 .mp-filter-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 18px 10px;
  border-top-left-radius: 9px;
  border-top-right-radius: 9px;
  background: #ffffff;
}
.mp-subpanel.mp-filter-card--v2 .mp-filter-head .filter-title {
  font-family: "Inter-SemiBold";
  font-size: 13px;
  color: #0f172a;
}
.mp-subpanel.mp-filter-card--v2 .mp-filter-head .filter-reset {
  font-size: 12px;
  font-family: "Inter-Medium";
  border-radius: 999px;
  padding: 4px 10px;
  border-color: transparent;
  background: transparent;
  color: #64748b;
}
.mp-subpanel.mp-filter-card--v2 .mp-filter-head .filter-reset:hover {
  background: #e2e8f0;
  color: #0f172a;
}
.mp-subpanel.mp-filter-card--v2 .mp-body-two {
  padding: 12px 18px 14px;
  border-bottom-left-radius: 9px;
  border-bottom-right-radius: 9px;
  background: #ffffff;
}
.mp-subpanel.mp-filter-card--v2 .mp-body-two .mp-filter-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 6px;
  align-items: baseline;
  margin-bottom: 12px;
}
.mp-subpanel.mp-filter-card--v2 .mp-body-two .mp-filter-meta__label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #94a3b8;
  font-family: "Inter-Medium";
}
.mp-subpanel.mp-filter-card--v2 .mp-body-two .mp-filter-meta__value {
  font-size: 12px;
  color: #475569;
  font-family: "Inter-Regular";
}
.mp-subpanel.mp-filter-card--v2 .mp-body-two .mp-filter-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1fr);
  gap: 14px 16px;
  align-items: flex-end;
}
.mp-subpanel.mp-filter-card--v2 .mp-body-two .mp-filter-grid .mp-fieldline {
  display: grid;
  row-gap: 4px;
}
.mp-subpanel.mp-filter-card--v2 .mp-body-two .mp-filter-grid .mp-fieldline label {
  font-size: 12px;
  color: #212121;
  font-family: "Inter-Regular";
}
.mp-subpanel.mp-filter-card--v2 .mp-body-two .mp-filter-grid .mp-fieldline .mp-ms .p-multiselect .p-multiselect-label-container .p-multiselect-label {
  overflow: hidden;
  width: 170px;
  text-overflow: ellipsis;
}
@media (max-width: 1024px) {
  .mp-subpanel.mp-filter-card--v2 .mp-body-two .mp-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 640px) {
  .mp-subpanel.mp-filter-card--v2 .mp-body-two .mp-filter-grid {
    grid-template-columns: 1fr;
  }
}
.mp-subpanel.mp-results-card {
  border: unset;
}
.mp-subpanel.mp-results-card .mp-results-head {
  display: grid;
  grid-template-columns: 1fr max-content max-content;
  align-items: center;
  padding: 10px 16px;
  border-bottom: 1px solid #efefef;
}
.mp-subpanel.mp-results-card .mp-results-head .selall {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #6b7280;
}
.mp-subpanel.mp-results-card .mp-body-two {
  padding: 0;
}
.mp-subpanel.mp-results-card .mp-body-two .table-shell {
  overflow: hidden;
  background: #fff;
  height: 450px;
}
.mp-subpanel.mp-results-card .mp-body-two .showing {
  margin-top: 8px;
  text-align: right;
  font-size: 13px;
  color: #6b7280;
  margin-right: 14px;
  padding-bottom: 6px;
}
.mp-subpanel.mp-list-card .mp-planlist-head {
  display: grid;
  grid-template-columns: 1fr max-content;
  align-items: center;
  padding: 8px 16px;
  border-bottom: 1px solid #efefef;
}
.mp-subpanel.mp-list-card .mp-planlist-head__left .title {
  font-family: "Inter-SemiBold";
  font-size: 14px;
  color: #0b0b0b;
}
.mp-subpanel.mp-list-card .mp-planlist-head__right {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.mp-subpanel.mp-list-card .mp-planlist-head__right .label {
  font-size: 12px;
  color: #6b7280;
}
.mp-subpanel.mp-list-card .mp-planlist-head__right ::ng-deep .p-inputswitch {
  transform: scale(0.9);
}
.mp-subpanel.mp-list-card .mp-body-two {
  padding: 0;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-list {
  display: grid;
  gap: 5px;
  padding-bottom: 52px;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-list--empty {
  justify-content: center;
  align-content: center;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-list--empty p {
  font-size: 13px;
  color: #6b7280;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-card {
  border-radius: 4px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
  padding: 4px 0px 0px 0px;
  display: grid;
  gap: 0px;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 5px 0 8px 8px;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-card__title {
  margin: 0;
  font-size: 13px;
  font-family: "Inter-SemiBold";
  display: flex;
  flex-direction: row;
  gap: 0.5rem;
  align-items: center;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-card__title .no-date:hover {
  color: #6366F1;
  cursor: pointer;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-card__header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-card__body {
  display: grid;
  gap: 0;
  border-top: 1px solid #e5e7eb;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-card__body_two {
  display: grid;
  gap: 0;
  border-top: 1px solid #e5e7eb;
  padding: 8px 5px 5px 8px;
}
.mp-subpanel.mp-list-card .mp-body-two .status-pill {
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  background-color: #e5e7eb;
  color: #374151;
}
.mp-subpanel.mp-list-card .mp-body-two .status-pill--active {
  background-color: #d1fae5;
  color: #065f46;
}
.mp-subpanel.mp-list-card .mp-body-two .status-pill--inactive {
  background-color: #f3f4f6;
  color: #6b7280;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-row {
  border: 0;
  border-radius: 0;
  background-color: #ffffff;
  padding: 0px;
  display: grid;
  gap: 0px;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-row--next {
  background-color: #ffffff;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-row + .mp-plan-row {
  border-top: 1px solid #e5e7eb;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-row__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #f5f5f5;
  height: 100%;
  padding-left: 8px;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-row__header .title {
  font-size: 10px;
  font-family: "Inter-Medium";
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-row__grid {
  display: grid;
  grid-template-columns: minmax(140px, 1.35fr) minmax(110px, 1.26fr) minmax(110px, 1.26fr) minmax(160px, 2.34fr) minmax(180px, 2.97fr) minmax(70px, 0.81fr);
  gap: 8px 16px;
  align-items: center;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-row__grid--meter-based {
  grid-template-columns: minmax(110px, 1fr) minmax(90px, 0.85fr) minmax(90px, 0.85fr) minmax(90px, 0.85fr) minmax(100px, 0.75fr) minmax(140px, 1.2fr) minmax(120px, 0.85fr) minmax(70px, 0.7fr) minmax(70px, 0.7fr);
  gap: 6px 10px;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-row__grid--meter-based .metric-label {
  font-size: 9px;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-row__grid--meter-based .metric-value {
  font-size: 11px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-row__grid_two {
  display: grid;
  grid-template-columns: 1.2fr 0.5fr 1fr 1fr 1.2fr 1.5fr 170px;
  gap: 12px;
  align-items: self-start;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-row__cta {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-row__cta--next {
  grid-column: 1/-1;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-row__cta .btn-action {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  border: 1px solid #6366F1;
  border-radius: 4px;
  color: #12191D;
  cursor: pointer;
  transition: all 0.2s;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-row__cta .btn-action i {
  font-size: 14px;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-row__cta .btn-action:hover {
  border-color: #6366F1;
  background: #f5f5ff;
  color: #6366F1;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-metric {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 10px;
  padding-bottom: 2px;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-metric .metric-label {
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6c6c6c;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-metric .metric-value {
  font-size: 12px;
  color: #212121;
  font-family: "Inter-Regular";
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-metric .metric-value.no-date {
  color: #6366F1;
  font-style: italic;
  cursor: pointer;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-metric .metric-value.no-date:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.mp-subpanel.mp-list-card .mp-body-two .mp-plan-metric--status {
  align-items: flex-start;
}
.mp-subpanel.mp-list-card .mp-body-two .status-chip {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  background-color: #e5e7eb;
  color: #374151;
}
.mp-subpanel.mp-list-card .mp-body-two .status-chip--completed {
  background-color: #dcfce7;
  color: #15803d;
}
.mp-subpanel.mp-list-card .mp-body-two .status-chip--pending {
  background-color: #fef3c7;
  color: #92400e;
}
.mp-subpanel.mp-list-card .mp-body-two .ghost-pill-btn {
  border-radius: 999px;
  border: 1px solid #d4d4d8;
  background-color: #ffffff;
  padding: 4px 12px;
  font-size: 12px;
  cursor: pointer;
}
.mp-subpanel.mp-list-card .mp-body-two .ghost-pill-btn:hover {
  background: #f4f4f5;
}
.mp-subpanel.mp-list-card .mp-body-two .ghost-pill-btn--secondary {
  border-color: #c7d2fe;
  background-color: #eef2ff;
}
.mp-subpanel.mp-list-card .mp-body-two .primary-pill-btn {
  border-radius: 999px;
  border: 0;
  background-color: #4f46e5;
  color: #ffffff;
  padding: 4px 14px;
  font-size: 12px;
  cursor: pointer;
  width: 120px;
}
.mp-subpanel.mp-list-card .mp-body-two .primary-pill-btn:hover {
  background-color: #4338ca;
}
@media (max-width: 900px) {
  .mp-subpanel.mp-list-card .mp-body-two .mp-plan-row__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: auto;
  }
  .mp-subpanel.mp-list-card .mp-body-two .mp-plan-row__grid .mp-plan-row__cta,
  .mp-subpanel.mp-list-card .mp-body-two .mp-plan-row__grid .mp-plan-row__cta--next {
    grid-column: 1/-1;
    justify-content: flex-start;
  }
}
.mp-subpanel + .mp-subpanel {
  margin-top: 14px;
}
.mp-grid-2 {
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 20px;
}
.mp-option-cards {
  display: grid;
  grid-template-columns: repeat(2, 350px);
  gap: 10px;
}
.mp-dropdown-card .mp-compact,
.mp-dropdown-dark .mp-compact {
  padding: 0.75rem 0.9rem;
  min-height: 84px;
}
.mp-dropdown-card .kicker,
.mp-dropdown-dark .kicker {
  font-size: 12px;
  color: #6b7280;
  margin-top: 4px;
}
.mp-row + .mp-row {
  margin-top: 10px;
}
.mp-assign-table {
  display: grid;
  grid-template-rows: auto;
  row-gap: 10px;
}
.mp-assign-head {
  display: grid;
  grid-template-columns: max-content 100px 380px 220px;
  column-gap: 10px;
  align-items: end;
  padding: 6px 0 10px;
  border-bottom: 1px solid #e5e7eb;
}
.mp-assign-head .col-label {
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b7280;
  font-family: "Inter-SemiBold";
}
.mp-assign-head .col-empty {
  visibility: hidden;
}
.mp-assign-row {
  display: grid;
  grid-template-columns: 73px 76px 380px 220px;
  column-gap: 16px;
  align-items: center;
  min-height: 46px;
}
.mp-assign-row .month {
  color: #6b7280;
  font-size: 13px;
  font-family: "Inter-Regular";
  padding-left: 2px;
}
.mp-assign-row .template {
}
.mp-assign-row .template .mp-dropdown {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  font-family: "Inter-Regular";
  font-size: 14px;
  color: #1f2937;
  cursor: pointer;
}
.mp-assign-row .template select.control {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  font-family: "Inter-Regular";
  font-size: 14px;
  color: #1f2937;
}
.mp-assign-row .assign {
  display: flex;
  justify-content: flex-start;
}
.mp-assign-summary {
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.mp-assign-summary .who {
  font-size: 14px;
  color: #212121;
  font-family: "Inter-Regular";
}
.mp-assign-summary .edit-chip {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #6366F1;
  background: #fff;
  cursor: pointer;
}
.mp-assign-summary .edit-chip:hover {
  background: #c1c2f9;
}
@media (max-width: 820px) {
  .mp-assign-head,
  .mp-assign-row {
    grid-template-columns: 1fr;
    row-gap: 8px;
  }
  .mp-assign-head {
    border-bottom: none;
    padding-bottom: 0;
  }
  .mp-assign-row .assign {
    justify-content: flex-start;
  }
}
@media (max-width: 1200px) {
  .mp-trigger-grid {
    grid-template-columns: repeat(2, minmax(240px, 1fr));
  }
}
@media (max-width: 900px) {
  .mp-trigger-grid {
    grid-template-columns: 1fr;
  }
  .mp-inline-row .control {
    flex: 1 1 100%;
    min-width: 0;
  }
  .mp-grid-2 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 600px) {
  .mp-option-cards {
    grid-template-columns: 1fr;
  }
}
.mp-dd-selected {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  background: #fff;
  color: #1f2937;
  font-family: "Inter-Regular";
  font-size: 12px;
}
.mp-dd-panel.p-dropdown-panel {
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  width: max-content;
  min-width: 12rem;
  max-width: min(40rem, 90vw);
}
.mp-dd-panel.p-dropdown-panel .p-dropdown-items {
  padding: 6px;
  white-space: nowrap;
}
.mp-dd-panel.p-dropdown-panel .p-dropdown-item {
  padding: 0;
  white-space: nowrap;
}
.mp-dd-item {
  color: #111827;
  cursor: pointer;
}
.mp-dd-item:hover {
  background: transparent;
}
.mp-preview-op.p-overlaypanel {
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  pointer-events: none;
  transform: translateX(110px) !important;
}
.mp-preview-op.p-overlaypanel .p-overlaypanel-content {
  padding: 6px;
}
.mp-preview-op.p-overlaypanel img {
  display: block;
  width: 420px;
  height: auto;
  border-radius: 8px;
}
.mp-radio-group {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mp-radio-row {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 14px;
  border: 1px solid #e5e7eb;
  background: #fff;
  cursor: pointer;
}
.mp-radio-row__content {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 10px;
}
.mp-radio-row__text {
  font-size: 13px;
  color: #111827;
}
.mp-radio-row__control {
  min-width: 100px;
}
.mp-radio-row.is-selected {
  background: #f4f3ff;
  border-color: #d9d6ff;
}
.mp-radio-row.hint {
  background: #F4F3F3;
  border-color: #d4d4d4;
  display: block;
}
.mp-radio-row.hint .mp-inline-row {
  display: block;
}
.mp-radio-row.hint .mp-inline-row .field-label {
  white-space: normal;
  word-break: break-word;
  min-width: 0;
}
.mp-radio-row.hint-edit {
  background: #F4F3F3;
  border-color: #d4d4d4;
}
@media (max-width: 900px) {
  .mp-radio-row {
    grid-template-columns: 1fr;
  }
}
.mp-radio-row.is-selected .mp-radio input {
  accent-color: #6366F1;
}
.mp-radio {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.mp-radio input[type=radio] {
  appearance: none;
  inline-size: 16px;
  block-size: 16px;
  border: 1.5px solid #cfd4dc;
  border-radius: 50%;
  background: #fff;
  display: grid;
  place-content: center;
  margin: 0;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.mp-radio input[type=radio]::before {
  content: "";
  inline-size: 8px;
  block-size: 8px;
  border-radius: 50%;
  transform: scale(0);
  transition: transform 0.12s ease;
  background: #0b0b0b;
}
.mp-radio input[type=radio]:checked {
  border-color: #0b0b0b;
}
.mp-radio input[type=radio]:checked::before {
  transform: scale(1);
}
.mp-radio input[type=radio]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(11, 11, 11, 0.18);
}
.mp-radio input[type=radio]:disabled {
  border-color: #e5e7eb;
  background: #f8fafc;
  cursor: not-allowed;
}
.mp-radio input[type=radio]:disabled::before {
  background: #9ca3af;
}
.mp-radio span {
  font-size: 14px;
  color: #111827;
  font-family: "Inter-Regular";
}
.mp-or-divider {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.mp-or-divider .label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-family: "Inter-SemiBold";
  text-decoration: underline;
  text-underline-offset: 3px;
}
.mp-inline-row.compact {
  margin-bottom: 0;
}
.mp-inline-row.compact .control {
  flex: 0 0 auto;
  min-width: auto;
}
.mp-inline-row.compact .mp-num {
  width: 72px;
  min-width: 72px;
}
.mp-inline-row.compact .mp-unit-select {
  width: 120px;
  min-width: 120px;
}
.mp-inline-row.compact .mp-sm {
  width: 140px;
  min-width: 140px;
}
.mp-inline-row.compact .mp-md {
  width: 160px;
  min-width: 160px;
}
.mp-inline-row.compact.mp-selfheal-row {
  width: 100%;
}
.mp-inline-row.compact.mp-selfheal-row .mp-selfheal-row__inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  max-width: 750px;
}
.mp-inline-row.compact.mp-selfheal-row .mp-selfheal-row__inner .field-label {
  white-space: normal;
}
@media (max-width: 768px) {
  .mp-inline-row.compact .mp-selfheal-row__inner {
    flex-direction: row;
    align-items: flex-start;
    gap: 4px 6px;
  }
}
.mp-inline-row.gap,
.mp-inline-row-block.gap {
  margin-bottom: 10px;
}
.mp-icon {
  color: #9ca3af;
  font-size: 14px;
  margin-left: 6px;
}
.mp-subpanel .mp-title {
  display: flex;
  align-items: center;
  gap: 6px;
}
.mp-choice {
  inline-size: min(1100px, 96vw);
  margin: 32px auto 0;
  padding: 0 12px 72px;
}
.mp-choice .mp-choice-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(280px, 365px));
  gap: 24px;
  justify-content: center;
}
.mp-choice .mp-choice-grid .mp-dropdown-card.mp-compact {
  padding: 18px 20px;
  border-radius: 14px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.02);
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.06s ease;
  display: grid;
  justify-items: center;
}
.mp-choice .mp-choice-grid .mp-dropdown-card.mp-compact .icon {
  font-size: 44px;
}
.mp-choice .mp-choice-grid .mp-dropdown-card.mp-compact .title span {
  font-size: 16px;
}
.mp-choice .mp-choice-grid .mp-dropdown-card.mp-compact .kicker {
  font-size: 12px;
  color: #6b7280;
  text-align: center;
}
.mp-choice .mp-choice-grid .mp-dropdown-card.mp-compact:hover {
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.06);
}
.mp-choice .mp-choice-grid .mp-dropdown-card.mp-compact:focus-visible {
  outline: 2px solid #94a3b8;
  outline-offset: 3px;
}
.mp-choice .mp-choice-grid .mp-dropdown-card.is-active {
  border: 2px solid #4f46e5;
  box-shadow: 0 0 0 3px rgba(79, 70, 229, 0.15);
  background: #fff;
}
.mp-plan-picker {
  inline-size: min(700px, 96vw);
  margin: 48px auto 9px;
  padding: 40px;
  background: #fff;
  border-radius: 12px;
  border: 1px solid #e5e7eb;
}
.mp-plan-picker .mp-hero h1 {
  margin: 0 0 6px;
  font-size: 20px;
  color: #0b0b0b;
  font-family: "Inter-SemiBold";
}
.mp-plan-picker .mp-hero p {
  margin: 0 0 16px;
  color: #6b7280;
  font-size: 12px;
  font-family: "Inter-Regular";
}
.mp-plan-picker .mp-plan-list {
  display: grid;
  gap: 16px;
}
.mp-plan-picker .mp-plan-list .mp-plan-card {
  display: grid;
  grid-template-columns: 30px 1fr;
  gap: 7px;
  align-items: start;
  border: 1px solid #e5e7eb;
  background: #fff;
  border-radius: 14px;
  padding: 16px;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.02);
}
.mp-plan-picker .mp-plan-list .mp-plan-card__icon {
  inline-size: 34px;
  block-size: 24px;
  display: grid;
  place-items: center;
  border-radius: 12px;
}
.mp-plan-picker .mp-plan-list .mp-plan-card__icon i {
  font-size: 16px;
}
.mp-plan-picker .mp-plan-list .mp-plan-card__body h2 {
  margin: 0 0 6px;
  font-size: 18px;
  color: #0b0b0b;
  font-family: "Inter-SemiBold";
}
.mp-plan-picker .mp-plan-list .mp-plan-card__body p {
  margin: 0 0 12px;
  color: #6b7280;
  font-size: 12px;
  font-family: "Inter-Regular";
  max-width: 77ch;
}
@media (max-width: 580px) {
  .mp-plan-card {
    grid-template-columns: 1fr;
  }
  .mp-plan-card__icon {
    inline-size: 36px;
    block-size: 36px;
  }
}
.export-modal.preview-modal {
}
.export-modal.preview-modal .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: unset;
  padding-bottom: unset;
}
.export-modal.preview-modal .modal-header .export-modal-header h5 {
  margin: 0 0 3px;
  color: #12191D;
  font-family: "Inter-SemiBold";
  font-size: 14px;
}
.export-modal.preview-modal .modal-header .export-modal-header .sub {
  margin: 0;
  color: #64748b;
  font-family: "Inter-Regular";
  font-size: 12px;
}
.export-modal.preview-modal .modal-header .close-btn {
  background: transparent;
  border: none;
  padding: unset;
}
.export-modal.preview-modal .modal-header .close {
  background: transparent;
  border: none;
  padding: 10px;
}
.export-modal.preview-modal .modal-header.start {
  align-items: start;
}
.export-modal.preview-modal .modal-body {
  padding-top: 8px;
}
.export-modal.preview-modal .modal-body .field-label {
  display: block;
  font-size: 12px;
  font-family: "Inter-Regular";
  margin-bottom: 8px;
}
.export-modal.preview-modal .modal-body .field-row {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}
.export-modal.preview-modal .modal-body .field-row--auto {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}
.export-modal.preview-modal .modal-body .field-row--single {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
.export-modal.preview-modal .modal-body .note-no-border {
  display: flex;
  gap: 5px;
  align-items: center;
  border-radius: 10px;
}
.export-modal.preview-modal .modal-body .note-no-border .icon {
  background: #F3F3F3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 56px;
  border-right: 1px solid #bdbdbd;
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
}
.export-modal.preview-modal .modal-body .note-no-border p {
  margin: 0;
  font-size: 12px;
  color: #565656;
  padding: 0 5px;
}
.export-modal.preview-modal .preview-card .table-scroll {
  max-height: 420px;
  overflow: auto;
  border-radius: 10px;
}
.export-modal.preview-modal .preview-card .table-scroll .p-datatable-tbody th,
.export-modal.preview-modal .preview-card .table-scroll .p-datatable-tbody td {
  padding: 14px 16px;
  font-size: 12px;
  color: #0b0b0b;
}
.export-modal.preview-modal .preview-card .table-scroll .p-datatable-tbody th {
  font-weight: 600;
}
.export-modal.preview-modal .preview-card .table-scroll .p-datatable-tbody thead th {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 2;
}
.export-modal.preview-modal .modal-footer {
  display: flex;
  align-items: center;
  gap: 12px;
}
.export-modal.preview-modal .modal-footer.justify-between {
  justify-content: space-between;
}
.export-modal.preview-modal .modal-footer .left-indicator {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.export-modal.preview-modal .modal-footer .left-indicator .ok-dot {
  width: 19px;
  height: 19px;
  border-radius: 999px;
  display: inline-block;
  background: #10b981;
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding-top: 2px;
}
.export-modal.preview-modal .modal-footer .left-indicator .text {
  color: #111827;
  font-size: 14px;
}
.export-modal.preview-modal .modal-footer .right-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 640px) {
  .export-modal.preview-modal .p-table th,
  .export-modal.preview-modal .p-table td {
    padding: 12px;
  }
}
.mp-summarybar {
  margin-bottom: 6px;
}
.mp-summarybar__inner {
  display: grid;
  grid-template-columns: 1fr max-content;
  gap: 12px;
  align-items: center;
  border: 1px solid #D4D4D4;
  border-radius: 8px;
  background: #fff;
  padding: 12px 16px 12px 16px;
}
.mp-summarybar__inner > .mp-seg:not(:first-child):not(.mp-seg--right) {
  position: relative;
  padding-left: 12px;
}
.mp-summarybar__inner > .mp-seg:not(:first-child):not(.mp-seg--right)::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  bottom: 6px;
  width: 1px;
  background: #e5e7eb;
}
.mp-summarybar .mp-seg {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  min-width: 0;
}
.mp-summarybar .mp-seg__title {
  font-family: "Inter-SemiBold";
  color: #0b0b0b;
  white-space: nowrap;
}
.mp-summarybar .mp-seg--right {
  justify-content: flex-end;
}
.mp-summarybar .mp-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 999px;
  background: #eef2ff;
  color: #4338ca;
  font-size: 12px;
  font-weight: 600;
}
.mp-summarybar .mp-chip {
  color: #6b7280;
  font-size: 13px;
  white-space: nowrap;
}
.mp-summarybar .mp-dot {
  color: #cbd5e1;
}
.mp-summarybar .mp-empty {
  color: #9ca3af;
  font-size: 13px;
}
.mp-summarybar .mp-strong {
  font-weight: 700;
  color: #0b0b0b;
}
.mp-summarybar .mp-edit-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid #d1d5db;
  background: #fff;
  color: #111827;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
}
.mp-summarybar .mp-edit-btn i {
  font-size: 12px;
}
.mp-summarybar .mp-edit-btn:hover {
  background: #f9fafb;
}
.mp-summarybar .mp-edit-btn:active {
  transform: translateY(1px);
}
.mp-summarybar .mp-edit-btn:focus-visible {
  outline: 2px solid #94a3b8;
  outline-offset: 2px;
}
@media (max-width: 1024px) {
  .mp-summarybar__inner {
    grid-template-columns: 1fr 1fr;
  }
  .mp-summarybar .mp-seg--right {
    grid-column: 1/-1;
    justify-content: flex-end;
  }
}
@media (max-width: 640px) {
  .mp-summarybar__inner {
    grid-template-columns: 1fr;
    row-gap: 10px;
  }
  .mp-summarybar__inner > .mp-seg:not(:first-child):not(.mp-seg--right)::before {
    display: none;
  }
  .mp-summarybar .mp-seg--right {
    justify-content: stretch;
  }
}
.howto-card {
  background: #fdfbfb;
  border-radius: 12px;
  border: 1px solid #6366F1;
  padding: 12px 20px 12px 20px;
  box-sizing: border-box;
}
.warning-card {
  background: #FFCBCB;
  border-radius: 12px;
  border: 1px solid #E0435D;
  padding: 12px 20px 12px 20px;
  box-sizing: border-box;
}
.warning-card--compact {
  padding: 12px 16px 12px 16px;
}
.warning-card--wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.howto-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 600;
  color: #6366F1;
}
.howto-icon {
  font-size: 14px;
  color: #6366F1;
}
.warning-icon {
  color: #E0435D;
}
.howto-subtitle {
  margin: 0 0 10px;
  font-size: 12px;
  line-height: 1.5;
  color: #515151;
  font-style: italic;
  font-family: "Inter-Regular";
}
.warning-subtitle {
  margin: 0;
  font-size: 12px;
  color: #E0435D;
  font-family: "Inter-Regular";
}
.howto-quick-heading {
  margin: 0 0 4px;
  font-size: 12px;
  line-height: 1.4;
  color: #515151;
  font-family: "Inter-SemiBold";
}
.howto-list {
  margin: 0 0 0;
  padding-left: 22px;
  list-style-position: outside;
}
.howto-list + .howto-quick-heading {
  margin-top: 10px;
}
.howto-list li {
  font-size: 12px;
  line-height: 1.5;
  color: #515151;
  margin-bottom: 3px;
  font-family: "Inter-Regular";
}
.howto-note {
  margin: 10px 0 0;
  font-family: "Inter-Regular";
  font-size: 12px;
  line-height: 1.4;
  color: #767676;
  font-style: italic;
}
.howto-note-label {
  font-weight: 600;
}
.warning-action {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
}
.mp-title--with-toggle {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.mp-title-left,
.mp-title-right {
  display: flex;
  align-items: baseline;
  gap: 8px;
}
.mp-step-toggle-icon {
  cursor: pointer;
  font-size: 14px;
  color: #7e7e7e;
}
.mp-subhead-toggle {
  display: flex;
  align-items: center;
  gap: 10px;
}
.mp-subhead-toggle .field-label {
  font-size: 12px;
  font-family: "Inter-Regular";
}
.mp-step-header {
  display: grid;
  row-gap: 10px;
  padding: 14px 24px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.mp-step-header__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  font-size: 12px;
}
.mp-step-header__crumb {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #64748b;
}
.mp-step-header__step-tag {
  padding: 2px 8px;
  border-radius: 999px;
  background: #e7f2ff;
  color: #6366F1;
  font-family: "Inter-Medium";
  font-size: 11px;
  vertical-align: middle;
}
.mp-step-header__quick {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid #e2e8f0;
  background: #ffffff;
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #0f172a;
  cursor: pointer;
  transition:
    background 0.15s ease,
    box-shadow 0.15s ease,
    border-color 0.15s ease;
}
.mp-step-header__quick i {
  font-size: 13px;
  color: #64748b;
}
.mp-step-header__quick:hover {
  background: #f8fafc;
  border-color: #cbd5f5;
  box-shadow: 0 8px 18px rgba(15, 23, 42, 0.06);
}
.mp-step-header__quick:active {
  transform: translateY(1px);
}
.mp-step-header__quick:focus-visible {
  outline: 2px solid #94a3b8;
  outline-offset: 2px;
}
.mp-step-header__main {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) max-content;
  align-items: flex-start;
  gap: 16px;
}
.mp-step-header__main-left {
  min-width: 0;
}
.mp-step-header__title {
  margin: 0 0 4px;
  font-size: 20px;
  line-height: 1.3;
  font-family: "Inter-SemiBold";
  color: #0f172a;
}
.mp-step-header__subtitle {
  margin: 0;
  max-width: 70ch;
  font-size: 12px;
  line-height: 1.55;
  color: #64748b;
  font-family: "Inter-Regular";
}
.mp-step-header__actions {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.mp-step-header__steps {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  padding: 0;
  margin: 4px 0 0;
  list-style: none;
}
.mp-step-header__step {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 11px;
  font-family: "Inter-Regular";
  color: #212121;
  background: #e8eaee;
  border-radius: 999px;
  padding: 4px 7px;
}
.mp-step-header__step-label {
  white-space: nowrap;
}
@media (max-width: 768px) {
  .mp-step-header__main {
    grid-template-columns: 1fr;
  }
  .mp-step-header__actions {
    justify-content: flex-start;
  }
}
.hyperlink {
  color: #6366F1;
  font-style: italic;
  cursor: pointer;
}
.hyperlink:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.NgxEditor__Wrapper {
  border: 1px solid #ced4da;
  border-radius: 4px;
}
.NgxEditor__Wrapper .NgxEditor__MenuBar {
  border-bottom: 1px solid #ced4da;
  border-radius: 4px 4px 0 0;
}
.NgxEditor__Wrapper .NgxEditor__Content {
  padding: 12px;
  font-size: 14px;
  color: #0b0b0b;
  min-height: 200px;
}
.NgxEditor__Wrapper .NgxEditor {
  min-height: 200px;
  border-radius: 0 0 4px 4px;
}
.apply-all-tasks {
  background: #f0f0f0;
  border-radius: 8px;
  padding: 12px 16px;
}
.apply-all-tasks__inner {
  display: flex;
  align-items: center;
  gap: 12px;
}
.note-no-border {
  display: flex;
  gap: 5px;
  align-items: center;
  border-radius: 10px;
}
.note-no-border .icon {
  background: #F3F3F3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 56px;
  border-right: 1px solid #bdbdbd;
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
}
.note-no-border p {
  margin: 0;
  font-size: 12px;
  color: #565656;
  padding: 0 5px;
}
.fx-record-list {
  background: #FAFAFA;
  border-radius: 0.375rem;
  overflow: hidden;
  border: 1px solid #EAEAEA;
}
.fx-record-list__title {
  background: #26363e;
  color: #fff;
  padding: 0.65rem 1.75rem;
  font-family: "Inter-Medium";
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 0.375rem 0.375rem 0 0;
}
.fx-record-list__title .fx-record-list__title-action {
  display: flex;
  align-items: center;
  gap: 8px;
}
.fx-record-list__accordion-row {
  border-bottom: 1px solid #EAEAEA;
}
.fx-record-list__accordion-row:last-child {
  border-bottom: none;
}
.fx-record-list__accordion-row.is-expanded {
  background: #fafafa;
}
.fx-record-list__row-summary {
  display: grid;
  grid-template-columns: 28px 1fr 1fr 1fr 1fr auto;
  align-items: normal;
  gap: 12px;
  padding: 14px 1.75rem;
  cursor: pointer;
  transition: background 0.15s ease;
}
.fx-record-list__row-summary:hover {
  background: #f5f5f5;
}
.fx-record-list__row-summary .col {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.fx-record-list__row-summary .col__label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
  white-space: nowrap;
}
.fx-record-list__row-summary .col__value {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #12191D;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fx-record-list__row-summary .col__value-link {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #6366F1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.fx-record-list__row-summary .col__sub {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
  margin-top: 2px;
}
.fx-record-list__row-summary .col__pending {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #D34747;
  margin-top: 2px;
}
.fx-record-list__row-summary .fx-toggle-icon {
  font-size: 12px;
  color: #212529;
  transition: transform 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
.fx-record-list__row-summary.is-expanded .fx-toggle-icon {
  transform: rotate(90deg);
}
.fx-record-list__row-summary .fx-row-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.fx-record-list__row-summary .fx-row-actions .fx-action-btn-edit {
  background: transparent;
  border: none;
  padding: 4px 6px;
  cursor: pointer;
  color: #7C828D;
  font-size: 14px;
  border-radius: 6px;
  transition: color 0.15s ease, background 0.15s ease;
}
.fx-record-list__row-summary .fx-row-actions .fx-action-btn-edit:hover {
  color: #6366F1;
  background: #ebebeb;
}
.fx-record-list__row-summary .fx-row-actions .fx-action-btn-del {
  background: transparent;
  border: none;
  padding: 4px 6px;
  cursor: pointer;
  color: #7C828D;
  font-size: 14px;
  border-radius: 6px;
  transition: color 0.15s ease, background 0.15s ease;
}
.fx-record-list__row-summary .fx-row-actions .fx-action-btn-del:hover {
  color: #D34747;
  background: #ebebeb;
}
.fx-record-list__row-summary .fx-pill {
  display: inline-flex;
  align-items: center;
  padding: 1px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-family: "Inter-Regular";
  white-space: nowrap;
  width: fit-content;
}
.fx-record-list__row-summary .fx-pill--purple {
  background: #e0dbf7;
  color: #4a3fa0;
}
.fx-record-list__row-summary .fx-pill--green {
  background: #d4f5e2;
  color: #1a6e3c;
}
.fx-record-list__row-summary .fx-pill--red {
  background: #FFCBCB;
  color: #E0435D;
}
.fx-record-list__row-summary .fx-pill--grey {
  background: #ebebeb;
  color: #212529;
}
.fx-record-list__row-summary-inspect {
  display: grid;
  grid-template-columns: 28px 1fr 1fr 0.75fr 1fr 1fr auto;
  align-items: normal;
  gap: 12px;
  padding: 14px 1.75rem;
  cursor: pointer;
  transition: background 0.15s ease;
}
.fx-record-list__row-summary-inspect:hover {
  background: #f5f5f5;
}
.fx-record-list__row-summary-inspect .col {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.fx-record-list__row-summary-inspect .col__label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
  white-space: nowrap;
}
.fx-record-list__row-summary-inspect .col__value {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #12191D;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fx-record-list__row-summary-inspect .col__value-link {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #6366F1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
}
.fx-record-list__row-summary-inspect .col__sub {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
  margin-top: 2px;
}
.fx-record-list__row-summary-inspect .col__pending {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #D34747;
  margin-top: 2px;
}
.fx-record-list__row-summary-inspect .fx-toggle-icon {
  font-size: 12px;
  color: #212529;
  transition: transform 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
}
.fx-record-list__row-summary-inspect.is-expanded .fx-toggle-icon {
  transform: rotate(90deg);
}
.fx-record-list__row-summary-inspect .fx-row-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.fx-record-list__row-summary-inspect .fx-row-actions .fx-action-btn-edit {
  background: transparent;
  border: none;
  padding: 4px 6px;
  cursor: pointer;
  color: #7C828D;
  font-size: 14px;
  border-radius: 6px;
  transition: color 0.15s ease, background 0.15s ease;
}
.fx-record-list__row-summary-inspect .fx-row-actions .fx-action-btn-edit:hover {
  color: #6366F1;
  background: #ebebeb;
}
.fx-record-list__row-summary-inspect .fx-row-actions .fx-action-btn-del {
  background: transparent;
  border: none;
  padding: 4px 6px;
  cursor: pointer;
  color: #7C828D;
  font-size: 14px;
  border-radius: 6px;
  transition: color 0.15s ease, background 0.15s ease;
}
.fx-record-list__row-summary-inspect .fx-row-actions .fx-action-btn-del:hover {
  color: #D34747;
  background: #ebebeb;
}
.fx-record-list__row-summary-inspect .fx-pill {
  display: inline-flex;
  align-items: center;
  padding: 1px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-family: "Inter-Regular";
  white-space: nowrap;
  width: fit-content;
}
.fx-record-list__row-summary-inspect .fx-pill--purple {
  background: #e0dbf7;
  color: #4a3fa0;
}
.fx-record-list__row-summary-inspect .fx-pill--green {
  background: #d4f5e2;
  color: #1a6e3c;
}
.fx-record-list__row-summary-inspect .fx-pill--red {
  background: #FFCBCB;
  color: #E0435D;
}
.fx-record-list__row-summary-inspect .fx-pill--grey {
  background: #ebebeb;
  color: #212529;
}
.fx-record-list__table-region {
  display: none;
  border-top: 1px solid #ececec;
}
.is-expanded > .fx-record-list__table-region {
  display: block;
}
.fx-record-list__table-region .fx-table-subheader {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 1.75rem;
  background: #f2f2f2;
  border-bottom: 1px solid #e5e7eb;
  font-size: 12px;
}
.fx-record-list__table-region .fx-table-subheader .fx-table-subheader__label {
  font-family: "Inter-Medium";
  color: #12191D;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  font-size: 11px;
}
.fx-record-list__table-region .fx-table-subheader .fx-table-subheader__count {
  font-family: "Inter-Regular";
  color: #7C828D;
  font-size: 11px;
}
.fx-record-list__table-region .fx-table-wrap {
  padding: 0;
}
.fx-record-list__table-region .fx-table-wrap .p-datatable .p-datatable-thead > tr > th {
  background: transparent;
  border-bottom: 1px solid #e5e7eb;
  padding: 8px 10px;
  font-size: 11px;
  font-family: "Inter-Regular";
  color: #7C828D;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
.fx-record-list__table-region .fx-table-wrap .p-datatable .p-datatable-tbody > tr {
  background: transparent;
  border-bottom: 1px solid #f3f4f6;
  transition: background 0.12s ease;
}
.fx-record-list__table-region .fx-table-wrap .p-datatable .p-datatable-tbody > tr:hover {
  background: #fafafa;
}
.fx-record-list__table-region .fx-table-wrap .p-datatable .p-datatable-tbody > tr > td {
  padding: 8px 10px;
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
  border: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.fx-record-list__table-region .fx-table-wrap .p-datatable .p-datatable-tbody > tr > td .fx-pill {
  display: inline-flex;
  align-items: center;
  padding: 1px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-family: "Inter-Regular";
  white-space: nowrap;
  width: fit-content;
}
.fx-record-list__table-region .fx-table-wrap .p-datatable .p-datatable-tbody > tr > td .fx-pill--purple {
  background: #e0dbf7;
  color: #4a3fa0;
}
.fx-record-list__table-region .fx-table-wrap .p-datatable .p-datatable-tbody > tr > td .fx-pill--green {
  background: #d4f5e2;
  color: #1a6e3c;
}
.fx-record-list__table-region .fx-table-wrap .p-datatable .p-datatable-tbody > tr > td .fx-pill--red {
  background: #FFCBCB;
  color: #E0435D;
}
.fx-record-list__table-region .fx-table-wrap .p-datatable .p-datatable-tbody > tr > td .fx-pill--grey {
  background: #ebebeb;
  color: #212529;
}
.fx-record-list__table-region .fx-table-wrap .p-datatable .p-datatable-tbody > tr > td .link {
  color: #6366F1;
}
.fx-record-list__table-region .fx-table-wrap .p-datatable .p-datatable-tbody > tr > td .link:hover {
  cursor: pointer;
  color: rgb(52.2, 56.1, 236.8);
}
.fx-record-list__table-region .fx-table-wrap .p-datatable .p-datatable-tbody > tr > td .mark-complete {
  color: #6FBC60;
}
.fx-record-list__table-region .fx-table-wrap .p-datatable .p-datatable-tbody > tr > td .mark-complete:hover {
  cursor: pointer;
  color: rgb(84.5398230088, 163.9247787611, 69.0752212389);
}
.fx-record-list__table-region .fx-table-wrap .p-datatable .p-datatable-tbody > tr > td .closed {
  color: #9E9E9E;
}
.fx-record-list__table-region .fx-table-wrap .fx-table-footer {
  padding: 8px 10px 2px;
}
.fx-record-list__table-region .fx-table-wrap .fx-table-footer .record-count {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
}
.fx-record-list__table-region .fx-table-wrap .fx-table-footer .show-rows {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #6366F1;
  cursor: pointer;
}
.fx-record-list__table-region .fx-table-wrap .fx-table-footer .show-rows:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.fx-record-list__plain-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr auto;
  align-items: normal;
  gap: 12px;
  padding: 14px 1.75rem;
  border-bottom: 1px solid #EAEAEA;
}
.fx-record-list__plain-row:last-child {
  border-bottom: none;
}
.fx-record-list__plain-row--cols-3 {
  grid-template-columns: 1fr 1fr 1fr auto;
}
.fx-record-list__plain-row--cols-4 {
  grid-template-columns: 1fr 1fr 1fr 1fr auto;
}
.fx-record-list__plain-row--cols-5 {
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr auto;
}
.fx-record-list__plain-row .col {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.fx-record-list__plain-row .col__label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
  white-space: nowrap;
}
.fx-record-list__plain-row .col__value {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fx-record-list__plain-row .col__value-link {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #6366F1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.fx-record-list__plain-row .col__value-link:hover {
  cursor: pointer;
  color: rgb(52.2, 56.1, 236.8);
}
.fx-record-list__plain-row .fx-pill {
  display: inline-flex;
  align-items: center;
  padding: 1px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-family: "Inter-Regular";
  white-space: nowrap;
  width: fit-content;
}
.fx-record-list__plain-row .fx-pill--purple {
  background: #e0dbf7;
  color: #4a3fa0;
}
.fx-record-list__plain-row .fx-pill--green {
  background: #d4f5e2;
  color: #1a6e3c;
}
.fx-record-list__plain-row .fx-pill--red {
  background: #FFCBCB;
  color: #E0435D;
}
.fx-record-list__plain-row .fx-pill--grey {
  background: #ebebeb;
  color: #212529;
}
.fx-record-list__plain-row .fx-row-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.fx-record-list__plain-row .fx-row-actions .fx-action-btn-edit {
  background: transparent;
  border: none;
  padding: 4px 6px;
  cursor: pointer;
  color: #7C828D;
  font-size: 14px;
  border-radius: 6px;
  transition: color 0.15s ease, background 0.15s ease;
}
.fx-record-list__plain-row .fx-row-actions .fx-action-btn-edit:hover {
  color: #6366F1;
  background: #ebebeb;
}
.fx-record-list__plain-row .fx-row-actions .fx-action-btn-del {
  background: transparent;
  border: none;
  padding: 4px 6px;
  cursor: pointer;
  color: #7C828D;
  font-size: 14px;
  border-radius: 6px;
  transition: color 0.15s ease, background 0.15s ease;
}
.fx-record-list__plain-row .fx-row-actions .fx-action-btn-del:hover {
  color: #D34747;
  background: #ebebeb;
}
.templates {
}
.templates .h-pro-desc {
  height: calc(100% - 276px);
}
.templates .h-pro {
  height: calc(100% - 223px);
}
.templates .h-common-desc {
  height: calc(100% - 193px);
}
.templates .h-common {
  height: calc(100% - 150px);
}
:root {
  --page-max: 960px;
  --page-gutter: clamp(12px, 3vw, 24px);
  --panel-gap: clamp(10px, 2.2vw, 10px);
  --page-max: 1040px;
  --card-radius: 8px;
  --line: a.$lightgrey6;
  --ink: #111827;
  --muted: a.$lightGrey5;
  --bg: #fff;
  --soft: #f9fafb;
  --shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
  --green-50: #eafaf2;
  --green-700: #116149;
  --red: #fa4b5d;
  --pill-min-h: 68px;
  --pill-radius: 8px;
  --radius: 16px;
  --soft: #f9fafb;
  --shadow: 0 1px 0 rgba(0, 0, 0, 0.03);
  --accent: a.$primary-color;
}
.mp-tip {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 15px;
  inline-size: min(100% - var(--page-gutter) * 2, var(--page-max));
  margin-inline: auto;
  border: 1px solid #6366F1;
  border-radius: 12px;
  background: #fff;
  outline: 1px solid rgba(99, 102, 241, 0.15);
  margin-bottom: 12px;
  animation: tipIn 1.5s ease-out;
}
.mp-tip .mp-tip__icon {
  inline-size: 28px;
  block-size: 28px;
  display: grid;
  place-items: center;
  color: #6366F1;
}
.mp-tip .mp-tip__content {
  min-width: 0;
}
.mp-tip .mp-tip__text {
  margin: 0;
  color: #7C828D;
  font-size: 13px;
  line-height: 1.5;
}
.mp-tip .mp-tip__close {
  inline-size: 28px;
  block-size: 28px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #12191D;
  cursor: pointer;
}
.mp-tip .mp-tip__close:hover {
  background: #f9fafb;
}
@keyframes tipIn {
  from {
    opacity: 0;
    transform: translateY(-4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes tipOut {
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-4px);
  }
}
.mp-steps {
  inline-size: min(100% - var(--page-gutter) * 2, var(--page-max));
  margin-inline: auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  container-type: inline-size;
}
.mp-steps .mp-page-header {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.mp-steps .mp-page-header h3 {
  font-family: "Inter-SemiBold";
  font-size: 20px;
  color: #12191D;
  margin: 0;
}
.mp-steps .mp-page-header .mp-desc {
  margin: 0;
  margin-left: 1.5rem;
  padding: 0;
  font-size: 12px;
  line-height: 1.45;
  color: #212529;
  font-style: italic;
}
.mp-steps .mp-page-header .mp-desc-align-title {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.45;
  color: #212529;
  font-style: italic;
}
.mp-steps .mp-panel {
  border-radius: 8px;
  background: #fff;
  transition: all 0.3s ease;
  box-shadow: 0px 4px 15px -12px rgba(117, 115, 115, 0.8);
}
.mp-steps .mp-panel .mp-header {
  padding: 0.85rem 1.5rem;
  padding-bottom: 0.85rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e1e1e1;
}
.mp-steps .mp-panel .mp-header .mp-title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  justify-content: space-between;
}
.mp-steps .mp-panel .mp-header .mp-title .mp-index {
  background-color: #222323;
  color: #fff;
  font-size: 12px;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-top: 1px;
  margin-top: 2px;
}
.mp-steps .mp-panel .mp-header .mp-title .mp-index.completed {
  color: #00884b;
}
.mp-steps .mp-panel .mp-header .mp-title .mp-index-icon {
  color: #2ecc71;
  font-size: 1.25rem;
}
.mp-steps .mp-panel .mp-header .mp-title h3 {
  font-family: "Inter-Medium";
  font-size: 14px;
  color: #12191D;
  margin: 0;
}
.mp-steps .mp-panel .mp-header .mp-btn {
  display: flex;
  align-items: center;
  gap: 5px;
  justify-content: flex-end;
}
.mp-steps .mp-panel .mp-header .mp-btn .action {
  height: 25px;
  border-radius: 8px;
}
.mp-steps .mp-panel .mp-header .mp-edit-link {
  margin-left: auto;
  background: none;
  border: none;
  color: #6366F1;
  font-size: 12px;
  font-family: "Inter-Medium";
  cursor: pointer;
}
.mp-steps .mp-panel .mp-header .mp-edit-link:hover {
  text-decoration: underline;
}
.mp-steps .mp-panel .mp-header-two {
  padding: 8px 1.5rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mp-steps .mp-panel .mp-header-two .mp-title-two {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.25rem;
  text-decoration: underline;
}
.mp-steps .mp-panel .mp-header-two .mp-title-two h3 {
  font-family: "Inter-Medium";
  font-size: 14px;
  color: #12191D;
  margin: 0;
  line-height: 1.5;
}
.mp-steps .mp-panel .mp-header-three {
  padding: 1.5rem 3rem 8px 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mp-steps .mp-panel .mp-header-three .mp-title-three {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.25rem;
}
.mp-steps .mp-panel .mp-header-three .mp-title-three h3 {
  font-family: "Inter-SemiBold";
  font-size: 16px;
  color: #12191D;
  margin: 0;
  line-height: 1.5;
}
.mp-steps .mp-panel .mp-header-three .mp-meta {
  display: flex;
  align-items: start;
  gap: 6px;
}
.mp-steps .mp-panel .mp-header-three .mp-meta.center {
  align-items: center;
}
.mp-steps .mp-panel .mp-header-three .mp-checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mp-steps .mp-panel .mp-header-three .mp-checkbox .check-order.p-checkbox .p-checkbox-box {
  width: 19px;
  height: 19px;
  border: 1px solid #b7b7b7;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background-color: #fff;
  color: #fff;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}
.mp-steps .mp-panel .mp-header-three .mp-checkbox .check-order.p-checkbox .p-checkbox-box.p-highlight {
  border-color: #111;
  background: #111;
}
.mp-steps .mp-panel .mp-header-three .mp-checkbox .check-order.p-checkbox .p-checkbox-box .p-checkbox-icon {
  color: #fff;
  font-size: 12px;
}
.mp-steps .mp-panel .mp-header-three .mp-checkbox .check-order.p-checkbox:not(.p-checkbox-disabled):hover .p-checkbox-box:hover {
  border-color: #111 !important;
}
.mp-steps .mp-panel .mp-header-three .mp-checkbox .check-order.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
  outline: 1px solid #111 !important;
  outline-offset: 0;
  box-shadow: 0 0 5px #111 !important;
  border-color: #111 !important;
}
.mp-steps .mp-panel .mp-header-three .mp-checkbox .check-order.p-checkbox:not(.p-checkbox-disabled):hover .p-checkbox-box.p-highlight:hover {
  border-color: #111 !important;
  background-color: #111 !important;
}
.mp-steps .mp-panel .mp-header-three .mp-checkbox .label {
  font-size: 12px;
  font-family: "Inter-Regular";
}
.mp-steps .mp-panel .mp-header-three .mp-checkbox .info {
  font-size: 12px;
}
.mp-steps .mp-panel .mp-header-three .mp-label--underline {
  text-decoration: underline;
  text-underline-offset: 3px;
  color: #6366F1;
  font-size: 12px;
  cursor: pointer;
}
.mp-steps .mp-panel .mp-header--with-desc {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 16px;
  gap: 4px;
}
.mp-steps .mp-panel .mp-header--with-desc .mp-title--with-toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mp-steps .mp-panel .mp-header--with-desc .mp-desc {
  margin: 0;
  margin-left: 1.5rem;
  padding: 0;
  font-size: 12px;
  line-height: 1.45;
  color: #212529;
  font-style: italic;
}
.mp-steps .mp-panel .mp-header--with-desc .mp-desc-align-title {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.45;
  color: #212529;
  font-style: italic;
}
.mp-steps .mp-panel .mp-desc {
  margin: 5px 0;
  padding-inline: 3rem;
  color: #212529;
  font-size: 14px;
}
.mp-steps .mp-panel .mp-header--desc-btn-wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mp-steps .mp-panel.expanded .mp-body-title {
  padding: 0.85rem 1.5rem;
}
.mp-steps .mp-panel.expanded .mp-body-title.mp-setup {
  padding: 1rem 1.5rem;
}
.mp-steps .mp-panel.expanded .mp-body {
  padding: 0.85rem 1.5rem 1.5rem;
}
.mp-steps .mp-panel.expanded .mp-body:empty {
  padding-top: 0.75rem;
  border-top: 0;
  min-height: 0;
}
.mp-steps .mp-panel.expanded .mp-body .mp-readonly-grid .mp-field {
  display: flex;
  flex-direction: column;
}
.mp-steps .mp-panel.expanded .mp-body .mp-readonly-grid .mp-field label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
  margin-bottom: 4px;
}
.mp-steps .mp-panel.expanded .mp-body .mp-readonly-grid .mp-field .mp-pill,
.mp-steps .mp-panel.expanded .mp-body .mp-readonly-grid .mp-field .mp-plan-title-row .mp-status-pill,
.mp-steps .mp-plan-title-row .mp-panel.expanded .mp-body .mp-readonly-grid .mp-field .mp-status-pill {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 68px;
  min-height: var(--pill-min-h);
  border: 1px solid #e5e7eb;
  border-radius: var(--pill-radius);
  background: var(--bg);
  padding: 12px 14px;
}
.mp-steps .mp-panel.expanded .mp-body .mp-readonly-grid .mp-field .mp-pill__text {
  flex: 1 1 auto;
  min-width: 0;
  color: #12191D;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.mp-steps .mp-panel.expanded .mp-body .mp-readonly-grid .mp-field .mp-pill__text .subtext {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.mp-steps .mp-panel.expanded .mp-body .mp-readonly-grid .mp-field .mp-pill__text .subtext .muted {
  color: #7C828D;
  font-weight: 500;
}
.mp-steps .mp-panel.expanded .mp-body .mp-readonly-grid .mp-field .mp-pill__btn {
  flex: 0 0 auto;
  inline-size: 32px;
  block-size: 32px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
}
.mp-steps .mp-panel.expanded .mp-body .mp-readonly-grid .mp-field .mp-pill__btn i {
  font-size: 14px;
  color: #12191D;
}
.mp-steps .mp-panel.expanded .mp-body .mp-readonly-grid .mp-field .mp-pill__btn:hover {
  background: #f3f4f6;
}
.mp-steps .mp-panel.expanded .mp-body .mp-readonly-grid .mp-field .mp-pill__btn:focus-visible {
  outline: 2px solid #94a3b8;
  outline-offset: 2px;
}
.mp-steps .mp-panel.expanded .mp-body .mp-def {
  display: grid;
  align-items: baseline;
  grid-template-columns: minmax(120px, 120px) 2fr;
  gap: 8px 10px;
  margin-bottom: unset;
}
.mp-steps .mp-panel.expanded .mp-body .mp-def__row {
  display: contents;
}
.mp-steps .mp-panel.expanded .mp-body .mp-def dt {
  color: #12191D;
  white-space: nowrap;
  font-weight: unset;
  font-family: "Inter-Regular";
  font-size: 12px;
}
.mp-steps .mp-panel.expanded .mp-body .mp-def dd {
  margin: 0;
  color: #12191D;
  min-width: 0;
  font-family: "Inter-Medium";
  font-size: 12px;
  word-break: break-word;
}
.mp-steps .mp-panel.expanded .mp-body .mp-def dd.link {
  color: #6366F1;
  text-decoration: underline;
  cursor: pointer;
  text-underline-offset: 2px;
}
.mp-steps .mp-panel.expanded .mp-body .mp-def dd ul li,
.mp-steps .mp-panel.expanded .mp-body .mp-def dd ul span {
  color: #12191D;
  min-width: 0;
  font-family: "Inter-Medium";
  font-size: 12px;
  word-break: break-word;
}
.mp-steps .mp-panel.expanded .mp-body.loc-contact {
}
.mp-steps .mp-panel.expanded .mp-body.loc-contact .lc-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 16px;
  align-items: baseline;
}
@media (max-width: 992px) {
  .mp-steps .mp-panel.expanded .mp-body.loc-contact .lc-grid-2 {
    grid-template-columns: 1fr;
  }
}
.mp-steps .mp-panel.expanded .mp-body.loc-contact .lc-block {
  display: grid;
  gap: 4px;
}
.mp-steps .mp-panel.expanded .mp-body.loc-contact .lc-label {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.mp-steps .mp-panel.expanded .mp-body.loc-contact .lc-label span {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
}
.mp-steps .mp-panel.expanded .mp-body.loc-contact .lc-label span.clear {
  color: #6366F1;
  cursor: pointer;
}
.mp-steps .mp-panel.expanded .mp-body.loc-contact .lc-label span.clear:hover {
  text-decoration: underline;
}
.mp-steps .mp-panel.expanded .mp-body.loc-contact .lc-label .lc-edit {
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
}
.mp-steps .mp-panel.expanded .mp-body.loc-contact .lc-label .lc-edit:hover {
  color: #6366F1;
}
.mp-steps .mp-panel.expanded .mp-body.loc-contact .lc-label .lc-edit:focus-visible {
  outline: 2px solid #94a3b8;
  outline-offset: 2px;
}
.mp-steps .mp-panel.expanded .mp-body.loc-contact .lc-text {
  color: #12191D;
  line-height: 1.5;
  white-space: pre-line;
  font-family: "Inter-Regular";
  font-size: 12px;
}
.mp-steps .mp-panel.expanded .mp-body.loc-contact .add-pill {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 7.56px 7px;
  border-radius: 5px;
  border: 1px solid #ced4da;
  background: #fff;
  cursor: pointer;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    background 0.15s ease;
}
.mp-steps .mp-panel.expanded .mp-body.loc-contact .add-pill__placeholder {
  color: #7C828D;
  font-size: 12px;
  text-align: left;
}
.mp-steps .mp-panel.expanded .mp-body.loc-contact .add-pill__plus {
  font-size: 18px;
  line-height: 1;
  color: #7C828D;
}
.mp-steps .mp-panel.expanded .mp-body.loc-contact .add-pill:hover {
  border-color: #d1d5db;
  background: #fafafa;
}
.mp-steps .mp-panel.expanded .mp-body.loc-contact .add-pill:focus-visible {
  outline: 2px solid #94a3b8;
  outline-offset: 2px;
}
.mp-steps .mp-panel.expanded .mp-body.loc-contact .lc-zone {
  margin-top: 10px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
}
.mp-steps .mp-panel.expanded .mp-body.loc-contact .lc-zone label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
}
.mp-steps .mp-panel.expanded .mp-body.loc-contact .lc-zone .w-100 {
  inline-size: 100%;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs {
  padding: 0;
  padding-bottom: 0;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .mp-toggle-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 16px;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .mp-toggle-list .mp-nested-toggle-list {
  margin-top: 16px;
  padding-left: 28px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .mp-toggle-list .mp-nested-toggle-list .mp-nested-toggle {
  border-radius: 10px;
  border-color: #e5e7eb;
  background: #f9fafb;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .mp-toggle-list .mp-nested-toggle-list .mp-nested-toggle .mp-sub-body {
  padding: 10px 14px;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .mp-toggle-list .mp-nested-toggle-list .mp-nested-toggle .mp-subhead .title {
  font-size: 13px;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .mp-toggle-list .mp-nested-toggle-list .mp-nested-toggle .mp-subhead .sub {
  font-size: 12px;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .mp-toggle-list .mp-nested-toggle-list .mp-subpanel + .mp-subpanel {
  margin-top: 0px;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .mp-section-divider {
  border: 0;
  border-top: 1px solid #a0a0a0;
  margin: 0;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .mp-toggle-meta {
  display: flex;
  align-items: inherit;
  gap: 10px;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .mp-toggle-meta .mp-toggle-status {
  font-size: 12px;
  font-family: "Inter-Regular";
  font-style: italic;
  white-space: nowrap;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .mp-toggle-meta .mp-toggle-status.ok {
  color: #16a34a;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .mp-toggle-meta .mp-toggle-status.bad {
  color: #dc2626;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .mp-toggle-meta .mp-toggle-label {
  font-size: 12px;
  font-family: "Inter-Regular";
  white-space: nowrap;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .mp-selection-meta {
  width: 210px;
  max-width: 210px;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .mp-selection-meta-triple {
  display: grid;
  align-items: end;
  gap: 10px;
  grid-template-columns: 200px auto auto;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .mp-selection-meta-triple.hidden {
  grid-template-columns: auto auto;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-section-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-group {
  margin-top: 10px;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-group + .fs-group {
  margin-top: 4px;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-group__title {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
  font-style: italic;
  margin: 0 0 6px;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-item {
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  background: #fff;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.02);
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-item__inner {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-item__inner.hidden-from {
  grid-template-columns: 1fr auto;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-item__handle {
  inline-size: 24px;
  block-size: 24px;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent;
  display: grid;
  place-items: center;
  cursor: grab;
  color: #7C828D;
  margin-top: 2px;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-item__handle i {
  font-size: 14px;
  cursor: grab;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-item__handle:hover {
  border-color: #e5e7eb;
  background: #f9fafb;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-item__handle:active {
  cursor: grabbing;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-item__content {
  min-width: 0;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-item__title {
  margin: 0 0 2px;
  font-family: "Inter-SemiBold";
  font-size: 14px;
  color: #12191D;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-item__desc {
  margin: 0;
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-item__action {
  inline-size: max-content;
  block-size: 30px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 12px;
  font-family: "Inter-Regular";
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  white-space: nowrap;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-item__action i {
  font-size: 13px;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-item__action--ghost {
  border-color: #d1d5db;
  background: #fff;
  color: #12191D;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-item__action--ghost:hover {
  background: #f9fafb;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-item__action--primary {
  border-color: #6366F1;
  background: #6366F1;
  color: #fff;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-item__action--primary:hover {
  background: rgb(127.08, 129.54, 243.52);
  border-color: rgb(127.08, 129.54, 243.52);
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-item__config {
  margin-top: 0px;
  padding: 0px 18px 12px;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-item__config .fs-config-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 20px;
  align-items: baseline;
}
@media (max-width: 900px) {
  .mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-item__config .fs-config-grid {
    grid-template-columns: 1fr;
  }
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-item__config .fs-config-grid .fs-config-field {
  display: grid;
  row-gap: 4px;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-item__config .fs-config-grid .fs-config-field label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-item__config .fs-config-grid .fs-config-field .w-100 {
  inline-size: 100%;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-item--hidden .fs-item__handle {
  opacity: 0.35;
  cursor: default;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-item--hidden .fs-item__handle:hover,
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-item--hidden .fs-item__handle:active {
  border-color: transparent;
  background: transparent;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-list .cdk-drag-preview {
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  background: #fff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .fs-list .cdk-drag-placeholder {
  opacity: 0;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .status-toolbar {
  margin: 16px 0 16px;
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 10px;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .status-toolbar__title {
  margin: 0;
  font-size: 14px;
  font-family: "Inter-SemiBold";
  color: #12191D;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .status-toolbar__btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-radius: 999px;
  padding-inline: 12px;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .mp-logs-table {
  width: 100%;
  margin-top: 4px;
  font-size: 12px;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .mp-logs-table .p-datatable-thead > tr > th {
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-weight: "Inter-SemiBold";
  color: #7C828D;
  padding: 12px;
  border-bottom: 1px solid #e5e7eb;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .mp-logs-table .p-datatable-tbody > tr > td {
  padding: 16px 12px;
  border: 0;
  border-bottom: 1px solid #f3f4f6;
  vertical-align: middle;
  color: #12191D;
  font-size: 12px;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .mp-logs-table .status-pill {
  display: inline-block;
  padding: 4px 12px;
  border-radius: 6px;
  font-size: 11px;
  font-family: "Inter-Regular";
  min-width: 80px;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .mp-logs-table .status-pill.status-completed {
  background-color: #dcfce7;
  color: #166534;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .mp-logs-table .status-pill.status-fail {
  background-color: #fecaca;
  color: #991b1b;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .mp-logs-table .action-link {
  color: #6366F1;
  cursor: pointer;
  text-decoration: underline !important;
  font-family: "Inter-Regular";
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .mp-logs-table .action-link:hover {
  color: #4338ca;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .mp-logs-table .col-action {
  text-align: right;
  white-space: nowrap;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .status-color {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.mp-steps .mp-panel.expanded .mp-body.inline-tabs .status-color__hex {
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #12191D;
  width: 60px;
}
.mp-steps .mp-panel.expanded .mp-body.floating {
  position: relative;
  padding: 0.75rem 1.5rem 2rem;
}
.mp-steps .mp-panel.expanded .mp-body.floating .preview-btn {
  position: absolute;
  top: 14px;
  right: 21px;
  z-index: 6;
  display: flex;
  justify-content: flex-end;
}
.mp-steps .mp-panel.expanded .mp-body .mp-action-table__head,
.mp-steps .mp-panel.expanded .mp-body .mp-action-table__row {
  display: grid;
  grid-template-columns: 1fr 1fr 60px;
  align-items: center;
  padding: 8px 16px;
}
.mp-steps .mp-panel.expanded .mp-body .mp-action-table__head {
  background: #f7f8fa;
  font-size: 10px;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #7C828D;
}
.mp-steps .mp-panel.expanded .mp-body .mp-action-table__row {
  border-top: 1px solid #e5e7eb;
}
.mp-steps .mp-panel.expanded .mp-body .mp-action-table__link {
  display: block;
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #6366F1;
}
.mp-steps .mp-panel.expanded .mp-body .mp-action-table__label {
  display: block;
  font-size: 12px;
  color: #12191D;
  margin-top: 2px;
}
.mp-steps .mp-panel.expanded .mp-body .mp-action-table__sub {
  display: block;
  font-size: 12px;
  color: #7C828D;
  margin-top: 2px;
}
.mp-steps .mp-panel.expanded .mp-body .mp-action-table__type {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  color: #12191D;
}
.mp-steps .mp-panel.expanded .mp-body .mp-action-table__type-icon {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: #eef0fd;
  color: #6366F1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.mp-steps .mp-panel.expanded .mp-body .mp-action-table__remove {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  border: none;
  background: #d9534f;
  color: #fff;
  cursor: pointer;
}
.mp-steps .mp-panel.expanded .mp-body .mp-action-table__remove:hover {
  background: rgb(211.5663551402, 58.4056074766, 53.8336448598);
}
.mp-steps .mp-panel.expanded .mp-body .custella-grey-box {
  border: 1px dashed #C4C4C4 !important;
  background-color: #fff !important;
  padding: 24px !important;
}
.mp-steps .mp-panel.expanded .mp-body .custella-grey-box .custella-grey-box-cond {
  padding: unset !important;
  border: unset !important;
  background-color: unset !important;
}
.mp-steps .mp-panel--lg {
  border-radius: 12px;
}
.mp-steps .mp-panel--lg .mp-header .mp-title h3 {
  font-family: "Inter-Medium";
  font-size: 14px;
  color: #12191D;
  margin: 0;
}
.mp-steps .mp-panel--lg .mp-body-title {
  padding: 0.85rem 1.5rem;
}
.mp-steps .mp-panel--lg .mp-body {
  padding: 0.85rem 1.5rem 1.5rem;
}
.mp-steps .set-details {
}
.mp-steps .set-details .mp-header {
  padding: 0.85rem 1.5rem;
}
.mp-steps .set-details .mp-body {
  padding: 1.5rem 1.5rem;
}
.mp-steps .set-details .sd-row-inline {
  display: flex;
  align-items: center;
  column-gap: 16px;
  flex-wrap: nowrap;
  margin-bottom: 8px;
}
.mp-steps .set-details .sd-row-inline .sd-inline-field {
  display: flex;
  align-items: baseline;
  gap: 6px;
}
.mp-steps .set-details .sd-row-inline .sd-inline-field label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
}
.mp-steps .set-details .sd-row-inline .sd-inline-field .req-input-field {
  display: grid;
  gap: 2px;
}
.mp-steps .set-details .sd-row-inline .sd-inline-field .mp-inline-row-box {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  align-items: baseline;
  position: relative;
  margin-bottom: 10px;
}
.mp-steps .set-details .sd-row-inline .w-220 {
  inline-size: 220px;
}
.mp-steps .set-details .sd-row-inline .w-200 {
  inline-size: 200px;
}
@media (max-width: 992px) {
  .mp-steps .set-details .sd-row-inline {
    flex-wrap: wrap;
    gap: 12px 16px;
  }
  .mp-steps .set-details .sd-row-inline .sd-inline-field {
    flex: 1 1 100%;
  }
  .mp-steps .set-details .sd-row-inline .w-220,
  .mp-steps .set-details .sd-row-inline .w-200 {
    inline-size: 100%;
  }
}
.mp-steps .set-details .sd-subtitle {
  font-family: "Inter-SemiBold";
  margin: 14px 0 14px;
}
.mp-steps .set-details .sd-field {
  display: grid;
  gap: 4px;
  margin: 0;
}
.mp-steps .set-details .sd-field label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
  flex: 0 0 auto;
  white-space: nowrap;
}
.mp-steps .set-details .sd-field .w-100 {
  inline-size: 100%;
}
.mp-steps .set-details .sd-divider {
  height: 1px;
  background: #eaeaea;
  margin: 10px 0;
}
.mp-steps .set-details .sd-grid-2 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 16px;
}
@media (max-width: 992px) {
  .mp-steps .set-details .sd-grid-2 {
    grid-template-columns: 1fr;
  }
}
.mp-steps .mp-button-row {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
.mp-steps .mp-button-row .outline-btn {
  padding: 0.5rem 1rem;
  border: 1px solid #6366F1;
  background: transparent;
  color: #6366F1;
  border-radius: 6px;
  font-family: "Inter-Regular";
  cursor: pointer;
}
.mp-steps .mp-button-row .primary-btn {
  padding: 0.5rem 1.2rem;
  background: #6366F1;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-family: "Inter-Medium";
}
.mp-steps .mp-button-row .primary-btn:disabled {
  background-color: #ddd;
  cursor: not-allowed;
}
.mp-steps .mp-button-row--inline {
  margin-top: 0.75rem;
  padding-top: 0.75rem;
}
.mp-steps .mp-pill,
.mp-steps .mp-plan-title-row .mp-status-pill {
  background: #f0edff;
  color: #6658d3;
  border-radius: 7px;
  font-weight: 700;
  font-size: 0.8rem;
  padding: 0.2rem 0.65rem;
  display: inline-flex;
  align-items: center;
}
.mp-steps .mp-pill.small,
.mp-steps .mp-plan-title-row .small.mp-status-pill {
  padding: 0.2rem 0.8rem;
}
.mp-steps .mp-footer-panel {
  position: fixed;
  bottom: 1rem;
  right: 2rem;
  left: auto;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 490px);
  z-index: 999;
}
.mp-steps .mp-footer-panel .pill-group {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
.mp-steps .mp-footer-panel .pill-group .pill {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.9rem;
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 500;
  border: 1px solid #ccc;
  background: transparent;
  color: #555;
}
.mp-steps .mp-footer-panel .pill-group .pill .count {
  padding: 2px 6px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
}
.mp-steps .mp-footer-panel .pill-group .pill .count.success {
  background: rgba(76, 175, 80, 0.42);
}
.mp-steps .mp-footer-panel .pill-group .pill .count.neutral {
  background: rgba(117, 117, 117, 0.4);
}
.mp-steps .mp-footer-panel .pill-group .pill.reset:hover,
.mp-steps .mp-footer-panel .pill-group .pill:hover {
  background: #f5f5f5;
}
.mp-steps .mp-footer-panel .action-buttons {
  display: flex;
  gap: 0.5rem;
}
.mp-steps .mp-footer-panel .action-buttons button {
  padding: 0.5rem 1rem;
  font-size: 0.85rem;
  border-radius: 4px;
  font-family: "Inter-Regular";
  transition: background 0.2s ease;
}
.mp-steps .mp-footer-panel .action-buttons button.cancel {
  background: transparent;
  border: 1px solid #ccc;
  color: #12191D;
}
.mp-steps .mp-footer-panel .action-buttons button.cancel:hover {
  background: #f5f5f5;
}
.mp-steps .mp-footer-panel .action-buttons button.continue {
  background: #6366F1;
  color: #fff;
  border: none;
}
.mp-steps .mp-footer-panel .action-buttons button.continue:disabled {
  background: #ccc;
  cursor: not-allowed;
}
.mp-steps .mp-footer-panel .action-buttons button.continue:hover:not(:disabled) {
  background: rgb(136.44, 138.72, 244.36);
}
.mp-steps .mp-footer-panel--static {
  position: static;
  width: 100%;
  margin-top: 1rem;
}
.mp-steps .mp-plan-title-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.5rem;
  align-items: baseline;
  margin-bottom: 0.5rem;
}
.mp-steps .mp-plan-title-row .mp-plan-name {
  width: 380px;
  padding: 0.5rem 0.75rem 0 0;
  border: 0;
  border-bottom: 1px solid #ddd;
  background: #fff;
  font-family: "Inter-Medium";
  font-size: 20px;
}
.mp-steps .mp-plan-title-row .mp-plan-name:focus {
  outline: none;
  border-color: #6366F1;
  box-shadow: none;
}
.mp-steps .mp-plan-title-row .mp-status-pill.draft {
  background: #eef2ff;
  color: #4657d3;
}
.mp-steps .mp-plan-title-row .mp-status-pill.active {
  background: rgba(76, 175, 80, 0.15);
  color: #00884b;
}
.mp-steps .mp-plan-title-row .mp-status-pill.inactive {
  background: #FFCDD2;
  color: #fa4b5d;
}
.mp-steps .mp-plan-title-row .icon {
  width: 42px;
  height: 42px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  background: var(--pill, #e5e7eb);
}
.mp-steps .mp-plan-title-row .icon i {
  font-size: 18px;
}
.mp-steps .mp-plan-title-row .icon.fa-screwdriver-wrench-bgColor {
  background: #E3F2FD !important;
  color: rgb(36.6, 153.6, 239.4) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-screwdriver-wrench-bgColor.border-thin {
  border: 1px solid rgb(36.6, 153.6, 239.4) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-calendar-check-bgColor {
  background: #E8F5E9 !important;
  color: rgb(89.8181818182, 183.1818181818, 97) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-calendar-check-bgColor.border-thin {
  border: 1px solid rgb(89.8181818182, 183.1818181818, 97) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-wrench-bgColor {
  background: #FFF3E0 !important;
  color: rgb(255, 164.0322580645, 20) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-wrench-bgColor.border-thin {
  border: 1px solid rgb(255, 164.0322580645, 20) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-magnifying-glass-waveform-bgColor {
  background: #F3E5F5 !important;
  color: rgb(175, 81.6666666667, 188.3333333333) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-magnifying-glass-waveform-bgColor.border-thin {
  border: 1px solid rgb(175, 81.6666666667, 188.3333333333) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-truck-bgColor {
  background: #E0F7FA !important;
  color: rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-truck-bgColor.border-thin {
  border: 1px solid rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-arrow-rotate-left-bgColor {
  background: #FFFDE7 !important;
  color: #ffec1b !important;
}
.mp-steps .mp-plan-title-row .icon.fa-arrow-rotate-left-bgColor.border-thin {
  border: 1px solid #ffec1b !important;
}
.mp-steps .mp-plan-title-row .icon.fa-warehouse-bgColor {
  background: #F1F8E9 !important;
  color: rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-warehouse-bgColor.border-thin {
  border: 1px solid rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-bolt-bgColor {
  background: #FBE9E7 !important;
  color: rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-bolt-bgColor.border-thin {
  border: 1px solid rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-gauge-high-bgColor {
  background: #EDE7F6 !important;
  color: rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-gauge-high-bgColor.border-thin {
  border: 1px solid rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-arrow-up-bgColor {
  background: #F9FBE7 !important;
  color: rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-arrow-up-bgColor.border-thin {
  border: 1px solid rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-map-location-dot-bgColor {
  background: #E0F2F1 !important;
  color: rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-map-location-dot-bgColor.border-thin {
  border: 1px solid rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-clipboard-check-bgColor {
  background: #FCE4EC !important;
  color: rgb(231.6, 44.4, 106.8) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-clipboard-check-bgColor.border-thin {
  border: 1px solid rgb(231.6, 44.4, 106.8) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-triangle-exclamation-bgColor {
  background: #E8EAF6 !important;
  color: rgb(85.375, 100.125, 188.625) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-triangle-exclamation-bgColor.border-thin {
  border: 1px solid rgb(85.375, 100.125, 188.625) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-shield-halved-bgColor {
  background: #FFF8E1 !important;
  color: rgb(255, 200.4, 21) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-shield-halved-bgColor.border-thin {
  border: 1px solid rgb(255, 200.4, 21) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-person-bgColor {
  background: #E6EE9C !important;
  color: rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-person-bgColor.border-thin {
  border: 1px solid rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-screwdriver-wrench {
  color: rgb(36.6, 153.6, 239.4) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-screwdriver-wrench.border-thin {
  border: 1px solid rgb(36.6, 153.6, 239.4) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-calendar-check {
  color: rgb(89.8181818182, 183.1818181818, 97) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-calendar-check.border-thin {
  border: 1px solid rgb(89.8181818182, 183.1818181818, 97) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-wrench-bgColor {
  color: rgb(255, 164.0322580645, 20) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-wrench-bgColor.border-thin {
  border: 1px solid rgb(255, 164.0322580645, 20) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-magnifying-glass-waveform {
  color: rgb(175, 81.6666666667, 188.3333333333) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-magnifying-glass-waveform.border-thin {
  border: 1px solid rgb(175, 81.6666666667, 188.3333333333) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-truck {
  color: rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-truck.border-thin {
  border: 1px solid rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-arrow-rotate-left {
  color: #ffec1b !important;
}
.mp-steps .mp-plan-title-row .icon.fa-arrow-rotate-left.border-thin {
  border: 1px solid #ffec1b !important;
}
.mp-steps .mp-plan-title-row .icon.fa-warehouse {
  color: rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-warehouse.border-thin {
  border: 1px solid rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-bolt {
  color: rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-bolt.border-thin {
  border: 1px solid rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-gauge-high {
  color: rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-gauge-high.border-thin {
  border: 1px solid rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-arrow-up {
  color: rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-arrow-up.border-thin {
  border: 1px solid rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-map-location-dot {
  color: rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-map-location-dot.border-thin {
  border: 1px solid rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-clipboard-check {
  color: rgb(231.6, 44.4, 106.8) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-clipboard-check.border-thin {
  border: 1px solid rgb(231.6, 44.4, 106.8) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-triangle-exclamation {
  color: rgb(85.375, 100.125, 188.625) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-triangle-exclamation.border-thin {
  border: 1px solid rgb(85.375, 100.125, 188.625) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-shield-halved {
  color: rgb(255, 200.4, 21) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-shield-halved.border-thin {
  border: 1px solid rgb(255, 200.4, 21) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-person {
  color: rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.mp-steps .mp-plan-title-row .icon.fa-person.border-thin {
  border: 1px solid rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.mp-steps .mp-plan-title-row .status-dd__panel {
  position: absolute;
  width: auto !important;
  min-width: unset !important;
  white-space: nowrap !important;
  right: 0 !important;
  left: auto !important;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type {
  display: grid;
  grid-template-columns: minmax(0, 1.6fr) max-content;
  gap: 24px;
  align-items: center;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-main {
  display: flex;
  align-items: center;
  gap: 10px;
  grid-column: 1/2;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-main .mp-type-icon {
  inline-size: 40px;
  block-size: 40px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-main .mp-type-icon i {
  font-size: 16px;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-main .mp-type-color-trigger {
  inline-size: 40px;
  block-size: 40px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  display: grid;
  place-items: center;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  padding: 0;
  background: #fff;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    background 0.15s ease;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-main .mp-type-color-trigger:hover,
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-main .mp-type-color-trigger:focus-visible {
  border-color: #9ca3af;
  box-shadow: 0 0 0 1px rgba(156, 163, 175, 0.4);
  outline: none;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-main .mp-type-color-trigger__swatch {
  inline-size: 100%;
  block-size: 100%;
  border-radius: inherit;
  border: 1px solid #e5e7eb;
  box-sizing: border-box;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-main .mp-type-color-trigger i {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  font-size: 16px;
  color: #12191D;
  opacity: 0;
  transform: scale(0.9);
  transition: opacity 0.15s ease, transform 0.15s ease;
  pointer-events: none;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-main .mp-type-color-trigger:hover i,
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-main .mp-type-color-trigger:focus-visible i {
  opacity: 1;
  transform: scale(1);
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-main .mp-type-color-trigger:hover .mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-main .mp-type-color-trigger__swatch,
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-main .mp-type-color-trigger:focus-visible .mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-main .mp-type-color-trigger__swatch {
  filter: brightness(0.96);
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-main .mp-type-text {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-main .mp-type-text .mp-type-name {
  width: 100%;
  border: 0;
  border-bottom: 1px solid #ddd;
  padding: 0;
  font-family: "Inter-Medium";
  font-size: 18px;
  color: #12191D;
  background: transparent;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-main .mp-type-text .mp-type-name:focus {
  outline: none;
  border-color: #6366F1;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-main .mp-type-text .mp-type-name::placeholder {
  color: #7C828D;
  font-weight: 400;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-main .mp-type-text .mp-type-name-read {
  width: 100%;
  border: 0;
  font-family: "Inter-Medium";
  font-size: 18px;
  color: #12191D;
  background: transparent;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-main .mp-type-text .mp-type-name-read:focus {
  outline: none;
  border-color: #6366F1;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-main .mp-type-text .mp-type-name-read::placeholder {
  color: #7C828D;
  font-weight: 400;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-main .mp-type-text .mp-type-desc {
  width: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  background: transparent;
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
  font-style: italic;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-main .mp-type-text .mp-type-desc:focus {
  outline: none;
  color: #12191D;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-main .mp-type-text .mp-type-desc::placeholder {
  color: #7C828D;
  font-style: italic;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-main .mp-card-title {
  font-size: 14px;
  font-family: "Inter-Medium";
  color: #12191D;
  margin-bottom: unset !important;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-main .mp-card-description {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #212529;
  line-height: 1.5;
  font-style: italic;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-card-title {
  font-size: 14px;
  font-family: "Inter-Medium";
  color: #12191D;
  margin-bottom: unset !important;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-card-description {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #212529;
  line-height: 1.5;
  font-style: italic;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-meta {
  display: flex;
  align-items: start;
  gap: 6px;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-meta.center {
  align-items: center;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-meta .mp-type-category {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 8px;
  position: relative;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-meta .mp-type-category .field-label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
  gap: 2px;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-meta .mp-type-category .mp-type-category-dd {
  width: 150px;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-meta .mp-tag-pill {
  display: inline-flex;
  align-items: center;
  padding: 2px 12px;
  border-radius: 999px;
  background: #F3F4F6;
  color: #212529;
  font-size: 12px;
  font-family: "Inter-Regular";
  white-space: nowrap;
  flex-shrink: 0;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  row-gap: 6px;
  column-gap: 24px;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-fields__item {
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-fields__label {
  font-size: 12px;
  color: #7C828D;
  font-family: "Inter-Regular";
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-fields__value {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-fields__value--tag {
  display: flex;
  align-items: center;
  gap: 6px;
}
.mp-steps .mp-plan-title-row.mp-plan-title-row--type .mp-type-fields__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.mp-steps .mp-inline-row,
.mp-steps .mp-inline-row-block {
  display: flex;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 0.5rem;
  align-items: center;
}
.mp-steps .mp-inline-row .field-label,
.mp-steps .mp-inline-row-block .field-label {
  font-size: 14px;
  font-family: "Inter-Regular";
  color: #12191D;
  flex: 0 0 auto;
  white-space: nowrap;
}
.mp-steps .mp-inline-row .control,
.mp-steps .mp-inline-row-block .control {
  flex: 1 1 380px;
  min-width: 380px;
  width: 100%;
}
.mp-steps .mp-inline-row .mp-error,
.mp-steps .mp-inline-row-block .mp-error {
  font-size: 12px;
  color: #d33;
}
.mp-steps .mp-inline-row.gap,
.mp-steps .mp-inline-row-block.gap {
  margin-bottom: 10px;
}
.mp-steps .mp-inline-row {
  margin-bottom: 38px;
}
.mp-steps .mp-inline-row-block {
  flex-direction: column;
}
.mp-steps .mp-end-type {
  min-width: 160px;
}
.mp-steps .mp-end-date {
  display: none;
}
.mp-steps .mp-end-type.is-custom-date + .mp-end-date {
  display: block;
}
.mp-steps .mp-hint {
  font-size: 14px;
  font-family: "Inter-Regular";
  color: #12191D;
}
.mp-steps .mp-trigger-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(240px, 1fr));
  gap: 0.75rem;
}
.mp-steps .mp-dropdown-card,
.mp-steps .mp-dropdown-dark {
  position: relative;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  padding: 0.9rem 1rem;
  cursor: pointer;
  transition:
    border-color 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.06s ease;
}
.mp-steps .mp-dropdown-card:hover,
.mp-steps .mp-dropdown-dark:hover {
  border-color: #d1d5db;
}
.mp-steps .mp-dropdown-card:active,
.mp-steps .mp-dropdown-dark:active {
  transform: translateY(1px);
}
.mp-steps .mp-dropdown-card .title,
.mp-steps .mp-dropdown-dark .title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-family: "Inter-Medium";
  color: #222;
}
.mp-steps .mp-dropdown-card .title .icon,
.mp-steps .mp-dropdown-dark .title .icon {
  font-size: 18px;
}
.mp-steps .mp-dropdown-card .title span,
.mp-steps .mp-dropdown-dark .title span {
  font-size: 14px;
  font-family: "Inter-SemiBold";
}
.mp-steps .mp-dropdown-card .desc,
.mp-steps .mp-dropdown-dark .desc {
  margin-top: 0.45rem;
  color: #666;
  font-size: 10px;
  line-height: 1.35;
}
.mp-steps .mp-dropdown-card .tick,
.mp-steps .mp-dropdown-dark .tick {
  position: absolute;
  top: 14px;
  right: 13px;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
}
.mp-steps .mp-dropdown-card .mp-compact,
.mp-steps .mp-dropdown-dark .mp-compact {
  padding: 0.75rem 0.9rem;
  min-height: 84px;
}
.mp-steps .mp-dropdown-card .kicker,
.mp-steps .mp-dropdown-dark .kicker {
  font-size: 12px;
  color: #7C828D;
  margin-top: 4px;
}
.mp-steps .mp-dropdown-card .tick {
  border-radius: 50%;
  border: 2px solid #d1d5db;
}
.mp-steps .mp-dropdown-card.is-active {
  border: 1px solid #6366F1;
}
.mp-steps .mp-dropdown-card.is-active .tick {
  border-color: #6366F1;
  background: #6366F1;
}
.mp-steps .mp-dropdown-card.is-active .tick::before {
  content: "\f00c";
  font-family:
    "Font Awesome 6 Free",
    "Font Awesome 5 Pro",
    "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 13px;
  line-height: 1;
  color: #fff;
  padding-top: 2px;
}
.mp-steps .mp-dropdown-card.is-disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.mp-steps .mp-dropdown-dark .tick {
  border-radius: 5px;
  border: 2px solid #d1d5db;
}
.mp-steps .mp-dropdown-dark.is-active {
  border: 2px solid #282828;
}
.mp-steps .mp-dropdown-dark.is-active .tick {
  border-color: #282828;
  background: #282828;
}
.mp-steps .mp-dropdown-dark.is-active .tick::before {
  content: "\f00c";
  font-family:
    "Font Awesome 6 Free",
    "Font Awesome 5 Pro",
    "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 13px;
  line-height: 1;
  color: #fff;
  padding-top: 2px;
}
.mp-steps .mp-dropdown-dark.is-disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.mp-steps .mp-visually-hidden {
  position: absolute !important;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  white-space: nowrap;
}
.mp-steps .mp-topbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 10px;
}
.mp-steps .mp-topbar-left .mp-topbar-title {
  font-family: "Inter-SemiBold";
  font-size: 16px;
  text-decoration: underline;
  line-height: 1.5;
  padding: 5px;
}
.mp-steps .mp-topbar-right {
  display: flex;
  align-items: center;
  justify-content: end;
  gap: 12px;
  flex-wrap: wrap;
}
.mp-steps .mp-topbar-right .mp-note {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: 1px dashed #e5e7eb;
  border-radius: 999px;
  color: #12191D;
  background: #ededfd;
  font-size: 12px;
  font-family: "Inter-Regular";
}
.mp-steps .mp-topbar-right .mp-segments {
  display: inline-flex;
  border: 1.5px solid #d9d9d9;
  border-radius: 9999px;
  background: #fff;
  gap: 0;
}
.mp-steps .mp-topbar-right .mp-segments .mp-segment {
  appearance: none;
  border: 0;
  background: transparent;
  color: #7C828D;
  font-family: "Inter-Regular";
  font-size: 13px;
  line-height: 1;
  padding: 6px 14px;
  cursor: pointer;
  border-radius: 9999px;
  position: relative;
  transition:
    background 0.15s ease,
    box-shadow 0.15s ease,
    color 0.15s ease;
}
.mp-steps .mp-topbar-right .mp-segments .mp-segment:hover {
  background: #f5f5f5;
}
.mp-steps .mp-topbar-right .mp-segments .mp-segment.is-active {
  color: #12191D;
  font-family: "Inter-SemiBold";
  background: #fff;
  z-index: 1;
  box-shadow: 0 0 0 1px #1d1d1d;
}
.mp-steps .mp-topbar-right .mp-segments .mp-segment--left {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.mp-steps .mp-topbar-right .mp-segments .mp-segment--left.is-active {
  border-radius: 9999px 0 0 9999px;
}
.mp-steps .mp-topbar-right .mp-segments .mp-segment--right {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.mp-steps .mp-topbar-right .mp-segments .mp-segment--right.is-active {
  border-radius: 0 9999px 9999px 0;
}
.mp-steps .mp-subpanel {
  border: 1px solid #d4d4d4;
  border-radius: 12px;
  background: #fff;
}
.mp-steps .mp-subpanel .mp-header {
  padding: 0.75rem 1rem;
}
.mp-steps .mp-subpanel .mp-title h3 {
  margin: 0;
  font-size: 15px;
}
.mp-steps .mp-subpanel .mp-subhead-sub {
  margin: 10px 20px;
}
.mp-steps .mp-subpanel .mp-subhead-sub .title {
  font-family: "Inter-SemiBold";
  color: #12191D;
  font-size: 14px;
}
.mp-steps .mp-subpanel .mp-subhead-sub .sub {
  font-size: 12px;
  color: #7C828D;
  margin-top: 4px;
}
.mp-steps .mp-subpanel .mp-subhead-sub .link {
  font-size: 12px;
  color: #6366F1;
  text-decoration: underline;
  cursor: pointer;
}
.mp-steps .mp-subpanel .mp-subhead-sub .link.copy {
  text-decoration: unset;
}
.mp-steps .mp-subpanel .mp-subhead-sub .head-img {
  width: 37px;
}
.mp-steps .mp-subpanel .mp-subhead-sub.mp-subhead--inline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.mp-steps .mp-subpanel .mp-subhead-sub .status-field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mp-steps .mp-subpanel .mp-subhead-sub .status-field .field-label,
.mp-steps .mp-subpanel .mp-subhead-sub .status-field .field-row {
  margin-bottom: 0;
}
.mp-steps .mp-subpanel .mp-subhead-sub .status-field + .status-field {
  margin-top: 8px;
}
.mp-steps .mp-subpanel .mp-subhead-sub .field-label {
  display: block;
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
  margin-bottom: 8px;
}
.mp-steps .mp-subpanel .mp-subhead-sub .field-label-create {
  display: block;
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #6366F1;
}
.mp-steps .mp-subpanel .mp-subhead-sub .field-row {
  display: grid;
  gap: 12px;
  margin-bottom: 12px;
}
.mp-steps .mp-subpanel .mp-subhead-sub .status-chip-row {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.mp-steps .mp-subpanel .mp-subhead-sub .status-chip-row .status-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #eef2ff;
  border: 1px solid #e5e7eb;
  font-size: 11px;
  font-family: "Inter-Regular";
  color: #12191D;
}
.mp-steps .mp-subpanel .mp-subhead-sub .status-chip-row .status-chip--profile {
  background: #ebeeff;
  border-color: #6366F1;
}
.mp-steps .mp-subpanel .mp-subhead-sub .status-chip-row .status-chip__text {
  white-space: nowrap;
}
.mp-steps .mp-subpanel .mp-subhead-sub .status-chip-row .status-chip__remove {
  border: 0;
  background: transparent;
  padding: 0;
  display: grid;
  place-items: center;
  cursor: pointer;
  color: #6b7280;
  font-size: 11px;
}
.mp-steps .mp-subpanel .mp-subhead-sub .status-chip-row .status-chip__remove:hover {
  color: #12191D;
}
.mp-steps .mp-subpanel .mp-subhead-sub .status-chip-row__toggle {
  border: 0;
  background: transparent;
  padding: 0 2px;
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #6366F1;
  align-self: center;
}
.mp-steps .mp-subpanel .mp-subhead-sub .status-chip-row__toggle:hover {
  color: rgb(136.44, 138.72, 244.36);
  cursor: pointer;
}
.mp-steps .mp-subpanel .mp-body {
  padding: 1.5rem;
}
.mp-steps .mp-subpanel .mp-body-two {
  padding: 0 1.5rem 1.5rem;
}
.mp-steps .mp-subpanel .mp-sub-body {
  padding: 1.5rem;
}
.mp-steps .mp-subpanel .mp-sub-body .mp-subhead {
  margin-bottom: 10px;
}
.mp-steps .mp-subpanel .mp-sub-body .mp-subhead .title {
  font-family: "Inter-SemiBold";
  color: #12191D;
}
.mp-steps .mp-subpanel .mp-sub-body .mp-subhead .sub {
  font-size: 12px;
  color: #7C828D;
  margin-top: 4px;
}
.mp-steps .mp-subpanel .mp-sub-body .mp-duo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 18px;
  align-items: start;
}
.mp-steps .mp-subpanel .mp-sub-body .mp-fieldline {
  display: grid;
  row-gap: 6px;
}
.mp-steps .mp-subpanel .mp-sub-body .mp-fieldline label {
  font-size: 12px;
  letter-spacing: 0.02em;
  color: #7C828D;
  font-family: "Inter-Medium";
  text-transform: uppercase;
}
.mp-steps .mp-subpanel .mp-sub-body .mp-ms.p-multiselect {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
}
.mp-steps .mp-subpanel .mp-sub-body .mp-ms.p-multiselect .p-multiselect-label {
  min-height: 40px;
  padding: 8px 10px;
}
.mp-steps .mp-subpanel .mp-sub-body .mp-ms.p-multiselect .p-multiselect-token {
  border-radius: 999px;
  padding: 4px 8px;
  background: #eef2ff;
  color: #1f2937;
  margin: 2px 6px 2px 0;
}
.mp-steps .mp-subpanel .mp-sub-body .mp-ms.p-multiselect .p-multiselect-trigger {
  color: #7C828D;
}
.mp-steps .mp-subpanel.inline-header {
  border-radius: unset;
  background: #f9fafb;
  border-top: 1px solid #e5e7eb;
  border-bottom: 1px solid #e5e7eb;
  border-left: unset;
  border-right: unset;
}
.mp-steps .mp-grid-2 {
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 12px;
}
.mp-steps .mp-option-cards {
  display: grid;
  grid-template-columns: repeat(2, 320px);
  gap: 10px;
}
.mp-steps .mp-option-cards-inline-full {
  display: grid;
  grid-template-columns: repeat(2, auto);
  gap: 10px;
  padding: 10px;
}
.mp-steps .mp-row + .mp-row {
  margin-top: 10px;
}
.mp-steps .mp-assign-table {
  display: grid;
  grid-template-rows: auto;
  row-gap: 10px;
}
.mp-steps .mp-assign-head {
  display: grid;
  grid-template-columns: max-content 380px 220px;
  column-gap: 10px;
  align-items: end;
  padding: 6px 0 10px;
  border-bottom: 1px solid #e5e7eb;
}
.mp-steps .mp-assign-head .col-label {
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #7C828D;
  font-family: "Inter-SemiBold";
}
.mp-steps .mp-assign-head .col-empty {
  visibility: hidden;
}
.mp-steps .mp-assign-row {
  display: grid;
  grid-template-columns: max-content 380px 220px;
  column-gap: 16px;
  align-items: center;
  min-height: 46px;
}
.mp-steps .mp-assign-row .month {
  color: #7C828D;
  font-size: 13px;
  font-family: "Inter-Regular";
  padding-left: 2px;
}
.mp-steps .mp-assign-row .template .mp-dropdown {
  width: 100%;
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  font-family: "Inter-Regular";
  font-size: 14px;
  color: #1f2937;
  cursor: pointer;
}
.mp-steps .mp-assign-row .template select.control {
  width: 100%;
  padding: 10px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  font-family: "Inter-Regular";
  font-size: 14px;
  color: #1f2937;
}
.mp-steps .mp-assign-row .assign {
  display: flex;
  justify-content: flex-start;
}
.mp-steps .mp-assign-summary {
  margin-top: 8px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.mp-steps .mp-assign-summary .who {
  font-size: 14px;
  color: #12191D;
  font-family: "Inter-Regular";
}
.mp-steps .mp-assign-summary .edit-chip {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #6366F1;
  background: #fff;
  cursor: pointer;
}
.mp-steps .mp-assign-summary .edit-chip:hover {
  background: #c1c2f9;
}
.mp-steps .mp-radio-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.mp-steps .mp-radio-row {
  display: grid;
  grid-template-columns: max-content max-content max-content 1fr;
  align-items: center;
  gap: 10px 12px;
}
.mp-steps .mp-radio-row.is-selected .mp-radio input {
  accent-color: #6366F1;
}
.mp-steps .mp-radio {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
}
.mp-steps .mp-radio input[type=radio] {
  appearance: none;
  inline-size: 16px;
  block-size: 16px;
  border: 1.5px solid #cfd4dc;
  border-radius: 50%;
  background: #fff;
  display: grid;
  place-content: center;
  margin: 0;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.mp-steps .mp-radio input[type=radio]::before {
  content: "";
  inline-size: 8px;
  block-size: 8px;
  border-radius: 50%;
  transform: scale(0);
  transition: transform 0.12s ease;
  background: #12191D;
}
.mp-steps .mp-radio input[type=radio]:checked {
  border-color: #12191D;
}
.mp-steps .mp-radio input[type=radio]:checked::before {
  transform: scale(1);
}
.mp-steps .mp-radio input[type=radio]:focus-visible {
  outline: none;
  box-shadow: 0 0 0 3px rgba(11, 11, 11, 0.18);
}
.mp-steps .mp-radio input[type=radio]:disabled {
  border-color: #e5e7eb;
  background: #f8fafc;
  cursor: not-allowed;
}
.mp-steps .mp-radio input[type=radio]:disabled::before {
  background: #9ca3af;
}
.mp-steps .mp-radio span {
  font-size: 14px;
  color: #12191D;
  font-family: "Inter-Regular";
}
.mp-steps .mp-or-divider {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
.mp-steps .mp-or-divider .label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-family: "Inter-SemiBold";
  text-decoration: underline;
}
.mp-steps .mp-inline-row.compact {
  margin-bottom: 0;
}
.mp-steps .mp-inline-row.compact .control {
  flex: 0 0 auto;
  min-width: auto;
}
.mp-steps .mp-inline-row.compact .mp-num {
  width: 72px;
  min-width: 72px;
}
.mp-steps .mp-inline-row.compact .mp-unit-select {
  width: 120px;
  min-width: 120px;
}
.mp-steps .mp-inline-row.compact .mp-sm {
  width: 140px;
  min-width: 140px;
}
.mp-steps .mp-inline-row.compact .mp-md {
  width: 160px;
  min-width: 160px;
}
.mp-steps .mp-icon {
  color: #7C828D;
  font-size: 14px;
  margin-left: 6px;
}
.mp-steps .mp-subpanel .mp-title {
  display: flex;
  align-items: center;
  gap: 6px;
}
.mp-steps .mp-form-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  grid-auto-flow: dense;
  column-gap: 16px;
  row-gap: 10px;
  align-items: baseline;
}
.mp-steps .mp-form-grid .mp-field {
  display: flex;
  flex-direction: column;
  min-width: 0;
}
.mp-steps .mp-form-grid .mp-field .input-row-w-2-btns {
  display: grid;
  grid-template-columns: 1fr 30px 30px;
  align-items: center;
  gap: 8px;
}
.mp-steps .mp-form-grid .mp-field label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
  margin-bottom: 4px;
}
.mp-steps .mp-form-grid .mp-field .p-autocomplete-input-token input[type=text] {
  border: unset;
  border-radius: unset;
}
.mp-steps .mp-form-grid .mp-field .p-autocomplete-multiple-container .p-autocomplete-token {
  margin: 4px;
  padding: 2px 8px !important;
  border-radius: 999px !important;
  background-color: rgba(99, 102, 241, 0.2) !important;
}
.mp-steps .mp-form-grid .mp-field .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-label {
  font-size: 12px;
  font-family: "Inter-Medium";
}
.mp-steps .mp-form-grid .mp-field .p-colorpicker .p-colorpicker-preview {
  width: 32px !important;
}
.mp-steps .mp-form-grid .mp-field .hint {
  font-size: 12px;
  color: #7C828D;
  margin-top: 6px;
}
.mp-steps .mp-form-grid .mp-field .field-row--auto_colorpick {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}
.mp-steps .mp-form-grid .mp-field .mp-error {
  font-size: 12px;
  color: #d33;
  margin-top: 6px;
}
.mp-steps .mp-form-grid .mp-field .with-create {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.mp-steps .mp-form-grid .mp-field .with-create .create {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #6366F1;
  cursor: pointer;
}
.mp-steps .mp-form-grid .mp-field .with-create .create:hover {
  text-decoration: underline;
  text-underline-offset: 1px;
}
.mp-steps .mp-form-grid .mp-field-inline {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  column-gap: 8px;
  row-gap: 8px;
}
.mp-steps .mp-form-grid .mp-field-inline .token {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
  white-space: nowrap;
  padding-bottom: 8px;
}
.mp-steps .mp-form-grid .mp-field-inline .inline-field-wrapper {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-width: 0;
}
.mp-steps .mp-form-grid .mp-field-inline .inline-field-wrapper label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
  margin-bottom: 4px;
}
.mp-steps .mp-form-grid .mp-field-inline .w-create-days {
  width: 72px;
  min-width: 72px;
}
.mp-steps .mp-form-grid .mp-field-inline .w-time {
  width: 120px;
  min-width: 100px;
}
.mp-steps .mp-form-grid .mp-field-inline .w-dur {
  width: 120px;
  min-width: 100px;
}
.mp-steps .mp-form-grid .mp-field-inline .w-calendar {
  flex: 1 1 auto;
  min-width: 0;
  inline-size: auto;
}
.mp-steps .mp-form-grid .mp-section-header {
  grid-column: 1/-1;
}
.mp-steps .mp-form-grid .mp-section-header .title {
  font-size: 14px;
  font-family: "Inter-Medium";
  color: #12191D;
}
.mp-steps .mp-form-grid .mp-section-header .description {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
  line-height: 1.45;
}
.mp-steps .mp-form-grid .mp-rule-row {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  transition: all 0.2s ease;
}
.mp-steps .mp-form-grid .mp-rule-row .mp-badge {
  display: inline-flex;
  align-items: center;
  padding: 4px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-family: "Inter-Medium";
  white-space: nowrap;
  background-color: #f3f4f6;
  color: #212529;
  border: 1px solid #e5e7eb;
  transition: all 0.2s ease;
}
.mp-steps .mp-form-grid .mp-rule-row .mp-badge.status-completed {
  background-color: #d1fae5;
  color: #065f46;
  border-color: #a7f3d0;
}
.mp-steps .mp-form-grid .mp-rule-row .mp-badge.status-in-progress {
  background-color: #fef3c7;
  color: #92400e;
  border-color: #fde68a;
}
.mp-steps .mp-form-grid .mp-rule-row .mp-badge.status-pending {
  background-color: #dbeafe;
  color: #1e40af;
  border-color: #bfdbfe;
}
.mp-steps .mp-form-grid .mp-rule-row .mp-badge.status-cancelled {
  background-color: #fee2e2;
  color: #991b1b;
  border-color: #fecaca;
}
.mp-steps .mp-form-grid .mp-rule-row .mp-badge.badge-neutral {
  background-color: #f3f4f6;
  color: #374151;
  border-color: #e5e7eb;
}
.mp-steps .mp-form-grid .mp-rule-row .mp-rule-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #7C828D;
  font-size: 16px;
  flex-shrink: 0;
}
.mp-steps .mp-form-grid .mp-rule-row .mp-rule-arrow i {
  cursor: unset;
}
.mp-steps .mp-form-grid .mp-rule-row .mp-rule-separator {
  display: inline-flex;
  align-items: center;
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #7C828D;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.mp-steps .mp-form-grid .mp-rule-row .mp-rule-remove {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 4px;
  background-color: transparent;
  border: none;
  color: #9ca3af;
  cursor: pointer;
  transition: all 0.2s ease;
  flex-shrink: 0;
}
.mp-steps .mp-form-grid .mp-rule-row .mp-rule-remove:hover {
  color: #dc2626;
}
.mp-steps .mp-form-grid .mp-rules-container {
  grid-column: 1/-1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mp-steps .mp-form-grid .mp-rules-empty {
  grid-column: 1/-1;
  padding: 24px;
  text-align: center;
  color: #7C828D;
  font-size: 13px;
  font-family: "Inter-Regular";
  background-color: #f9fafb;
  border: 1px dashed #e5e7eb;
  border-radius: 8px;
}
.mp-steps .mp-form-grid .span-12 {
  grid-column: span 12;
}
.mp-steps .mp-form-grid .span-8 {
  grid-column: span 8;
}
.mp-steps .mp-form-grid .span-6 {
  grid-column: span 6;
}
.mp-steps .mp-form-grid .span-4 {
  grid-column: span 4;
}
.mp-steps .mp-form-grid .span-3 {
  grid-column: span 3;
}
.mp-steps .mp-form-grid + .mp-form-grid {
  margin-top: 10px;
}
.mp-steps .mp-form-section-title {
  grid-column: 1/-1;
  font-family: "Inter-SemiBold";
  font-size: 14px;
  color: #12191D;
  margin: 6px 0;
}
.mp-steps .mp-actions-bar {
  position: relative;
}
.mp-steps .mp-actions-bar__inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
}
.mp-steps .mp-actions-bar.mp-actions-bar--sticky {
  position: sticky;
  bottom: 0;
  padding-bottom: max(8px, env(safe-area-inset-bottom));
  z-index: 20;
}
.mp-steps .mp-actions-bar.mp-actions-bar--sticky::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 100%;
  height: 24px;
  background:
    linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.9));
  pointer-events: none;
}
.mp-steps .mp-actions-bar.mp-actions-bar--fixed {
  position: fixed;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(env(safe-area-inset-bottom) + 12px);
  z-index: 1200;
}
.mp-steps .mp-actions-bar.mp-actions-bar--fixed::before {
  display: none;
}
.mp-steps .mp-actions-bar.mp-setup {
  padding: 1rem 1.5rem;
  background: #fff;
  border-radius: 12px;
  border: 1px solid #c4d4d4;
}
.mp-steps .task-procedure-wrapper {
  display: flex;
  flex-direction: column;
}
.mp-steps .task-procedure-wrapper .procedure-title {
  font-family: "Inter-SemiBold";
  font-size: 14px;
  margin-bottom: unset !important;
}
.mp-steps .task-table {
  border-radius: 0 0 16px 16px;
  border-top: 0;
  padding: 0;
}
.mp-steps .task-table__head,
.mp-steps .task-table__body .task-row {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) 260px 40px;
  align-items: baseline;
  gap: 1rem;
}
.mp-steps .task-table__head.status,
.mp-steps .task-table__body .task-row.status {
  display: grid;
  grid-template-columns: 16px minmax(0, 0.8fr) minmax(0, 1fr) 120px 220px 40px;
  align-items: center;
  gap: 1rem;
}
.mp-steps .task-table__head.no-status,
.mp-steps .task-table__body .task-row.no-status {
  display: grid;
  grid-template-columns: 16px minmax(0, 0.4fr) minmax(0, 1fr) 120px 40px;
  align-items: center;
  gap: 1rem;
}
.mp-steps .task-table__body .task-row.no-desc {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) 260px 40px;
  align-items: center;
  gap: 1rem;
}
.mp-steps .task-table__head {
  color: #12191D;
  font-size: 12px;
  padding: 6px 10px;
  border-bottom: 1px solid #e5e7eb;
  align-items: center;
  background-color: #f9fafb;
}
.mp-steps .task-table__head .col {
  font-family: "Inter-SemiBold";
}
.mp-steps .task-table__body .task-row {
  border-bottom: 1px solid #f3f4f6;
  padding: 6px 10px;
}
.mp-steps .task-table__body .task-row:last-child {
  border-bottom: 0;
}
.mp-steps .col--task {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.mp-steps .col--task.handle {
  padding-top: 2px;
}
.mp-steps .col--task .drag-handle {
  display: inline-flex;
}
.mp-steps .col--task .drag-handle i {
  cursor: grab;
}
.mp-steps .col--task .drag-handle:active i {
  cursor: grabbing;
}
.mp-steps .col--task .task-label {
  font-size: 12px;
  color: #12191D;
}
.mp-steps .col--task .task-label-link {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #6366F1;
  cursor: pointer;
}
.mp-steps .col--task.task-col {
  display: grid;
  align-content: column;
  gap: 6px;
}
.mp-steps .col--task.task-col .task-main {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
}
.mp-steps .col--task.task-col .task-title {
  font-size: 12px;
  font-family: "Inter-SemiBold";
  color: #12191D;
}
.mp-steps .col--task.task-col .task-required {
  color: #ef4444;
  margin-left: 4px;
}
.mp-steps .col--task.task-col .task-desc {
  font-size: 12px;
  color: #7C828D;
  line-height: 1.5;
}
.mp-steps .col--task.task-col .task-desc-editor .desc-input {
  width: 70%;
  resize: unset;
  border: 0;
  padding: 6px 1px;
  font-size: 12px;
}
.mp-steps .col--task.task-col .task-desc-editor .edit-actions {
  display: flex;
  gap: 8px;
  margin-top: 6px;
}
.mp-steps .col--task.task-col .task-desc-editor .edit-actions .btn-ghost {
  border: 1px solid #e5e7eb;
  background: #fff;
  border-radius: 8px;
  padding: 5px 10px;
  font-size: 12px;
  cursor: pointer;
}
.mp-steps .col--task.task-col .task-desc-editor .edit-actions .btn-primary {
  background: #6c63ff;
  color: #fff;
  border: 0;
  border-radius: 8px;
  padding: 5px 12px;
  font-size: 12px;
  cursor: pointer;
}
.mp-steps .col--task.task-col .link {
  background: none;
  border: 0;
  color: #6c63ff;
  font-size: 12px;
  padding: 0;
  cursor: pointer;
}
.mp-steps .col--task.task-col .link:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.mp-steps .col--actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.mp-steps .col--actions.with-desc {
  padding-top: 8px;
}
.mp-steps .col--actions .assignee {
  border: 1px solid #d4d4d4;
  padding: 6px 8px;
  border-radius: 999px;
  display: flex;
  align-items: center;
  gap: 8px;
}
.mp-steps .col--actions .assignee .name {
  color: #12191D;
  font-size: 12px;
  font-family: "Inter-Regular";
}
.mp-steps .col--actions .color-edit {
  color: #5e5e5e;
  cursor: pointer;
}
.mp-steps .col--actions .color-edit:hover {
  color: #6366F1;
}
.mp-steps .col--actions .color-danger {
  color: #ef4444;
  cursor: pointer;
}
.mp-steps .col--actions .color-danger:hover {
  color: #dc2626;
}
.mp-steps .col--actions .check-order.p-checkbox .p-checkbox-box {
  width: 19px;
  height: 19px;
  border: 1px solid #b7b7b7;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background-color: #fff;
  color: #fff;
  transition:
    background-color 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}
.mp-steps .col--actions .check-order.p-checkbox .p-checkbox-box.p-highlight {
  border-color: #111;
  background: #111;
}
.mp-steps .col--actions .check-order.p-checkbox .p-checkbox-box .p-checkbox-icon {
  color: #fff;
  font-size: 12px;
}
.mp-steps .col--actions .check-order.p-checkbox:not(.p-checkbox-disabled):hover .p-checkbox-box:hover {
  border-color: #111 !important;
}
.mp-steps .col--actions .check-order.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
  outline: 1px solid #111 !important;
  outline-offset: 0;
  box-shadow: 0 0 5px #111 !important;
  border-color: #111 !important;
}
.mp-steps .col--actions .check-order.p-checkbox:not(.p-checkbox-disabled):hover .p-checkbox-box.p-highlight:hover {
  border-color: #111 !important;
  background-color: #111 !important;
}
.mp-steps .col--actions .link {
  background: none;
  border: 0;
  color: #6c63ff;
  font-size: 12px;
  padding: 0;
  cursor: pointer;
}
.mp-steps .col--actions .icon-btn {
  inline-size: 30px;
  block-size: 30px;
  border-radius: 999px;
  border: none;
  background: transparent;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.mp-steps .col--actions .icon-btn i {
  font-size: 14px;
}
.mp-steps .col--actions .icon-btn--danger i {
  color: #f97373;
}
.mp-steps .col--actions .icon-btn--danger:hover {
  background-color: #fee2e2;
}
.mp-steps .col--actions .icon-btn--danger:hover i {
  color: #b91c1c;
}
.mp-steps .col--assignee {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.5rem;
}
.mp-steps .col--assignee .assignee {
  border: 1px solid #d4d4d4;
  padding: 6px 10px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  cursor: pointer;
}
.mp-steps .col--assignee .assignee .name {
  color: #12191D;
  font-size: 12px;
  font-family: "Inter-Regular";
  max-width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mp-steps .col--assignee .assignee:hover {
  background-color: rgba(147, 141, 246, 0.1254901961);
}
.mp-steps .col--status {
  width: 140px;
  display: flex;
  align-items: center;
}
.mp-steps .task-status {
  white-space: nowrap;
}
.mp-steps .task-card {
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  overflow: hidden;
  background: #fff;
  margin-top: 10px;
}
.mp-steps .task-card.w-shadow {
  box-shadow: 0px 4px 15px -12px rgba(117, 115, 115, 0.8);
}
.mp-steps .task-card__header {
  padding: 12px 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #e5e7eb;
}
.mp-steps .task-card__header.procedure {
  background: #6366F1;
  border-bottom: unset;
}
.mp-steps .task-card__header.procedure .task-card__title {
  display: flex;
  align-items: center;
  gap: 6px;
}
.mp-steps .task-card__header.procedure .task-card__title span {
  font-size: 14px;
  font-family: "Inter-SemiBold";
}
.mp-steps .task-card__header.procedure .task-card__title .del {
  color: #12191D;
}
.mp-steps .task-card__header .task-card__title {
  display: flex;
  align-items: center;
  gap: 6px;
}
.mp-steps .task-card__header .task-card__title span {
  font-size: 14px;
  font-family: "Inter-SemiBold";
}
.mp-steps .task-card__header .task-card__title .del {
  color: #fff;
}
.mp-steps .task-card__header .task-card__end {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.mp-steps .task-card__header .task-card__end span {
  font-size: 14px;
  font-family: "Inter-SemiBold";
}
.mp-steps .task-card__header .task-card__end .count {
  font-size: 12px;
  opacity: 0.85;
}
.mp-steps .task-card__header .task-card__end i {
  font-size: 14px;
  opacity: 0.9;
  transition: transform 0.2s ease;
}
.mp-steps .task-card__body {
  padding: 0;
  background: #fff;
}
.mp-steps .task-card--empty .task-card__body {
  padding: 16px;
  text-align: center;
  color: #7C828D;
  font-size: 14px;
  font-family: "Inter-Regular";
}
.mp-steps .task-card--empty .task-card__body .task-empty-state p {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
}
.mp-steps .task-card__body {
  overflow: hidden;
  transition: max-height 0.25s ease;
}
.mp-steps .mp-dd-selected {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  background: #fff;
  color: #1f2937;
  font-family: "Inter-Regular";
  font-size: 12px;
}
.mp-steps .mp-dd-panel.p-dropdown-panel {
  border-radius: 12px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
  width: max-content;
  min-width: 12rem;
  max-width: min(40rem, 90vw);
}
.mp-steps .mp-dd-panel.p-dropdown-panel .p-dropdown-items {
  padding: 6px;
  white-space: nowrap;
}
.mp-steps .mp-dd-panel.p-dropdown-panel .p-dropdown-item {
  padding: 0;
  white-space: nowrap;
}
.mp-steps .mp-dd-item {
  color: #12191D;
  cursor: pointer;
}
.mp-steps .mp-dd-item:hover {
  background: transparent;
}
.mp-steps .mp-preview-op.p-overlaypanel {
  border-radius: 10px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
  pointer-events: none;
  transform: translateX(8px);
}
.mp-steps .mp-preview-op.p-overlaypanel .p-overlaypanel-content {
  padding: 6px;
}
.mp-steps .mp-preview-op.p-overlaypanel img {
  display: block;
  width: 420px;
  height: auto;
  border-radius: 8px;
}
.mp-steps .mp-connector-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 12px;
}
.mp-steps .mp-connector-grid .mp-connector-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 14px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: all 0.2s ease;
}
.mp-steps .mp-connector-grid .mp-connector-card .mp-card-content {
  flex: 1;
  display: flex;
  align-items: start;
  gap: 12px;
  margin-bottom: 12px;
}
.mp-steps .mp-connector-grid .mp-connector-card .mp-icon-wrapper {
  width: 56px;
  height: 56px;
  margin-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
}
.mp-steps .mp-connector-grid .mp-connector-card .mp-text-wrapper {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mp-steps .mp-connector-grid .mp-connector-card .mp-card-icon {
  width: 48px;
  height: 48px;
  object-fit: contain;
}
.mp-steps .mp-connector-grid .mp-connector-card .mp-card-title {
  font-size: 14px;
  font-family: "Inter-Medium";
  color: #12191D;
  margin-bottom: unset !important;
}
.mp-steps .mp-connector-grid .mp-connector-card .mp-card-description {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #212529;
  line-height: 1.5;
  font-style: italic;
}
.mp-steps .mp-connector-grid .mp-connector-card .mp-card-btn {
  display: flex;
  justify-content: end;
}
.mp-steps .bulk-shift-filters {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 12px;
}
.mp-steps .bulk-shift-filters__group,
.mp-steps .bulk-shift-filters__row {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.mp-steps .bulk-shift-filters__field {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mp-steps .bulk-shift-filters__label {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #7C828D;
}
.mp-steps .bulk-shift-filters__dropdown {
  min-width: 246px;
}
.mp-steps .bulk-shift-filters__spacer {
  flex: 1;
}
.mp-steps .bulk-shift-filters__action {
  white-space: nowrap;
}
.mp-steps .bulk-shift-table__banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #fdfbfb;
  border-radius: 12px;
  border: 1px solid #6366F1;
}
.mp-steps .bulk-shift-table__banner-count {
  font-family: "Inter-SemiBold";
  font-size: 12px;
  color: #6366F1;
}
.mp-steps .bulk-shift-table__banner-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.mp-steps .bulk-shift-table__legend {
  display: flex;
  gap: 20px;
  font-size: 10px;
  color: #7C828D;
  font-family: "Inter-Regular";
  margin: 8px;
}
.mp-steps .bulk-shift-table__legend span {
  display: flex;
  align-items: center;
  gap: 6px;
}
.mp-steps .bulk-shift-table__legend i {
  font-size: 10px;
}
.mp-details {
  inline-size: min(100% - var(--page-gutter) * 2, var(--page-max));
  margin-inline: auto;
  padding-block: 1rem;
}
.mp-details .mp-titlebar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #fff;
  border-radius: 8px;
  padding: 14px 26px;
  box-shadow: 0px 0px 15px -5px rgba(117, 115, 115, 0.8);
}
.mp-details .mp-titlebar .left-head {
  display: flex;
  align-items: center;
  gap: 12px;
  min-width: 0;
  flex: 1;
}
.mp-details .mp-titlebar .mp-title {
  margin: 0;
  font-size: 20px;
  color: #12191D;
  font-family: "Inter-SemiBold";
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  word-break: break-word;
  max-width: 450px;
  min-width: 0;
}
.mp-details .mp-titlebar__chips {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
  justify-content: end;
}
.mp-details .mp-titlebar .mp-headline {
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.mp-details .mp-titlebar .mp-subtitle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  color: #7C828D;
  font-size: 12px;
  line-height: 1.2;
}
.mp-details .mp-titlebar .mp-subtitle__text {
  max-width: 52ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #12191D;
  font-family: "Inter-Regular";
}
.mp-details .mp-titlebar .mp-subtitle__btn {
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  padding: 0;
}
.mp-details .mp-titlebar .mp-subtitle__btn:hover {
  color: #6366F1;
}
.mp-details .mp-titlebar .mp-subtitle__btn:focus-visible {
  outline: 2px solid #94a3b8;
  outline-offset: 2px;
}
.mp-details .mp-titlebar .mp-subtitle__btn_del {
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  padding: 0;
}
.mp-details .mp-titlebar .mp-subtitle__btn_del:hover {
  color: #D34747;
}
.mp-details .mp-titlebar .mp-subtitle__btn_del:focus-visible {
  outline: 2px solid #94a3b8;
  outline-offset: 2px;
}
.mp-details .mp-titlebar .mp-subtitle + .mp-subtitle {
  margin-top: 4px;
}
.mp-details .mp-titlebar .icon {
  width: 42px;
  height: 42px;
  border-radius: 8px;
  display: grid;
  place-items: center;
  background: var(--pill, #e5e7eb);
}
.mp-details .mp-titlebar .icon i {
  font-size: 18px;
}
.mp-details .mp-titlebar .icon.fa-screwdriver-wrench-bgColor {
  background: #E3F2FD !important;
  color: rgb(36.6, 153.6, 239.4) !important;
}
.mp-details .mp-titlebar .icon.fa-screwdriver-wrench-bgColor.border-thin {
  border: 1px solid rgb(36.6, 153.6, 239.4) !important;
}
.mp-details .mp-titlebar .icon.fa-calendar-check-bgColor {
  background: #E8F5E9 !important;
  color: rgb(89.8181818182, 183.1818181818, 97) !important;
}
.mp-details .mp-titlebar .icon.fa-calendar-check-bgColor.border-thin {
  border: 1px solid rgb(89.8181818182, 183.1818181818, 97) !important;
}
.mp-details .mp-titlebar .icon.fa-wrench-bgColor {
  background: #FFF3E0 !important;
  color: rgb(255, 164.0322580645, 20) !important;
}
.mp-details .mp-titlebar .icon.fa-wrench-bgColor.border-thin {
  border: 1px solid rgb(255, 164.0322580645, 20) !important;
}
.mp-details .mp-titlebar .icon.fa-magnifying-glass-waveform-bgColor {
  background: #F3E5F5 !important;
  color: rgb(175, 81.6666666667, 188.3333333333) !important;
}
.mp-details .mp-titlebar .icon.fa-magnifying-glass-waveform-bgColor.border-thin {
  border: 1px solid rgb(175, 81.6666666667, 188.3333333333) !important;
}
.mp-details .mp-titlebar .icon.fa-truck-bgColor {
  background: #E0F7FA !important;
  color: rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.mp-details .mp-titlebar .icon.fa-truck-bgColor.border-thin {
  border: 1px solid rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.mp-details .mp-titlebar .icon.fa-arrow-rotate-left-bgColor {
  background: #FFFDE7 !important;
  color: #ffec1b !important;
}
.mp-details .mp-titlebar .icon.fa-arrow-rotate-left-bgColor.border-thin {
  border: 1px solid #ffec1b !important;
}
.mp-details .mp-titlebar .icon.fa-warehouse-bgColor {
  background: #F1F8E9 !important;
  color: rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.mp-details .mp-titlebar .icon.fa-warehouse-bgColor.border-thin {
  border: 1px solid rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.mp-details .mp-titlebar .icon.fa-bolt-bgColor {
  background: #FBE9E7 !important;
  color: rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.mp-details .mp-titlebar .icon.fa-bolt-bgColor.border-thin {
  border: 1px solid rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.mp-details .mp-titlebar .icon.fa-gauge-high-bgColor {
  background: #EDE7F6 !important;
  color: rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.mp-details .mp-titlebar .icon.fa-gauge-high-bgColor.border-thin {
  border: 1px solid rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.mp-details .mp-titlebar .icon.fa-arrow-up-bgColor {
  background: #F9FBE7 !important;
  color: rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.mp-details .mp-titlebar .icon.fa-arrow-up-bgColor.border-thin {
  border: 1px solid rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.mp-details .mp-titlebar .icon.fa-map-location-dot-bgColor {
  background: #E0F2F1 !important;
  color: rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.mp-details .mp-titlebar .icon.fa-map-location-dot-bgColor.border-thin {
  border: 1px solid rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.mp-details .mp-titlebar .icon.fa-clipboard-check-bgColor {
  background: #FCE4EC !important;
  color: rgb(231.6, 44.4, 106.8) !important;
}
.mp-details .mp-titlebar .icon.fa-clipboard-check-bgColor.border-thin {
  border: 1px solid rgb(231.6, 44.4, 106.8) !important;
}
.mp-details .mp-titlebar .icon.fa-triangle-exclamation-bgColor {
  background: #E8EAF6 !important;
  color: rgb(85.375, 100.125, 188.625) !important;
}
.mp-details .mp-titlebar .icon.fa-triangle-exclamation-bgColor.border-thin {
  border: 1px solid rgb(85.375, 100.125, 188.625) !important;
}
.mp-details .mp-titlebar .icon.fa-shield-halved-bgColor {
  background: #FFF8E1 !important;
  color: rgb(255, 200.4, 21) !important;
}
.mp-details .mp-titlebar .icon.fa-shield-halved-bgColor.border-thin {
  border: 1px solid rgb(255, 200.4, 21) !important;
}
.mp-details .mp-titlebar .icon.fa-person-bgColor {
  background: #E6EE9C !important;
  color: rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.mp-details .mp-titlebar .icon.fa-person-bgColor.border-thin {
  border: 1px solid rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.mp-details .mp-titlebar .icon.fa-screwdriver-wrench {
  color: rgb(36.6, 153.6, 239.4) !important;
}
.mp-details .mp-titlebar .icon.fa-screwdriver-wrench.border-thin {
  border: 1px solid rgb(36.6, 153.6, 239.4) !important;
}
.mp-details .mp-titlebar .icon.fa-calendar-check {
  color: rgb(89.8181818182, 183.1818181818, 97) !important;
}
.mp-details .mp-titlebar .icon.fa-calendar-check.border-thin {
  border: 1px solid rgb(89.8181818182, 183.1818181818, 97) !important;
}
.mp-details .mp-titlebar .icon.fa-wrench-bgColor {
  color: rgb(255, 164.0322580645, 20) !important;
}
.mp-details .mp-titlebar .icon.fa-wrench-bgColor.border-thin {
  border: 1px solid rgb(255, 164.0322580645, 20) !important;
}
.mp-details .mp-titlebar .icon.fa-magnifying-glass-waveform {
  color: rgb(175, 81.6666666667, 188.3333333333) !important;
}
.mp-details .mp-titlebar .icon.fa-magnifying-glass-waveform.border-thin {
  border: 1px solid rgb(175, 81.6666666667, 188.3333333333) !important;
}
.mp-details .mp-titlebar .icon.fa-truck {
  color: rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.mp-details .mp-titlebar .icon.fa-truck.border-thin {
  border: 1px solid rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.mp-details .mp-titlebar .icon.fa-arrow-rotate-left {
  color: #ffec1b !important;
}
.mp-details .mp-titlebar .icon.fa-arrow-rotate-left.border-thin {
  border: 1px solid #ffec1b !important;
}
.mp-details .mp-titlebar .icon.fa-warehouse {
  color: rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.mp-details .mp-titlebar .icon.fa-warehouse.border-thin {
  border: 1px solid rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.mp-details .mp-titlebar .icon.fa-bolt {
  color: rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.mp-details .mp-titlebar .icon.fa-bolt.border-thin {
  border: 1px solid rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.mp-details .mp-titlebar .icon.fa-gauge-high {
  color: rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.mp-details .mp-titlebar .icon.fa-gauge-high.border-thin {
  border: 1px solid rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.mp-details .mp-titlebar .icon.fa-arrow-up {
  color: rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.mp-details .mp-titlebar .icon.fa-arrow-up.border-thin {
  border: 1px solid rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.mp-details .mp-titlebar .icon.fa-map-location-dot {
  color: rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.mp-details .mp-titlebar .icon.fa-map-location-dot.border-thin {
  border: 1px solid rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.mp-details .mp-titlebar .icon.fa-clipboard-check {
  color: rgb(231.6, 44.4, 106.8) !important;
}
.mp-details .mp-titlebar .icon.fa-clipboard-check.border-thin {
  border: 1px solid rgb(231.6, 44.4, 106.8) !important;
}
.mp-details .mp-titlebar .icon.fa-triangle-exclamation {
  color: rgb(85.375, 100.125, 188.625) !important;
}
.mp-details .mp-titlebar .icon.fa-triangle-exclamation.border-thin {
  border: 1px solid rgb(85.375, 100.125, 188.625) !important;
}
.mp-details .mp-titlebar .icon.fa-shield-halved {
  color: rgb(255, 200.4, 21) !important;
}
.mp-details .mp-titlebar .icon.fa-shield-halved.border-thin {
  border: 1px solid rgb(255, 200.4, 21) !important;
}
.mp-details .mp-titlebar .icon.fa-person {
  color: rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.mp-details .mp-titlebar .icon.fa-person.border-thin {
  border: 1px solid rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.mp-details .mp-titlebar .user-img {
  position: relative;
  display: inline-block;
  width: 52px;
  height: 52px;
}
.mp-details .mp-titlebar .user-img.editable {
  cursor: pointer;
}
.mp-details .mp-titlebar .user-img.editable:hover .user-img__overlay {
  opacity: 1;
}
.mp-details .mp-titlebar .user-img img {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.mp-details .mp-titlebar .user-img__overlay {
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.45);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: opacity 0.15s ease;
}
.mp-details .mp-titlebar .user-img__overlay i {
  color: #fff;
  font-size: 16px;
}
.mp-details .mp-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  padding: 4px 10px;
  border-radius: 999px;
  background: #f9fafb;
  color: #12191D;
  border: 1px solid #e5e7eb;
}
.mp-details .mp-chip--success {
  background: #dcfce7;
  color: #16a34a;
  border-color: rgba(17, 97, 73, 0.18);
}
.mp-details .mp-chip--error {
  background: #fff3f2;
  color: #dc2626;
  border-color: rgba(220, 38, 38, 0.18);
}
.mp-details .mp-grid {
  margin-top: 1rem;
  display: grid;
  grid-template-columns: 0.8fr 1fr;
  gap: 1rem;
  align-items: start;
}
.mp-details .mp-grid .mp-card {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 15px -4px rgba(117, 115, 115, 0.8);
}
.mp-details .mp-grid .mp-card__header {
  padding: 10px 1.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid #e5e7eb;
  background: #fff;
  border-radius: 8px 8px 0 0;
}
.mp-details .mp-grid .mp-card__header.procedure {
  background: #6366F1;
  color: #fff;
}
.mp-details .mp-grid .mp-card__header.procedure h2 {
  margin: 0;
  font-size: 14px;
  color: #fff;
  font-family: "Inter-Medium";
}
.mp-details .mp-grid .mp-card__header.procedure .mp-card__link {
  font-size: 12px;
  color: #fff;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.mp-details .mp-grid .mp-card__header.procedure .mp-card__link:hover {
  text-decoration: underline;
  cursor: pointer;
}
.mp-details .mp-grid .mp-card__header .w-icon {
  display: flex;
  align-items: center;
  gap: 7px;
}
.mp-details .mp-grid .mp-card__header .w-icon .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background: var(--pill, #e5e7eb);
}
.mp-details .mp-grid .mp-card__header .w-icon .icon i {
  font-size: 16px;
  color: #12191D;
}
.mp-details .mp-grid .mp-card__header h2 {
  margin: 0;
  font-size: 14px;
  color: #12191D;
  font-family: "Inter-Medium";
}
.mp-details .mp-grid .mp-card__header--sub {
  background: #fff;
  border-top: 1px solid #e5e7eb;
  border-radius: 0;
}
.mp-details .mp-grid .mp-card__header .mp-count-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 18px;
  height: 18px;
  padding: 0 6px;
  margin-left: 6px;
  border-radius: 10px;
  background: #e5e7eb;
  color: #7C828D;
  font-size: 10px;
  font-family: "Inter-Medium";
}
.mp-details .mp-grid .mp-card__link {
  font-size: 12px;
  color: #7C828D;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.mp-details .mp-grid .mp-card__link:hover {
  text-decoration: underline;
  cursor: pointer;
}
.mp-details .mp-grid .mp-card__body {
  padding: 0.85rem 1.5rem 0.85rem 3.5rem;
  background: #fff;
}
.mp-details .mp-grid .mp-card__body.sys-info {
  padding-bottom: 1.65rem;
  border-radius: 0 0 8px 8px;
}
.mp-details .mp-grid .mp-card__body .mp-def {
  display: grid;
  align-items: baseline;
  grid-template-columns: minmax(120px, 120px) 2fr;
  gap: 8px 10px;
  margin-bottom: unset;
}
.mp-details .mp-grid .mp-card__body .mp-def__row {
  display: contents;
}
.mp-details .mp-grid .mp-card__body .mp-def dt {
  color: #12191D;
  white-space: nowrap;
  font-weight: unset;
  font-family: "Inter-Regular";
  font-size: 12px;
}
.mp-details .mp-grid .mp-card__body .mp-def dd {
  margin: 0;
  color: #12191D;
  min-width: 0;
  font-family: "Inter-Medium";
  font-size: 12px;
  overflow-wrap: break-word;
  word-break: normal;
}
.mp-details .mp-grid .mp-card__body .mp-def dd.link {
  color: #6366F1;
  text-decoration: underline;
  cursor: pointer;
  text-underline-offset: 2px;
}
.mp-details .mp-grid .mp-card__body .mp-def dd ul li,
.mp-details .mp-grid .mp-card__body .mp-def dd ul span {
  color: #12191D;
  min-width: 0;
  font-family: "Inter-Medium";
  font-size: 12px;
  overflow-wrap: break-word;
  word-break: normal;
}
.mp-details .mp-grid .mp-card__body .mp-def dd .color-swatch {
  display: inline-block;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  vertical-align: middle;
}
.mp-details .mp-grid .mp-card__body .mp-table,
.mp-details .mp-grid .mp-card__body .mp-table-two,
.mp-details .mp-grid .mp-card__body .mp-table-two-4col {
  overflow: hidden;
  border-radius: 0 0 8px 8px;
}
.mp-details .mp-grid .mp-card__body .mp-table__head,
.mp-details .mp-grid .mp-card__body .mp-table__row,
.mp-details .mp-grid .mp-card__body .mp-table-two__head,
.mp-details .mp-grid .mp-card__body .mp-table-two__row,
.mp-details .mp-grid .mp-card__body .mp-table-two-4col__head,
.mp-details .mp-grid .mp-card__body .mp-table-two-4col__row {
  display: grid;
  font-size: 12px;
}
.mp-details .mp-grid .mp-card__body .mp-table__head,
.mp-details .mp-grid .mp-card__body .mp-table-two__head,
.mp-details .mp-grid .mp-card__body .mp-table-two-4col__head {
  background: var(--soft);
  font-weight: 600;
  color: #12191D;
}
.mp-details .mp-grid .mp-card__body .mp-table__head > div,
.mp-details .mp-grid .mp-card__body .mp-table__row > div,
.mp-details .mp-grid .mp-card__body .mp-table-two__head > div,
.mp-details .mp-grid .mp-card__body .mp-table-two__row > div,
.mp-details .mp-grid .mp-card__body .mp-table-two-4col__head > div,
.mp-details .mp-grid .mp-card__body .mp-table-two-4col__row > div {
  padding: 8px 14px;
  border-top: 1px solid #e5e7eb;
}
.mp-details .mp-grid .mp-card__body .mp-table__row:first-of-type > div,
.mp-details .mp-grid .mp-card__body .mp-table-two__row:first-of-type > div,
.mp-details .mp-grid .mp-card__body .mp-table-two-4col__row:first-of-type > div {
  border-top: 0;
}
.mp-details .mp-grid .mp-card__body .mp-table__row:nth-child(even),
.mp-details .mp-grid .mp-card__body .mp-table-two__row:nth-child(even),
.mp-details .mp-grid .mp-card__body .mp-table-two-4col__row:nth-child(even) {
  background: #fff;
}
.mp-details .mp-grid .mp-card__body .mp-table__row:nth-child(odd),
.mp-details .mp-grid .mp-card__body .mp-table-two__row:nth-child(odd),
.mp-details .mp-grid .mp-card__body .mp-table-two-4col__row:nth-child(odd) {
  background: #fcfdfe;
}
.mp-details .mp-grid .mp-card__body .mp-table__row > div,
.mp-details .mp-grid .mp-card__body .mp-table-two__row > div,
.mp-details .mp-grid .mp-card__body .mp-table-two-4col__row > div {
  background: transparent;
  word-break: break-word;
  color: #12191D;
}
.mp-details .mp-grid .mp-card__body .mp-table__empty-state,
.mp-details .mp-grid .mp-card__body .mp-table-two__empty-state,
.mp-details .mp-grid .mp-card__body .mp-table-two-4col__empty-state {
  padding: 12px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
.mp-details .mp-grid .mp-card__body .mp-table__empty-state img,
.mp-details .mp-grid .mp-card__body .mp-table-two__empty-state img,
.mp-details .mp-grid .mp-card__body .mp-table-two-4col__empty-state img {
  inline-size: 80px;
  block-size: auto;
}
.mp-details .mp-grid .mp-card__body .mp-table__empty-state p,
.mp-details .mp-grid .mp-card__body .mp-table-two__empty-state p,
.mp-details .mp-grid .mp-card__body .mp-table-two-4col__empty-state p {
  margin: 0;
  color: #7C828D;
  font-size: 12px;
  font-family: "Inter-Regular";
}
.mp-details .mp-grid .mp-card__body .mp-table__head,
.mp-details .mp-grid .mp-card__body .mp-table__row {
  grid-template-columns: 1fr 160px;
}
.mp-details .mp-grid .mp-card__body .mp-table-two__head,
.mp-details .mp-grid .mp-card__body .mp-table-two__row {
  grid-template-columns: 1fr 210px 160px;
}
.mp-details .mp-grid .mp-card__body .mp-table-two__row {
  position: relative;
}
.mp-details .mp-grid .mp-card__body .mp-table-two-4col__head,
.mp-details .mp-grid .mp-card__body .mp-table-two-4col__row {
  grid-template-columns: 90px minmax(0, 1fr) 110px 140px;
}
.mp-details .mp-grid .mp-card__body .mp-table-two-4col__row > div:first-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.mp-details .mp-grid .mp-card__body .mp-table-two-4col__row > div:not(:first-child) {
  overflow-wrap: break-word;
  word-break: normal;
}
.mp-details .mp-grid .mp-card__body .mp-table-two-4col.mp-table-two-4col--equal .mp-table-two-4col__head,
.mp-details .mp-grid .mp-card__body .mp-table-two-4col.mp-table-two-4col--equal .mp-table-two-4col__row {
  grid-template-columns: repeat(4, 1fr);
}
.mp-details .mp-grid .mp-card__body--p-0 {
  padding: 0;
  border-radius: 0 0 8px 8px;
}
.mp-details .mp-grid .mp-card__body .mp-group-list {
  list-style: none;
  margin: 0;
  padding: 16px;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.mp-details .mp-grid .mp-card__body .mp-group-list__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  border-radius: 8px;
  background: #E7E7E7;
  min-width: 0;
}
.mp-details .mp-grid .mp-card__body .mp-group-list__name {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  font-size: 12px;
  color: #212529;
}
.mp-details .mp-grid .mp-card__body .mp-group-list__remove {
  flex-shrink: 0;
  font-size: 12px;
  color: #D34747;
  text-decoration: none;
  cursor: pointer;
}
.mp-details .mp-grid .mp-card__body .mp-group-list__remove:hover {
  color: rgb(194.6526315789, 46.5473684211, 46.5473684211);
}
.mp-details .mp-grid .mp-card__body .mp-working-hours {
  list-style: none;
  margin: 0;
  padding: 8px 20px;
}
.mp-details .mp-grid .mp-card__body .mp-working-hours__row {
  display: flex;
  align-items: center;
  gap: 40px;
  padding: 5px 0;
}
.mp-details .mp-grid .mp-card__body .mp-working-hours__day {
  width: 100px;
  flex-shrink: 0;
  font-size: 12px;
  color: #212529;
}
.mp-details .mp-grid .mp-card__body .mp-working-hours__time {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #212529;
}
.mp-details .mp-grid .mp-card__body .mp-access-list {
  margin: 0;
  padding: 8px 20px;
}
.mp-details .mp-grid .mp-card__body .mp-access-list__row {
  padding: 0 0 5px;
}
.mp-details .mp-grid .mp-card__body .mp-access-list__row dt {
  font-size: 12px;
  color: #212529;
  margin: 0 0 4px;
}
.mp-details .mp-grid .mp-card__body .mp-access-list__row dd {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #212529;
  margin: 0;
}
.mp-details .mp-grid .mp-card__body .mp-color-tag {
  display: flex;
  align-items: center;
  gap: 6px;
}
.mp-details .mp-grid .mp-card__body .mp-color-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
}
.mp-details .mp-grid .mp-card__body .mp-off-pill {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 12px;
  background: #e5e7eb;
  color: #7C828D;
  font-size: 12px;
  font-family: "Inter-Regular";
}
.mp-details .mp-grid .mp-card__body .mp-person-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.mp-details .mp-grid .mp-card__body .mp-person-list__row {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  border-top: 1px solid #e5e7eb;
}
.mp-details .mp-grid .mp-card__body .mp-person-list__row:first-of-type {
  border-top: 0;
}
.mp-details .mp-grid .mp-card__body .mp-person-list__avatar {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 12px;
  font-family: "Inter-Medium";
}
.mp-details .mp-grid .mp-card__body .mp-person-list__text {
  display: flex;
  flex-direction: column;
  min-width: 0;
  flex: 1;
}
.mp-details .mp-grid .mp-card__body .mp-person-list__name {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #12191D;
}
.mp-details .mp-grid .mp-card__body .mp-person-list__sub {
  font-size: 11px;
  font-family: "Inter-Regular";
  color: #7C828D;
}
.mp-details .mp-grid .mp-card__body .mp-person-list__remove {
  flex-shrink: 0;
  font-size: 12px;
  color: #D34747;
  cursor: pointer;
  background: none;
  border: none;
}
.mp-details .mp-grid .mp-card__body .mp-person-list__remove:hover {
  color: #D34747;
}
.mp-details .mp-grid .mp-card__body .mp-assign-row {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 12px 20px 4px;
}
.mp-details .mp-grid .mp-card__body .mp-assign-row .p-dropdown {
  flex: 1;
}
.mp-details .mp-grid .mp-card + .mp-card {
  margin-top: 1rem;
}
.mp-details .mp-actions-row {
  margin-top: 12px;
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  justify-content: flex-end;
}
.mp-details .text-right {
  text-align: right;
}
.mpm-header {
  display: grid;
  grid-template-columns: 1fr 40px;
  align-items: center;
  gap: 8px;
  padding: 16px 20px 8px;
}
.mpm-header h3 {
  grid-column: 1/-1;
  margin: 0;
  font-size: 20px;
  color: #12191D;
  font-family: "Inter-Medium";
}
.mpm-header .x-btn,
.mpm-header .back-btn {
  grid-row: 1;
  grid-column: 3;
  justify-self: end;
  inline-size: 36px;
  block-size: 36px;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  font-size: 16px;
}
.mpm-header .x-btn:hover,
.mpm-header .back-btn:hover {
  background: #f3f4f6;
}
.mpm-header .back-btn {
  grid-column: 1;
  justify-self: start;
}
.mpm-body {
  padding: 12px 20px 20px;
}
.addr-list {
  display: grid;
  gap: 12px;
  max-block-size: 52vh;
  overflow: auto;
  padding-right: 2px;
}
.addr-card {
  padding: 16px;
  background: var(--bg);
  border: 1.5px solid #e5e7eb;
  border-radius: var(--radius);
  cursor: pointer;
  text-align: left;
}
.addr-card:hover {
  border-color: #cfd5db;
}
.addr-card.is-selected {
  border-width: 2px;
  border-color: #111;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05) inset;
}
.addr-card .addr-icon i {
  font-size: 18px;
  color: #12191D;
}
.addr-card .addr-main {
  display: grid;
  gap: 4px;
}
.addr-card .addr-main .addr-title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.addr-card .addr-main .addr-title .icon i {
  color: #12191D;
}
.addr-card .addr-main .addr-title .title {
  color: #12191D;
  font-size: 12px;
  font-family: "Inter-Medium";
}
.addr-card .addr-main .addr-title .spacer {
  flex: 1;
}
.addr-card .addr-main .addr-sub {
  color: #7C828D;
  font-size: 12px;
}
.addr-card .addr-check {
  inline-size: 24px;
  block-size: 24px;
  border-radius: 6px;
  display: grid;
  place-items: center;
  background: #111;
  color: #fff;
  font-size: 12px;
}
.mpm-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 16px;
}
.mpm-actions .spacer {
  flex: 1;
}
.mpm-actions .btn-dark-ghost {
  background: #282828;
  color: #fff;
  border: 1px solid #111;
  border-radius: 12px;
  padding: 10px 14px;
  font-size: 12px;
  font-family: "Inter-Regular";
}
.mpm-actions .btn-dark-ghost:hover {
  background: #111;
}
.mpm-actions .btn-ghost {
  background: #fff;
  color: #111;
  border: 1px solid #cdd3da;
  border-radius: 12px;
  padding: 10px 14px;
  font-size: 12px;
  font-family: "Inter-Regular";
}
.mpm-actions .btn-primary {
  background: #6366F1;
  color: #fff;
  border: 1px solid transparent;
  border-radius: 12px;
  padding: 10px 16px;
  font-size: 12px;
  font-family: "Inter-Regular";
}
.mpm-actions button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.mpm-actions .p-button.dark {
  background: #324954 !important;
  border: 1px solid #324954 !important;
  height: 32px;
  cursor: pointer;
}
.mpm-actions .p-button.dark:enabled:hover {
  background: #182124 !important;
  border: 1px solid #182124 !important;
  color: #fff !important;
}
.mpm-actions .p-button.dark:focus {
  outline: 1px solid #DADBFF !important;
  border: 1px solid #6366F1 !important;
  border-radius: 3px;
  box-shadow: 0 0 5px #DADBFF !important;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-focus,
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-disabled).p-focus {
  color: #495057;
  background: #e9ecef;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item .option-row {
  padding: 0;
  font-size: 12px;
  font-family: "Inter-Medium";
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item .option-row-template {
  font-size: 11px;
  font-family: "Inter-Regular";
  color: #7C828D;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item .create-row {
  width: 100%;
  text-align: left;
  padding: 0.15rem 0;
  cursor: pointer;
  font-size: 12px;
  font-family: "Inter-Medium";
  color: inherit;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item .create-row .create-row__name {
  color: #6366F1;
}
.p-autocomplete-panel .p-autocomplete-items .option-empty {
  padding: 0;
  font-size: 12px;
  font-family: "Inter-Medium";
}
.form-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 16px;
  margin-top: 4px;
}
.form-grid .row-form {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.form-grid .span-12 {
  grid-column: 1/-1;
}
.form-grid label {
  color: #12191D;
  font-size: 12px;
  font-family: "Inter-Regular";
}
@container (max-width: 880px) {
  .mp-row-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@container (max-width: 600px) {
  .mp-row-3 {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1366px) {
  :root {
    --page-max: 900px;
  }
}
@media (max-width: 1280px) {
  :root {
    --page-max: 860px;
  }
}
@media (max-width: 1024px) {
  :root {
    --page-gutter: clamp(14px, 4vw, 28px);
  }
}
@media (max-width: 1200px) {
  .mp-steps .mp-trigger-grid {
    grid-template-columns: repeat(2, minmax(240px, 1fr));
  }
}
@media (max-width: 900px) {
  .mp-steps .mp-inline-row .control {
    flex: 1 1 100%;
    min-width: 0;
  }
  .mp-steps .mp-grid-2 {
    grid-template-columns: 1fr;
  }
  .mp-steps .mp-form-grid {
    column-gap: 16px;
  }
  .mp-steps .mp-form-grid .span-8,
  .mp-steps .mp-form-grid .span-6,
  .mp-steps .mp-form-grid .span-4,
  .mp-steps .mp-form-grid .span-3 {
    grid-column: span 12;
  }
  .mp-steps .mp-radio-row {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 820px) {
  .mp-steps .mp-assign-head,
  .mp-steps .mp-assign-row {
    grid-template-columns: 1fr;
    row-gap: 8px;
  }
  .mp-steps .mp-assign-head {
    border-bottom: none;
    padding-bottom: 0;
  }
  .mp-steps .mp-assign-row .assign {
    justify-content: flex-start;
  }
}
@media (max-width: 600px) {
  .mp-steps .mp-option-cards {
    grid-template-columns: 1fr;
  }
  .form-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1024px) {
  .mp-details .mp-grid {
    grid-template-columns: 1fr;
  }
  .mp-details .mp-card__body .mp-table__head,
  .mp-details .mp-card__body .mp-table__row {
    grid-template-columns: 1fr 1fr;
  }
  .mp-details .mp-card__body .mp-def {
    grid-template-columns: minmax(120px, 1fr) 2fr;
  }
}
.block-setup-grid {
  display: grid;
  grid-template-columns: 1.25fr 1fr;
  gap: 0.75rem;
  align-items: start;
  min-width: 0;
  margin: 0 0.75rem 0.75rem;
  overflow-anchor: none;
}
.block-setup-grid__left,
.block-setup-grid__right {
  min-width: 0;
}
.block-setup-grid__right {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  position: sticky;
  top: 0.75rem;
  align-self: start;
}
.block-setup-grid .block-setup-panel__head {
  margin: 10px 0;
}
.block-setup-grid .block-setup-panel__head h3 {
  font-size: 14px;
  font-family: "Inter-Medium";
  margin: 0 0 4px;
}
.block-setup-grid .block-setup-panel__head p {
  font-size: 12px;
  color: #7C828D;
  margin: 0;
}
.block-setup-grid .block-setup-panel__head p .link {
  font-family: "Inter-Medium";
  color: #6366F1;
  cursor: pointer;
}
.block-setup-grid .block-setup-panel__head p .link:hover {
  color: rgb(61.56, 65.28, 237.64);
}
.block-setup-grid .tab-footer-banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  background: #fff;
}
.block-setup-grid .tab-footer-banner__text {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #12191D;
}
.block-setup-grid .tab-footer-banner__link {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #6366F1;
  cursor: pointer;
}
.block-setup-grid .tab-footer-banner__link:hover {
  text-decoration: underline;
}
.block-setup-grid .block-setup-contract {
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 12px;
  padding: 12px;
}
.block-setup-grid .block-setup-contract--empty {
  text-align: center;
  padding: 24px;
  display: grid;
  gap: 20px;
}
.block-setup-grid .block-setup-contract--empty .block-setup-contract__empty-title {
  font-size: 14px;
  font-family: "Inter-SemiBold";
  margin: 0;
}
.block-setup-grid .block-setup-contract--empty .block-setup-contract__empty-sub {
  font-size: 12px;
  color: #7C828D;
  margin: 0;
}
.block-setup-grid .block-setup-contract--empty .block-setup-contract__existing-link {
  display: inline-block;
  margin-top: 4px;
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #7C828D;
}
.block-setup-grid .block-setup-contract--empty .block-setup-contract__existing-link:hover {
  color: #212529;
  cursor: pointer;
}
.block-setup-grid .block-setup-contract--active .block-setup-contract__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  gap: 12px;
  min-width: 0;
}
.block-setup-grid .block-setup-contract--active .block-setup-contract__top .mp-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  padding: 4px 10px;
  border-radius: 999px;
  background: #f9fafb;
  color: #12191D;
  border: 1px solid #e5e7eb;
}
.block-setup-grid .block-setup-contract--active .block-setup-contract__top .mp-chip--success {
  background: #dcfce7;
  color: #16a34a;
  border-color: rgba(17, 97, 73, 0.18);
}
.block-setup-grid .block-setup-contract--active .block-setup-contract__top .mp-chip--error {
  background: #fff3f2;
  color: #dc2626;
  border-color: rgba(220, 38, 38, 0.18);
}
.block-setup-grid .block-setup-contract--active .block-setup-contract__name {
  font-size: 14px;
  font-family: "Inter-SemiBold";
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.block-setup-grid .block-setup-contract--active .block-setup-contract__dates {
  font-size: 12px;
  color: #7C828D;
  margin: 0 0 20px;
}
.block-setup-grid .block-setup-contract--active .block-setup-contract__change-link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #6366F1;
}
.block-setup-grid .block-setup-contract--active .block-setup-contract__change-link:hover {
  text-decoration: underline;
}
.block-setup-grid .block-setup-tasks {
  background: #fff;
  border: 1px solid #dee2e6;
  border-radius: 12px;
  padding: 12px;
}
.block-setup-grid .block-setup-tasks__area {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.block-setup-grid .block-setup-tasks__area-dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.block-setup-grid .block-setup-tasks__area-name {
  font-size: 14px;
  font-family: "Inter-SemiBold";
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.block-setup-grid .block-setup-tasks__area-sub {
  font-size: 12px;
  color: #7C828D;
  margin: 4px 0;
}
.block-setup-grid .block-setup-tasks__list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: calc(100vh - 500px);
  min-height: 160px;
  overflow-y: auto;
}
.block-setup-grid .block-setup-tasks__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 14px 16px;
  border: 1px solid #dee2e6;
  border-radius: 10px;
  min-width: 0;
}
.block-setup-grid .block-setup-tasks__item-info {
  min-width: 0;
  flex: 1;
}
.block-setup-grid .block-setup-tasks__item-top {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 4px;
  min-width: 0;
}
.block-setup-grid .block-setup-tasks__item-name {
  font-size: 14px;
  font-family: "Inter-Medium";
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.block-setup-grid .block-setup-tasks__item-time {
  font-size: 12px;
  color: #7C828D;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  width: 380px;
  display: block;
}
.block-setup-grid .block-setup-tasks__item-edit {
  flex-shrink: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: #212529;
  font-size: 14px;
}
.block-setup-grid .block-setup-tasks__item-edit:hover {
  color: #6366F1;
}
.block-setup-grid .block-setup-tasks__item-delete {
  flex-shrink: 0;
  background: none;
  border: none;
  cursor: pointer;
  color: #212529;
  font-size: 14px;
}
.block-setup-grid .block-setup-tasks__item-delete:hover {
  color: #D34747;
}
.block-setup-grid .block-setup-tasks__badge {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-family: "Inter-Medium";
  white-space: nowrap;
}
.block-setup-grid .block-setup-tasks__badge--daily {
  background: #134E4A;
  color: #2DD4BF;
}
.block-setup-grid .block-setup-tasks__badge--weekly {
  background: #1E3A8A;
  color: #60A5FA;
}
.block-setup-grid .block-setup-tasks__badge--monthly,
.block-setup-grid .block-setup-tasks__badge--quarterly {
  background: #7C2D12;
  color: #FB923C;
}
.block-setup-grid .block-setup-tasks__badge--yearly {
  background: #701A75;
  color: #F472B6;
}
.howto-card {
  background: #fdfbfb;
  border-radius: 12px;
  border: 1px solid #6366F1;
  padding: 12px 20px 12px 20px;
  box-sizing: border-box;
}
.howto-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 600;
  color: #6366F1;
}
.howto-icon {
  font-size: 14px;
  color: #6366F1;
}
.howto-subtitle {
  margin: 0 0 10px;
  font-size: 12px;
  line-height: 1.5;
  color: #212529;
  font-style: italic;
  font-family: "Inter-Regular";
}
.mp-profile-access {
  margin: 0 10px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  overflow: hidden;
}
.mp-profile-access__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  background: #fff;
}
.mp-profile-access__count {
  font-size: 12px;
  font-family: "Inter-SemiBold";
  color: #12191D;
}
.mp-profile-access__actions {
  display: flex;
  gap: 14px;
}
.mp-profile-access__btn {
  border: 0;
  background: transparent;
  padding: 0;
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #6366F1;
  cursor: pointer;
}
.mp-profile-access__btn:hover {
  text-decoration: underline;
}
.mp-profile-access__btn:disabled {
  color: #7C828D;
  cursor: not-allowed;
  text-decoration: none;
}
.mp-profile-access__badge {
  font-size: 10px;
  padding: 2px 8px;
  border-radius: 999px;
  background: #f3f4f6;
  color: #7C828D;
  font-family: "Inter-Medium";
}
.mp-profile-access__users {
  color: #7C828D;
}
.mp-lock-note {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  margin: 12px 20px;
  padding: 10px 14px;
  border: 1px dashed #d4d4d4;
  border-radius: 8px;
  background: #fafafa;
  font-size: 12px;
  color: #7C828D;
}
.mp-lock-note i {
  margin-top: 2px;
}
.mp-lock-note em {
  font-style: italic;
}
.mp-workflow-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-family: "Inter-Medium";
  background: #f3f4f6;
  color: #7C828D;
}
.mp-workflow-badge i {
  font-size: 11px;
}
.mp-workflow-badge.is-active {
  background: #e6f4ea;
  color: #1e7b34;
}
.mp-workflow-link {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #6366F1;
  text-decoration: underline;
  cursor: pointer;
}
.mp-workflow-link:hover {
  color: rgb(61.56, 65.28, 237.64);
}
.mp-workflow-link-row {
  margin: 10px 20px 4px;
}
.mp-soon-tag {
  font-size: 10px !important;
  font-family: "Inter-Regular" !important;
  color: #7C828D !important;
}
.mp-checkbox-card {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  width: auto;
}
.mp-checkbox-card.mp-compact {
  min-height: auto;
  padding: 0.55rem 0.9rem;
}
.mp-checkbox-card i {
  font-size: 14px;
  color: #7C828D;
}
.mp-checkbox-card__label {
  font-family: "Inter-Regular";
  color: #12191D;
  font-size: 12px;
}
.mp-checkbox-card__hint {
  font-size: 12px;
  color: #7C828D;
}
.howto-quick-heading {
  margin: 0 0 4px;
  font-size: 12px;
  line-height: 1.4;
  color: #212529;
  font-family: "Inter-SemiBold";
}
.howto-list {
  margin: 0;
  padding-left: 22px;
  list-style-position: outside;
}
.howto-list + .howto-quick-heading {
  margin-top: 10px;
}
.howto-list li {
  font-size: 12px;
  line-height: 1.5;
  color: #212529;
  margin-bottom: 3px;
  font-family: "Inter-Regular";
}
.howto-note {
  margin: 10px 0 0;
  font-family: "Inter-Regular";
  font-size: 12px;
  line-height: 1.4;
  color: #7C828D;
  font-style: italic;
}
.howto-note-label {
  font-weight: 600;
}
::ng-deep .p-inputswitch div.p-disabled {
  border: none !important;
  background: none !important;
}
.show-hide-btn-disabled {
  pointer-events: none;
}
.invalid-input {
  border-color: #f44336 !important;
}
.mp-note {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 2px 10px;
  border: 1px solid #d9d9d9;
  border-radius: 999px;
  color: #12191D;
  background: #ededfd;
  font-size: 12px;
  font-family: "Inter-Regular";
}
.mp-note-option {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border: 1px solid #d9d9d9;
  border-radius: 999px;
  color: #12191D;
  background: #ededfd;
  font-size: 12px;
  font-family: "Inter-Regular";
  cursor: pointer;
}
.mp-note-option:hover {
  background: #bdbdf1;
}
.mp-note-option.is-selected {
  background: #bdbdf1;
}
.contract-filter-bar {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px 20px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e8e8e8;
  margin-bottom: 0.75rem;
  box-shadow: 0px 4px 15px -12px rgba(117, 115, 115, 0.8);
}
.contract-filter-bar__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}
.contract-filter-bar__header-text {
  display: flex;
  flex-direction: column;
  gap: 3px;
  min-width: 0;
}
.contract-filter-bar__toggle {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  color: #7C828D;
  cursor: pointer;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contract-filter-bar__toggle:hover {
  background: #e5e7eb;
  color: #212529;
}
.contract-filter-bar__toggle i {
  transition: transform 0.15s ease;
}
.contract-filter-bar__toggle i.is-collapsed {
  transform: rotate(180deg);
}
.contract-filter-bar__title {
  font-family: "Inter-Medium";
  font-size: 14px;
  color: #12191D;
  margin: 0;
}
.contract-filter-bar__subtitle {
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #7C828D;
  margin: 0;
}
.contract-filter-bar__row {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.contract-filter-bar__item {
  flex: 0 0 250px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  min-width: 0;
}
.contract-filter-bar__label {
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #212529;
}
.contract-filter-bar__dropdown {
  width: 100%;
}
.contract-filter-bar .month-nav {
  display: flex;
  align-items: center;
  gap: 12px;
}
.contract-filter-bar .month-nav__arrow {
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  color: #7C828D;
  cursor: pointer;
  border-radius: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.contract-filter-bar .month-nav__arrow:hover {
  background: #e5e7eb;
  color: #212529;
}
.contract-filter-bar .month-nav__label {
  font-size: 14px;
  font-family: "Inter-Medium";
  color: #12191D;
  white-space: nowrap;
  display: inline-block;
  width: 140px;
  text-align: center;
}
.job-planner {
  display: grid;
  grid-template-columns: 380px minmax(0, 1fr);
  grid-template-rows: minmax(0, 1fr);
  gap: 0.75rem;
  align-items: start;
  flex: 1;
  min-height: 0;
  padding-bottom: 2px;
}
.job-planner__calendar,
.job-planner__day-panel {
  min-width: 0;
}
.job-planner__day-panel {
  align-self: stretch;
}
@media (max-width: 900px) {
  .job-planner {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto;
  }
  .job-planner__day-panel {
    align-self: auto;
  }
}
.job-planner-calendar {
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  padding: 12px 16px;
}
.job-planner-calendar__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 16px;
}
.job-planner-calendar__head h3 {
  font-size: 14px;
  font-family: "Inter-Medium";
  margin: 0;
}
.job-planner-calendar__head h5 {
  font-size: 12px;
  font-family: "Inter-Medium";
  margin: 0;
  color: #7C828D;
}
.job-planner-calendar__title {
  display: flex;
  align-items: center;
  gap: 4px;
  margin: 0;
}
.job-planner-calendar__title-btn {
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  font: inherit;
  font-size: 15px;
  font-weight: 700;
  color: inherit;
  cursor: pointer;
  border-radius: 4px;
}
.job-planner-calendar__title-btn:hover {
  color: #6366F1;
}
.job-planner-calendar__year-btn {
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  font: inherit;
  font-size: 15px;
  font-family: "Inter-Regular";
  color: #7C828D;
  cursor: pointer;
  border-radius: 4px;
}
.job-planner-calendar__year-btn:hover {
  color: #6366F1;
}
.job-planner-calendar__nav {
  display: flex;
  gap: 4px;
}
.job-planner-calendar__nav button {
  width: 28px;
  height: 28px;
  border: none;
  background: transparent;
  color: #7C828D;
  cursor: pointer;
  border-radius: 50%;
}
.job-planner-calendar__nav button:hover {
  background: #e5e7eb;
  color: #212529;
}
.job-planner-calendar__weekdays {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  margin-bottom: 8px;
}
.job-planner-calendar__weekdays span {
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  color: #7C828D;
}
.job-planner-calendar__grid {
  display: grid;
  align-items: baseline;
  grid-template-columns: repeat(7, 1fr);
  gap: 4px;
}
.job-planner-calendar__day {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 4px;
  aspect-ratio: 1;
  border: none;
  background: transparent;
  border-radius: 50%;
  cursor: pointer;
  padding: 6px 0;
}
.job-planner-calendar__day:hover {
  background: #e5e7eb;
  color: #212529;
}
.job-planner-calendar__day.is-selected {
  background: rgb(192.6, 193.8, 249.4);
  border-radius: 50%;
}
.job-planner-calendar__day.is-selected .job-planner-calendar__day-number {
  font-weight: 700;
  color: #12191D;
}
.job-planner-calendar__day.is-outside .job-planner-calendar__day-number {
  color: #C4C4C4;
}
.job-planner-calendar__day-number {
  font-size: 12px;
  color: #212529;
}
.job-planner-calendar__day-dots {
  display: flex;
  gap: 3px;
  height: 6px;
}
.job-planner-calendar__dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  flex-shrink: 0;
}
.job-planner-day {
  height: 100%;
  min-height: 357px;
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid #e8e8e8;
  border-radius: 12px;
  padding: 12px 16px;
}
@media (max-width: 900px) {
  .job-planner-day {
    height: auto;
  }
}
.job-planner-day__head {
  flex-shrink: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
}
.job-planner-day__head h2 {
  font-size: 20px;
  font-family: "Inter-SemiBold";
  margin: 0 0 4px;
}
.job-planner-day__head p {
  font-size: 13px;
  color: #7C828D;
  margin: 0;
}
.job-planner-day__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.job-planner-day__list {
  list-style: none;
  margin: 0;
  padding: 0;
  flex: 1;
  min-height: 0;
  overflow-y: auto;
}
.job-planner-day > .mt-2 {
  flex: 1;
  min-height: 0;
}
.job-planner-day__item {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 7px;
  border-bottom: 1px solid #e8e8e8;
  min-width: 0;
}
.job-planner-day__item:last-child {
  border-bottom: none;
}
.job-planner-day__item--completed {
  background: #ECFDF5;
}
.job-planner-day__time {
  flex-shrink: 0;
  width: 150px;
  font-size: 12px;
  color: #7C828D;
}
.job-planner-day__completed-icon {
  margin-right: 4px;
  color: #10B981;
  font-size: 12px;
}
.job-planner-day__bar {
  flex-shrink: 0;
  width: 3px;
  height: 32px;
  border-radius: 2px;
}
.job-planner-day__info {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 2px;
  min-width: 0;
}
.job-planner-day__title {
  font-size: 14px;
  font-family: "Inter-Medium";
  color: #212529;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.job-planner-day__location {
  display: flex;
  align-items: center;
  gap: 4px;
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.job-planner-day__location i {
  flex-shrink: 0;
  font-size: 11px;
}
.job-planner-day__assignee {
  flex-shrink: 1;
  max-width: 160px;
  min-width: 0;
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #212529;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.job-planner-day__assignee:hover {
  cursor: pointer;
  color: #6366F1;
}
.job-planner-day__assign-link {
  color: #6366F1;
  font-size: 12px;
  font-family: "Inter-Medium";
  cursor: pointer;
}
.move-assign-panel {
  position: fixed;
  inset: 0;
  z-index: 1000;
  visibility: hidden;
  pointer-events: none;
}
.move-assign-panel.is-open {
  visibility: visible;
  pointer-events: auto;
}
.move-assign-panel.is-open .move-assign-panel__backdrop {
  opacity: 1;
}
.move-assign-panel.is-open .move-assign-panel__content {
  transform: translateX(0);
}
.move-assign-panel__backdrop {
  position: absolute;
  top: 52px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(17, 24, 39, 0.32);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.move-assign-panel__content {
  position: absolute;
  top: 52px;
  right: 0;
  height: calc(100% - 52px) !important;
  width: 420px;
  max-width: 90vw;
  transform: translateX(100%);
  transition: transform 0.25s ease;
  border-radius: 0 !important;
  box-shadow: -10px 0 40px rgba(17, 24, 39, 0.16);
}
.move-assign-panel__content .flx-modal__body .selection-list--bounded {
  flex: 1 1 auto;
  min-height: 0;
  max-height: none !important;
}
.move-assign-job {
  padding: 14px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  margin-bottom: 16px;
}
.move-assign-job__top {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 6px;
}
.move-assign-job__title {
  font-size: 14px;
  font-family: "Inter-Medium";
  color: #12191D;
  margin: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  flex: 1 1 auto;
}
.move-assign-job__badges {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 6px;
  min-width: 0;
}
.move-assign-job__badge {
  flex-shrink: 0;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  justify-content: flex-start !important;
  background: #4338CA;
  color: #fff;
  border-color: #4338CA;
}
.move-assign-job__meta {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #7C828D;
  margin-top: 4px;
}
.move-assign-job__meta i {
  flex-shrink: 0;
  font-size: 11px;
}
.move-assign-section-label {
  display: block;
  margin: 4px 0 10px;
  text-transform: uppercase;
  font-size: 11px;
  letter-spacing: 0.05em;
  color: #7C828D;
}
.options-type-grid {
  display: flex;
  align-items: start;
  justify-content: center;
  gap: 15px;
  padding: 15px 6px;
}
.options-type-card {
  display: flex;
  flex-direction: column;
  width: 400px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  text-align: left;
  padding: 0;
  overflow: hidden;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.options-type-card:hover:not(.is-selected) {
  border-color: #c7d2fe;
  box-shadow: 0 2px 10px rgba(99, 102, 241, 0.08);
}
.options-type-card.is-selected {
  border-color: #6366F1;
  box-shadow: 0 0 0 1px #6366F1;
}
.options-type-card.is-selected .options-type-card__footer {
  background: #6366F1;
  color: #fff;
}
.options-type-card__top {
  padding: 20px 20px 16px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.options-type-card__icon-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
}
.options-type-card__icon-row i {
  font-size: 20px;
  color: #12191D;
}
.options-type-card__title {
  font-family: "Inter-Medium";
  font-size: 14px;
  color: #12191D;
  line-height: 1.2;
}
.options-type-card__desc {
  margin: 0;
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #212529;
  line-height: 1.5;
}
.options-type-card__bullets {
  margin: 0;
  padding-left: 14px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.options-type-card__bullets li {
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #212529;
  line-height: 1.5;
}
.options-type-card__best {
  margin: 4px 0 0;
  font-size: 12px;
  color: #212529;
  font-family: "Inter-Regular";
  font-style: italic;
}
.options-type-card__best strong {
  font-family: "Inter-Medium";
  font-style: normal;
}
.options-type-card__footer {
  padding: 12px 20px;
  font-family: "Inter-Medium";
  font-size: 14px;
  color: #212529;
  background: #f3f4f6;
  text-align: center;
  opacity: 0;
  transition:
    opacity 0.15s ease,
    background 0.15s ease,
    color 0.15s ease;
  border-top: 1px solid #e5e7eb;
}
.options-type-card:hover .options-type-card__footer {
  opacity: 1;
  background: #6366F1;
  color: #fff;
}
.options-type-card.is-selected .options-type-card__footer {
  opacity: 1;
  background: #6366F1;
  color: #fff;
}
.mp-rule-panel {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0px 0px 15px -4px rgba(117, 115, 115, 0.8);
  overflow: hidden;
  margin-top: 1rem;
}
.mp-rule-panel__header {
  background-color: #1a1a2e;
  padding: 10px 20px;
}
.mp-rule-panel__header h3 {
  margin: 0 0 2px;
  font-size: 14px;
  font-family: "Inter-Medium";
  color: #fff;
}
.mp-rule-panel__header p {
  margin: 0;
  font-size: 11px;
  font-family: "Inter-Regular";
  color: rgba(255, 255, 255, 0.75);
}
.mp-rule-group {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  margin: 16px 20px;
  overflow: hidden;
}
.mp-rule-group__title {
  background: #fafafa;
  padding: 14px 20px;
  border-bottom: 1px solid #e5e7eb;
}
.mp-rule-group__title h4 {
  margin: 0 0 2px;
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #12191D;
}
.mp-rule-group__title p {
  margin: 0;
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
}
.mp-rule-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 16px 20px;
  border-bottom: 1px solid #e5e7eb;
  background: #fff;
}
.mp-rule-row:last-child {
  border-bottom: none;
}
.mp-rule-row--stack {
  display: block;
}
.mp-rule-row__text {
  min-width: 0;
  flex: 1;
}
.mp-rule-row__text h5 {
  margin: 0 0 2px;
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #12191D;
}
.mp-rule-row__text p {
  margin: 0;
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
}
.mp-rule-row__control {
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
.mp-rule-row__link {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #6366F1;
  text-decoration: underline;
  cursor: pointer;
  margin-left: 4px;
}
.mp-rule-row__dropdown {
  width: 140px;
}
.mp-toggle-group {
  display: inline-flex;
  border-radius: 20px;
  background: #e5e7eb;
  padding: 2px;
}
.mp-toggle-group .p-button {
  border: none;
  background: transparent;
  color: #7C828D;
  font-size: 12px;
  font-family: "Inter-Medium";
  padding: 6px 16px;
  border-radius: 18px;
  box-shadow: none;
}
.mp-toggle-group .p-button.p-highlight {
  background: #6366F1;
  color: #fff;
}
.mp-toggle-group .p-button:not(.p-disabled):hover {
  background: rgba(0, 0, 0, 0.04);
  color: #12191D;
}
.mp-toggle-group .p-button.p-highlight:not(.p-disabled):hover {
  background: #6366F1;
  color: #fff;
}
.mp-skill-picker {
  padding: 0;
}
.mp-skill-picker__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 12px;
}
.mp-skill-picker__text h5 {
  margin: 0 0 2px;
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #12191D;
}
.mp-skill-picker__text p {
  margin: 0;
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
}
.mp-skill-picker__add-btn {
  border: none;
  background-color: #6366F1;
  color: #fff;
  font-size: 12px;
  font-family: "Inter-Medium";
  padding: 8px 18px;
  border-radius: 6px;
  cursor: pointer;
}
.mp-skill-picker__add-btn:hover {
  background-color: rgb(70.92, 74.46, 238.48);
}
.skill-picker-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 200px;
  padding: 4px;
}
.skill-picker-list__item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
}
.mp-skill-chip__remove {
  margin-left: 6px;
  cursor: pointer;
  font-size: 10px;
}
.mp-skill-chip__remove:hover {
  opacity: 0.7;
}
.mp-skill-chip-list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.mp-skill-chip {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 14px;
  font-size: 12px;
  font-family: "Inter-Medium";
}
.mp-tiebreaker-row {
  display: flex;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 20px;
  border-bottom: 1px solid #e5e7eb;
  background: #fff;
}
.mp-tiebreaker-row:last-child {
  border-bottom: none;
}
.mp-tiebreaker-row__badge {
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  background: #eef0fd;
  color: #6366F1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-family: "Inter-Medium";
}
.mp-tiebreaker-row__text {
  flex: 1;
  min-width: 0;
}
.mp-tiebreaker-row__text h5 {
  margin: 0 0 2px;
  font-size: 13px;
  font-family: "Inter-Medium";
  color: #12191D;
}
.mp-tiebreaker-row__text p {
  margin: 0;
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
}
.mp-tiebreaker-row__control {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: 8px;
}
.mp-tiebreaker-row__dropdown {
  width: 150px;
}
.mp-tiebreaker-row__move-btn {
  width: 32px;
  height: 32px;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #12191D;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.mp-tiebreaker-row__move-btn:hover:not(:disabled) {
  background: #e5e7eb;
}
.mp-tiebreaker-row__move-btn:disabled {
  color: #e5e7eb;
  cursor: not-allowed;
}
.mp-assign-level {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fafafa;
  padding: 14px 16px;
  margin-bottom: 4px;
}
.mp-assign-level__header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 10px;
}
.mp-assign-level__badge {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #6366F1;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-family: "Inter-Medium";
  flex-shrink: 0;
}
.mp-assign-level__label {
  font-size: 11px;
  font-family: "Inter-Medium";
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: #6366F1;
  flex: 1;
}
.mp-assign-level__remove {
  background: none;
  border: none;
  color: #7C828D;
  cursor: pointer;
  font-size: 14px;
}
.mp-assign-level__remove:hover {
  color: #D34747;
}
.mp-assign-level__dropdown {
  width: 100%;
}
.mp-assign-level__meta {
  margin-top: 8px;
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
}
.mp-assign-level__meta .font-medium {
  color: #12191D;
  font-family: "Inter-Medium";
}
.mp-assign-connector {
  text-align: center;
  padding: 10px 0;
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
}
.mp-assign-connector span {
  padding: 0 12px;
  border-left: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
}
.mp-assign-add-btn {
  display: inline-flex;
  align-items: center;
  background: none;
  border: 1px dashed #e5e7eb;
  border-radius: 6px;
  padding: 8px 16px;
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #6366F1;
  cursor: pointer;
  margin-top: 8px;
}
.mp-assign-add-btn:hover {
  background: #f5f5ff;
}
.p-button {
  background: #6366F1;
  font-family: "Inter-Regular" !important;
  font-size: 12px !important;
  border: 1px solid #6366F1 !important;
  cursor: pointer;
}
.p-button:enabled:hover {
  background: #4447ee !important;
  border: 1px solid #4447ee !important;
  color: #fff !important;
}
.p-button.connect,
.p-button.disconnect {
  padding: 0.5rem 1.5rem !important;
  height: 28px !important;
}
.p-button.p-button-secondary.p-button-outlined {
  font-family: "Inter-Regular" !important;
  font-size: 12px !important;
  border: 1px solid #9E9E9E !important;
}
.p-button.p-button-secondary.p-button-outlined:enabled:hover {
  background: #f4f4f4 !important;
  color: #3d3f40 !important;
  border: 1px solid #a4a4a4 !important;
}
.p-button.p-button-secondary.p-button-outlined:disabled {
  background: #f3f3f3 !important;
  color: #7a7a7a !important;
  border: 1px solid #a4a4a4 !important;
}
.p-button.p-button-danger {
  background: #D34747 !important;
  border: 1px solid #D34747 !important;
}
.p-button.p-button-danger.p-button-outlined {
  background-color: #fff !important;
  color: #D34747 !important;
  border: 1px solid #D34747 !important;
}
.p-button.p-button-danger:active {
  border: 1px solid #D34747 !important;
}
.p-button.p-button-danger:focus {
  border: 1px solid #D34747 !important;
}
.p-button.p-button-danger:enabled:hover {
  background: #c02929 !important;
  color: #ffffff !important;
  border-color: #c02929 !important;
}
.p-button .p-button-label {
  word-break: keep-all !important;
}
.p-button:focus {
  box-shadow: unset !important;
}
.p-button.btn_QBConnect {
  background-color: #2ca01c !important;
  border: 1px solid #2ca01c !important;
  width: 163px !important;
  height: 24px !important;
}
.p-button.btn_QBConnect .p-button-label {
  font-family: "AvenirNext-Medium" !important;
}
.p-button.btn_QBConnect:enabled:hover {
  background-color: #108000 !important;
  border: 1px solid #108000 !important;
}
.p-disabled .p-button.p-button-success {
  background: #F5F5F5 !important;
  border: transparent !important;
}
.p-button-outlined {
  background-color: #fff !important;
}
.p-button-outlined .p-button-danger {
  background-color: #fff !important;
}
.p-button.dark-alt {
  background: #324954 !important;
  font-family: "Inter-Regular" !important;
  font-size: 12px !important;
  border: 1px solid #324954 !important;
  height: 32px;
  cursor: pointer;
}
.p-button.dark-alt:enabled:hover {
  background: #182124 !important;
  border: 1px solid #182124 !important;
  color: #fff !important;
}
.p-button.dark-alt:focus {
  outline: 1px solid #DADBFF !important;
  border: 1px solid #6366F1 !important;
  border-radius: 3px;
  box-shadow: 0 0 5px #DADBFF !important;
}
.p-selectbutton {
  display: flex;
  flex-direction: row;
}
.p-selectbutton .p-button {
  background: #F0F0F0 !important;
  border: 1px solid #dee2e6 !important;
  color: #64748b;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s,
    outline-color 0.2s;
}
.p-selectbutton .p-button .p-button-icon-left,
.p-selectbutton .p-button .p-button-icon-right {
  color: #64748b;
}
.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
  background: #6366F1 !important;
  border-color: #6366F1 !important;
  color: #fff;
}
.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
  color: #334155;
}
.p-selectbutton .p-button.p-highlight {
  background: #6366F1 !important;
  border-color: #6366F1 !important;
  color: #fff;
}
.p-selectbutton .p-button.p-highlight .p-button-icon-left,
.p-selectbutton .p-button.p-highlight .p-button-icon-right {
  color: #0f172a;
}
.p-selectbutton .p-button.p-highlight:hover {
  background: #f1f5f9;
  border-color: #f1f5f9;
  color: #fff;
}
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
  color: #0f172a;
}
p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
  border-color: #f87171;
}
.p-buttonset .p-button:first-of-type:not(:only-of-type) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.p-buttonset .p-button:not(:first-child):not(:last-child) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.p-buttonset .p-button:last-of-type:not(:only-of-type) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.p-selectbutton {
  display: flex;
  flex-direction: row;
}
.p-selectbutton .p-button {
  background: #F0F0F0 !important;
  border: 1px solid #dee2e6 !important;
  color: #64748b;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s,
    outline-color 0.2s;
}
.p-selectbutton .p-button .p-button-icon-left,
.p-selectbutton .p-button .p-button-icon-right {
  color: #64748b;
}
.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
  background: #6366F1 !important;
  border-color: #6366F1 !important;
  color: #fff;
}
.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
.p-selectbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
  color: #334155;
}
.p-selectbutton .p-button.p-highlight {
  background: #6366F1 !important;
  border-color: #6366F1 !important;
  color: #fff;
}
.p-selectbutton .p-button.p-highlight .p-button-icon-left,
.p-selectbutton .p-button.p-highlight .p-button-icon-right {
  color: #0f172a;
}
.p-selectbutton .p-button.p-highlight:hover {
  background: #f1f5f9;
  border-color: #f1f5f9;
  color: #fff;
}
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-left,
.p-selectbutton .p-button.p-highlight:hover .p-button-icon-right {
  color: #0f172a;
}
p-selectbutton.ng-dirty.ng-invalid > .p-selectbutton > .p-button {
  border-color: #f87171;
}
.p-buttonset .p-button:first-of-type:not(:only-of-type) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.p-buttonset .p-button:last-of-type:not(:only-of-type) {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.p-fileupload .p-button {
  height: 32px;
}
.p-fileupload-choose:not(.p-disabled):hover {
  background: #4447ee !important;
  border: 1px solid #4447ee !important;
  color: #fff !important;
}
.opt-plan .custella-form-container-footer-float .p-button.pre-assign {
  background: #324954 !important;
  font-family: "Inter-Regular" !important;
  font-size: 12px !important;
  border: 1px solid #324954 !important;
  cursor: pointer;
}
.opt-plan .custella-form-container-footer-float .p-button.pre-assign:focus {
  outline: 1px solid #DADBFF !important;
  border: 1px solid #6366F1 !important;
  border-radius: 3px;
  box-shadow: 0 0 5px #DADBFF !important;
}
.opt-plan .custella-form-container-footer-float .p-button.pre-bulk {
  background: #1a2428 !important;
  font-family: "Inter-Regular" !important;
  font-size: 12px !important;
  border: 1px solid #1a2428 !important;
  cursor: pointer;
}
.opt-plan .custella-form-container-footer-float .p-button.pre-bulk:focus {
  outline: 1px solid #DADBFF !important;
  border: 1px solid #6366F1 !important;
  border-radius: 3px;
  box-shadow: 0 0 5px #DADBFF !important;
}
.custella-dashboard-top-right .p-button.dark {
  background: #324954 !important;
  border: 1px solid #324954 !important;
  height: 32px;
  cursor: pointer;
}
.custella-dashboard-top-right .p-button.dark:enabled:hover {
  background: #182124 !important;
  border: 1px solid #182124 !important;
  color: #fff !important;
}
.custella-dashboard-top-right .p-button.dark:focus {
  outline: 1px solid #DADBFF !important;
  border: 1px solid #6366F1 !important;
  border-radius: 3px;
  box-shadow: 0 0 5px #DADBFF !important;
}
.custella-dashboard-top-right .p-button.purple {
  background: #6366F1 !important;
  font-family: "Inter-Regular" !important;
  font-size: 12px !important;
  border: 1px solid #6366F1 !important;
  height: 32px;
  cursor: pointer;
}
.custella-dashboard-top-right .p-button.purple:focus {
  outline: 1px solid #DADBFF !important;
  border: 1px solid #6366F1 !important;
  border-radius: 3px;
  box-shadow: 0 0 5px #DADBFF !important;
}
.p-button.p-button-secondary {
  background: #fff !important;
  color: #12191D !important;
  font-family: "Inter-Regular" !important;
  font-size: 12px !important;
  border: 1px solid #ced4da !important;
}
.setup {
  margin-top: 0.15rem;
}
.setup .p-button.p-button-rounded {
  padding: 7px 12px;
}
.setup .p-button.p-button-secondary {
  background: #fff !important;
  color: #12191D !important;
  font-family: "Inter-Regular" !important;
  font-size: 12px !important;
  font-weight: "Inter-Medium" !important;
  border: 1px solid #EAEAEA !important;
  padding: 7px 12px !important;
}
.test {
  margin-top: 0.15rem;
}
.test .p-button.p-button-rounded {
  padding: 2px 12px;
}
.test .p-button.p-button-secondary {
  background: #fff !important;
  color: #12191D !important;
  font-family: "Inter-Regular" !important;
  font-size: 12px !important;
  font-weight: "Inter-Medium" !important;
  border: 1px solid #ced4da !important;
  padding: 2px 12px !important;
}
.p-button-outlined {
  border: 1px solid #DADBFF !important;
  background-color: #fff !important;
  color: #6366F1 !important;
  font-family: "Inter-Regular" !important;
  font-size: 12px !important;
}
.p-button-danger {
  background: #D34747 !important;
  font-family: "Inter-Regular" !important;
  font-size: 12px !important;
  border: 1px solid #D34747 !important;
}
.p-button-danger:active {
  border: 1px solid #D34747 !important;
}
.p-button-danger:focus {
  border: 1px solid #D34747 !important;
}
.p-button-danger:enabled:hover {
  background: #c02929 !important;
  color: #ffffff !important;
  border-color: #c02929 !important;
}
.p-button-success {
  background: #22C55E !important;
  border: 1px solid #22C55E !important;
}
.p-button-success:active {
  border: 1px solid #22C55E !important;
}
.p-button-success:focus {
  border: 1px solid #22C55E !important;
}
.p-button-success:enabled:hover {
  background: #1b9f4b !important;
  color: #ffffff !important;
  border-color: #1b9f4b !important;
}
.btn-list-download {
  padding: 0.25rem 1rem;
  height: 32px;
  border-radius: 999px;
  border: 1px solid #DEE2E6;
  background: #e1e1e2;
  color: #435861;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
}
.btn-list-download:hover {
  background: rgba(178, 178, 178, 0.5215686275);
  color: #435861;
  transition: all 0.35s ease-in-out;
}
.btn-list-download-active,
.btn-list-download.active {
  background: rgba(255, 255, 255, 0.3411764706) !important;
  color: #6366F1 !important;
}
.btn-list-icon {
  padding: 0.3rem 0.5rem;
  height: 32px;
  width: 32px;
  border-radius: 0.25rem;
  border: 1px solid #DEE2E6;
  background: #f0f0f0;
  color: #435861;
}
.btn-list-icon:hover {
  background: rgba(255, 255, 255, 0.3411764706) !important;
  color: #6366F1 !important;
}
.btn-list-icon-img {
  padding: unset !important;
  height: 32px;
  width: 32px;
  border-radius: 0.25rem;
  border: 1px solid #DEE2E6;
  background: #f0f0f0;
  color: #435861;
}
.btn-list-icon-img:hover {
  background: rgba(255, 255, 255, 0.3411764706) !important;
  color: #6366F1 !important;
}
.btn-list-icon-active {
  background: rgba(255, 255, 255, 0.3411764706) !important;
  color: #6366F1 !important;
}
.btn-list-icon-text {
  padding: 0.3rem 0.5rem;
  height: 32px;
  width: auto;
  border-radius: 0.25rem;
  border: 1px solid #DEE2E6;
  background: #f0f0f0;
  color: #435861;
  font-family: "Inter-Regular" !important;
  font-size: 12px !important;
}
.btn-list-icon-text:hover {
  background: rgba(255, 255, 255, 0.3411764706) !important;
  color: #6366F1 !important;
}
.btn-list-icon-text.active {
  background: rgba(255, 255, 255, 0.3411764706) !important;
  color: #6366F1 !important;
}
.btn-view-icon {
  padding: 0.3rem 0.4rem;
  height: 28px;
  width: 28px;
  border-radius: 0.25rem;
  border: none;
  background: #f5f5f5;
}
.btn-view-icon:hover {
  background: #e6e6e6 !important;
  color: #6366F1 !important;
  transition: 0.5s ease-in-out;
}
.btn-view-icon:focus {
  background: #e6e6e6 !important;
  color: #6366F1 !important;
  transition: 0.5s ease-in-out;
}
.btn-view-icon-form {
  padding: 0.2rem 0.4rem;
  height: 25px;
  width: 28px;
  border-radius: 0.25rem;
  border: none;
  background: #f5f5f5;
}
.btn-view-icon-form:hover,
.btn-view-icon-form.active {
  background: #e6e6e6 !important;
  color: #b0b0b0 !important;
  transition: 0.5s ease-in-out;
}
.btn-rmv-icon {
  height: 32px;
  width: 32px;
  border-radius: 0.25rem;
  border: 1px solid #ced4da;
  background: #D34747;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}
.btn-rmv-icon:hover {
  background: #c02929 !important;
  color: #ffffff !important;
  border-color: #ced4da !important;
}
.btn-rmv-icon:focus {
  background: #c02929 !important;
  color: #ffffff !important;
  border-color: #ced4da !important;
}
.fa-regular.hvr:hover {
  color: #6366F1;
}
.fa-regular.hvr-del:hover {
  color: #D34747;
}
.p-inputgroup.search .p-button.p-button-icon-only {
  border: 1px solid #DEE2E6 !important;
  background: #f0f0f0 !important;
  color: #435861;
}
.p-inputgroup.search .p-button.p-button-icon-only:enabled:hover {
  background: rgba(255, 255, 255, 0.3411764706) !important;
  color: #6366F1 !important;
}
.p-inputgroup.search .p-button.p-button-icon-only.p-button:focus {
  box-shadow: 0 0 0 0.09rem #c1c2f9 !important;
}
.custella-btn-long {
  background: #4447ee !important;
  border: 1px solid #6366F1 !important;
  width: 100%;
  color: #fff;
  padding: 7px 0;
  border-radius: 8px;
  cursor: pointer;
}
.custella-btn-long label {
  cursor: pointer;
}
.custella-btn-long:enabled:hover {
  background: #3235e5 !important;
  border: 1px solid #3235e5 !important;
}
.custella-btn-purple {
  background: #6366F1 !important;
  color: #fff;
  border: 1px solid #6366F1 !important;
  padding: 7px 14px;
  height: 32px;
  width: 32px;
  border-radius: 4px;
  cursor: pointer;
}
.custella-btn-white {
  background: #fff;
  color: #5b5e61;
  border: 1px solid #bbbbbb;
  padding: 6px 14px;
  border-radius: 4px;
  height: 32px;
  font-size: 12px;
  cursor: pointer;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.custella-btn-white:hover {
  background: #f4f4f4;
  color: #3d3f40;
  border: 1px solid #a4a4a4;
}
.custella-btn-white.h-28 {
  height: 28px;
  padding: 5px 14px;
}
.custella-btn-white.disabled {
  border: unset !important;
  color: #9398a1;
  border-radius: 4px !important;
  cursor: default;
}
.custella-btn-white-two {
  background: #fff;
  color: #5b5e61;
  border: 1px solid #bbbbbb;
  padding: 4px 14px;
  border-radius: 4px;
  height: 28px;
  font-size: 12px;
  cursor: pointer;
}
.custella-btn-white-two:hover {
  background: #f4f4f4;
  color: #3d3f40;
  border: 1px solid #a4a4a4;
}
.custella-btn-white-three {
  background: #fff;
  color: #12191D;
  height: 32px;
  width: 32px;
  border: 1px solid #ced4da !important;
  padding: 7px 14px;
  border-radius: 4px;
  cursor: pointer;
}
.custella-btn-white-28 {
  background: #fff;
  color: #5b5e61;
  border: 1px solid #bbbbbb;
  padding: 3px 14px;
  border-radius: 4px;
  height: 28px;
  font-size: 12px;
  cursor: pointer;
  max-width: 140px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}
.custella-btn-white-28:hover {
  background: #f4f4f4;
  color: #3d3f40;
  border: 1px solid #a4a4a4;
}
.custella-btn-grey {
  display: inline-flex;
  background: #EAEAEA;
  color: #12191D;
  font-family: "Inter-Regular" !important;
  font-size: 12px !important;
  font-weight: "Inter-Medium";
  border: 1px solid #EAEAEA !important;
  padding: 7px 15px;
  border-radius: 4px;
  cursor: pointer;
}
.custella-btn-grey label {
  cursor: pointer;
}
.custella-btn-grey-outlined {
  border: 1px solid #324954 !important;
  background-color: #fff !important;
  color: #324954 !important;
  font-family: "Inter-Regular" !important;
  font-size: 12px !important;
  padding: 7px 15px;
  border-radius: 4px;
  cursor: pointer;
}
.custella-btn-grey-outlined label {
  cursor: pointer;
}
.lookup-button {
  height: 32px;
  background: none;
  padding-top: 0.332rem;
  padding-bottom: 0.5rem;
  padding-right: 0.75rem;
  padding-left: 0.75rem;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
  border-radius: var(--bs-border-radius-sm);
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
}
.attachment-delete {
  height: 37px;
}
.rounded-default-button {
  background: #fff !important;
  color: #12191D !important;
  font-family: "Inter-Regular" !important;
  font-size: 12px !important;
  border: 1px solid #ced4da !important;
  border-radius: 2rem !important;
}
.rounded-chosen-button {
  background: #6366F1 !important;
  font-family: "Inter-Regular" !important;
  font-size: 12px !important;
  border: 1px solid #6366F1 !important;
  cursor: pointer;
  border-radius: 2rem !important;
  color: #fff !important;
}
.rounded-unchosen-button {
  background: #F0F0F0 !important;
  color: #12191D !important;
  font-family: "Inter-Regular" !important;
  font-size: 12px !important;
  border: 1px solid #ced4da !important;
  border-radius: 2rem !important;
}
.sorted .p-button.p-button-icon-only {
  width: 32px !important;
  height: 32px !important;
  background: transparent !important;
  border: 1px solid #CED4D4 !important;
}
.sorted .p-button.p-button-icon-only .p-button-icon::before {
  color: #435861 !important;
}
.df-lv-btn button {
  border: none;
  background: transparent;
  width: 32px;
}
.p-button.dark {
  background: #324954 !important;
  font-family: "Inter-Regular" !important;
  font-size: 12px !important;
  border: 1px solid #324954 !important;
  height: 32px;
  cursor: pointer;
}
.p-button.dark:enabled:hover {
  background: #182124 !important;
  border: 1px solid #182124 !important;
  color: #fff !important;
}
.p-button.dark:focus {
  outline: 1px solid #DADBFF !important;
  border: 1px solid #6366F1 !important;
  border-radius: 3px;
  box-shadow: 0 0 5px #DADBFF !important;
}
.p-button.danger {
  background: #D34747 !important;
  font-family: "Inter-Regular" !important;
  font-size: 12px !important;
  border: 1px solid #D34747 !important;
  height: 32px;
  cursor: pointer;
}
.p-button.danger:enabled:hover {
  background: #c02929 !important;
  color: #ffffff !important;
  border-color: #ced4da !important;
}
.p-button.primary-btn.lg {
  padding: 3px 12px;
  border-radius: 999px;
}
.import-button button {
  color: #ffffff;
  background: #6366F1;
  border: 1px solid #6366F1;
  padding: 6px 14px;
  font-size: 12px;
  border-radius: 4px;
}
.import-button button:enabled:hover {
  background: #4447ee !important;
  border: 1px solid #4447ee !important;
  color: #fff !important;
}
.question-img {
  cursor: pointer;
  position: relative;
  display: inline-block;
}
.question-img .hidden-image {
  display: none;
  position: absolute;
  background-color: #fff;
  padding: 10px;
  border-radius: 5px;
  border: 1px solid #F5F5F5;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  z-index: 1;
  top: 30%;
  left: 80%;
}
.question-img .hidden-image img {
  width: 150px;
  height: 150px;
}
.question-img:hover .hidden-image {
  display: block;
}
.view-mode {
}
.view-mode .btn {
  pointer-events: none;
  background-color: #F0F0F0 !important;
  color: #6c757d !important;
}
.view-mode .btn:hover {
  background-color: #F0F0F0 !important;
  color: #6c757d !important;
}
.view-mode .btn.active {
  pointer-events: none;
  background-color: #212529 !important;
  color: #fff !important;
}
.btn-group .btn {
  transition: background-color 0.3s ease;
}
.btn-group .btn:hover {
  background-color: #212529;
  color: #fff;
}
.h-28 .p-button.p-button-icon-only {
  height: 28px !important;
}
.bin .btn-above {
  position: absolute;
  top: 56px;
  right: 16px;
  z-index: 9;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.chip-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid #d1d5db;
  background: #fff;
  color: #111827;
  font-size: 13px;
  line-height: 1;
  cursor: pointer;
}
.chip-btn.light {
  background: #fff;
}
.chip-btn.light:hover {
  background: #f4f4f4;
  color: #3d3f40;
  border: 1px solid #a4a4a4;
}
.chip-btn:hover {
  background: #f4f4f4;
  color: #3d3f40;
  border: 1px solid #a4a4a4;
}
.billing-btn {
  border-radius: 999px;
  padding: 0.4rem 1.6rem;
  font-size: 14px;
  font-weight: 500;
  box-shadow: none;
}
.back-to-draft {
  background: #faf7d5;
  border: 1px solid #e46a5e;
  color: #c54a3c;
  padding: 5px 14px;
  border-radius: 4px;
  height: 32px;
  font-size: 12px;
}
.back-to-draft:hover {
  background: #f3edb5;
}
.activate-btn {
  background: #d6f7dd;
  border: 1px solid #1f7a3f;
  color: #1f7a3f;
  margin-left: 0.75rem;
  padding: 5px 14px;
  border-radius: 4px;
  height: 32px;
  font-size: 12px;
}
.activate-btn:hover {
  background: #c1f0cd;
}
.clone-btn-white {
  background: #fff;
  color: #6366F1;
  border: 1px solid #6366F1;
  padding: 5px 14px;
  border-radius: 4px;
  height: 28px;
  font-size: 12px;
  cursor: pointer;
}
.clone-btn-white:hover {
  background: #f4f4f4;
  color: #3d3f40;
  border: 1px solid #a4a4a4;
}
.p-overlaypanel-content .form-container-reportfilter .p-disabled,
.p-overlaypanel-content .form-container-reportfilter .p-component:disabled {
  border: unset !important;
  border-radius: 4px !important;
}
.export-modal .modal-footer .p-disabled,
.export-modal .modal-footer .p-component:disabled,
.export-modal .custella-modal-footer .p-disabled,
.export-modal .custella-modal-footer .p-component:disabled,
.export-modal .flx-modal__body .p-disabled,
.export-modal .flx-modal__body .p-component:disabled,
.export-modal .flx-modal__footer .p-disabled,
.export-modal .flx-modal__footer .p-component:disabled,
.custella-modal .modal-footer .p-disabled,
.custella-modal .modal-footer .p-component:disabled,
.custella-modal .custella-modal-footer .p-disabled,
.custella-modal .custella-modal-footer .p-component:disabled,
.custella-modal .flx-modal__body .p-disabled,
.custella-modal .flx-modal__body .p-component:disabled,
.custella-modal .flx-modal__footer .p-disabled,
.custella-modal .flx-modal__footer .p-component:disabled,
.flx-modal .modal-footer .p-disabled,
.flx-modal .modal-footer .p-component:disabled,
.flx-modal .custella-modal-footer .p-disabled,
.flx-modal .custella-modal-footer .p-component:disabled,
.flx-modal .flx-modal__body .p-disabled,
.flx-modal .flx-modal__body .p-component:disabled,
.flx-modal .flx-modal__footer .p-disabled,
.flx-modal .flx-modal__footer .p-component:disabled {
  border: unset !important;
  border-radius: 4px !important;
}
.contract-filter-bar__row .p-disabled,
.contract-filter-bar__row .p-component:disabled,
.tree-row__actions .p-disabled,
.tree-row__actions .p-component:disabled {
  border: unset !important;
  border-radius: 4px !important;
}
.assign.mp-inline-row-box .p-disabled,
.assign.mp-inline-row-box .p-component:disabled {
  border: unset !important;
  border-radius: 4px !important;
}
.btn-test.p-disabled {
  border-radius: 4px !important;
  border: 1px solid transparent !important;
}
.qb-learn-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.05rem 0.65rem;
  background: #fff;
  color: #2ca01c;
  border: 1px solid #2ca01c;
  font-size: 10px;
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  font-family: "Inter-Medium";
}
.qb-learn-button img {
  height: 16px;
  width: 16px;
}
.qb-learn-button:hover {
  opacity: 0.9;
  background-color: #effff0;
}
.qb-learn-button:active {
  transform: scale(0.98);
}
.p-checkbox .p-checkbox-box.p-highlight {
  border-color: #6366F1;
  background: #6366F1;
}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
  border-color: #6366F1 !important;
}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
  outline: 3px solid #DADBFF !important;
  outline-offset: 0;
  box-shadow: 0 0 5px #DADBFF !important;
  border-color: #6366F1 !important;
}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
  border-color: #6366F1 !important;
  background: #6366F1 !important;
  color: #fff !important;
}
.p-checkbox.p-checkbox-checked.p-checkbox-disabled .p-checkbox-box.p-disabled {
  background-color: #c8c3c3 !important;
}
.side .p-checkbox {
  width: 15px !important;
  height: 15px !important;
}
.side .p-checkbox .p-checkbox-box {
  width: 15px !important;
  height: 15px !important;
}
.side .p-checkbox .p-checkbox-box .p-checkbox-icon {
  font-size: 9px !important;
}
.custella-container {
  display: block;
  position: relative;
  margin: 3rem 2rem 0 2rem;
  padding: 1rem;
  background: #FAFAFA;
  font-family: "Inter-Regular";
  font-size: 1.35rem;
  width: 345px;
}
.lookup input.p-inputtext {
  margin: 0 !important;
  font-family: "Inter-Regular" !important;
  font-weight: text-weight(regular) !important;
  font-size: 12px;
  width: 100%;
}
.lookup input.p-inputtext:hover {
  outline: none !important;
  border: 1px solid #6366F1 !important;
  border-radius: 3px;
}
.lookup input.p-inputtext:focus {
  outline: 1px solid #DADBFF !important;
  border: 1px solid #6366F1 !important;
  border-radius: 3px;
  box-shadow: 0 0 5px #DADBFF !important;
}
.lookup input.p-inputtext:disabled {
  pointer-events: none;
  background-color: #F5F5F5 !important;
}
input.p-inputtext {
  margin: 0 !important;
  font-family: "Inter-Regular" !important;
  font-size: 12px !important;
  width: 100%;
  height: 32px !important;
}
input.p-inputtext:hover:not([disabled], [readonly]) {
  outline: none !important;
  border: 1px solid #6366F1 !important;
  border-radius: 3px;
}
input.p-inputtext:focus {
  outline: 1px solid #DADBFF !important;
  border: 1px solid #6366F1 !important;
  border-radius: 3px;
  box-shadow: 0 0 5px #DADBFF !important;
}
input.p-inputtext:disabled::placeholder {
  pointer-events: none;
  background-color: #F5F5F5;
  color: transparent !important;
}
.jo-type .p-disabled,
.jo-type .p-disabled {
  color: #12191D !important;
}
.plc-remove.p-disabled * {
  color: transparent !important;
}
.plc-remove input:disabled {
  color: transparent !important;
}
.p-inputtext.ng-invalid.ng-touched {
  border-color: #F44336 !important;
  color: #F44336 !important;
}
p-autocomplete.ng-invalid.ng-touched > span.p-autocomplete > .p-inputtext {
  border-color: #F44336 !important;
  background: #F44336 0.5;
  color: #F44336 !important;
}
p-calendar.ng-invalid.ng-touched > span.p-calendar > .p-inputtext {
  border-color: #F44336 !important;
  background: #F44336 0.5;
  color: #F44336 !important;
}
.p-inputtextarea {
  width: 100%;
  height: 104px;
  min-height: 104px;
}
.p-inputtextarea:hover {
  outline: none !important;
  border: 1px solid #6366F1 !important;
  border-radius: 3px;
}
.p-inputtextarea:focus {
  outline: 1px solid #DADBFF !important;
  border: 1px solid #6366F1 !important;
  border-radius: 3px;
  box-shadow: 0 0 5px #DADBFF !important;
}
.p-inputtextarea:disabled {
  pointer-events: none;
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
  outline: none !important;
  border: 1px solid #6366F1 !important;
  border-radius: 3px;
}
.custella-google-text {
  position: absolute !important;
  z-index: 9;
  margin-top: 1rem;
  left: 3rem;
}
p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
  border-color: #ced4da !important;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
  font-size: 12px !important;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item span {
  font-size: 12px !important;
}
.p-inputgroup {
  width: unset !important;
}
.p-inputgroup.search .p-inputtext {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.p-inputgroup.sorted .dropdown {
  border-top-right-radius: unset;
  border-bottom-right-radius: unset;
}
.p-inputgroup-addon {
  padding: 0.2rem 0.5rem !important;
  min-width: unset !important;
}
.cal-btn.p-calendar-w-btn .p-inputtext {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.cal-btn.p-calendar-w-btn .p-button-icon-only {
  border-top-left-radius: 0px;
  border-bottom-left-radius: 0px;
}
.input-50 .p-inputgroup {
  width: 50% !important;
}
.form-control:disabled {
  font-size: 12px;
  font-family: "Inter-Regular";
}
.p-breadcrumb {
  position: absolute !important;
  margin-left: -30px;
  margin-top: -0.2rem;
  width: 100% !important;
  padding: 1rem 30px 1rem 30px !important;
  font-family: "Inter-Regular" !important;
  font-size: 10px !important;
  font-weight: "Inter-Medium" !important;
  z-index: 100;
}
.p-breadcrumb li {
  text-overflow: ellipsis;
  max-width: 30%;
  white-space: nowrap;
}
.p-breadcrumb ol {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.p-breadcrumb ol li.p-menuitem-separator {
  color: rgb(73, 80, 87);
  font-size: 11px;
  margin: 0px 0.5rem;
}
.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text,
.p-breadcrumb ol li .p-menuitem-link .p-menuitem-text {
  font-family: "Inter-Medium" !important;
  font-size: 12px !important;
  color: #212529 !important;
}
.navigation-container {
  background: #fff;
  display: flex;
  height: 3rem;
  align-items: center;
  z-index: 99;
  padding: 10px 16px;
  position: fixed;
  color: #12191D;
  border-bottom: 1px solid #EAECF0;
  width: 100%;
}
.navigation-inner {
  display: inherit;
  white-space: nowrap;
  transition: width 500ms;
  overflow-y: scroll;
  scrollbar-width: none;
  width: 75% !important;
}
@media (max-width: 1200px) {
  .navigation-inner {
    width: 70% !important;
  }
}
.navigation-inner::-webkit-scrollbar {
  background: transparent;
  width: 0px;
  display: none;
}
.navigation-item {
  display: flex;
  align-items: center;
  gap: 0.5rem !important;
}
.compliance-indicator-fixed {
  position: relative;
  z-index: 99;
  top: 4px;
  right: 0;
}
.compliance-indicator-fixed__pill {
  display: inline-flex;
  align-items: center;
  padding: 1px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-family: "Inter-Regular";
  white-space: nowrap;
  width: fit-content;
}
.compliance-indicator-fixed--compliant .compliance-indicator-fixed__pill {
  background: rgb(208.4867256637, 233.3584070796, 203.6415929204);
  color: #6FBC60;
}
.compliance-indicator-fixed--non-compliant .compliance-indicator-fixed__pill {
  background: rgb(240.5263157895, 194.4736842105, 194.4736842105);
  color: #D34747;
}
.p-chips .p-component {
  width: 100% !important;
}
.p-chips .p-chips-multiple-container .p-chips-token {
  background: #6366F1 !important;
  border-radius: 15px !important;
  color: #fff !important;
}
.p-chips .p-chips-multiple-container .p-chips-token-label {
  margin-top: -2px !important;
}
.p-tag-value {
  font-family: "Inter-Light" !important;
  font-size: 12px;
}
.status-ball {
  height: 10px;
  width: 10px;
  border-radius: 50%;
}
div.p-chips.p-component,
div.p-chips.p-component ul {
  width: 100%;
}
div.p-chips.p-component ul li {
  margin-bottom: 3px;
}
.p-chips .p-chips-multiple-container .p-chips-input-token input {
  font-size: 12px !important;
  font-family: "Inter-Regular" !important;
}
.options .dropdown-menu.show {
  position: absolute !important;
}
.options2 .p-panelmenu.p-panelmenu-overlay {
  top: 86px !important;
}
.dynamicEdit .options2 .p-panelmenu.p-panelmenu-overlay {
  top: 31px !important;
  right: 0 !important;
}
.p-panelmenu {
  padding: 0.1rem 0 !important;
  width: 138px !important;
}
.del-drop.dropdown-item:hover,
.del-drop.dropdown-item:focus {
  background-color: #D32F2F;
  color: #fff;
  border-radius: 4px !important;
}
.del-drop.dropdown-item.active,
.del-drop.dropdown-item:active {
  background-color: #D32F2F;
  color: #fff;
  border-radius: 4px !important;
}
.dropdown-item {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.dropdown-item:hover,
.dropdown-item:focus {
  border-radius: 4px !important;
}
.dropdown-item.active,
.dropdown-item:active {
  border-radius: 4px !important;
  background-color: #6366F1 !important;
}
.p-panelmenu .p-menuitem-link:not(.p-disabled):hover {
  width: 138px;
}
.p-dropdown {
  width: 100%;
  margin: 0rem 0 0 0 !important;
  height: 32px;
  align-items: center;
}
p-dropdown.ng-invalid.ng-touched > div {
  border-color: #F44336 !important;
  background: #F44336 0.5;
  color: #F44336 !important;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
  background-color: #6366F1 !important;
  color: #fff !important;
}
.p-dropdown .p-dropdown-label.p-placeholder {
  font-family: "Inter-Regular" !important;
  font-size: 12px !important;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
  font-family: "Inter-Regular" !important;
  font-size: 12px !important;
}
.p-multiselect {
  width: 100%;
  height: 32px;
  align-items: center;
}
.p-multiselect:hover {
  outline: none !important;
  border: 1px solid #6366F1 !important;
  border-radius: 3px;
}
.p-multiselect .p-overlay .p-multiselect-panel .p-multiselect-items-wrapper .p-multiselect-item span {
  white-space: break-spaces !important;
}
.p-multiselect .p-overlay .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
  background: #DADBFF !important;
}
.p-multiselect .p-overlay .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-focus {
  outline: unset !important;
  border: unset !important;
  border-radius: unset;
  box-shadow: unset !important;
}
.p-multiselect .p-overlay .p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
  box-shadow: none !important;
}
.p-multiselect .p-multiselect-label {
  font-size: 12px !important;
}
.p-multiselect .p-multiselect-label.p-placeholder {
  font-size: 12px !important;
}
.context-menu {
  display: block;
  position: absolute;
  z-index: 10000000000;
  list-style: none;
  margin: 0;
  cursor: pointer;
  background: #fff;
  padding: 1px;
  -webkit-box-shadow: 0px 1px 0px 1px #eeeeee;
  box-shadow: 0px 1px 0px 1px #eeeeee;
  border-radius: 4px;
}
li.context-menu-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #818181;
  padding: 5px 10px;
  background: #fff;
  margin: 5px;
}
li.context-menu-item:hover {
  border: 1px solid #6366F1;
  border-radius: 4px;
  padding: 4px 9px;
  color: #12191D;
}
li.context-menu-item:hover i {
  color: #6366F1;
}
li.context-menu-item i {
  margin: 2px 5px 0px -5px;
}
li.context-menu-item i:hover {
  color: #6366F1;
}
.filter-drop {
  background: #fff !important;
  color: #12191D !important;
  border-radius: 0.25rem;
  width: 20rem !important;
}
.cal-dash .p-calendar .p-datepicker {
  left: 0 !important;
  top: 32px !important;
}
.custella-calendar .p-datepicker-buttonbar .p-button {
  background-color: transparent !important;
  color: #6366F1 !important;
  border: none !important;
}
.custella-calendar .p-datepicker-buttonbar .p-button-label {
  font-family: "Inter-Bold";
}
.custella-calendar .p-calendar.p-calendar-w-btn .p-inputtext {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.custella-calendar .p-calendar.p-calendar-w-btn .p-button-icon-only {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link p-header span {
  white-space: nowrap !important;
}
.p-dropdown.p-component.p-disabled .p-dropdown-trigger {
  display: none;
}
.p-multiselect.p-component.p-disabled .p-multiselect-trigger {
  display: none;
}
.split .p-tieredmenu.p-tieredmenu-overlay {
  left: -68px !important;
}
.split .p-tieredmenu.p-tieredmenu-overlay ul {
  margin-bottom: unset !important;
  padding-left: unset !important;
}
.split .p-tieredmenu .p-menuitem .p-menuitem-text {
  font-size: 12px !important;
  font-family: "Inter-Regular" !important;
}
.split .p-tieredmenu .p-menuitem.p-focus {
  outline: unset !important;
  border: unset !important;
  border-radius: unset;
  box-shadow: unset !important;
}
.split-asset .p-tieredmenu.p-tieredmenu-overlay {
  left: -42px !important;
}
.split-asset .p-tieredmenu.p-tieredmenu-overlay ul {
  margin-bottom: unset !important;
  padding-left: unset !important;
}
.split-asset .p-tieredmenu .p-menuitem .p-menuitem-text {
  font-size: 12px !important;
  font-family: "Inter-Regular" !important;
}
.split-tf-sp .p-button {
  background: #324954 !important;
  border: 1px solid #324954 !important;
  height: 32px;
  cursor: pointer;
}
.split-tf-sp .p-button:enabled:hover {
  background: #182124 !important;
  border: 1px solid #182124 !important;
  color: #fff !important;
}
.split-tf-sp .p-tieredmenu.p-tieredmenu-overlay {
  left: 3px !important;
}
.split-tf-sp .p-tieredmenu.p-tieredmenu-overlay ul {
  margin-bottom: unset !important;
  padding-left: unset !important;
}
.split-tf-sp .p-tieredmenu .p-menuitem .p-menuitem-text {
  font-size: 12px !important;
  font-family: "Inter-Regular" !important;
}
.split-tf-asset .p-tieredmenu.p-tieredmenu-overlay {
  left: -31px !important;
}
.split-tf-asset .p-tieredmenu.p-tieredmenu-overlay ul {
  margin-bottom: unset !important;
  padding-left: unset !important;
}
.split-tf-asset .p-tieredmenu .p-menuitem .p-menuitem-text {
  font-size: 12px !important;
  font-family: "Inter-Regular" !important;
}
.split-inline .p-tieredmenu .p-menuitem .p-menuitem-text {
  font-size: 12px !important;
  font-family: "Inter-Regular" !important;
}
.icon-picker-op.p-overlaypanel {
  border-radius: 16px !important;
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content {
  padding: 16px 18px 18px !important;
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker {
  min-width: 240px;
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__title {
  margin: 0 0 4px;
  font-size: 16px;
  font-family: "Inter-Medium";
  color: #222323;
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__grid {
  display: grid;
  grid-template-columns: repeat(5, 40px);
  gap: 10px;
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option {
  inline-size: 40px;
  block-size: 40px;
  border-radius: 12px;
  border: 0;
  display: grid;
  place-items: center;
  cursor: pointer;
  color: #212121;
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.is-selected {
  box-shadow: 0 0 0 2px #111827;
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-010 {
  background: #E3F2FD;
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-010:hover {
  background: rgb(246.04, 250.84, 254.36);
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-143 {
  background: #E8F5E9;
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-143:hover {
  background: rgb(246.2181818182, 251.1818181818, 246.6);
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-135 {
  background: #FFF3E0;
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-135:hover {
  background: rgb(255, 250.8967741935, 244.4);
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-132 {
  background: #F3E5F5;
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-132:hover {
  background: rgb(249.8, 243.7333333333, 250.6666666667);
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-102 {
  background: #E0F7FA;
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-102:hover {
  background: rgb(241.5666666667, 251.5333333333, 252.8333333333);
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-142 {
  background: #FFFDE7;
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-142:hover {
  background: rgb(255, 254.7, 251.4);
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-144 {
  background: #F1F8E9;
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-144:hover {
  background: rgb(250.8482758621, 252.924137931, 248.475862069);
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-145 {
  background: #FBE9E7;
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-145:hover {
  background: rgb(253.9142857143, 249.0285714286, 248.4857142857);
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-146 {
  background: #EDE7F6;
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-146:hover {
  background: rgb(248.1272727273, 245.8363636364, 251.5636363636);
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-123 {
  background: #F9FBE7;
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-123:hover {
  background: rgb(253.3714285714, 253.9142857143, 248.4857142857);
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-147 {
  background: #E0F2F1;
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-147:hover {
  background: rgb(238.3727272727, 248.0272727273, 247.4909090909);
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-004 {
  background: #FCE4EC;
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-004:hover {
  background: rgb(254.04, 246.36, 248.92);
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-148 {
  background: #E8EAF6;
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-148:hover {
  background: rgb(246.6625, 247.3875, 251.7375);
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-080 {
  background: #FFF8E1;
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-080:hover {
  background: rgb(255, 252.76, 245.4);
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-149 {
  background: #E6EE9C;
}
.icon-picker-op.p-overlaypanel .p-overlaypanel-content .icon-picker__option.icon-bg-149:hover {
  background: rgb(234.3965517241, 240.9896551724, 173.4103448276);
}
.color-picker-op.p-overlaypanel {
  border-radius: 16px !important;
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content {
  padding: 16px 18px 18px !important;
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker {
  min-width: 240px;
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__title {
  margin: 0 0 4px;
  font-size: 16px;
  font-family: "Inter-Medium";
  color: #222323;
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__grid {
  display: grid;
  grid-template-columns: repeat(5, 40px);
  gap: 10px;
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option {
  inline-size: 40px;
  block-size: 40px;
  border-radius: 12px;
  border: 0;
  display: grid;
  place-items: center;
  cursor: pointer;
  padding: 0;
  box-sizing: border-box;
  background: #fff;
  transition:
    background 0.15s ease,
    box-shadow 0.15s ease,
    transform 0.1s ease;
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option:hover {
  transform: translateY(-1px);
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.is-selected {
  box-shadow: 0 0 0 2px #111827;
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.is-blank {
  background: #fff;
  border: 1px dashed #d4d4d4;
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-softPink {
  background: #F8BBD0;
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-softPink:hover {
  background: rgb(249.428, 200.872, 217.588);
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-peach {
  background: #FFDAB9;
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-peach:hover {
  background: rgb(255, 226.0871428571, 200.3);
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-lightCoral {
  background: #F6A5A5;
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-lightCoral:hover {
  background: rgb(247.3909090909, 178.9090909091, 178.9090909091);
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-paleOrange {
  background: #FFE0B2;
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-paleOrange:hover {
  background: rgb(255, 230.1597402597, 193.3);
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-lightYellow {
  background: #FFF9C4;
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-lightYellow:hover {
  background: rgb(255, 250.5559322034, 211.3);
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-mintGreen {
  background: #B2DFDB;
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-mintGreen:hover {
  background: rgb(188.8082568807, 227.4917431193, 224.0532110092);
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-seafoam {
  background: #C8E6C9;
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-seafoam:hover {
  background: rgb(210.51875, 234.78125, 211.3275);
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-skyBlue {
  background: #B3E5FC;
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-skyBlue:hover {
  background: rgb(193.7189873418, 234.035443038, 252.5810126582);
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-powderBlue {
  background: #BBDEFB;
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-powderBlue:hover {
  background: rgb(201.45, 229.0125, 251.85);
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-lavender {
  background: #E1BEE7;
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-lavender:hover {
  background: rgb(230.1573033708, 201.1741573034, 235.1258426966);
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-lilac {
  background: #D1C4E9;
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-lilac:hover {
  background: rgb(217.6888888889, 207.1444444444, 237.1555555556);
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-periwinkle {
  background: #C5CAE9;
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-periwinkle:hover {
  background: rgb(208.0925, 212.13625, 237.2075);
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-lightGray {
  background: #E0E0E0;
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-lightGray:hover {
  background: rgb(231.65, 231.65, 231.65);
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-pastelTeal {
  background: #B2EBF2;
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-pastelTeal:hover {
  background: rgb(191.09, 238.4, 244.21);
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-none {
  background: #fff;
  border: 1px dashed #d4d4d4;
}
.color-picker-op.p-overlaypanel .p-overlaypanel-content .color-picker__option.color-bg-none:hover {
  background: #fafafa;
}
.custella-form-container-footer .p-dialog-header {
  background: #26363e !important;
  color: #fff !important;
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
  justify-content: flex-start;
  padding: 0.65rem 1.5rem !important;
}
.custella-form-container-footer .p-dialog-header .p-dialog-title {
  font-family: "Inter-Regular" !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.custella-form-container-footer .p-dialog-content {
  padding-top: 1rem !important;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  overflow-y: unset !important;
  overflow-x: hidden !important;
}
.custella-form-container-footer .p-dialog-content .title {
  font-size: 14px;
  color: #7C828D;
  margin-bottom: 0;
  margin-top: 1rem;
}
.custella-form-container-footer .p-dialog-footer {
  border-top: 1px solid var(--surface-300) !important;
  padding: 0.95rem 1.75rem !important;
}
.location .p-dialog .p-dialog-content {
  padding: 0rem !important;
}
.select-time .p-dialog .p-dialog-content {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.custella-custom-dialog .p-dialog {
  background: #fff !important;
}
.custella-custom-dialog {
  position: absolute;
  z-index: 1003;
}
.custella-custom-dialog-no {
  z-index: 1003;
}
.job-template-lookup-mask.p-dialog-mask {
  z-index: 10000 !important;
}
.setup-access-confirm-mask.p-dialog-mask {
  z-index: 11000 !important;
}
.custella-custom-dialog .p-dialog .p-dialog-header,
.custella-custom-dialog .p-dialog-header {
  background: #26363e !important;
  color: #fff !important;
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
  height: 45px !important;
}
.custella-custom-dialog .p-dialog .p-dialog-footer {
  border-top: 1px solid var(--surface-300) !important;
  padding: 0.95rem 0 !important;
  margin: 0 1.25rem;
}
.custella-custom-dialog .p-dialog.p-confirm-dialog .p-confirm-dialog-message {
  margin-left: 0.25rem !important;
}
.p-dialog-header {
  background: #26363e !important;
  color: #fff !important;
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
  justify-content: flex-start;
  padding: 0.65rem 1.5rem !important;
}
.p-dialog-header .p-dialog-title {
  font-family: "Inter-Regular" !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.p-dialog-content {
  padding-top: 1rem !important;
}
.p-dialog-content .title {
  font-size: 14px;
  color: #7C828D;
  margin-bottom: 0;
  margin-top: 1rem;
}
.p-dialog-footer {
  border-top: 1px solid var(--surface-300) !important;
  padding: 0.95rem 1.75rem !important;
}
.p-dialog.blank .p-dialog-header {
  display: none !important;
}
.p-dialog.blank .p-dialog-content {
  padding: 0 !important;
  border-radius: 8px;
}
.p-dialog.blank .p-dialog-footer {
  border-top: 1px solid var(--surface-300) !important;
  padding: 0.95rem 1.75rem !important;
}
.task-deprecate-dialog__icon {
  color: #d97706;
  font-size: 20px;
}
.task-deprecate-dialog__highlight {
  color: #d97706;
}
.modal-content {
  box-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  border: none !important;
  background: #FAFAFA !important;
}
.modal-content .custella-modal .checkAv {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.custom-modal-sm {
  width: 75% !important;
  margin: auto !important;
}
.modal-sm {
  width: 500px !important;
}
.modal-sm.sm-long {
  width: 555px !important;
}
.modal-sm.sm-skim {
  width: 450px !important;
}
.modal-dialog {
  max-width: 1000px !important;
  margin-right: auto;
  margin-left: auto;
}
.modal-dialog-800 {
  max-width: 628px !important;
  margin-right: auto;
  margin-left: auto;
}
.modal-dialog-818 {
  max-width: 818px !important;
  margin-right: auto;
  margin-left: auto;
}
.modal-dialog-lg {
  margin-right: auto;
  margin-left: auto;
}
.modal-footer {
  border-top: 1px solid var(--surface-300) !important;
  padding: 0.95rem 0 !important;
  margin: 0 1.25rem;
}
.custella-modal .custella-modal-header {
  display: flex;
  justify-content: space-between;
  background: #26363e !important;
  color: #fff !important;
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
  padding: 0.65rem 1.75rem;
}
.custella-modal .custella-modal-header .custella-modal-header-text {
  font-size: 14px !important;
  font-weight: "Inter-Medium" !important;
}
.custella-modal .custella-modal-body {
  padding: 20px;
}
.custella-modal .location.custella-modal-body {
  padding: 0;
}
.custella-modal .custella-modal-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.custella-modal .custella-modal-footer {
  border-top: 1px solid var(--surface-300) !important;
  padding: 0.95rem 0 !important;
  margin: 0 1.25rem;
  text-align: right;
}
.custella-modal .lv-desc {
  background: #fff;
  border-radius: 8px;
  width: 100%;
  padding: 0.65rem 0.75rem;
  margin-bottom: 0.55rem;
  border: 1px solid #dee1e3;
  position: relative;
  margin-left: 0.5rem;
  width: calc(100% - 1.2rem);
  margin-top: 0.55rem;
}
.custella-modal .lv-desc .text {
  font-size: 12px;
  font-family: "Inter-Medium";
}
.custella-modal .lv-desc .text .link {
  color: #6366F1;
  cursor: pointer;
  font-size: 12px;
}
.custom-modal-lg {
  max-width: 1000px !important;
}
.userSkills .p-dialog .p-dialog-content {
  padding: 0 !important;
}
.scroll-content {
  height: 40vh;
  overflow-y: scroll;
  padding: 0 0.25rem;
}
body.blur-background-modal {
}
body.blur-background-modal modal-container:not(:last-of-type) {
  filter: blur(2px);
  pointer-events: none;
}
body.blur-background-modal modal-container:not(:last-of-type)::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(2, 6, 23, 0.45);
  border-radius: inherit;
}
.fieldex-custom-dialog {
  width: 880px;
  max-width: 95vw;
  height: 70vh;
  max-height: 70vh;
  display: flex;
  flex-direction: column;
}
.fieldex-custom-dialog .p-dialog-header {
  display: none;
}
.fieldex-custom-dialog .p-dialog-header .p-dialog-title {
  font-family: "Inter-Regular" !important;
  font-size: 14px !important;
  font-weight: 500 !important;
}
.fieldex-custom-dialog .p-dialog-content {
  padding: 0 !important;
  flex: 1 1 auto;
  overflow: hidden;
  border-radius: 12px;
}
.flx-modal {
  background: #fff;
  color: #12191D;
  border-radius: 8px;
  box-shadow: 0 10px 40px rgba(17, 24, 39, 0.16);
  border: 1px solid rgba(0, 0, 0, 0.04);
  height: 100%;
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.flx-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 16px;
  border-bottom: 1px solid #e6e7ea;
}
.flx-modal__header.w-f3 {
  background-color: #f3f3f3;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
.flx-modal__header .with-desc {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.flx-modal__header .with-back {
  display: flex;
  align-items: center;
  gap: 8px;
}
.flx-modal__header .with-back .back-btn {
  border: none;
  background: transparent;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font-size: 16px;
  color: #212529;
}
.flx-modal__header .with-back .back-btn:hover {
  color: #12191D;
}
.flx-modal__header .mp-su-header-actions {
  display: flex;
  align-items: center;
  gap: 4px;
}
.flx-modal__header h2 {
  margin: 0;
  font-size: 14px;
  font-family: "Inter-Medium";
  color: #12191D;
}
.flx-modal__header .sub {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
}
.flx-modal__header-inline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 16px;
  border-top: 1px solid #e6e7ea;
  border-bottom: 1px solid #e6e7ea;
  background-color: #f3f3f3;
}
.flx-modal__header-inline .with-desc {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.flx-modal__header-inline h2 {
  margin: 0;
  font-size: 14px;
  font-family: "Inter-Medium";
  color: #12191D;
}
.flx-modal__header-inline .sub {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
}
.flx-modal__header-w-icon {
  display: flex;
  align-items: center;
  padding: 14px 16px;
  border-bottom: 1px solid #e6e7ea;
  gap: 0.5rem;
}
.flx-modal__header-w-icon h2 {
  margin: 0;
  font-size: 14px;
  font-family: "Inter-Medium";
  color: #12191D;
}
.flx-modal__subheader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 16px;
  background: #F2F2F2;
}
.flx-modal__subheader h3 {
  margin: 0;
  font-size: 12px;
  font-family: "Inter-Regular";
}
.flx-modal__subheader_transparent {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 16px 0;
}
.flx-modal__subheader_transparent h3 {
  margin: 0;
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #212529;
}
.flx-modal__icon {
  width: 24px;
}
.flx-modal__body {
  padding: 10px 16px;
  flex: 1 1 auto;
  min-height: 0;
  display: flex;
  flex-direction: column;
}
.flx-modal__body.skim,
.flx-modal__body.lean {
  padding: 8px 16px 16px;
}
.flx-modal__body.lean.gap-10 {
  gap: 10px;
}
.flx-modal__body.lean .status-field + .status-field {
  margin-top: unset;
}
.flx-modal__body .field-wrapper {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
  align-items: baseline;
}
.flx-modal__body .field-wrapper-w-btn {
  display: grid;
  grid-template-columns: repeat(4, 1fr) 112px;
  column-gap: 10px;
  align-items: end;
}
.flx-modal__body .status-field {
  display: grid;
  gap: 4px;
}
.flx-modal__body .status-field .field-label,
.flx-modal__body .status-field .field-row {
  margin-bottom: 0;
}
.flx-modal__body .status-field + .status-field {
  margin-top: 8px;
}
.flx-modal__body .field-title {
  display: block;
  font-size: 12px;
  font-family: "Inter-SemiBold";
  color: #12191D;
}
.flx-modal__body .field-title-two {
  display: block;
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
}
.flx-modal__body .field-label {
  display: block;
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
  margin-bottom: 8px;
}
.flx-modal__body .field-chip {
  height: 24px;
  padding: 4px 6px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px;
  border: 1px solid #f3f4f6;
  background: #f3f4f6;
  font-size: 10px;
  font-family: "Inter-SemiBold";
  color: #717171;
}
.flx-modal__body .field-row {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}
.flx-modal__body .field-row--auto {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}
.flx-modal__body .field-row--auto.row-gap-no {
  row-gap: 0;
}
.flx-modal__body .field-row--auto_colorpick {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px;
}
.flx-modal__body .field-row--checkbox {
  display: flex;
  align-items: center;
  gap: 8px;
}
.flx-modal__body .field-row--auto_range-duo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 12px;
}
.flx-modal__body .field-row--auto_range {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: start;
  gap: 12px;
}
.flx-modal__body .field-row--auto_range .divider {
  color: #7C828D;
  cursor: unset;
  align-self: center;
  padding-top: 20px;
}
.flx-modal__body .field-row--auto_range .divider-two {
  color: #7C828D;
  cursor: unset;
  padding-top: 28px;
}
.flx-modal__body .field-row--auto_range i {
  color: #7C828D;
  cursor: unset;
}
.flx-modal__body .field-row--auto_range.row-gap-no {
  row-gap: 0;
}
.flx-modal__body .field-row--auto_range_plus_one_daily {
  display: grid;
  grid-template-columns: 1fr 1fr auto 1fr;
  align-items: start;
  gap: 6px;
}
.flx-modal__body .field-row--auto_range_plus_one_daily .divider {
  color: #7C828D;
  cursor: unset;
  padding-top: 28px;
}
.flx-modal__body .field-row--auto_range_plus_one_daily .status-field {
  margin-top: 0;
}
.flx-modal__body .field-row--auto_range_plus_one {
  display: grid;
  grid-template-columns: 1fr auto 1fr 1fr;
  align-items: start;
  gap: 6px;
}
.flx-modal__body .field-row--auto_range_plus_one .divider {
  color: #7C828D;
  cursor: unset;
  padding-top: 28px;
}
.flx-modal__body .field-row--auto_range_plus_one .status-field {
  margin-top: 0;
}
.flx-modal__body .field-row--yearly {
  display: grid;
  grid-template-columns: 1fr auto 1fr 1fr 1fr;
  align-items: start;
  gap: 6px;
}
.flx-modal__body .field-row--yearly .divider {
  color: #7C828D;
  cursor: unset;
  padding-top: 28px;
}
.flx-modal__body .field-row--yearly .status-field {
  margin-top: 0;
}
.flx-modal__body .field-row--single {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
.flx-modal__body .field-row--single.gap-no {
  gap: 0;
}
.flx-modal__body .note {
  display: flex;
  gap: 5px;
  align-items: flex-start;
  background: #fff;
  border: 1px solid #bdbdbd;
  border-radius: 10px;
}
.flx-modal__body .note .icon {
  background: #f3f3f3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 56px;
  border-right: 1px solid #bdbdbd;
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
}
.flx-modal__body .note p {
  margin: 0;
  font-size: 12px;
  color: #565656;
  padding: 10px;
}
.flx-modal__body .hint {
  font-size: 11px;
  font-family: "Inter-Regular";
  color: #12191D;
  margin: 0;
}
.flx-modal__body .status-chip-row {
  margin-top: 8px;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.flx-modal__body .status-chip-row .status-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #eef2ff;
  border: 1px solid #e5e7eb;
  font-size: 11px;
  font-family: "Inter-Regular";
  color: #12191D;
}
.flx-modal__body .status-chip-row .status-chip--profile {
  background: #ebeeff;
  border-color: #6366F1;
}
.flx-modal__body .status-chip-row .status-chip__text {
  white-space: nowrap;
}
.flx-modal__body .status-chip-row .status-chip__remove {
  border: 0;
  background: transparent;
  padding: 0;
  display: grid;
  place-items: center;
  cursor: pointer;
  color: #6b7280;
  font-size: 11px;
}
.flx-modal__body .status-chip-row .status-chip__remove:hover {
  color: #12191D;
}
.flx-modal__body .status-chip-row__toggle {
  border: 0;
  background: transparent;
  padding: 0 2px;
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #6366F1;
  align-self: center;
}
.flx-modal__body .status-chip-row__toggle:hover {
  color: rgb(136.44, 138.72, 244.36);
  cursor: pointer;
}
.flx-modal__body .status-chip-row_0 {
  margin-top: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.flx-modal__body .status-chip-row_0 .status-chip {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  padding: 4px 8px;
  border-radius: 999px;
  background: #eef2ff;
  border: 1px solid #e5e7eb;
  font-size: 11px;
  font-family: "Inter-Regular";
  color: #12191D;
}
.flx-modal__body .status-chip-row_0 .status-chip--profile {
  background: #ebeeff;
  border-color: #6366F1;
}
.flx-modal__body .status-chip-row_0 .status-chip__text {
  white-space: nowrap;
}
.flx-modal__body .status-chip-row_0 .status-chip__remove {
  border: 0;
  background: transparent;
  padding: 0;
  display: grid;
  place-items: center;
  cursor: pointer;
  color: #6b7280;
  font-size: 11px;
}
.flx-modal__body .status-chip-row_0 .status-chip__remove:hover {
  color: #12191D;
}
.flx-modal__body .status-chip-row_0__toggle {
  border: 0;
  background: transparent;
  padding: 0 2px;
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #6366F1;
  align-self: center;
}
.flx-modal__body .status-chip-row_0__toggle:hover {
  color: rgb(136.44, 138.72, 244.36);
  cursor: pointer;
}
.flx-modal__body .note-no-border {
  display: flex;
  gap: 5px;
  align-items: center;
  border-radius: 10px;
}
.flx-modal__body .note-no-border .icon {
  background: #F3F3F3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 56px;
  border-right: 1px solid #bdbdbd;
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
}
.flx-modal__body .note-no-border p {
  margin: 0;
  font-size: 12px;
  color: #565656;
  padding: 0 5px;
}
.flx-modal__body .selection-list {
  display: grid;
  gap: 6px;
  align-content: start;
}
.flx-modal__body .selection-list.selection-list--bounded {
  max-height: min(451px, 60vh);
  overflow-y: auto;
  padding-right: 4px;
}
.flx-modal__body .selection-list .selection-item {
  width: 100%;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 12px;
  padding: 4px 10px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  text-align: left;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}
.flx-modal__body .selection-list .selection-item:hover,
.flx-modal__body .selection-list .selection-item:focus-visible {
  background: #eef0f4;
  outline: none;
  offset: unset;
}
.flx-modal__body .selection-list .selection-item.is-selected {
  border-color: #d4d4d4;
  background: #f5f5f5;
}
.flx-modal__body .selection-list .selection-item .selection-item__avatar {
  position: relative;
}
.flx-modal__body .selection-list .selection-item .selection-item__presence {
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #D34747;
  border: 2px solid #fff;
}
.flx-modal__body .selection-list .selection-item .selection-item__presence.is-online {
  background: #6EEAB3;
}
.flx-modal__body .selection-list .selection-item .icon-img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: var(--pill, #e5e7eb);
}
.flx-modal__body .selection-list .selection-item .icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: var(--pill, #e5e7eb);
}
.flx-modal__body .selection-list .selection-item .icon i {
  font-size: 18px;
}
.flx-modal__body .selection-list .selection-item .icon.fa-screwdriver-wrench-bgColor {
  background: #E3F2FD !important;
  color: rgb(36.6, 153.6, 239.4) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-screwdriver-wrench-bgColor.border-thin {
  border: 1px solid rgb(36.6, 153.6, 239.4) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-calendar-check-bgColor {
  background: #E8F5E9 !important;
  color: rgb(89.8181818182, 183.1818181818, 97) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-calendar-check-bgColor.border-thin {
  border: 1px solid rgb(89.8181818182, 183.1818181818, 97) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-wrench-bgColor {
  background: #FFF3E0 !important;
  color: rgb(255, 164.0322580645, 20) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-wrench-bgColor.border-thin {
  border: 1px solid rgb(255, 164.0322580645, 20) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-magnifying-glass-waveform-bgColor {
  background: #F3E5F5 !important;
  color: rgb(175, 81.6666666667, 188.3333333333) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-magnifying-glass-waveform-bgColor.border-thin {
  border: 1px solid rgb(175, 81.6666666667, 188.3333333333) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-truck-bgColor {
  background: #E0F7FA !important;
  color: rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-truck-bgColor.border-thin {
  border: 1px solid rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-arrow-rotate-left-bgColor {
  background: #FFFDE7 !important;
  color: #ffec1b !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-arrow-rotate-left-bgColor.border-thin {
  border: 1px solid #ffec1b !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-warehouse-bgColor {
  background: #F1F8E9 !important;
  color: rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-warehouse-bgColor.border-thin {
  border: 1px solid rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-bolt-bgColor {
  background: #FBE9E7 !important;
  color: rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-bolt-bgColor.border-thin {
  border: 1px solid rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-gauge-high-bgColor {
  background: #EDE7F6 !important;
  color: rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-gauge-high-bgColor.border-thin {
  border: 1px solid rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-arrow-up-bgColor {
  background: #F9FBE7 !important;
  color: rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-arrow-up-bgColor.border-thin {
  border: 1px solid rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-map-location-dot-bgColor {
  background: #E0F2F1 !important;
  color: rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-map-location-dot-bgColor.border-thin {
  border: 1px solid rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-clipboard-check-bgColor {
  background: #FCE4EC !important;
  color: rgb(231.6, 44.4, 106.8) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-clipboard-check-bgColor.border-thin {
  border: 1px solid rgb(231.6, 44.4, 106.8) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-triangle-exclamation-bgColor {
  background: #E8EAF6 !important;
  color: rgb(85.375, 100.125, 188.625) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-triangle-exclamation-bgColor.border-thin {
  border: 1px solid rgb(85.375, 100.125, 188.625) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-shield-halved-bgColor {
  background: #FFF8E1 !important;
  color: rgb(255, 200.4, 21) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-shield-halved-bgColor.border-thin {
  border: 1px solid rgb(255, 200.4, 21) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-person-bgColor {
  background: #E6EE9C !important;
  color: rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-person-bgColor.border-thin {
  border: 1px solid rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-screwdriver-wrench {
  color: rgb(36.6, 153.6, 239.4) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-screwdriver-wrench.border-thin {
  border: 1px solid rgb(36.6, 153.6, 239.4) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-calendar-check {
  color: rgb(89.8181818182, 183.1818181818, 97) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-calendar-check.border-thin {
  border: 1px solid rgb(89.8181818182, 183.1818181818, 97) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-wrench-bgColor {
  color: rgb(255, 164.0322580645, 20) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-wrench-bgColor.border-thin {
  border: 1px solid rgb(255, 164.0322580645, 20) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-magnifying-glass-waveform {
  color: rgb(175, 81.6666666667, 188.3333333333) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-magnifying-glass-waveform.border-thin {
  border: 1px solid rgb(175, 81.6666666667, 188.3333333333) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-truck {
  color: rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-truck.border-thin {
  border: 1px solid rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-arrow-rotate-left {
  color: #ffec1b !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-arrow-rotate-left.border-thin {
  border: 1px solid #ffec1b !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-warehouse {
  color: rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-warehouse.border-thin {
  border: 1px solid rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-bolt {
  color: rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-bolt.border-thin {
  border: 1px solid rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-gauge-high {
  color: rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-gauge-high.border-thin {
  border: 1px solid rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-arrow-up {
  color: rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-arrow-up.border-thin {
  border: 1px solid rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-map-location-dot {
  color: rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-map-location-dot.border-thin {
  border: 1px solid rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-clipboard-check {
  color: rgb(231.6, 44.4, 106.8) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-clipboard-check.border-thin {
  border: 1px solid rgb(231.6, 44.4, 106.8) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-triangle-exclamation {
  color: rgb(85.375, 100.125, 188.625) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-triangle-exclamation.border-thin {
  border: 1px solid rgb(85.375, 100.125, 188.625) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-shield-halved {
  color: rgb(255, 200.4, 21) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-shield-halved.border-thin {
  border: 1px solid rgb(255, 200.4, 21) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-person {
  color: rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.flx-modal__body .selection-list .selection-item .icon.fa-person.border-thin {
  border: 1px solid rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.flx-modal__body .selection-list .selection-item .meta {
  display: grid;
  gap: 2px;
  min-width: 0;
}
.flx-modal__body .selection-list .selection-item .meta .title {
  font-family: "Inter-Medium";
  font-size: 14px;
  color: #12191D;
  line-height: 1.2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.flx-modal__body .selection-list .selection-item .meta .desc {
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #7C828D;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.flx-modal__body .selection-list .selection-item .checkmark {
  opacity: 0.001;
  transition: opacity 0.12s ease;
  font-size: 16px;
  color: #6366F1;
}
.flx-modal__body .selection-list .selection-item.is-selected .checkmark {
  opacity: 1;
}
.flx-modal__body .selection-list .selection-item__badges {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
  gap: 6px;
}
.flx-modal__body .selection-list .selection-item .status-pill {
  padding: 4px 10px;
  border: 1px solid #d1d5db;
  border-radius: 999px;
  font-size: 12px;
  color: #374151;
  background: #fff;
  white-space: nowrap;
}
.flx-modal__body .selection-list .selection-item .status-pill--leave {
  border-color: transparent;
  color: #fff;
  background: #7A2E2E;
}
.flx-modal__body .selection-list .selection-item .status-pill--shift {
  border-color: transparent;
  color: #fff;
  background: #F59E0B;
}
.flx-modal__body .template-picker {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 0;
  flex: 1 1 auto;
  min-height: 0;
}
.flx-modal__body .template-picker .tp-left {
  border-right: 1px solid #e6e7ea;
  display: flex;
  flex-direction: column;
  gap: 6px;
  width: 260px;
  min-width: 260px;
  max-width: 260px;
  border-right: 1px solid #e6e7ea;
  padding: 8px 10px 12px;
  min-height: 0;
}
.flx-modal__body .template-picker .tp-left__header {
  flex: 0 0 auto;
}
.flx-modal__body .template-picker .tp-left__header h3 {
  margin: 0 0 2px;
  font-size: 14px;
  font-family: "Inter-Medium";
}
.flx-modal__body .template-picker .tp-left__header p {
  margin: 0 0 10px;
  font-size: 13px;
  color: #6b7280;
}
.flx-modal__body .template-picker .tp-left .tp-left__list {
  flex: 1 1 auto;
  min-height: 0;
  overflow: auto;
  padding-right: 2px;
  display: grid;
  gap: 0px;
  align-content: start;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat {
  inline-size: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 4px;
  border-radius: 12px;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  text-align: left;
  font-size: 12px;
  min-width: 0;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat:hover {
  background: #f3f4f6;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat.is-active {
  background: rgba(99, 102, 241, 0.15);
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat.is-active .tp-cat__label {
  color: #6366F1;
  font-family: "Inter-Medium";
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat.is-active .tp-cat__count {
  background: #6366F1;
  color: #fff;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat.is-active .tp-cat__icon {
  background: rgba(79, 70, 229, 0.1);
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat.is-active .tp-cat__icon i {
  color: #6366F1;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__label {
  flex: 1;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__count {
  min-width: 28px;
  height: 22px;
  padding: 0 8px;
  border-radius: 999px;
  background: #eef0f4;
  display: grid;
  place-items: center;
  font-size: 12px;
  color: #374151;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon {
  width: 20px;
  height: 20px;
  border-radius: 6px;
  display: grid;
  place-items: center;
  background: #e5e7eb;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon i {
  font-size: 12px;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-screwdriver-wrench-bgColor {
  background: #E3F2FD !important;
  color: rgb(36.6, 153.6, 239.4) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-screwdriver-wrench-bgColor.border-thin {
  border: 1px solid rgb(36.6, 153.6, 239.4) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-calendar-check-bgColor {
  background: #E8F5E9 !important;
  color: rgb(89.8181818182, 183.1818181818, 97) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-calendar-check-bgColor.border-thin {
  border: 1px solid rgb(89.8181818182, 183.1818181818, 97) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-wrench-bgColor {
  background: #FFF3E0 !important;
  color: rgb(255, 164.0322580645, 20) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-wrench-bgColor.border-thin {
  border: 1px solid rgb(255, 164.0322580645, 20) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-magnifying-glass-waveform-bgColor {
  background: #F3E5F5 !important;
  color: rgb(175, 81.6666666667, 188.3333333333) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-magnifying-glass-waveform-bgColor.border-thin {
  border: 1px solid rgb(175, 81.6666666667, 188.3333333333) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-truck-bgColor {
  background: #E0F7FA !important;
  color: rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-truck-bgColor.border-thin {
  border: 1px solid rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-arrow-rotate-left-bgColor {
  background: #FFFDE7 !important;
  color: #ffec1b !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-arrow-rotate-left-bgColor.border-thin {
  border: 1px solid #ffec1b !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-warehouse-bgColor {
  background: #F1F8E9 !important;
  color: rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-warehouse-bgColor.border-thin {
  border: 1px solid rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-bolt-bgColor {
  background: #FBE9E7 !important;
  color: rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-bolt-bgColor.border-thin {
  border: 1px solid rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-gauge-high-bgColor {
  background: #EDE7F6 !important;
  color: rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-gauge-high-bgColor.border-thin {
  border: 1px solid rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-arrow-up-bgColor {
  background: #F9FBE7 !important;
  color: rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-arrow-up-bgColor.border-thin {
  border: 1px solid rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-map-location-dot-bgColor {
  background: #E0F2F1 !important;
  color: rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-map-location-dot-bgColor.border-thin {
  border: 1px solid rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-clipboard-check-bgColor {
  background: #FCE4EC !important;
  color: rgb(231.6, 44.4, 106.8) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-clipboard-check-bgColor.border-thin {
  border: 1px solid rgb(231.6, 44.4, 106.8) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-triangle-exclamation-bgColor {
  background: #E8EAF6 !important;
  color: rgb(85.375, 100.125, 188.625) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-triangle-exclamation-bgColor.border-thin {
  border: 1px solid rgb(85.375, 100.125, 188.625) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-shield-halved-bgColor {
  background: #FFF8E1 !important;
  color: rgb(255, 200.4, 21) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-shield-halved-bgColor.border-thin {
  border: 1px solid rgb(255, 200.4, 21) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-person-bgColor {
  background: #E6EE9C !important;
  color: rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-person-bgColor.border-thin {
  border: 1px solid rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-screwdriver-wrench {
  color: rgb(36.6, 153.6, 239.4) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-screwdriver-wrench.border-thin {
  border: 1px solid rgb(36.6, 153.6, 239.4) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-calendar-check {
  color: rgb(89.8181818182, 183.1818181818, 97) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-calendar-check.border-thin {
  border: 1px solid rgb(89.8181818182, 183.1818181818, 97) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-wrench-bgColor {
  color: rgb(255, 164.0322580645, 20) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-wrench-bgColor.border-thin {
  border: 1px solid rgb(255, 164.0322580645, 20) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-magnifying-glass-waveform {
  color: rgb(175, 81.6666666667, 188.3333333333) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-magnifying-glass-waveform.border-thin {
  border: 1px solid rgb(175, 81.6666666667, 188.3333333333) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-truck {
  color: rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-truck.border-thin {
  border: 1px solid rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-arrow-rotate-left {
  color: #ffec1b !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-arrow-rotate-left.border-thin {
  border: 1px solid #ffec1b !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-warehouse {
  color: rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-warehouse.border-thin {
  border: 1px solid rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-bolt {
  color: rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-bolt.border-thin {
  border: 1px solid rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-gauge-high {
  color: rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-gauge-high.border-thin {
  border: 1px solid rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-arrow-up {
  color: rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-arrow-up.border-thin {
  border: 1px solid rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-map-location-dot {
  color: rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-map-location-dot.border-thin {
  border: 1px solid rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-clipboard-check {
  color: rgb(231.6, 44.4, 106.8) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-clipboard-check.border-thin {
  border: 1px solid rgb(231.6, 44.4, 106.8) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-triangle-exclamation {
  color: rgb(85.375, 100.125, 188.625) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-triangle-exclamation.border-thin {
  border: 1px solid rgb(85.375, 100.125, 188.625) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-shield-halved {
  color: rgb(255, 200.4, 21) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-shield-halved.border-thin {
  border: 1px solid rgb(255, 200.4, 21) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-person {
  color: rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.flx-modal__body .template-picker .tp-left .tp-left__list .tp-cat__icon.fa-person.border-thin {
  border: 1px solid rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.flx-modal__body .template-picker .tp-left .tp-new-template {
  inline-size: 100%;
  margin-top: 10px;
  background: #12191D;
  color: #fff;
  border-radius: 8px;
  padding: 7px 14px;
  border: 1px solid #12191D;
  cursor: pointer;
  font-family: "Inter-Regular";
  font-size: 12px;
}
.flx-modal__body .template-picker .tp-left .tp-new-template:hover {
  filter: darkness(0.98);
}
.flx-modal__body .template-picker .tp-right {
  padding: 8px 16px 16px;
  display: flex;
  flex-direction: column;
  gap: 0;
  height: 100%;
  min-height: 0;
}
.flx-modal__body .template-picker .tp-right__header {
  flex: 0 0 auto;
}
.flx-modal__body .template-picker .tp-right__header h3 {
  margin: 0 0 2px;
  font-size: 14px;
  font-family: "Inter-Medium";
}
.flx-modal__body .template-picker .tp-right__header p {
  margin: 0;
  font-size: 12px;
  color: #6b7280;
}
.flx-modal__body .template-picker .tp-right__header .tp-search {
  position: relative;
}
.flx-modal__body .template-picker .tp-right__header .tp-search i {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.flx-modal__body .template-picker .tp-right .tp-list {
  overflow: auto;
  display: grid;
  gap: 0;
  align-content: start;
  align-items: start;
  grid-auto-rows: max-content;
  flex: 1 1 auto;
  min-height: 0;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped {
  overflow: auto;
  align-content: start;
  scrollbar-gutter: stable both-edges;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 5px 14px;
  background: #fff;
  cursor: pointer;
  text-align: left;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease;
  border-bottom: 1px solid #ececec;
  border-top: 0;
  border-left: 0;
  border-right: 0;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row:hover {
  background: #fafafa;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row:focus-visible {
  outline: none;
  background: #f6f7fb;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row.is-last {
  border-bottom: none;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row.is-selected {
  background: #f9fafb;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon {
  width: 32px;
  height: 32px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: var(--pill, #e5e7eb);
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon i {
  font-size: 18px;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-screwdriver-wrench-bgColor {
  background: #E3F2FD !important;
  color: rgb(36.6, 153.6, 239.4) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-screwdriver-wrench-bgColor.border-thin {
  border: 1px solid rgb(36.6, 153.6, 239.4) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-calendar-check-bgColor {
  background: #E8F5E9 !important;
  color: rgb(89.8181818182, 183.1818181818, 97) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-calendar-check-bgColor.border-thin {
  border: 1px solid rgb(89.8181818182, 183.1818181818, 97) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-wrench-bgColor {
  background: #FFF3E0 !important;
  color: rgb(255, 164.0322580645, 20) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-wrench-bgColor.border-thin {
  border: 1px solid rgb(255, 164.0322580645, 20) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-magnifying-glass-waveform-bgColor {
  background: #F3E5F5 !important;
  color: rgb(175, 81.6666666667, 188.3333333333) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-magnifying-glass-waveform-bgColor.border-thin {
  border: 1px solid rgb(175, 81.6666666667, 188.3333333333) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-truck-bgColor {
  background: #E0F7FA !important;
  color: rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-truck-bgColor.border-thin {
  border: 1px solid rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-arrow-rotate-left-bgColor {
  background: #FFFDE7 !important;
  color: #ffec1b !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-arrow-rotate-left-bgColor.border-thin {
  border: 1px solid #ffec1b !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-warehouse-bgColor {
  background: #F1F8E9 !important;
  color: rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-warehouse-bgColor.border-thin {
  border: 1px solid rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-bolt-bgColor {
  background: #FBE9E7 !important;
  color: rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-bolt-bgColor.border-thin {
  border: 1px solid rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-gauge-high-bgColor {
  background: #EDE7F6 !important;
  color: rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-gauge-high-bgColor.border-thin {
  border: 1px solid rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-arrow-up-bgColor {
  background: #F9FBE7 !important;
  color: rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-arrow-up-bgColor.border-thin {
  border: 1px solid rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-map-location-dot-bgColor {
  background: #E0F2F1 !important;
  color: rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-map-location-dot-bgColor.border-thin {
  border: 1px solid rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-clipboard-check-bgColor {
  background: #FCE4EC !important;
  color: rgb(231.6, 44.4, 106.8) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-clipboard-check-bgColor.border-thin {
  border: 1px solid rgb(231.6, 44.4, 106.8) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-triangle-exclamation-bgColor {
  background: #E8EAF6 !important;
  color: rgb(85.375, 100.125, 188.625) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-triangle-exclamation-bgColor.border-thin {
  border: 1px solid rgb(85.375, 100.125, 188.625) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-shield-halved-bgColor {
  background: #FFF8E1 !important;
  color: rgb(255, 200.4, 21) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-shield-halved-bgColor.border-thin {
  border: 1px solid rgb(255, 200.4, 21) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-person-bgColor {
  background: #E6EE9C !important;
  color: rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-person-bgColor.border-thin {
  border: 1px solid rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-screwdriver-wrench {
  color: rgb(36.6, 153.6, 239.4) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-screwdriver-wrench.border-thin {
  border: 1px solid rgb(36.6, 153.6, 239.4) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-calendar-check {
  color: rgb(89.8181818182, 183.1818181818, 97) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-calendar-check.border-thin {
  border: 1px solid rgb(89.8181818182, 183.1818181818, 97) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-wrench-bgColor {
  color: rgb(255, 164.0322580645, 20) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-wrench-bgColor.border-thin {
  border: 1px solid rgb(255, 164.0322580645, 20) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-magnifying-glass-waveform {
  color: rgb(175, 81.6666666667, 188.3333333333) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-magnifying-glass-waveform.border-thin {
  border: 1px solid rgb(175, 81.6666666667, 188.3333333333) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-truck {
  color: rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-truck.border-thin {
  border: 1px solid rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-arrow-rotate-left {
  color: #ffec1b !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-arrow-rotate-left.border-thin {
  border: 1px solid #ffec1b !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-warehouse {
  color: rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-warehouse.border-thin {
  border: 1px solid rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-bolt {
  color: rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-bolt.border-thin {
  border: 1px solid rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-gauge-high {
  color: rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-gauge-high.border-thin {
  border: 1px solid rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-arrow-up {
  color: rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-arrow-up.border-thin {
  border: 1px solid rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-map-location-dot {
  color: rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-map-location-dot.border-thin {
  border: 1px solid rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-clipboard-check {
  color: rgb(231.6, 44.4, 106.8) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-clipboard-check.border-thin {
  border: 1px solid rgb(231.6, 44.4, 106.8) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-triangle-exclamation {
  color: rgb(85.375, 100.125, 188.625) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-triangle-exclamation.border-thin {
  border: 1px solid rgb(85.375, 100.125, 188.625) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-shield-halved {
  color: rgb(255, 200.4, 21) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-shield-halved.border-thin {
  border: 1px solid rgb(255, 200.4, 21) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-person {
  color: rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .icon.fa-person.border-thin {
  border: 1px solid rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .meta {
  display: grid;
  gap: 2px;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .meta .meta-title {
  font-family: "Inter-Medium";
  font-size: 14px;
  color: #12191D;
  line-height: 1.2;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .meta .desc {
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #7C828D;
}
.flx-modal__body .template-picker .tp-right .tp-list.tp-list--grouped .tp-row .status-pill {
  padding: 2px 10px;
  border: 1px solid #282828;
  border-radius: 999px;
  font-size: 12px;
  color: #282828;
  background: #fff;
  white-space: nowrap;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item {
  width: 100%;
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  border: 1px solid #d4d4d4;
  border-radius: 16px;
  background: #fff;
  cursor: pointer;
  text-align: left;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    box-shadow 0.15s ease;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item:hover,
.flx-modal__body .template-picker .tp-right .tp-list .selection-item:focus-visible {
  background: #eef0f4;
  outline: none;
  offset: unset;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item.is-selected {
  border-color: #d4d4d4;
  background: #f5f5f5;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon {
  width: 42px;
  height: 42px;
  border-radius: 12px;
  display: grid;
  place-items: center;
  background: var(--pill, #e5e7eb);
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon i {
  font-size: 18px;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-screwdriver-wrench-bgColor {
  background: #E3F2FD !important;
  color: rgb(36.6, 153.6, 239.4) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-screwdriver-wrench-bgColor.border-thin {
  border: 1px solid rgb(36.6, 153.6, 239.4) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-calendar-check-bgColor {
  background: #E8F5E9 !important;
  color: rgb(89.8181818182, 183.1818181818, 97) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-calendar-check-bgColor.border-thin {
  border: 1px solid rgb(89.8181818182, 183.1818181818, 97) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-wrench-bgColor {
  background: #FFF3E0 !important;
  color: rgb(255, 164.0322580645, 20) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-wrench-bgColor.border-thin {
  border: 1px solid rgb(255, 164.0322580645, 20) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-magnifying-glass-waveform-bgColor {
  background: #F3E5F5 !important;
  color: rgb(175, 81.6666666667, 188.3333333333) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-magnifying-glass-waveform-bgColor.border-thin {
  border: 1px solid rgb(175, 81.6666666667, 188.3333333333) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-truck-bgColor {
  background: #E0F7FA !important;
  color: rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-truck-bgColor.border-thin {
  border: 1px solid rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-arrow-rotate-left-bgColor {
  background: #FFFDE7 !important;
  color: #ffec1b !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-arrow-rotate-left-bgColor.border-thin {
  border: 1px solid #ffec1b !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-warehouse-bgColor {
  background: #F1F8E9 !important;
  color: rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-warehouse-bgColor.border-thin {
  border: 1px solid rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-bolt-bgColor {
  background: #FBE9E7 !important;
  color: rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-bolt-bgColor.border-thin {
  border: 1px solid rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-gauge-high-bgColor {
  background: #EDE7F6 !important;
  color: rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-gauge-high-bgColor.border-thin {
  border: 1px solid rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-arrow-up-bgColor {
  background: #F9FBE7 !important;
  color: rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-arrow-up-bgColor.border-thin {
  border: 1px solid rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-map-location-dot-bgColor {
  background: #E0F2F1 !important;
  color: rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-map-location-dot-bgColor.border-thin {
  border: 1px solid rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-clipboard-check-bgColor {
  background: #FCE4EC !important;
  color: rgb(231.6, 44.4, 106.8) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-clipboard-check-bgColor.border-thin {
  border: 1px solid rgb(231.6, 44.4, 106.8) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-triangle-exclamation-bgColor {
  background: #E8EAF6 !important;
  color: rgb(85.375, 100.125, 188.625) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-triangle-exclamation-bgColor.border-thin {
  border: 1px solid rgb(85.375, 100.125, 188.625) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-shield-halved-bgColor {
  background: #FFF8E1 !important;
  color: rgb(255, 200.4, 21) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-shield-halved-bgColor.border-thin {
  border: 1px solid rgb(255, 200.4, 21) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-person-bgColor {
  background: #E6EE9C !important;
  color: rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-person-bgColor.border-thin {
  border: 1px solid rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-screwdriver-wrench {
  color: rgb(36.6, 153.6, 239.4) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-screwdriver-wrench.border-thin {
  border: 1px solid rgb(36.6, 153.6, 239.4) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-calendar-check {
  color: rgb(89.8181818182, 183.1818181818, 97) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-calendar-check.border-thin {
  border: 1px solid rgb(89.8181818182, 183.1818181818, 97) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-wrench-bgColor {
  color: rgb(255, 164.0322580645, 20) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-wrench-bgColor.border-thin {
  border: 1px solid rgb(255, 164.0322580645, 20) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-magnifying-glass-waveform {
  color: rgb(175, 81.6666666667, 188.3333333333) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-magnifying-glass-waveform.border-thin {
  border: 1px solid rgb(175, 81.6666666667, 188.3333333333) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-truck {
  color: rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-truck.border-thin {
  border: 1px solid rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-arrow-rotate-left {
  color: #ffec1b !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-arrow-rotate-left.border-thin {
  border: 1px solid #ffec1b !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-warehouse {
  color: rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-warehouse.border-thin {
  border: 1px solid rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-bolt {
  color: rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-bolt.border-thin {
  border: 1px solid rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-gauge-high {
  color: rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-gauge-high.border-thin {
  border: 1px solid rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-arrow-up {
  color: rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-arrow-up.border-thin {
  border: 1px solid rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-map-location-dot {
  color: rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-map-location-dot.border-thin {
  border: 1px solid rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-clipboard-check {
  color: rgb(231.6, 44.4, 106.8) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-clipboard-check.border-thin {
  border: 1px solid rgb(231.6, 44.4, 106.8) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-triangle-exclamation {
  color: rgb(85.375, 100.125, 188.625) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-triangle-exclamation.border-thin {
  border: 1px solid rgb(85.375, 100.125, 188.625) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-shield-halved {
  color: rgb(255, 200.4, 21) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-shield-halved.border-thin {
  border: 1px solid rgb(255, 200.4, 21) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-person {
  color: rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .icon.fa-person.border-thin {
  border: 1px solid rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .meta {
  display: grid;
  gap: 2px;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .meta .title {
  font-family: "Inter-Medium";
  font-size: 14px;
  color: #12191D;
  line-height: 1.2;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .meta .desc {
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #7C828D;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .checkmark {
  opacity: 0.001;
  transition: opacity 0.12s ease;
  font-size: 16px;
  color: #6366F1;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item.is-selected .checkmark {
  opacity: 1;
}
.flx-modal__body .template-picker .tp-right .tp-list .selection-item .status-pill {
  padding: 4px 10px;
  border: 1px solid #d1d5db;
  border-radius: 999px;
  font-size: 12px;
  color: #374151;
  background: #fff;
  white-space: nowrap;
}
.flx-modal__body .template-picker .tp-right .tp-empty {
  padding: 24px;
  text-align: center;
  color: #6b7280;
}
.flx-modal__body .template-picker .tp-right .tp-right__footer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.flx-modal__body .template-picker .tp-right .tp-right__footer .action {
  height: 30px;
  border-radius: 999px;
}
.flx-modal__body .jt-table {
  overflow: hidden;
  font-family: "Inter-Regular";
}
.flx-modal__body .jt-table .jt-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 120px;
  padding: 8px 18px;
  border-bottom: 1px solid #e5e7eb;
  background: #f9fafb;
  font-size: 12px;
  color: #6b7280;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.flx-modal__body .jt-table .jt-head__label {
  grid-column: 1/2;
}
.flx-modal__body .jt-table .jt-head__default {
  text-align: center;
}
.flx-modal__body .jt-table .jt-head__active {
  text-align: center;
}
.flx-modal__body .jt-table .jt-body {
  max-height: 420px;
  overflow: auto;
}
.flx-modal__body .jt-table .jt-row {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) 120px;
  align-items: center;
  column-gap: 8px;
  padding: 6px 18px;
  border-top: 1px solid #f3f4f6;
  background: #fff;
}
.flx-modal__body .jt-table .jt-row:first-child {
  border-top: none;
}
.flx-modal__body .jt-table .jt-row__handle {
  inline-size: 24px;
  block-size: 24px;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent;
  display: grid;
  place-items: center;
  cursor: grab;
  color: #9ca3af;
}
.flx-modal__body .jt-table .jt-row__handle i {
  font-size: 14px;
  cursor: unset;
}
.flx-modal__body .jt-table .jt-row__handle:hover {
  border-color: #e5e7eb;
  background: #f9fafb;
}
.flx-modal__body .jt-table .jt-row__label {
  min-width: 0;
}
.flx-modal__body .jt-table .jt-row__default,
.flx-modal__body .jt-table .jt-row__active {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flx-modal__body .jt-table .jt-row__active {
  padding-top: 3px;
}
.flx-modal__body .jt-table .jt-row .jt-label-pill {
  display: block;
  width: 100%;
  padding: 8px 14px;
  font-size: 12px;
  color: #12191D;
}
.flx-modal__body .jt-table .jt-row.jt-row--inactive {
  background: #f9fafb;
}
.flx-modal__body .jt-table .jt-row.jt-row--inactive .jt-row__handle,
.flx-modal__body .jt-table .jt-row.jt-row--inactive .jt-row__default {
  visibility: hidden;
}
.flx-modal__body .jt-table .jt-row.jt-row--inactive .jt-label-pill {
  background: transparent;
}
@media (max-width: 768px) {
  .flx-modal__body .jt-table .jt-head {
    grid-template-columns: minmax(0, 1fr) 80px;
  }
  .flx-modal__body .jt-table .jt-row {
    grid-template-columns: 32px minmax(0, 1fr) 80px;
  }
}
.flx-modal__body .jt-table .jt-body .cdk-drag-preview {
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
}
.flx-modal__body .jt-table .jt-body .cdk-drag-placeholder {
  opacity: 0;
}
.flx-modal__body .avs-table {
  overflow: hidden;
  font-family: "Inter-Regular";
}
.flx-modal__body .avs-table .avs-head {
  display: grid;
  grid-template-columns: 32px repeat(7, 1fr);
  padding: 8px 18px;
  column-gap: 8px;
  border-bottom: 1px solid #e5e7eb;
  background: #f9fafb;
  font-size: 12px;
  color: #6b7280;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.flx-modal__body .avs-table .avs-head__label {
  grid-column: unset;
}
.flx-modal__body .avs-table .avs-head__default {
  text-align: center;
}
.flx-modal__body .avs-table .avs-head__active {
  text-align: center;
}
.flx-modal__body .avs-table .avs-body {
  max-height: 420px;
  overflow: auto;
}
.flx-modal__body .avs-table .avs-row {
  display: grid;
  grid-template-columns: 32px repeat(7, 1fr);
  align-items: center;
  column-gap: 8px;
  padding: 6px 18px;
  border-top: 1px solid #f3f4f6;
  background: #fff;
}
.flx-modal__body .avs-table .avs-row:first-child {
  border-top: none;
}
.flx-modal__body .avs-table .avs-row__handle {
  inline-size: 24px;
  block-size: 24px;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent;
  display: grid;
  place-items: center;
  cursor: grab;
  color: #9ca3af;
}
.flx-modal__body .avs-table .avs-row__handle i {
  font-size: 14px;
  cursor: unset;
}
.flx-modal__body .avs-table .avs-row__handle:hover {
  border-color: #e5e7eb;
  background: #f9fafb;
}
.flx-modal__body .avs-table .avs-row__label {
  min-width: 0;
}
.flx-modal__body .avs-table .avs-row__label_color {
  display: flex;
  align-items: center;
  gap: 8px;
}
.flx-modal__body .avs-table .avs-row__default,
.flx-modal__body .avs-table .avs-row__active {
  display: flex;
  justify-content: center;
  align-items: center;
}
.flx-modal__body .avs-table .avs-row__active {
  padding-top: 3px;
}
.flx-modal__body .avs-table .avs-row .avs-label-pill {
  display: block;
  font-size: 12px;
  color: #12191D;
}
.flx-modal__body .avs-table .avs-row.avs-row--inactive {
  background: #f9fafb;
}
.flx-modal__body .avs-table .avs-row.avs-row--inactive .avs-row__handle,
.flx-modal__body .avs-table .avs-row.avs-row--inactive .avs-row__default {
  visibility: hidden;
}
.flx-modal__body .avs-table .avs-row.avs-row--inactive .avs-label-pill {
  background: transparent;
}
@media (max-width: 768px) {
  .flx-modal__body .avs-table .avs-head {
    grid-template-columns: minmax(0, 1fr) 80px;
  }
  .flx-modal__body .avs-table .avs-row {
    grid-template-columns: 32px minmax(0, 1fr) 80px;
  }
}
.flx-modal__body .avs-table .avs-body .cdk-drag-preview {
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
}
.flx-modal__body .avs-table .avs-body .cdk-drag-placeholder {
  opacity: 0;
}
.flx-modal__body.bin-util-modal {
  padding: 16px 16px 12px;
}
.flx-modal__body .bin-util {
  display: grid;
  gap: 10px;
  font-family: "Inter-Regular";
}
.flx-modal__body .bin-util__row--top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
}
.flx-modal__body .bin-util__label {
  font-size: 12px;
  color: #565656;
  font-family: "Inter-Regular";
  gap: 2px;
  position: relative;
}
.flx-modal__body .bin-util__toggle-group {
  display: inline-flex;
  gap: 4px;
}
.flx-modal__body .bin-util .bin-toggle-pill {
  min-width: 80px;
  padding: 3px 16px;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  background: #f3f4f6;
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #374151;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  transition:
    background 0.15s ease,
    border-color 0.15s ease,
    color 0.15s ease;
}
.flx-modal__body .bin-util .bin-toggle-pill.is-active {
  background: #eef2ff;
  color: #12191D;
}
.flx-modal__body .bin-util .bin-toggle-pill:hover:not(.is-active) {
  background: #e5e7eb;
}
.flx-modal__body .bin-util__search {
  margin-top: 4px;
}
.flx-modal__body .bin-util__qty-row {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 10px;
}
.flx-modal__body .bin-util__field {
  display: grid;
  gap: 4px;
}
.flx-modal__body .bin-input {
  width: 100%;
  border-radius: 16px;
  border: 1px solid #e5e7eb;
  background: #ffffff;
  padding: 8px 12px;
  font-size: 13px;
  font-family: "Inter-Regular";
  color: #12191D;
  outline: none;
}
.flx-modal__body .bin-input:focus-visible {
  border-color: #4f46e5;
  box-shadow: 0 0 0 1px rgba(79, 70, 229, 0.2);
}
.flx-modal__body .bin-input--readonly {
  border-color: transparent;
  background: #e5e5e5;
  color: #12191D;
  display: flex;
  align-items: center;
}
.flx-modal__body .bin-input--readonly span {
  width: 100%;
}
.flx-modal__body .mp-inline-row-box {
  display: flex;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 0.5rem;
  align-items: baseline;
}
.flx-modal__body .mp-inline-row-box.no-flx {
  display: unset !important;
}
.flx-modal__body .mp-inline-row-box.who {
  align-items: center;
}
.flx-modal__body .mp-inline-row-box .field-label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
  flex: 0 0 auto;
  white-space: nowrap;
}
.flx-modal__body .mp-inline-row-box .control {
  flex: 1 1 380px;
  min-width: 380px;
  width: 100%;
}
.flx-modal__body .mp-inline-row-box .mp-error {
  font-size: 12px;
  color: #d33;
}
.flx-modal__body .mp-inline-row-box .who {
  font-size: 12px;
  color: #212529;
  font-family: "Inter-Regular";
  margin-bottom: unset;
}
.flx-modal__body .mp-inline-row-box .edit-chip {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #d4d4d4;
  background: #fff;
  cursor: pointer;
}
.flx-modal__body .mp-inline-row-box .edit-chip:hover {
  background: #c1c2f9;
}
.flx-modal__body .mp-inline-row-box .rmv-chip {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #db0000;
  background: #db0000;
  color: white;
  cursor: pointer;
}
.flx-modal__body .mp-inline-row-box .rmv-chip:hover {
  background: #ac0000;
}
.flx-modal__body .mp-note {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: 1px solid #d9d9d9;
  border-radius: 999px;
  color: #282828;
  background: #ededfd;
  font-size: 12px;
  font-family: "Inter-Regular";
}
.flx-modal__body .mp-note-option {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border: 1px solid #d9d9d9;
  border-radius: 999px;
  color: #282828;
  background: #ededfd;
  font-size: 12px;
  font-family: "Inter-Regular";
  cursor: pointer;
}
.flx-modal__body .mp-note-option:hover {
  background: #dedefb;
}
.flx-modal__body .mp-note-option.is-selected {
  background: #bdbdf1 !important;
}
.flx-modal__body .mp-note-label {
  border: unset;
  background: transparent;
  padding: 0;
  font-size: 12px;
  font-family: "Inter-Regular";
}
.flx-modal__body .mp-plan-title-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 0.5rem;
}
.flx-modal__body .mp-plan-title-row .mp-plan-name {
  width: 380px;
  padding: 0rem 0.75rem 0 0;
  border: 0;
  border-bottom: 1px solid #ddd;
  background: #fff;
  font-family: "Inter-Medium";
  font-size: 16px;
}
.flx-modal__body .mp-plan-title-row .mp-plan-name:focus {
  outline: none;
  border-color: #6366F1;
  box-shadow: none;
}
.flx-modal__body .mp-plan-title-row .mp-hint {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #444;
}
.flx-modal__body .mp-subpanel {
  border: 1px solid #d4d4d4;
  border-radius: 12px;
  background: #fff;
}
.flx-modal__body .mp-subpanel .mp-sub-body {
  padding: 13px 15px;
}
.flx-modal__body .mp-subpanel + .mp-subpanel {
  margin-top: 14px;
}
.flx-modal__body .mp-row + .mp-row {
  margin-top: 10px;
}
.flx-modal__body .addr-card {
  padding: 16px;
  background: var(--bg);
  border: 1.5px solid var(--line);
  border-radius: var(--radius);
  cursor: pointer;
  text-align: left;
}
.flx-modal__body .addr-card:hover {
  border-color: #cfd5db;
}
.flx-modal__body .addr-card.is-selected {
  border-width: 2px;
  border-color: #111;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.05) inset;
}
.flx-modal__body .addr-card .addr-icon i {
  font-size: 18px;
  color: #374151;
}
.flx-modal__body .addr-card .addr-main {
  display: grid;
  gap: 4px;
}
.flx-modal__body .addr-card .addr-main .addr-title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.flx-modal__body .addr-card .addr-main .addr-title .icon i {
  color: #374151;
}
.flx-modal__body .addr-card .addr-main .addr-title .title {
  color: var(--ink);
  font-size: 12px;
  font-family: "Inter-Medium";
}
.flx-modal__body .addr-card .addr-main .addr-title .spacer {
  flex: 1;
}
.flx-modal__body .addr-card .addr-main .addr-sub {
  color: var(--muted);
  font-size: 12px;
}
.flx-modal__body .addr-card .addr-check {
  inline-size: 24px;
  block-size: 24px;
  border-radius: 6px;
  display: grid;
  place-items: center;
  background: #111;
  color: #fff;
  font-size: 12px;
}
.flx-modal__body .portal-info {
  padding: 10px 12px;
  border: 1px solid #6366F1;
  border-radius: 8px;
  background-color: #F4F4F4;
}
.flx-modal__body .portal-info .title {
  font-size: 12px;
  font-family: "Inter-Bold";
  color: #6366F1;
}
.flx-modal__body .portal-info .details {
  display: flex;
  flex-direction: column;
}
.flx-modal__body .portal-info .details .list {
  font-size: 10px;
  font-family: "Inter-Regular";
  color: #6366F1;
}
.flx-modal__body .portal-info + .portal-steps {
  margin-top: 10px;
}
.flx-modal__body .portal-steps {
  padding: 10px 12px;
  border: 1px solid #12191D;
  border-radius: 8px;
  background-color: #F4F4F4;
}
.flx-modal__body .portal-steps .title-plain {
  font-size: 12px;
  font-family: "Inter-Bold";
  color: #12191D;
}
.flx-modal__body .portal-steps ul.details-plain {
  display: flex;
  flex-direction: column;
  padding-left: unset;
  gap: 4px;
}
.flx-modal__body .portal-steps ul.details-plain li {
  font-size: 10px;
  font-family: "Inter-Regular";
  color: #12191D;
}
.flx-modal__body .pm-type-grid {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  padding: 15px 6px;
}
.flx-modal__body .pm-type-card {
  display: flex;
  flex-direction: column;
  width: 300px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
  cursor: pointer;
  text-align: left;
  padding: 0;
  overflow: hidden;
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.flx-modal__body .pm-type-card:hover:not(.is-selected) {
  border-color: #c7d2fe;
  box-shadow: 0 2px 10px rgba(99, 102, 241, 0.08);
}
.flx-modal__body .pm-type-card.is-selected {
  border-color: #6366F1;
  box-shadow: 0 0 0 1px #6366F1;
}
.flx-modal__body .pm-type-card.is-selected .pm-type-card__footer {
  background: #6366F1;
  color: #fff;
}
.flx-modal__body .pm-type-card__top {
  padding: 20px 20px 16px;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.flx-modal__body .pm-type-card__icon-row {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 4px;
}
.flx-modal__body .pm-type-card__icon-row i {
  font-size: 20px;
  color: #12191D;
}
.flx-modal__body .pm-type-card__title {
  font-family: "Inter-Medium";
  font-size: 14px;
  color: #12191D;
  line-height: 1.2;
}
.flx-modal__body .pm-type-card__desc {
  margin: 0;
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #212529;
  line-height: 1.5;
}
.flx-modal__body .pm-type-card__bullets {
  margin: 0;
  padding-left: 14px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.flx-modal__body .pm-type-card__bullets li {
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #212529;
  line-height: 1.5;
}
.flx-modal__body .pm-type-card__best {
  margin: 4px 0 0;
  font-size: 12px;
  color: #212529;
  font-family: "Inter-Regular";
  font-style: italic;
}
.flx-modal__body .pm-type-card__best strong {
  font-family: "Inter-Medium";
  font-style: normal;
}
.flx-modal__body .pm-type-card__footer {
  padding: 12px 20px;
  font-family: "Inter-Medium";
  font-size: 14px;
  color: #212529;
  background: #f3f4f6;
  text-align: center;
  opacity: 0;
  transition:
    opacity 0.15s ease,
    background 0.15s ease,
    color 0.15s ease;
  border-top: 1px solid #e5e7eb;
}
.flx-modal__body .pm-type-card:hover .pm-type-card__footer {
  opacity: 1;
  background: #6366F1;
  color: #fff;
}
.flx-modal__body .pm-type-card.is-selected .pm-type-card__footer {
  opacity: 1;
  background: #6366F1;
  color: #fff;
}
.flx-modal__body .reminder-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin: 8px 0;
}
.flx-modal__body .reminder-list .reminder-row {
  display: grid;
  grid-template-columns: 28px 1fr 1fr 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  background: #f3f4f6;
  border-radius: 10px;
}
.flx-modal__body .reminder-list .reminder-row p-dropdown {
  min-width: 0;
  width: 100%;
}
.flx-modal__body .reminder-list .reminder-row-block {
  display: grid;
  grid-template-columns: 28px 1fr 1fr auto;
  grid-template-rows: auto auto;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  background: #f3f4f6;
  border-radius: 10px;
}
.flx-modal__body .reminder-list .reminder-row-block .reminder-row__index {
  grid-column: 1;
  grid-row: 1;
}
.flx-modal__body .reminder-list .reminder-row-block p-dropdown:nth-of-type(1) {
  grid-column: 2;
  grid-row: 1;
}
.flx-modal__body .reminder-list .reminder-row-block p-dropdown:nth-of-type(2) {
  grid-column: 3;
  grid-row: 1;
}
.flx-modal__body .reminder-list .reminder-row-block .reminder-row__remove {
  grid-column: 4;
  grid-row: 1;
}
.flx-modal__body .reminder-list .reminder-row-block p-dropdown:nth-of-type(3) {
  grid-column: 2/3;
  grid-row: 2;
}
.flx-modal__body .reminder-list .reminder-row-block p-dropdown:nth-of-type(4) {
  grid-column: 3/4;
  grid-row: 2;
}
.flx-modal__body .reminder-list .reminder-row__index {
  width: 24px;
  height: 24px;
  border-radius: 999px;
  background: #c7c8f5;
  color: #6366F1;
  font-size: 11px;
  font-family: "Inter-Medium";
  display: grid;
  place-items: center;
  flex-shrink: 0;
}
.flx-modal__body .reminder-list .reminder-row__remove {
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
  color: #7C828D;
  font-size: 14px;
  display: grid;
  place-items: center;
  width: 24px;
  height: 24px;
  border-radius: 6px;
  transition: color 0.15s ease, background 0.15s ease;
}
.flx-modal__body .reminder-list .reminder-row__remove:hover {
  color: #12191D;
  background: #e5e7eb;
}
.flx-modal__body .color-code-search {
  padding: 10px 16px;
  border-bottom: 1px solid #e5e7eb;
  flex-shrink: 0;
}
.flx-modal__body .color-code-search__wrap {
  position: relative;
  display: flex;
  align-items: center;
}
.flx-modal__body .color-code-table-scroll {
  flex: 1 1 auto;
  min-height: 0;
  max-height: 420px;
  overflow-y: auto;
  overflow-x: hidden;
}
.flx-modal__body .color-code-table {
  width: 100%;
  table-layout: fixed;
  border-collapse: collapse;
}
.flx-modal__body .color-code-table thead tr {
  border-bottom: 1px solid #e5e7eb;
}
.flx-modal__body .color-code-table thead tr th {
  padding: 10px 12px;
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  text-align: left;
}
.flx-modal__body .color-code-table thead tr th:first-child {
  width: auto;
  padding-left: 16px;
}
.flx-modal__body .color-code-table thead tr th:nth-child(2) {
  width: 150px;
}
.flx-modal__body .color-code-table thead tr th:last-child {
  width: 72px;
  padding-right: 12px;
}
.flx-modal__body .color-code-table tbody tr {
  border-bottom: 1px solid #f0f1f3;
  transition: background 0.15s ease;
}
.flx-modal__body .color-code-table tbody tr:last-child {
  border-bottom: none;
}
.flx-modal__body .color-code-table tbody tr:hover {
  background: #f9fafb;
}
.flx-modal__body .color-code-table tbody tr.is-editing {
  background: rgba(99, 102, 241, 0.04);
}
.flx-modal__body .color-code-table__username {
  padding: 10px 12px 10px 16px;
  font-size: 13px;
  color: #111827;
  vertical-align: middle;
  max-width: 0;
}
.flx-modal__body .color-code-table__user {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.flx-modal__body .color-code-table__name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.flx-modal__body .color-code-table__avatar {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: #e5e7eb;
  color: #374151;
  font-size: 10px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.flx-modal__body .color-code-table__color {
  padding: 10px 12px;
  vertical-align: middle;
  width: 150px;
}
.flx-modal__body .color-code-table__color-wrap {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.flx-modal__body .color-code-table__color-wrap .color-picker .p-colorpicker-preview {
  width: 56px !important;
  height: 28px !important;
  border-radius: 6px !important;
  border: 1px solid rgba(0, 0, 0, 0.08) !important;
  cursor: pointer !important;
}
.flx-modal__body .color-code-table__color-trigger {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}
.flx-modal__body .color-code-table__color-swatch {
  width: 56px;
  height: 28px;
  border-radius: 6px;
  border: 1px solid rgba(0, 0, 0, 0.08);
  flex-shrink: 0;
}
.flx-modal__body .color-code-table__hex {
  font-size: 12px;
  font-family: monospace;
  color: #6b7280;
  text-transform: uppercase;
  white-space: nowrap;
  flex-shrink: 0;
}
.flx-modal__body .color-code-table__actions {
  padding: 10px 12px 10px 0;
  width: 72px;
  vertical-align: middle;
  white-space: nowrap;
}
.flx-modal__body .color-code-table__profile-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  color: #9ca3af;
  text-decoration: none;
  transition: background 0.15s ease, color 0.15s ease;
  font-size: 12px;
  vertical-align: middle;
}
.flx-modal__body .color-code-table__profile-link:hover {
  background: #f3f4f6;
  color: #6366f1;
}
.flx-modal__body .color-code-table__icon-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 6px;
  border: none;
  background: transparent;
  color: #9ca3af;
  font-size: 12px;
  cursor: pointer;
  text-decoration: none;
  transition: background 0.15s, color 0.15s;
  vertical-align: middle;
}
.flx-modal__body .color-code-table__icon-btn:hover {
  background: #f3f4f6;
  color: #6366f1;
}
.flx-modal__body .color-code-table__icon-btn--save {
  color: #10b981;
}
.flx-modal__body .color-code-table__icon-btn--save:hover {
  background: #f0fdf4;
  color: #059669;
}
.flx-modal__body .color-code-table__empty {
  padding: 32px 16px;
  text-align: center;
  color: #9ca3af;
  font-size: 13px;
}
.flx-modal__body .color-code-table__empty i {
  display: block;
  margin-bottom: 8px;
  font-size: 18px;
}
.flx-modal__body .skill-library-panel,
.flx-modal__body .assigned-skills-panel {
  background: #fff;
  padding: 16px;
}
.flx-modal__body .selected-skills__head h3,
.flx-modal__body .available-skills__head h3 {
  font-size: 12px;
  font-family: "Inter-Medium";
  margin: 0;
}
.flx-modal__body .selected-skills__sub,
.flx-modal__body .available-skills__sub {
  font-size: 12px;
  color: #7C828D;
  margin: 2px 0 5px;
}
.flx-modal__body .selected-skills {
  margin-bottom: 24px;
}
.flx-modal__body .selected-skills__count {
  font-size: 12px;
  color: #7C828D;
}
.flx-modal__body .selected-skills__box {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  min-height: 64px;
  padding: 12px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #FAFAFA;
}
.flx-modal__body .selected-skills__placeholder {
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #9CA3AF;
  border: 1px dashed #e5e7eb;
  border-radius: 6px;
  padding: 16px;
  margin: 0;
}
.flx-modal__body .create-new-link {
  font-size: 12px;
  color: #6366F1;
}
.flx-modal__body .create-new-link:hover {
  text-decoration: underline;
  cursor: pointer;
}
.flx-modal__body .available-skills__search {
  position: relative;
  margin: 12px 0;
}
.flx-modal__body .available-skills__search i {
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: #9CA3AF;
  font-size: 13px;
}
.flx-modal__body .available-skills__search input {
  width: 100%;
  padding: 8px 12px 8px 32px;
  border: 1px solid #D1D5DB;
  border-radius: 6px;
  font-size: 13px;
}
.flx-modal__body .available-skills__search input:focus {
  outline: none;
  border-color: #4F46E5;
}
.flx-modal__body .available-skills__list {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.flx-modal__body .skill-chip {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 16px;
  gap: 4px;
  font-size: 12px;
  line-height: 1.4;
  max-width: 160px;
}
.flx-modal__body .skill-chip__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.flx-modal__body .skill-chip--removable {
  border: none;
  cursor: pointer;
}
.flx-modal__body .skill-chip--removable i {
  font-size: 10px;
  cursor: pointer;
  opacity: 0.7;
}
.flx-modal__body .skill-chip--removable i:hover {
  color: #D34747;
}
.flx-modal__body .skill-chip--removable:hover {
  filter: brightness(0.95);
}
.flx-modal__body .skill-chip--addable {
  border: none;
  cursor: pointer;
}
.flx-modal__body .skill-chip--addable i {
  font-size: 10px;
}
.flx-modal__body .skill-chip--addable:hover {
  filter: brightness(0.95);
}
.flx-modal__body .skill-library__create {
  margin-bottom: 10px;
}
.flx-modal__body .skill-library__create h3 {
  font-size: 12px;
  font-family: "Inter-Medium";
  margin: 0;
}
.flx-modal__body .skill-library__create p {
  font-size: 12px;
  color: #7C828D;
  margin: 2px 0 10px;
}
.flx-modal__body .skill-library__create-row,
.flx-modal__body .skill-library__row {
  display: flex;
  align-items: start;
  gap: 10px;
}
.flx-modal__body .skill-library__list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.flx-modal__body .skill-library__row {
  justify-content: space-between;
  padding: 10px 12px;
  border-radius: 6px;
  background: #FAFAFA;
}
.flx-modal__body .skill-library__row-actions {
  display: flex;
  gap: 8px;
}
.flx-modal__body .skill-library__row--editing {
  background: #FAFAFA;
}
.flx-modal__body .color-swatch {
  width: 32px;
  border-radius: 6px;
  flex-shrink: 0;
}
.flx-modal__body .schedule-job__auto-panel {
  background: #F9FAFB;
}
.flx-modal__body .schedule-job__radio-group {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin: 10px 0;
}
.flx-modal__body .schedule-job__days-input {
  width: 70px;
  text-align: center;
}
.flx-modal__body .schedule-job__assignment-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
}
.flx-modal__body .schedule-job__assign-card {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
  justify-content: space-around;
}
.flx-modal__body .schedule-job__assign-card i {
  font-size: 14px;
  color: #212529;
}
.flx-modal__body .schedule-job__assign-card span {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #12191D;
}
.flx-modal__body .schedule-job__assign-card:hover:not(.is-selected) {
  border-color: #c7d2fe;
}
.flx-modal__body .schedule-job__assign-card.is-selected {
  border-color: #6366F1;
  background: #EEF2FF;
}
.flx-modal__body .schedule-job__assign-card.is-selected i,
.flx-modal__body .schedule-job__assign-card.is-selected span {
  color: #6366F1;
}
.flx-modal__body .schedule-job__assign-card.is-disabled {
  opacity: 0.55;
  cursor: not-allowed;
}
.flx-modal__body .schedule-job__info-note {
  background: #F3F4F6;
  border-radius: 10px;
}
.flx-modal__body .schedule-job__info-note p {
  font-size: 12px;
  color: #565656;
}
.flx-modal__body .bulk-shift-import__step {
  margin-bottom: 1.25rem;
}
.flx-modal__body .bulk-shift-import__step:last-child {
  margin-bottom: 0;
}
.flx-modal__body .bulk-shift-import__step-label {
  font-size: 12px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #7C828D;
  margin-bottom: 10px;
}
.flx-modal__body .bulk-shift-import__hint {
  display: block;
  font-size: 12px;
  color: #7C828D;
  font-family: "Inter-Regular";
  margin-top: 8px;
}
.flx-modal__body .bulk-shift-import__hint.is-success {
  color: #027a48;
}
.flx-modal__body .bulk-shift-import__hint.is-partial {
  color: #b54708;
}
.flx-modal__body .bulk-shift-import__hint.is-failed {
  color: #b42318;
}
.flx-modal__body .bulk-shift-import__upload-row {
  display: flex;
  align-items: center;
  gap: 10px;
}
.flx-modal__body .bulk-shift-import__filename {
  display: flex;
  align-items: center;
  padding: 6px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
  background: #f9fafb;
  min-width: 220px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.flx-modal__body .bulk-shift-import__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
}
.flx-modal__body .bulk-shift-import__table-wrap {
  width: 100%;
  overflow-x: auto;
}
.flx-modal__body .bulk-shift-import__table {
  table-layout: fixed;
  min-width: 720px;
}
.flx-modal__body .bulk-shift-import__table th,
.flx-modal__body .bulk-shift-import__table td {
  vertical-align: middle;
}
.flx-modal__body .bulk-shift-import__table th:nth-child(1),
.flx-modal__body .bulk-shift-import__table td:nth-child(1) {
  width: 56px;
}
.flx-modal__body .bulk-shift-import__table th:nth-child(2),
.flx-modal__body .bulk-shift-import__table td:nth-child(2) {
  width: 26%;
}
.flx-modal__body .bulk-shift-import__table td:nth-child(2) {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.flx-modal__body .bulk-shift-import__table th:nth-child(3),
.flx-modal__body .bulk-shift-import__table td:nth-child(3),
.flx-modal__body .bulk-shift-import__table th:nth-child(4),
.flx-modal__body .bulk-shift-import__table td:nth-child(4),
.flx-modal__body .bulk-shift-import__table th:nth-child(5),
.flx-modal__body .bulk-shift-import__table td:nth-child(5) {
  width: 100px;
}
.flx-modal__body .bulk-shift-import__table th:nth-child(6),
.flx-modal__body .bulk-shift-import__table td:nth-child(6) {
  width: auto;
}
.flx-modal__body .bulk-shift-import__table .bulk-shift-import__cell-nowrap {
  white-space: nowrap;
}
.flx-modal__body .mp-su-demo-toggle {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  border: 1px dashed #d4d4d4;
  border-radius: 8px;
  background: #fafafa;
  font-size: 11px;
  color: #7C828D;
  margin-bottom: 10px;
}
.flx-modal__body .mp-su-demo-toggle button {
  border: 1px solid #e5e7eb;
  background: #fff;
  border-radius: 999px;
  padding: 3px 10px;
  font-size: 11px;
  font-family: "Inter-Medium";
  color: #7C828D;
  cursor: pointer;
}
.flx-modal__body .mp-su-demo-toggle button.is-active {
  border-color: #6366F1;
  color: #6366F1;
  background: #f0edff;
}
.flx-modal__body .mp-su-btn {
  border: 1px solid #e5e7eb;
  background: #fff;
  color: #12191D;
  border-radius: 8px;
  padding: 6px 16px;
  font-size: 13px;
  font-family: "Inter-SemiBold";
  cursor: pointer;
}
.flx-modal__body .mp-su-btn:hover {
  background: #f5f5f5;
}
.flx-modal__body .mp-su-btn--ghost {
  border-color: #6366F1;
  color: #6366F1;
  background: #fff;
}
.flx-modal__body .mp-su-btn--primary {
  border-color: #6366F1;
  background: #6366F1;
  color: #fff;
}
.flx-modal__body .mp-su-btn--primary:hover {
  opacity: 0.9;
  background: #6366F1;
}
.flx-modal__body .field-wrapper .mp-subpanel,
.flx-modal__body .mp-su-groups .mp-subpanel {
  margin-top: 0;
}
.flx-modal__body .mp-subpanel.mp-subpanel-su {
  margin-top: 10px;
}
.flx-modal__body .mp-subpanel.is-top-pick {
  border: 1px solid #6366F1;
}
.flx-modal__body .mp-su-top-row {
  align-items: stretch;
}
.flx-modal__body .mp-su-skills-row .status-chip {
  max-width: 100%;
}
.flx-modal__body .mp-su-skills-row .status-chip__text {
  white-space: normal;
  overflow-wrap: break-word;
  word-break: break-word;
}
.flx-modal__body .mp-su-user-row {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
.flx-modal__body .mp-su-user-row__head {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 1 1 200px;
  min-width: 0;
  align-self: center;
}
.flx-modal__body .mp-su-user-row > .status-field {
  flex: 0 0 140px;
}
.flx-modal__body .mp-su-user-row > .status-field + .status-field {
  margin-top: 0;
}
.flx-modal__body .mp-su-user-row > .status-field .field-title {
  font-size: 10px;
  font-family: "Inter-Medium";
  color: #7C828D;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
.flx-modal__body .mp-su-user-row > .status-field .field-label {
  font-size: 14px;
  font-family: "Inter-SemiBold";
  margin-bottom: 2px;
}
.flx-modal__body .mp-su-user-row > .status-field .hint {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #7C828D;
}
.flx-modal__body .mp-su-user-row__meta {
  flex: 0 0 96px;
  display: flex;
  justify-content: flex-end;
  align-self: center;
}
.flx-modal__body .mp-su-live-dot {
  width: 6px;
  height: 6px;
  flex-shrink: 0;
  border-radius: 50%;
  background: #22c55e;
}
.flx-modal__body .mp-su-live-dot--grey {
  background: #9ca3af;
}
.flx-modal__body .mp-su-rank {
  font-size: 12px;
  color: #7C828D;
  font-family: "Inter-SemiBold";
  width: 22px;
}
.flx-modal__body .mp-su-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.flx-modal__body .status-chip-row.mp-su-badge-row {
  margin-top: 0;
}
.flx-modal__body .mp-su-checks {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #f3f4f6;
}
.flx-modal__body .mp-su-check {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  color: #16a34a;
}
.flx-modal__body .mp-su-check i {
  font-size: 10px;
}
.flx-modal__body .mp-su-check.is-warn {
  color: #d97706;
}
.flx-modal__body .mp-su-details-toggle {
  margin-left: auto;
}
.flx-modal__body .mp-su-details-toggle i {
  font-size: 10px;
  margin-left: 4px;
}
.flx-modal__body .mp-su-timeline {
  margin-top: 10px;
}
.flx-modal__body .mp-su-timeline__track {
  position: relative;
  height: 32px;
  background: #f3f4f6;
  border-radius: 6px;
}
.flx-modal__body .mp-su-timeline__block {
  position: absolute;
  top: 0;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #7C828D;
  background: #e5e7eb;
  border-radius: 6px;
  overflow: hidden;
  white-space: nowrap;
}
.flx-modal__body .mp-su-timeline__block.is-new {
  background: #eef2ff;
  border: 1px dashed #6366F1;
  color: #6366F1;
  font-family: "Inter-Medium";
}
.flx-modal__body .mp-su-timeline__block.is-overlap {
  background: #fee2e2;
  border: 1px dashed #ef4444;
  color: #ef4444;
  font-family: "Inter-Medium";
}
.flx-modal__body .mp-su-timeline__axis {
  position: relative;
  height: 14px;
  margin-top: 4px;
  font-size: 10px;
  color: #7C828D;
}
.flx-modal__body .mp-su-timeline__axis span {
  position: absolute;
  top: 0;
  white-space: nowrap;
}
.flx-modal__body .note.mp-su-empty-note {
  align-items: center;
  justify-content: space-between;
  border-color: #f59e0b;
  background: #fffbeb;
  margin-top: 10px;
}
.flx-modal__body .note.mp-su-empty-note .icon {
  background: #fef3c7;
  border-right-color: #f59e0b;
}
.flx-modal__body .note.mp-su-empty-note .icon i {
  color: #b45309;
}
.flx-modal__body .note.mp-su-empty-note p {
  flex: 1;
  font-family: "Inter-SemiBold";
  color: #12191D;
}
.flx-modal__body .note.mp-su-empty-note .mp-su-btn {
  margin: 0 10px;
}
.flx-modal__body .mp-su-groups {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin: 10px 0;
}
.flx-modal__body .mp-su-group.is-active {
  border-color: #6366F1;
  background: #fff;
}
.flx-modal__body .mp-su-group.is-active .hint {
  font-family: "Inter-SemiBold";
  text-transform: uppercase;
  color: #6366F1;
}
.flx-modal__footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 14px 16px;
  border-top: 1px solid #e6e7ea;
}
.flx-modal__footer .btn {
  border-radius: 12px;
  font-size: 12px;
  padding: 5px 14px;
  border: 1px solid transparent;
  cursor: pointer;
}
.flx-modal__footer .btn-ghost {
  background: #fff;
  color: #6366F1;
  border-color: #6366F1;
}
.flx-modal__footer .btn-ghost:hover {
  background: #f1f4fc;
}
.flx-modal__footer .btn-primary {
  background: #6366F1;
  color: #fff;
}
.flx-modal__footer .btn-primary:hover {
  filter: brightness(0.95);
}
.flx-modal__footer .action {
  height: 30px;
  border-radius: 999px;
}
.flx-modal__footer-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 16px;
  border-top: 1px solid #e6e7ea;
}
.flx-modal__footer-between .apply {
  display: flex;
  align-items: center;
  gap: 8px;
}
.flx-modal__footer-between .triggers {
  display: flex;
  align-items: center;
  gap: 8px;
}
.flx-modal__footer-between .triggers .btn {
  border-radius: 12px;
  font-size: 12px;
  padding: 5px 14px;
  border: 1px solid transparent;
  cursor: pointer;
}
.flx-modal__footer-between .triggers .btn-ghost {
  background: #fff;
  color: #6366F1;
  border-color: #6366F1;
}
.flx-modal__footer-between .triggers .btn-ghost:hover {
  background: #f1f4fc;
}
.flx-modal__footer-between .triggers .btn-primary {
  background: #6366F1;
  color: #fff;
}
.flx-modal__footer-between .triggers .btn-primary:hover {
  filter: brightness(0.95);
}
.flx-modal__footer-between .triggers .action {
  height: 30px;
  border-radius: 999px;
}
@media (max-width: 480px) {
  .flx-modal {
    width: 100%;
    border-radius: 12px;
  }
  .flx-modal .flx-modal__body .field-row {
    grid-template-columns: 1fr;
  }
}
.icon-btn-back {
  border: 0;
  background: transparent;
  padding: 6px;
  border-radius: 8px;
  cursor: pointer;
}
.icon-btn-back:hover {
  color: #6366F1;
}
.status-pill {
  padding: 4px 10px;
  border: 1px solid #d1d5db;
  border-radius: 999px;
  font-size: 12px;
  color: #374151;
  background: #fff;
  white-space: nowrap;
}
.export-modal.preview-modal {
}
.export-modal.preview-modal .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: unset;
  padding-bottom: unset;
}
.export-modal.preview-modal .modal-header .export-modal-header h5 {
  margin: 0 0 3px;
  color: #12191D;
  font-family: "Inter-SemiBold";
  font-size: 14px;
}
.export-modal.preview-modal .modal-header .export-modal-header .sub {
  margin: 0;
  color: #64748b;
  font-family: "Inter-Regular";
  font-size: 12px;
}
.export-modal.preview-modal .modal-header .close {
  background: transparent;
  border: none;
  padding: 10px;
}
.export-modal.preview-modal .modal-body {
  padding-top: 8px;
}
.export-modal.preview-modal .modal-body .field-label {
  display: block;
  font-size: 12px;
  font-family: "Inter-Regular";
  margin-bottom: 8px;
}
.export-modal.preview-modal .modal-body .field-row {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 12px;
}
.export-modal.preview-modal .modal-body .field-row--auto {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 12px;
}
.export-modal.preview-modal .modal-body .field-row--single {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
.export-modal.preview-modal .modal-body .note {
  display: flex;
  gap: 5px;
  align-items: center;
  border-radius: 10px;
}
.export-modal.preview-modal .modal-body .note .icon {
  background: #F3F3F3;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 55px;
  height: 56px;
  border-right: 1px solid #bdbdbd;
  border-top-left-radius: 9px;
  border-bottom-left-radius: 9px;
}
.export-modal.preview-modal .modal-body .note p {
  margin: 0;
  font-size: 12px;
  color: #565656;
  padding: 0 5px;
}
.export-modal.preview-modal .modal-body .mp-inline-row-box {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  row-gap: 0.5rem;
  align-items: baseline;
  margin-bottom: 12px;
}
.export-modal.preview-modal .modal-body .mp-inline-row-box.no-flx {
  display: unset !important;
}
.export-modal.preview-modal .modal-body .mp-inline-row-box.who {
  align-items: center;
}
.export-modal.preview-modal .modal-body .mp-inline-row-box .field-label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
  flex: 0 0 auto;
  white-space: nowrap;
}
.export-modal.preview-modal .modal-body .mp-inline-row-box .control {
  flex: 1 1 380px;
  min-width: 380px;
  width: 100%;
}
.export-modal.preview-modal .modal-body .mp-inline-row-box .mp-error {
  font-size: 12px;
  color: #d33;
}
.export-modal.preview-modal .modal-body .mp-inline-row-box .who {
  font-size: 12px;
  color: #212529;
  font-family: "Inter-Regular";
  margin-bottom: unset;
}
.export-modal.preview-modal .modal-body .mp-inline-row-box .edit-chip {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #d4d4d4;
  background: #fff;
  cursor: pointer;
}
.export-modal.preview-modal .modal-body .mp-inline-row-box .edit-chip:hover {
  background: #c1c2f9;
}
.export-modal.preview-modal .modal-body .mp-inline-row-box .rmv-chip {
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  border: 1px solid #db0000;
  background: #db0000;
  color: white;
  cursor: pointer;
}
.export-modal.preview-modal .modal-body .mp-inline-row-box .rmv-chip:hover {
  background: #ac0000;
}
.export-modal.preview-modal .modal-body .mp-note {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 6px 10px;
  border: 1px solid #d9d9d9;
  border-radius: 999px;
  color: #282828;
  background: #ededfd;
  font-size: 12px;
  font-family: "Inter-Regular";
}
.export-modal.preview-modal .modal-body .mp-note-option {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 10px;
  border: 1px solid #d9d9d9;
  border-radius: 999px;
  color: #282828;
  background: #ededfd;
  font-size: 12px;
  font-family: "Inter-Regular";
  cursor: pointer;
}
.export-modal.preview-modal .modal-body .mp-note-option:hover {
  background: #dedefb;
}
.export-modal.preview-modal .modal-body .mp-note-option .is-selected {
  background: #dedefb;
}
.export-modal.preview-modal .modal-body .mp-plan-title-row {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 0.5rem;
}
.export-modal.preview-modal .modal-body .mp-plan-title-row .mp-plan-name {
  width: 380px;
  padding: 0.5rem 0.75rem 0 0;
  border: 0;
  border-bottom: 1px solid #ddd;
  background: #fff;
  font-family: "Inter-Medium";
  font-size: 20px;
}
.export-modal.preview-modal .modal-body .mp-plan-title-row .mp-plan-name:focus {
  outline: none;
  border-color: #6366F1;
  box-shadow: none;
}
.export-modal.preview-modal .modal-body .mp-plan-title-row .mp-plan-name-read-only {
  width: 380px;
  padding: 0.5rem 0.75rem;
  background: #fff;
  font-family: "Inter-Medium";
  font-size: 20px;
}
.export-modal.preview-modal .modal-body .mp-plan-title-row .mp-status-pill.draft {
  background: #eef2ff;
  color: #4657d3;
}
.export-modal.preview-modal .modal-body .mp-plan-title-row .mp-status-pill.active {
  background: rgba(76, 175, 80, 0.15);
  color: #00884b;
}
.export-modal.preview-modal .modal-body .mp-plan-title-row .sub {
  margin: 0;
  color: #12191D;
  font-family: "Inter-Regular";
  font-size: 12px;
  display: block;
  margin-top: 2px;
}
.export-modal.preview-modal .modal-body .mp-plan-title-row .mp-hint {
  font-size: 14px;
  font-family: "Inter-Regular";
  color: #444;
}
.export-modal.preview-modal .modal-body .mp-subpanel {
  border: 1px solid #d4d4d4;
  border-radius: 12px;
  background: #fff;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-header {
  padding: 0.75rem 1rem;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-title h3 {
  margin: 0;
  font-size: 15px;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-subhead-sub {
  margin: 10px 20px;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-subhead-sub .title {
  font-family: "Inter-SemiBold";
  color: #0b0b0b;
  font-size: 14px;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-subhead-sub .sub {
  font-size: 12px;
  color: #9ca3af;
  margin-top: 4px;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-subhead-sub .head-img {
  width: 37px;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-subhead-sub.mp-subhead--inline {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-sub-body {
  padding: 1.5rem;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-sub-body .mp-subhead {
  margin-bottom: 10px;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-sub-body .mp-subhead .title {
  font-family: "Inter-SemiBold";
  color: #0b0b0b;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-sub-body .mp-subhead .sub {
  font-size: 12px;
  color: #9ca3af;
  margin-top: 4px;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-sub-body .mp-duo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 18px;
  align-items: start;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-sub-body .mp-fieldline {
  display: grid;
  row-gap: 6px;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-sub-body .mp-fieldline label {
  font-size: 12px;
  letter-spacing: 0.02em;
  color: #6b7280;
  font-family: "Inter-Medium";
  text-transform: uppercase;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-sub-body .mp-ms.p-multiselect {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-sub-body .mp-ms.p-multiselect .p-multiselect-label {
  min-height: 40px;
  padding: 8px 10px;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-sub-body .mp-ms.p-multiselect .p-multiselect-token {
  border-radius: 999px;
  padding: 4px 8px;
  background: #eef2ff;
  color: #1f2937;
  margin: 2px 6px 2px 0;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-sub-body .mp-ms.p-multiselect .p-multiselect-trigger {
  color: #6b7280;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-body-two {
  padding: 0 1.5rem 1.5rem 1.5rem;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-body {
  padding: 1.5rem 2rem;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-body .mp-schedule-grid {
  display: grid;
  grid-template-columns: 1fr 0.1fr 1fr;
  gap: 20px;
  align-items: center;
  margin-top: 10px;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-body .mp-schedule-grid .mp-cycle {
  display: flex;
  align-items: center;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-body .mp-schedule-grid .mp-cycle .mp-cycle-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 84px;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid #16a34a;
  background: #ecfdf3;
  color: #166534;
  font-size: 12px;
  font-family: "Inter-Medium";
  white-space: nowrap;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-body .mp-schedule-grid .mp-cycle .mp-cycle-pill.mp-cycle-pill--empty {
  border-color: #C4C4C4;
  background: #F4F4F4;
  color: #7C7C7C;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-body .mp-schedule-grid .mp-template-empty {
  min-height: 44px;
  display: inline-flex;
  align-items: center;
  padding: 8px 12px;
  border-radius: 12px;
  font-size: 12px;
  color: #6b7280;
  font-family: "Inter-Medium";
  font-style: italic;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-body .mp-schedule-grid .mp-template-pill {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  min-height: 44px;
  padding: 8px 12px 8px 10px;
  border: 1px solid #ededfd;
  border-left: 12px solid #00884b;
  border-radius: 12px;
  background: #ededfd;
  color: #212529;
  font-size: 12px;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-body .mp-schedule-grid .mp-template-pill .text {
  font-family: "Inter-Regular";
  white-space: nowrap;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-body .mp-schedule-grid .mp-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #717171;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-body .mp-schedule-grid .mp-assigned-pill {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  border: 1px solid #ededfd;
  border-radius: 12px;
  background: #ededfd;
  color: #374151;
  font-size: 12px;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-body .mp-schedule-grid .mp-assigned-pill .icon {
  font-size: 14px;
  color: #6b7280;
  padding: 8px 12px;
  border-right: 1px solid #e5e7eb;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-body .mp-schedule-grid .mp-assigned-pill .text {
  padding: 8px 12px;
  font-family: "Inter-Regular";
  white-space: nowrap;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-body .mp-schedule-grid.mp-schedule-grid--with-cycle {
  grid-template-columns: 70px 1fr max-content 1fr;
  border-bottom: 1px solid #CACACA;
  padding-bottom: 10px;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-body .mp-readonly-grid .mp-field {
  display: flex;
  flex-direction: column;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-body .mp-readonly-grid .mp-field label {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #444;
  margin-bottom: 6px;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-body .mp-readonly-grid .mp-field .mp-pill,
.export-modal.preview-modal .modal-body .mp-subpanel .mp-body .mp-readonly-grid .mp-field .mp-plan-title-row .mp-status-pill,
.export-modal.preview-modal .modal-body .mp-plan-title-row .mp-subpanel .mp-body .mp-readonly-grid .mp-field .mp-status-pill {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 68px;
  min-height: var(--pill-min-h);
  border: 1px solid var(--line);
  border-radius: var(--pill-radius);
  background: var(--bg);
  padding: 12px 14px;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-body .mp-readonly-grid .mp-field .mp-pill__text {
  flex: 1 1 auto;
  min-width: 0;
  color: var(--ink);
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-body .mp-readonly-grid .mp-field .mp-pill__text .subtext {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-body .mp-readonly-grid .mp-field .mp-pill__text .subtext .muted {
  color: var(--muted);
  font-weight: 500;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-body .mp-readonly-grid .mp-field .mp-pill__btn {
  flex: 0 0 auto;
  inline-size: 32px;
  block-size: 32px;
  display: grid;
  place-items: center;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-body .mp-readonly-grid .mp-field .mp-pill__btn i {
  font-size: 14px;
  color: #374151;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-body .mp-readonly-grid .mp-field .mp-pill__btn:hover {
  background: #f3f4f6;
}
.export-modal.preview-modal .modal-body .mp-subpanel .mp-body .mp-readonly-grid .mp-field .mp-pill__btn:focus-visible {
  outline: 2px solid #94a3b8;
  outline-offset: 2px;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-filter-card {
  border-radius: 14px;
  border-color: #e5e7eb;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-filter-card .mp-filter-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  border-bottom: 1px solid #efefef;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-filter-card .mp-filter-head .filter-title {
  font-family: "Inter-SemiBold";
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-filter-card .mp-body-two {
  padding-top: 10px;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-filter-card .mp-body-two .mp-duo {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px 18px;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-filter-card .mp-body-two .mp-duo .mp-fieldline {
  display: grid;
  row-gap: 6px;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-filter-card .mp-body-two .mp-duo .mp-fieldline label {
  font-size: 12px;
  color: #282828;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-filter-card .mp-body-two .mp-duo + .mp-duo {
  margin-top: 10px;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-results-card {
  border: unset;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-results-card .mp-results-head {
  display: grid;
  grid-template-columns: 1fr max-content;
  align-items: center;
  padding: 10px 16px;
  border-bottom: 1px solid #efefef;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-results-card .mp-results-head .selall {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 13px;
  color: #6b7280;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-results-card .mp-body-two {
  padding: 0;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-results-card .mp-body-two .table-shell {
  overflow: hidden;
  background: #fff;
  height: 450px;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-results-card .mp-body-two .showing {
  margin-top: 8px;
  text-align: right;
  font-size: 13px;
  color: #6b7280;
  margin-right: 14px;
  padding-bottom: 6px;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-planlist-head {
  display: grid;
  grid-template-columns: 1fr max-content;
  align-items: center;
  padding: 8px 16px;
  border-bottom: 1px solid #efefef;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-planlist-head__left .title {
  font-family: "Inter-SemiBold";
  font-size: 14px;
  color: #0b0b0b;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-planlist-head__right {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-planlist-head__right .label {
  font-size: 12px;
  color: #6b7280;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-planlist-head__right ::ng-deep .p-inputswitch {
  transform: scale(0.9);
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two {
  padding: 0;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .mp-plan-list {
  display: grid;
  gap: 16px;
  padding-bottom: 12px;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .mp-plan-list--empty {
  justify-content: center;
  align-content: center;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .mp-plan-list--empty p {
  font-size: 13px;
  color: #6b7280;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .mp-plan-card {
  border-radius: 16px;
  background-color: #ffffff;
  border: 1px solid #e5e7eb;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.04);
  padding: 16px 20px 16px;
  display: grid;
  gap: 12px;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .mp-plan-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .mp-plan-card__title {
  margin: 0;
  font-size: 13px;
  font-family: "Inter-SemiBold";
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .mp-plan-card__header-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .mp-plan-card__body {
  display: grid;
  gap: 0;
  border-top: 1px solid #e5e7eb;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .status-pill {
  padding: 4px 10px;
  border-radius: 999px;
  font-size: 11px;
  background-color: #e5e7eb;
  color: #374151;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .status-pill--active {
  background-color: #d1fae5;
  color: #065f46;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .status-pill--inactive {
  background-color: #f3f4f6;
  color: #6b7280;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .mp-plan-row {
  border: 0;
  border-radius: 0;
  background-color: #ffffff;
  padding: 14px 0 16px;
  display: grid;
  gap: 8px;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .mp-plan-row--next {
  background-color: #ffffff;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .mp-plan-row + .mp-plan-row {
  border-top: 1px solid #f1f5f9;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .mp-plan-row__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .mp-plan-row__header .title {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .mp-plan-row__grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px 16px;
  align-items: center;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .mp-plan-row__cta {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .mp-plan-row__cta--next {
  grid-column: 1/-1;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .mp-plan-metric {
  display: flex;
  flex-direction: column;
  gap: 2px;
  font-size: 11px;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .mp-plan-metric .metric-label {
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #6c6c6c;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .mp-plan-metric .metric-value {
  font-size: 12px;
  color: #12191D;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .mp-plan-metric--status {
  align-items: flex-start;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .status-chip {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  border-radius: 999px;
  font-size: 11px;
  background-color: #e5e7eb;
  color: #374151;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .status-chip--completed {
  background-color: #dcfce7;
  color: #15803d;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .status-chip--pending {
  background-color: #fef3c7;
  color: #92400e;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .ghost-pill-btn {
  border-radius: 999px;
  border: 1px solid #d4d4d8;
  background-color: #ffffff;
  padding: 4px 12px;
  font-size: 12px;
  cursor: pointer;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .ghost-pill-btn:hover {
  background: #f4f4f5;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .ghost-pill-btn--secondary {
  border-color: #c7d2fe;
  background-color: #eef2ff;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .primary-pill-btn {
  border-radius: 999px;
  border: 0;
  background-color: #4f46e5;
  color: #ffffff;
  padding: 4px 14px;
  font-size: 12px;
  cursor: pointer;
}
.export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .primary-pill-btn:hover {
  background-color: #4338ca;
}
@media (max-width: 900px) {
  .export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .mp-plan-row__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-auto-rows: auto;
  }
  .export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .mp-plan-row__grid .mp-plan-row__cta,
  .export-modal.preview-modal .modal-body .mp-subpanel.mp-list-card .mp-body-two .mp-plan-row__grid .mp-plan-row__cta--next {
    grid-column: 1/-1;
    justify-content: flex-start;
  }
}
.export-modal.preview-modal .modal-body .mp-subpanel + .mp-subpanel {
  margin-top: 14px;
}
.export-modal.preview-modal .modal-body .mp-row + .mp-row {
  margin-top: 10px;
}
.export-modal.preview-modal .preview-card .table-scroll {
  max-height: 420px;
  overflow: auto;
  border-radius: 10px;
}
.export-modal.preview-modal .preview-card .table-scroll .p-datatable-tbody th,
.export-modal.preview-modal .preview-card .table-scroll .p-datatable-tbody td {
  padding: 14px 16px;
  font-size: 12px;
  color: #0b0b0b;
}
.export-modal.preview-modal .preview-card .table-scroll .p-datatable-tbody th {
  font-weight: 600;
}
.export-modal.preview-modal .preview-card .table-scroll .p-datatable-tbody thead th {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 2;
}
.export-modal.preview-modal .modal-footer {
  display: flex;
  align-items: center;
  gap: 12px;
}
.export-modal.preview-modal .modal-footer.justify-between {
  justify-content: space-between;
}
.export-modal.preview-modal .modal-footer .left-indicator {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.export-modal.preview-modal .modal-footer .left-indicator .ok-dot {
  width: 19px;
  height: 19px;
  border-radius: 999px;
  display: inline-block;
  background: #10b981;
  color: #fff;
  font-size: 12px;
  text-align: center;
  padding-top: 2px;
}
.export-modal.preview-modal .modal-footer .left-indicator .text {
  color: #12191D;
  font-size: 14px;
}
.export-modal.preview-modal .modal-footer .right-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 640px) {
  .export-modal.preview-modal .p-table th,
  .export-modal.preview-modal .p-table td {
    padding: 12px;
  }
}
.pdf-view-modal {
  background: #f5f5f5;
  z-index: 401;
  display: flex;
  transition: transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.pdf-view-header {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  background: #fff;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 16px;
  z-index: 10;
}
.pdf-view-header.cta {
  align-items: end;
  justify-content: end;
  background-color: transparent;
  border: 0;
}
.pdf-view-close-btn {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  color: #12191D;
  cursor: pointer;
  transition: all 0.2s ease;
}
.pdf-view-close-btn:hover {
  background: #f9fafb;
  border-color: #ced4da;
}
.pdf-view-close-btn i {
  font-size: 16px;
}
.pdf-view-title-section {
  display: flex;
  align-items: center;
  gap: 12px;
}
.pdf-view-title {
  font-size: 14px;
  font-family: "Inter-Medium";
  color: #12191D;
  margin: 0;
}
.pdf-view-subtitle {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
  margin: 0;
}
.pdf-view-content {
  display: flex;
  width: 100%;
  border-radius: 8px;
  overflow: hidden;
}
.pdf-view-content.pdf-only {
  flex-direction: column;
}
.pdf-view-content .pdf-view-left {
  flex: 1;
  overflow-y: auto;
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.pdf-view-content .pdf-view-left .pdf-preview-container {
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
  width: 100%;
  max-width: 800px;
}
.pdf-view-content .pdf-view-left .pdf-preview-container-only {
  width: 100%;
  padding: 0px 16px 24px;
}
.pdf-view-content .pdf-view-left .pdf-preview-container-only .pdf-preview-content {
  min-height: 700px;
  background-color: #fff;
  box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1);
}
.pdf-view-right {
  width: 290px;
  background: #fff;
  border-left: 1px solid #e5e7eb;
  overflow-y: auto;
  flex-shrink: 0;
}
.pdf-view-right .pdf-metadata-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  padding: 12px 16px;
  border-bottom: 1px solid #f0f0f0;
}
.pdf-view-right .pdf-metadata-header-content {
  display: flex;
  flex-direction: column;
}
.pdf-view-right .pdf-metadata-header-content .pdf-metadata-title {
  font-size: 14px;
  font-family: "Inter-Medium";
  color: #12191D;
  margin-bottom: unset;
}
.pdf-metadata-section {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 12px 16px;
  border-bottom: 1px solid #f0f0f0;
}
.pdf-metadata-section .pdf-metadata-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}
.pdf-metadata-section .pdf-metadata-row .pdf-metadata-label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
}
.pdf-metadata-section .pdf-metadata-row .pdf-metadata-value {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #12191D;
  text-align: right;
}
.pdf-view-actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.pdf-audit-section {
  padding: 12px 16px;
}
.pdf-audit-title {
  font-size: 14px;
  font-family: "Inter-Medium";
  color: #12191D;
  margin-bottom: unset;
}
.pdf-audit-subtitle {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
}
.pdf-audit-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.pdf-audit-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #f0f0f0;
}
.pdf-audit-icon {
  width: 36px;
  height: 36px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #e5e7eb;
  border-radius: 6px;
  border: 1px solid #e5e7eb;
  color: #12191D;
  flex-shrink: 0;
}
.pdf-audit-icon i {
  font-size: 14px;
}
.pdf-audit-content {
  min-width: 0;
}
.pdf-audit-email {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
}
.pdf-audit-email-none {
  color: #9ca3af;
}
.pdf-audit-time {
  font-size: 11px;
  font-family: "Inter-Regular";
  color: #7C828D;
  margin: 0;
}
.pdf-audit-version {
  display: inline-block;
  padding: 2px 8px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  font-size: 10px;
  font-family: "Inter-Medium";
  color: #12191D;
  margin-top: 4px;
}
.tech-color-palette-op.p-overlaypanel {
  border: 0 !important;
  border-radius: 12px !important;
  background: #2d2e30 !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28) !important;
  padding: 0 !important;
}
.tech-color-palette-op.p-overlaypanel .p-overlaypanel-content {
  padding: 12px !important;
}
.tech-color-palette-op.p-overlaypanel:before,
.tech-color-palette-op.p-overlaypanel:after {
  display: none !important;
}
.tech-color-palette {
  display: grid;
  grid-template-columns: repeat(6, 28px);
  gap: 10px;
  width: max-content;
}
.tech-color-palette__swatch,
.tech-color-palette__add {
  width: 23px;
  height: 23px;
  border-radius: 50%;
  border: 0;
  padding: 0;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}
.tech-color-palette__swatch {
  color: #111;
  font-size: 11px;
}
.tech-color-palette__swatch:hover {
  transform: scale(1.08);
}
.tech-color-palette__swatch.is-selected {
  box-shadow: 0 0 0 2px #fff;
}
.tech-color-palette__add {
  background: #3c4043;
  color: #fff;
  font-size: 12px;
}
.tech-color-palette__add:hover {
  background: #4a4e51;
  transform: scale(1.08);
}
.tech-color-palette__custom {
  display: flex;
  flex-direction: column;
  gap: 10px;
  min-width: 210px;
}
.tech-color-palette__back {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border: 0;
  background: transparent;
  color: #fff;
  font-size: 12px;
  cursor: pointer;
  padding: 0;
}
.tech-color-palette__back:hover {
  opacity: 0.85;
}
.tech-color-palette__save {
  align-self: stretch;
  border: 0;
  border-radius: 8px;
  background: #fff;
  color: #111;
  font-size: 12px;
  font-weight: 600;
  padding: 8px 10px;
  cursor: pointer;
}
.tech-color-palette__save:hover {
  background: #f3f4f6;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link,
.p-tabmenu .p-menuitem-link.p-menuitem-active {
  color: #6366F1 !important;
  background: #fff !important;
  border-color: #6366F1 !important;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
  outline: none;
  outline-offset: 0;
  box-shadow: none !important;
}
.custella-prog-tag {
  color: #fff;
  font-size: 10px;
  font-family: "Inter-Regular";
  border-radius: 2px;
}
.custella-prog-tag.prog-start {
  background: #00598c;
}
.custella-prog-tag.prog-risk {
  background: #ef7224;
}
.custella-prog-tag.prog-violate {
  background: #c55757;
}
.team-status {
  border-radius: 0.5rem;
  padding: 4px 12px;
  text-align: center;
}
.team-status.open {
  background: #D4F9FA;
}
.team-status.cancel {
  background: #FECFD4;
}
.team-status.leave {
  background: #EEC6FD;
}
.team-status.completed {
  background: #C6FDC6;
}
.team-status.in-progress {
  background: #FFE8B1;
}
.team-status.incomplete {
  background: #FAC672;
}
.team-status.pending {
  background: #EEE6E7;
}
.p-tag {
}
.p-tag.p-tag-open {
  background: #D4F9FA;
}
.p-tag.p-tag-cancel {
  background: #FECFD4;
}
.p-tag.p-tag-leave {
  background: #EEC6FD;
}
.p-tag.p-tag-completed {
  background: #C6FDC6;
}
.p-tag.p-tag-in-progress {
  background: #FFE8B1;
}
.p-tag.p-tag-incomplete {
  background: #FAC672;
}
.p-tag.p-tag-pending {
  background: #EEE6E7;
}
.p-tag.pending-survey {
  background-color: rgb(230, 230, 230);
  color: rgb(35, 39, 37);
}
.p-tag.collect {
  background-color: rgb(196, 255, 225);
  color: rgb(31, 68, 49);
}
.p-tag.p-tag-in-low {
  background: #6FBC60;
}
.p-tag.p-tag-medium {
  background: #E88901;
}
.p-tag.p-tag-high {
  background: #D34747;
}
.p-tag.import-new {
  background: rgba(120, 99, 241, 0.5);
  border-radius: 10px;
}
.p-tag.import-system-value {
  background: rgba(99, 241, 151, 0.5);
  border-radius: 10px;
}
.p-tag.import-ai-detect {
  background: rgba(66, 132, 239, 0.5);
  border-radius: 10px;
}
.p-tag {
}
.p-tag.p-tag-draft {
  background: #c4c8cb;
}
.p-tag.p-tag-dispatched {
  background: #dcabff;
}
.p-tag.p-tag-confirmed {
  background: #84c8f3;
}
.p-tag.p-tag-Inprogress {
  background: #fecd55;
}
.p-tag.p-tag-in-progress {
  background: #FFE8B1;
}
.p-tag.p-tag-incomplete {
  background: #FAC672;
}
.p-tag.p-tag-cancel {
  background: #FECFD4;
}
.p-tag.p-tag-completed {
  background: #C6FDC6;
}
.p-tag.p-checklist-tag-new {
  background: #C4E5EA;
}
.p-tag.p-checklist-tag-draft {
  background: #E4E4E4;
}
.p-tag.p-checklist-tag-completed {
  background: #C6FDC6;
}
.p-tag.p-checklist-tag-cancelled {
  background: #B83C08;
}
.p-tag {
}
.p-tag.active,
.p-tag.complete,
.p-tag.approve,
.p-tag.received {
  background-color: #aaf7bd !important;
}
.p-tag.pending,
.p-tag.maintenance,
.p-tag.enroute,
.p-tag.on-loan {
  background-color: #f7eb83 !important;
}
.p-tag.expire,
.p-tag.on-rent,
.p-tag.permanent,
.p-tag.under-repair,
.p-tag.sold,
.p-tag.written-off {
  background-color: #c9c9c9 !important;
}
.p-tag.terminate,
.p-tag.overdue,
.p-tag.rejected {
  background-color: rgba(255, 113, 108, 0.3137254902) !important;
}
.p-tag.draft,
.p-tag.inprogress,
.p-tag.applied,
.p-tag.depot,
.p-tag.new,
.p-tag.contract-new,
.p-tag.return,
.p-tag.spare,
.p-tag.used-machine {
  background-color: #9de7ff !important;
}
.p-tag.cancel,
.p-tag.incomplete,
.p-tag.cancelled {
  background-color: #ffa77f !important;
}
.p-tag.maintenance-two {
  background-color: #ce4343 !important;
}
.p-tag.jmp-submit {
  background-color: rgba(196, 200, 203, 0.3137254902) !important;
}
.p-tag.jmp-approve {
  background-color: rgba(26, 172, 32, 0.3137254902) !important;
}
.p-tag.jmp-def {
  background-color: rgba(219, 83, 131, 0.3137254902) !important;
}
.title-tag.p-tag {
  border-radius: 5px 0 0 5px !important;
}
.slider-tag.p-tag {
  border-radius: 4px 0 0 4px !important;
}
.beta-tag {
  font-size: 11px;
  text-transform: uppercase;
  font-family: "Inter-Bold";
  text-align: center;
  padding: 2px 10px;
  background: #c1c1f6;
  color: #5F63FF;
  border-radius: 9999px;
}
.deprecate-tag {
  font-size: 7px;
  text-transform: uppercase;
  font-family: "Inter-Bold";
  text-align: center;
  padding: 2px 10px;
  background: #FFF1CC;
  color: #9B5C01;
  border-radius: 9999px;
}
.skill-chips {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 16px;
}
.skill-chips .skill-chip {
  display: inline-flex;
  align-items: center;
  padding: 4px 12px;
  border-radius: 16px;
  gap: 4px;
  font-size: 12px;
  line-height: 1.4;
  max-width: 120px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.skill-chips .skill-chip--removable {
  border: none;
  cursor: pointer;
}
.skill-chips .skill-chip--removable i {
  font-size: 10px;
  cursor: pointer;
  opacity: 0.7;
}
.skill-chips .skill-chip--removable i:hover {
  color: #D34747;
}
.skill-chips .skill-chip--removable:hover {
  filter: brightness(0.95);
}
.skill-chips .skill-chip--addable {
  border: none;
  cursor: pointer;
}
.skill-chips .skill-chip--addable i {
  font-size: 10px;
}
.skill-chips .skill-chip--addable:hover {
  filter: brightness(0.95);
}
.skill-chips__toggle {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  border: 0;
  background: transparent;
  padding: 4px 2px;
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #6366F1;
  align-self: center;
}
.skill-chips__toggle:hover {
  color: rgb(136.44, 138.72, 244.36);
  cursor: pointer;
}
.mp-off-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 10px;
  border-radius: 999px;
  background: #F3F4F6;
  color: #7C828D;
  font-size: 11px;
  font-family: "Inter-Medium";
  white-space: nowrap;
}
.tooltip-big-width {
  width: 350px !important;
  height: 50px !important;
}
.p-tooltip .p-tooltip-text {
  background: #27373F !important;
  color: #fff !important;
  font-family: "Inter-Regular" !important;
  font-size: 10px;
}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
  border-right-color: transparent !important;
}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
  border-left-color: transparent !important;
}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
  border-top-color: transparent !important;
}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
  border-bottom-color: transparent !important;
}
.b-gridbase.b-outer {
  width: 100%;
}
.b-sch-style-border.b-sch-custom-color > .b-sch-event:not(.b-milestone) .b-sch-event-content {
  color: #000 !important;
}
.b-tooltip-content {
  background: transparent;
  padding: 0 !important;
}
.b-sch-event-tooltip .b-tooltip-content,
.b-eventtip .b-tooltip-content,
.b-cal-event-tip .b-tooltip-content,
.b-tooltip-content:has(.job-card) {
  color: #111827 !important;
}
.b-sch-schedule-tip,
.b-sch-scheduletip {
  background: #1f2937 !important;
  border: none !important;
  border-radius: 20px !important;
  padding: 8px 16px 8px 14px !important;
  overflow: visible !important;
  color: #fff !important;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
}
.b-sch-schedule-tip .b-tooltip-content,
.b-sch-schedule-tip .b-panel-content,
.b-sch-schedule-tip .b-panel-body,
.b-sch-scheduletip .b-tooltip-content,
.b-sch-scheduletip .b-panel-content,
.b-sch-scheduletip .b-panel-body {
  color: #fff !important;
  background: transparent !important;
  overflow: visible !important;
}
.b-sch-schedule-tip .b-clock-wrap,
.b-sch-schedule-tip .b-clock,
.b-sch-schedule-tip .b-sch-clock,
.b-sch-schedule-tip .b-sch-tip-clock,
.b-sch-scheduletip .b-clock-wrap,
.b-sch-scheduletip .b-clock,
.b-sch-scheduletip .b-sch-clock,
.b-sch-scheduletip .b-sch-tip-clock {
  flex-shrink: 0;
  overflow: visible !important;
}
.schedule-hover-tooltip {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 500;
  white-space: nowrap;
}
.schedule-hover-tooltip span,
.schedule-hover-tooltip i {
  color: inherit !important;
}
.schedule-hover-tooltip i {
  font-size: 14px;
  color: #93c5fd !important;
}
.b-tooltip:not(.b-sch-event-tooltip):not(.b-eventtip):not(.b-cal-event-tip):not(.b-sch-schedule-tip):not(.b-sch-scheduletip) .b-tooltip-content,
.b-tooltip:not(.b-sch-event-tooltip):not(.b-eventtip):not(.b-cal-event-tip):not(.b-sch-schedule-tip):not(.b-sch-scheduletip) .b-panel-content,
.b-tooltip:not(.b-sch-event-tooltip):not(.b-eventtip):not(.b-cal-event-tip):not(.b-sch-schedule-tip):not(.b-sch-scheduletip) .b-panel-body {
  color: #ffffff !important;
}
.taskMap .gm-ui-hover-effect {
  margin: 10px !important;
  position: absolute !important;
  right: -15px !important;
  top: -15px !important;
  bottom: 0 !important;
}
.taskMap .gm-style-iw-ch {
  padding-top: 0px !important;
  display: none !important;
}
.taskMap .gm-style-iw-d {
  width: 250px !important;
}
.icon-wrapper {
  position: relative;
  display: inline-block;
  height: 100%;
  cursor: pointer;
}
.icon-wrapper .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #EBF5FA;
}
.icon-wrapper .tooltip-content {
  position: absolute;
  top: 65px;
  left: 50%;
  transform: translateX(-50%);
  background-color: #EEF6FF;
  color: #1C4ED8;
  padding: 0.5rem 0.75rem;
  border-radius: 0.4rem;
  white-space: normal;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.2s ease;
  font-size: 0.75rem;
  z-index: 10;
  width: 520px;
  overflow: hidden;
}
.icon-wrapper:hover .tooltip-content {
  opacity: 1;
  pointer-events: auto;
}
.info-tooltip {
  position: relative;
  display: inline-flex;
  align-items: center;
  cursor: pointer;
  outline: none;
}
.info-tooltip .link {
  font-size: 12px;
  color: #6366F1;
  text-decoration: underline;
  text-underline-offset: 2px;
  font-family: "Inter-Medium";
  cursor: pointer;
}
.info-tooltip .link .link-icon {
  margin-left: 0.25rem;
}
.tooltip-panel {
  position: fixed;
  z-index: 1000;
  min-width: 390px;
  max-width: 480px;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.18s ease;
  font-size: 12px;
}
.tooltip-panel.is-open {
  opacity: 1;
  pointer-events: auto;
  -webkit-user-select: text;
  user-select: text;
}
.example-tooltip {
  display: flex;
  background: #f4f1ff;
  color: #2b2b33;
  border-radius: 10px;
  box-shadow: 0 0 0 1px rgba(128, 101, 255, 0.2);
  overflow: hidden;
}
.example-tooltip__side {
  background: #e0d6ff;
  padding: 1.25rem 1rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  border-right: 2px solid #c6b5ff;
}
.example-tooltip__side i {
  font-size: 12px;
}
.example-tooltip__content {
  padding: 1.25rem 1.5rem;
}
.example-tooltip__title {
  font-weight: 700;
  text-decoration: underline;
}
.example-tooltip__text {
  margin: 0.35rem 0 0.75rem;
}
.example-tooltip__list {
  margin: 0;
  padding-left: 1.2rem;
}
.example-tooltip__list li + li {
  margin-top: 0.25rem;
}
.example-tooltip__list li {
  font-size: 12px;
}
.status-tooltip {
  display: flex;
  background: #111;
  color: #f5f5f5;
  border-radius: 6px;
  padding: 1.15rem 1.25rem;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.4);
  max-width: 420px;
}
.status-tooltip__icon {
  margin-right: 0.75rem;
  margin-top: 0.15rem;
}
.status-tooltip__icon i {
  font-size: 12px;
}
.status-tooltip__content p {
  margin: 0 0 0.55rem;
  line-height: 1.4;
  font-size: 10px;
  font-family: "Inter-Regular";
}
.status-tooltip__content p:last-child {
  margin-bottom: 0;
}
.basic-tooltip {
  display: flex;
  align-items: center;
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.12);
  min-width: 320px;
}
.basic-tooltip__icon {
  width: 44px;
  min-width: 44px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.basic-tooltip__icon i {
  font-size: 12px;
}
.basic-tooltip__text {
  padding: 0.7rem;
  color: #555555;
  line-height: 1.4;
  border-left: 1px solid #D4D4D4;
  font-size: 11px;
}
.hover-preview {
  background: #0b0b0b;
  color: #fff;
  border-radius: 4px;
  padding: 8px 15px;
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.55);
  width: max-content;
}
.hover-preview__title {
  font-size: 12px;
  font-family: "Inter-SemiBold";
  margin-bottom: 5px;
}
.hover-preview__row {
  display: flex;
  gap: 6px;
  line-height: 1.6;
  font-size: 12px;
}
.hover-preview__row .k {
  font-family: "Inter-SemiBold";
  white-space: nowrap;
}
.hover-preview__row .v {
  font-family: "Inter-Regular";
  word-break: break-word;
}
.hover-preview__list {
  margin: 0;
  padding-left: 16px;
  list-style: disc;
}
.hover-preview__list li {
  line-height: 1.6;
  font-size: 12px;
  font-family: "Inter-Regular";
  list-style: disc;
}
.hover-preview__list li::marker {
  color: #fff;
}
.hover-preview__list li + li {
  margin-top: 2px;
}
.hover-preview__hint {
  margin-top: 10px;
  font-size: 10px;
  opacity: 0.85;
}
.job-card {
  width: 268px;
  max-width: 268px;
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  font-family: "Inter-Regular";
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
}
.job-card__header {
  background: #6366F1;
  padding: 12px;
}
.job-card__header-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.job-card__header-meta .type-name {
  font-size: 10px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.85);
}
.job-card__header__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 25px;
  height: 25px;
  border-radius: 4px;
  font-size: 14px;
}
.job-card__header__icon--gray {
  background: #7C828D;
  color: #7C828D;
}
.job-card__header__icon.fa-screwdriver-wrench-bgColor {
  background: #E3F2FD !important;
  color: rgb(36.6, 153.6, 239.4) !important;
}
.job-card__header__icon.fa-screwdriver-wrench-bgColor.border-thin {
  border: 1px solid rgb(36.6, 153.6, 239.4) !important;
}
.job-card__header__icon.fa-calendar-check-bgColor {
  background: #E8F5E9 !important;
  color: rgb(89.8181818182, 183.1818181818, 97) !important;
}
.job-card__header__icon.fa-calendar-check-bgColor.border-thin {
  border: 1px solid rgb(89.8181818182, 183.1818181818, 97) !important;
}
.job-card__header__icon.fa-wrench-bgColor {
  background: #FFF3E0 !important;
  color: rgb(255, 164.0322580645, 20) !important;
}
.job-card__header__icon.fa-wrench-bgColor.border-thin {
  border: 1px solid rgb(255, 164.0322580645, 20) !important;
}
.job-card__header__icon.fa-magnifying-glass-waveform-bgColor {
  background: #F3E5F5 !important;
  color: rgb(175, 81.6666666667, 188.3333333333) !important;
}
.job-card__header__icon.fa-magnifying-glass-waveform-bgColor.border-thin {
  border: 1px solid rgb(175, 81.6666666667, 188.3333333333) !important;
}
.job-card__header__icon.fa-truck-bgColor {
  background: #E0F7FA !important;
  color: rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.job-card__header__icon.fa-truck-bgColor.border-thin {
  border: 1px solid rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.job-card__header__icon.fa-arrow-rotate-left-bgColor {
  background: #FFFDE7 !important;
  color: #ffec1b !important;
}
.job-card__header__icon.fa-arrow-rotate-left-bgColor.border-thin {
  border: 1px solid #ffec1b !important;
}
.job-card__header__icon.fa-warehouse-bgColor {
  background: #F1F8E9 !important;
  color: rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.job-card__header__icon.fa-warehouse-bgColor.border-thin {
  border: 1px solid rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.job-card__header__icon.fa-bolt-bgColor {
  background: #FBE9E7 !important;
  color: rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.job-card__header__icon.fa-bolt-bgColor.border-thin {
  border: 1px solid rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.job-card__header__icon.fa-gauge-high-bgColor {
  background: #EDE7F6 !important;
  color: rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.job-card__header__icon.fa-gauge-high-bgColor.border-thin {
  border: 1px solid rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.job-card__header__icon.fa-arrow-up-bgColor {
  background: #F9FBE7 !important;
  color: rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.job-card__header__icon.fa-arrow-up-bgColor.border-thin {
  border: 1px solid rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.job-card__header__icon.fa-map-location-dot-bgColor {
  background: #E0F2F1 !important;
  color: rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.job-card__header__icon.fa-map-location-dot-bgColor.border-thin {
  border: 1px solid rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.job-card__header__icon.fa-clipboard-check-bgColor {
  background: #FCE4EC !important;
  color: rgb(231.6, 44.4, 106.8) !important;
}
.job-card__header__icon.fa-clipboard-check-bgColor.border-thin {
  border: 1px solid rgb(231.6, 44.4, 106.8) !important;
}
.job-card__header__icon.fa-triangle-exclamation-bgColor {
  background: #E8EAF6 !important;
  color: rgb(85.375, 100.125, 188.625) !important;
}
.job-card__header__icon.fa-triangle-exclamation-bgColor.border-thin {
  border: 1px solid rgb(85.375, 100.125, 188.625) !important;
}
.job-card__header__icon.fa-shield-halved-bgColor {
  background: #FFF8E1 !important;
  color: rgb(255, 200.4, 21) !important;
}
.job-card__header__icon.fa-shield-halved-bgColor.border-thin {
  border: 1px solid rgb(255, 200.4, 21) !important;
}
.job-card__header__icon.fa-person-bgColor {
  background: #E6EE9C !important;
  color: rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.job-card__header__icon.fa-person-bgColor.border-thin {
  border: 1px solid rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.job-card__header__icon.fa-screwdriver-wrench {
  color: rgb(36.6, 153.6, 239.4) !important;
}
.job-card__header__icon.fa-screwdriver-wrench.border-thin {
  border: 1px solid rgb(36.6, 153.6, 239.4) !important;
}
.job-card__header__icon.fa-calendar-check {
  color: rgb(89.8181818182, 183.1818181818, 97) !important;
}
.job-card__header__icon.fa-calendar-check.border-thin {
  border: 1px solid rgb(89.8181818182, 183.1818181818, 97) !important;
}
.job-card__header__icon.fa-wrench-bgColor {
  color: rgb(255, 164.0322580645, 20) !important;
}
.job-card__header__icon.fa-wrench-bgColor.border-thin {
  border: 1px solid rgb(255, 164.0322580645, 20) !important;
}
.job-card__header__icon.fa-magnifying-glass-waveform {
  color: rgb(175, 81.6666666667, 188.3333333333) !important;
}
.job-card__header__icon.fa-magnifying-glass-waveform.border-thin {
  border: 1px solid rgb(175, 81.6666666667, 188.3333333333) !important;
}
.job-card__header__icon.fa-truck {
  color: rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.job-card__header__icon.fa-truck.border-thin {
  border: 1px solid rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.job-card__header__icon.fa-arrow-rotate-left {
  color: #ffec1b !important;
}
.job-card__header__icon.fa-arrow-rotate-left.border-thin {
  border: 1px solid #ffec1b !important;
}
.job-card__header__icon.fa-warehouse {
  color: rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.job-card__header__icon.fa-warehouse.border-thin {
  border: 1px solid rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.job-card__header__icon.fa-bolt {
  color: rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.job-card__header__icon.fa-bolt.border-thin {
  border: 1px solid rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.job-card__header__icon.fa-gauge-high {
  color: rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.job-card__header__icon.fa-gauge-high.border-thin {
  border: 1px solid rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.job-card__header__icon.fa-arrow-up {
  color: rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.job-card__header__icon.fa-arrow-up.border-thin {
  border: 1px solid rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.job-card__header__icon.fa-map-location-dot {
  color: rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.job-card__header__icon.fa-map-location-dot.border-thin {
  border: 1px solid rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.job-card__header__icon.fa-clipboard-check {
  color: rgb(231.6, 44.4, 106.8) !important;
}
.job-card__header__icon.fa-clipboard-check.border-thin {
  border: 1px solid rgb(231.6, 44.4, 106.8) !important;
}
.job-card__header__icon.fa-triangle-exclamation {
  color: rgb(85.375, 100.125, 188.625) !important;
}
.job-card__header__icon.fa-triangle-exclamation.border-thin {
  border: 1px solid rgb(85.375, 100.125, 188.625) !important;
}
.job-card__header__icon.fa-shield-halved {
  color: rgb(255, 200.4, 21) !important;
}
.job-card__header__icon.fa-shield-halved.border-thin {
  border: 1px solid rgb(255, 200.4, 21) !important;
}
.job-card__header__icon.fa-person {
  color: rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.job-card__header__icon.fa-person.border-thin {
  border: 1px solid rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.job-card__header-info {
  display: grid;
  align-items: center;
  gap: 10px;
  grid-template-columns: 25px 1fr;
}
.job-card__header-info .jo-details {
  min-width: 0;
}
.job-card__header-info .jo-details .jo-number {
  font-size: 10px;
  color: #fff;
}
.job-card__header-info .jo-details .jo-name {
  font-size: 14px;
  color: #fff;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.job-card__section {
  padding: 10px;
  border-bottom: 0.5px solid #e5e7eb;
}
.job-card__section:last-child {
  border-bottom: none;
}
.job-card__section .section-label {
  font-size: 10px;
  font-family: "Inter-Medium";
  color: #7C828D;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}
.job-card__schedule {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.job-card__schedule .time-block {
  text-align: center;
}
.job-card__schedule .time-block .time {
  font-size: 14px;
  font-family: "Inter-Bold";
  color: #12191D;
}
.job-card__schedule .time-block .date {
  font-size: 10px;
  color: #7C828D;
}
.job-card__schedule .timeline {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  padding: 0 10px;
}
.job-card__schedule .timeline-duration {
  font-size: 10px;
  color: #7C828D;
}
.job-card__schedule .timeline-line {
  width: 100%;
  height: 1px;
  background: #e5e7eb;
  position: relative;
}
.job-card__schedule .timeline-line::after {
  content: "";
  position: absolute;
  right: -4px;
  top: -3px;
  width: 7px;
  height: 7px;
  border-top: 0.5px solid #e5e7eb;
  border-right: 0.5px solid #e5e7eb;
  transform: rotate(45deg);
}
.job-card__asset-grid {
  display: grid;
  grid-template-columns: 40px 1fr;
  gap: 6px 4px;
}
.job-card__asset-grid .label {
  font-size: 10px;
  color: #7C828D;
  text-align: right;
}
.job-card__asset-grid .value {
  font-size: 10px;
  font-weight: 500;
}
.job-card__asset-grid .address {
  font-size: 10px;
  color: #12191D;
  line-height: 1.5;
}
.p-calendar {
  width: 100% !important;
}
.p-calendar .p-datepicker {
  min-width: unset !important;
}
.planner-picker-overlay.p-overlaypanel .p-overlaypanel-content {
  padding: 0.5rem;
}
.planner-picker-overlay.p-overlaypanel .p-datepicker {
  min-width: 18rem !important;
  width: 18rem !important;
  border: none;
  box-shadow: none;
  padding: 0;
}
.planner-picker-overlay.p-overlaypanel .p-monthpicker .p-monthpicker-month {
  width: 33.3333% !important;
  display: inline-flex;
  box-sizing: border-box;
}
.planner-picker-overlay.p-overlaypanel .p-yearpicker .p-yearpicker-year {
  width: 50% !important;
  display: inline-flex;
  box-sizing: border-box;
}
.modal-open .p-datepicker:not(.p-datepicker-inline) {
  z-index: 1002 !important;
  min-width: unset !important;
}
#timeonly {
  width: 100% !important;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select option:hover {
  outline: none !important;
  border: 1px solid #6366F1 !important;
  border-radius: 3px;
}
.fc .fc-timegrid-slot {
  height: 2rem !important;
}
.loc-calendar .p-datepicker table thead tr {
  position: relative;
  left: 50px;
}
.p-message .p-message-wrapper {
  padding: 0.3rem 1rem !important;
}
.max-size .p-fileupload .p-messages {
  position: absolute;
  right: 21px;
  transform: translate(10px, 31px);
  z-index: 99;
}
.show-bot .chatbot {
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
  transition: all 0.3s ease;
}
.show-bot .toggle-bot i:first-child {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.show-bot .toggle-bot i:last-child {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.chatbot {
  position: fixed;
  right: 40px;
  bottom: 90px;
  width: 380px;
  background: #fff;
  overflow: hidden;
  border-radius: 10px;
  box-shadow:
    0px 2px 6px 0px rgba(0, 0, 0, 0.1215686275),
    0px 0px 2px 0px rgba(0, 0, 0, 0.0588235294),
    0px 4px 10px 0px rgba(0, 0, 0, 0.031372549);
  transform: scale(0.9);
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
}
.chatbot header {
  background: #6366F1;
  text-align: left;
  padding: 12px 18px;
  display: flex;
  gap: 6px;
}
.chatbot header h3 {
  color: #fff;
  font-size: 14px;
  margin-bottom: 0px;
}
.chatbot header i {
  color: #FFD43B;
}
.chatbot .chatbox {
  height: 275px;
  overflow-y: scroll;
  padding: 15px 0 50px 15px;
}
.chatbot .chatbox table {
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0;
}
.chatbot .chatbox table thead,
.chatbot .chatbox table tbody,
.chatbot .chatbox table tfoot,
.chatbot .chatbox table tr,
.chatbot .chatbox table td,
.chatbot .chatbox table th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
.chatbot .chatbox table tbody > tr > td {
  text-align: left;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  padding: 0.5rem 1rem;
}
.chatbot .chatbox table tbody tr {
  background: #ffffff;
  color: #495057;
  transition: box-shadow 0.2s;
  outline-color: #c1c2f9;
}
.chatbot .chatbox table th {
  text-align: left;
  padding: 0.5rem 1rem;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  font-weight: 600;
  color: #495057;
  background: #f8f9fa;
  transition: box-shadow 0.2s;
  font-size: 12px;
}
.chatbot .chatbox .chat {
  display: flex;
}
.chatbot .chatbox .chat .chat-message {
  font-family: "Inter-Regular";
  background: #6366F1;
  color: #fff;
  font-size: 12px;
  border-radius: 10px 10px 0 10px;
  padding: 14px;
  max-width: 78%;
}
.chatbot .chatbox .chat .chat-message p {
  font-family: "Inter-Regular";
  color: #212121;
}
.chatbot .chatbox .chat .chat-message b,
.chatbot .chatbox .chat .chat-message strong {
  font-weight: bold !important;
  color: #212121;
  font-family: "Inter-SemiBold";
  font-weight: 600 !important;
}
.chatbot .chatbox .chat.incoming .chat-message {
  background: #f2f2f2;
  color: #12191D;
  border-radius: 10px 10px 10px 0;
}
.chatbot .chatbox .chat.incoming i {
  height: 25px;
  width: 25px;
  color: #39a8c9;
  background: #12191D;
  border-radius: 50%;
  text-align: center;
  line-height: 29px;
  margin: 0px 10px 7px 0px;
  align-self: flex-end;
}
.chatbot .chatbox .chat.outgoing {
  justify-content: flex-end;
  margin: 15px 0;
}
.chatbot .chat-input {
  position: absolute;
  bottom: 0;
  border-top: 1px solid #ccc;
  width: 100%;
  background: #fff;
  padding: 5px 12px;
  display: flex;
  gap: 5px;
}
.chatbot .chat-input textarea {
  border: none;
  outline: none;
  font-size: 12px;
  resize: none;
  height: 55px;
  padding: 8px 15px 16px 8px;
}
.chatbot .chat-input textarea.chat-textarea {
  min-height: unset;
  height: 55px;
}
.chatbot .chat-input span {
  align-self: flex-end;
  height: 55px;
  line-height: 55px;
  cursor: pointer;
  color: #565656;
  font-size: 14px;
}
.chatbot .chat-input span:hover {
  color: #6366F1;
}
.toggle-bot {
  position: fixed;
  right: 40px;
  bottom: 30px;
  height: 50px;
  width: 50px;
  color: #39a8c9;
  background: #12191D;
  border-radius: 50%;
  border: none;
  outline: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.toggle-bot i {
  position: absolute;
}
.toggle-bot i:first-child {
  opacity: 1;
}
.toggle-bot i:last-child {
  opacity: 0;
}
.header .p-badge {
  background: #6366F1 !important;
  min-width: 0.75rem !important;
  height: 0.75rem !important;
  line-height: 0.75rem !important;
  font-size: 8px !important;
}
.message-index .p-badge {
  background: #FF8981 !important;
  min-width: 20px !important;
  height: 20px !important;
  font-size: 10px !important;
}
.p-overlay-badge .p-badge {
  top: 3px !important;
  right: 13px !important;
}
:host {
  display: block;
  box-sizing: border-box;
}
pre {
  text-align: center;
  padding: 8px;
}
.mat-list-item {
  margin: 2px 0;
  border: 1px solid gray;
}
.dndList {
  transition: all 300ms ease;
  padding: 8px;
  overflow-y: auto;
}
.dndDraggingSource {
  display: none;
}
.dndPlaceholder {
  background: #dbdbdb;
  border: 1px solid #c2c2c2;
  height: 62px;
  border-radius: 0.325rem;
  margin-top: 0.25rem;
}
.dndPlaceholderLeft {
  background-color: transparent;
}
.dndPlaceholderRight {
  min-height: 36px;
  border: 1px dashed green;
  background-color: #F1F1F1;
  margin-bottom: 8px;
}
pre {
  white-space: pre-wrap;
  word-wrap: break-word;
}
.custella-setup-body .chip-container {
  display: flex;
  gap: 6px;
}
.custella-setup-body .chip-container .display-chip .p-chip {
  background-color: #6366F1;
  border: 1px solid #6366F1;
  border-radius: 20px;
  padding: 0px 10px;
  cursor: pointer;
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #fff;
}
.custella-setup-body .chip-container .disabled-chip .p-chip {
  background-color: transparent;
  border: 1px solid #000;
  border-radius: 20px;
  padding: 0px 10px;
  cursor: pointer;
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #000;
}
.chip-container {
  display: flex;
  gap: 4px;
}
.chip-container .chip-smart-add .p-chip {
  background: #fff;
  font-family: "Inter-Regular";
  font-size: 11px;
  color: #6366F1;
  height: 19px;
  cursor: pointer;
  border: 1px solid #6366F1;
}
.chip-container .chip-smart-add .p-chip:hover {
  background: rgba(99, 102, 241, 0.0901960784) !important;
  color: #6366F1 !important;
}
.chip-container .chip-smart-discard .p-chip {
  background: #fff;
  font-family: "Inter-Regular";
  font-size: 11px;
  color: #12191D;
  height: 19px;
  cursor: pointer;
  border: 1px solid #12191D;
}
.chip-container .chip-smart-discard .p-chip:hover {
  background: #f0f0f0 !important;
  color: #12191D !important;
}
.chip-container .chip-smart-dark .p-chip {
  background: #324954;
  font-family: "Inter-Regular";
  font-size: 11px;
  color: #fff;
  height: 19px;
  cursor: pointer;
}
.chip-container .chip-smart-dark .p-chip:hover {
  background: #182124 !important;
  color: #fff !important;
}
.p-button-rounded .badge-number {
  background: #fff !important;
  color: #6366F1 !important;
  text-align: center;
  display: inline-block;
  font-weight: 900;
  font-family: "Inter-SemiBold";
  font-size: 0.75rem;
  padding: 0 0.5rem;
  min-width: 1rem;
  height: 1rem;
  border-radius: 10px;
}
.pill-container {
  padding: 1px;
}
.pill {
  display: inline-flex;
  align-items: center;
  background-color: #5865f2;
  border-radius: 9999px;
  padding: 6px 12px;
  color: #ffffff;
  font-size: 14px;
  font-weight: 500;
}
.pill-label {
  margin-right: 8px;
}
.pill-badge {
  background-color: #ffffff;
  color: #5865f2;
  font-size: 10px;
  font-weight: 600;
  padding: 2px 6px;
  border-radius: 9999px;
  margin-right: 8px;
}
.pill-close {
  cursor: pointer;
  font-size: 14px;
  line-height: 1;
}
.quickbook-tickmark {
  color: #2ca01c;
  font-size: 1.7em;
}
.learnmore-qb {
  background: none !important;
  text-decoration: underline !important;
}
[class*=ag-theme-] {
  --ag-range-selection-highlight-color: #0091ea !important;
  --ag-input-focus-border-color: a.$lightGrey5 !important;
}
[class*=ag-theme-] .ag-picker-field-wrapper {
  border-radius: 2px !important;
}
[class*=ag-theme-] .ag-rich-select-row-selected {
  background-color: rgb(192.6, 193.8, 249.4) !important;
}
[class*=ag-theme-] .ag-rich-select-row:hover,
[class*=ag-theme-] .ag-rich-select-row-highlighted {
  background-image:
    linear-gradient(
      135deg,
      rgba(99, 102, 241, 0.1254901961),
      rgba(99, 102, 241, 0.031372549));
}
.ag-paging-row-summary-panel .ag-paging-row-summary-panel-number {
  font-weight: 700 !important;
}
.custella-transp-button {
  background: none;
  border: 0;
}
.custella-ed-button {
  background: none;
  border: 0;
  color: #435861;
  width: 24px;
}
.custella-ed-button:hover {
  color: #6366F1;
}
.custella-ed-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.custella-ed-button:disabled i {
  cursor: not-allowed !important;
}
.custella-del-button {
  background: none;
  border: 0;
  color: #435861;
  width: 24px;
}
.custella-del-button:hover {
  color: #D34747;
}
.custella-del-button:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.custella-del-button:disabled i {
  cursor: not-allowed !important;
}
.ag-root-wrapper {
  border-left: 0 !important;
  border-right: 0 !important;
  border-bottom: solid 1px #E0E0E0 !important;
  border-top: solid 1px #E0E0E0 !important;
  --ag-header-background-color: rgb(255, 255, 255);
  border-radius: unset !important;
}
.ag-header-cell-text {
  color: #777777;
  font-family: "Inter-Medium";
  font-size: 12px;
}
.ag-cell {
  color: #212121;
  font-size: 12px;
  font-family: "Inter-Regular";
}
.ag-header {
  border-bottom: solid 2px #E0E0E0 !important;
}
.ag-header-icon.ag-header-cell-filter-button .ag-icon.ag-icon-filter {
  display: none !important;
}
:where(.ag-icon):before {
  color: #777777 !important;
  font-size: 16px !important;
}
:where(.ag-ltr) .ag-header-cell:after {
  height: 50% !important;
  width: 1px !important;
  background-color: rgba(189, 195, 199, 0.5019607843) !important;
  top: 25% !important;
}
.ag-row {
  border-bottom: 1px solid #d9dcde !important;
}
.table-action_::after {
  width: 0 !important;
}
.table_default_color {
  color: #6366F1;
  cursor: pointer;
}
.table_default_color-top {
  color: #6366F1;
  cursor: pointer;
}
.table_default_color-top p {
  line-height: unset;
}
.ag-record-row-summary-panel {
  color: #777777;
  font-size: 12px;
}
.ag-root-wrapper {
  height: 98%;
}
.ag-root-wrapper .hide-action-border::after {
  width: 0px !important;
}
.ag-root-wrapper .hide-action-border-left::after {
  width: 0px !important;
}
.not-found {
  width: 100%;
  height: 98%;
  position: absolute;
  background-color: #fff;
  margin: auto;
  top: 34px;
  z-index: 9;
  padding: 20vh;
}
.not-found span {
  transform: translateY(90px);
}
.not-found-task {
  width: 100%;
  height: 98%;
  position: absolute;
  background-color: #fff;
  margin: auto;
  top: unset !important;
  z-index: 9;
  padding: 20vh;
}
.not-found-task span {
  transform: translateY(90px);
}
.not-found-image {
  width: 100%;
  height: 98%;
  position: absolute;
  background-color: #fff;
  margin: auto;
  top: 18px;
  z-index: 9;
  padding: 2px;
}
.not-found-image span {
  transform: translateY(90px);
}
.not-found-image span img {
  display: block;
  margin: auto;
}
.not-found-image-asset {
  width: 100%;
  height: 98%;
  background-color: #fff;
  margin: auto;
  z-index: 9;
  padding: 2px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
}
.not-found-image-asset span {
  transform: unset;
}
.not-found-image-asset span img {
  display: block;
  margin: auto;
}
.hide-action-border .ag-header-cell-label {
  justify-content: center;
  padding-left: 12px;
}
.hide-action-border-left .ag-header-cell-label {
  justify-content: left;
}
.hide-action-border-right .ag-header-cell-label {
  justify-content: right;
}
.ag-root-wrapper .ag-popup {
  height: 0 !important;
}
.tix .p-datatable-thead tr th {
  background: #F1F1F1 !important;
}
.ag-overlay {
  background-color: #fff;
}
.ui-state-highlight {
  background: #f1f0f1 !important;
}
.check-list {
  cursor: pointer;
}
.check-list:hover {
  background: #f6f3f6 !important;
}
.table_default_color-top {
  color: #6366F1;
  cursor: pointer;
}
.table_default_color-top span p {
  line-height: unset;
  font-size: 12px;
}
.ag-cell-value p {
  line-height: unset;
}
.ag-center-cols-viewport {
  overflow-x: hidden !important;
}
:host ::ng-deep .ag-row--disabled {
  pointer-events: none;
  opacity: 0.5;
}
.color-box {
  width: 20px;
  height: 20px;
  margin: 5px;
  border-radius: 3px;
  vertical-align: middle;
}
.ag-root-wrapper .ag-icon::before,
.ag-root-wrapper .ag-icon-menu-alt::before {
  display: inline-block !important;
}
.ag-root-wrapper .ag-row-hover {
  background-color: #ECF0F1 !important;
}
.ag-root-wrapper .ag-row-even.ag-row-hover {
  background-color: #ECF0F1 !important;
}
.ag-root-wrapper .ag-row-odd.ag-row-hover {
  background-color: #ECF0F1 !important;
}
.ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within {
  border: unset !important;
  border-color: unset;
}
.tableHeaderToolTip {
  font-size: 12px !important;
}
.bulk-checkbox :where(.ag-icon):before {
  background-color: transparent !important;
}
.ag-cell-inline-editing {
  border-color: #6366F1 !important;
}
.ag-theme-balham .ag-filter-toolpanel-header,
.ag-theme-balham .ag-filter-toolpanel-search,
.ag-theme-balham .ag-status-bar,
.ag-theme-balham .ag-header-row,
.ag-theme-balham .ag-row-number-cell,
.ag-theme-balham .ag-multi-filter-group-title-bar,
.ag-theme-balham-dark .ag-filter-toolpanel-header,
.ag-theme-balham-dark .ag-filter-toolpanel-search,
.ag-theme-balham-dark .ag-status-bar,
.ag-theme-balham-dark .ag-header-row,
.ag-theme-balham-dark .ag-row-number-cell,
.ag-theme-balham-dark .ag-multi-filter-group-title-bar,
.ag-theme-balham-auto-dark .ag-filter-toolpanel-header,
.ag-theme-balham-auto-dark .ag-filter-toolpanel-search,
.ag-theme-balham-auto-dark .ag-status-bar,
.ag-theme-balham-auto-dark .ag-header-row,
.ag-theme-balham-auto-dark .ag-row-number-cell,
.ag-theme-balham-auto-dark .ag-multi-filter-group-title-bar {
  font-weight: normal !important;
}
.custella-bar .p-progressbar {
  border-radius: 2px !important;
  height: 1.4rem;
  margin-right: 1.5rem !important;
}
.custella-bar .p-progressbar .p-progressbar-value {
  background: #ef7224 !important;
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}
.custella-bar .p-progressbar-determinate .p-progressbar-label {
  text-align: start !important;
  font-size: 12px !important;
  font-family: "Inter-Regular" !important;
  font-weight: 500;
  color: #fff !important;
  padding-top: 0.25rem !important;
  padding-left: 1rem !important;
}
.custella-long-bar .p-progressbar {
  border-radius: 2px !important;
  margin-right: -5px !important;
}
.custella-long-bar .p-progressbar .p-progressbar-value {
  background: #ef7224 !important;
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}
.custella-long-bar .p-progressbar-determinate .p-progressbar-label {
  display: none !important;
  text-align: start !important;
  font-size: 10px !important;
  font-family: "Inter-Regular" !important;
  font-weight: 500;
  color: #fff !important;
  padding-left: 1rem !important;
}
.progress-circle {
  display: flex;
  flex-direction: column;
  position: relative;
  height: 180px;
  width: 180px;
  text-align: center;
}
.progress-circle div {
  position: absolute;
  height: 180px;
  width: 180px;
  border-radius: 50%;
}
.progress-circle .progress-circle-background {
  background: transparent;
}
.progress-circle .progress-circle-rotate {
  background: blueviolet;
  clip: rect(0 70px 200px 0);
  transition: transform 1000ms linear 0s;
  transform: rotate(360deg);
}
.progress-circle .progress-circle-right {
  background: #ef7224;
  clip: rect(0 109px 200px 0);
  transform: rotate(270deg);
}
.progress-circle .progress-circle-left {
  background: #ffd6bc;
  clip: rect(0 109px 200px 0);
  transform: rotate(90deg);
}
.progress-circle .progress-circle-title {
  position: absolute;
  height: 150px;
  width: 150px;
  top: 1.15rem;
  left: 13.5px;
  padding-top: 3.5rem;
  text-align: center;
  border-radius: 50%;
  background-color: #fff;
}
.custella-sla-progress .dropdown-menu.show {
  padding-top: 0 !important;
}
.storage-indicator .p-progressbar {
  height: 7px !important;
}
.storage-indicator .p-progressbar .p-progressbar-label {
  display: none !important;
}
.custella-upload .p-fileupload .p-fileupload-buttonbar {
  display: none !important;
}
.custella-upload .p-fileupload .p-fileupload-content {
  position: relative !important;
  display: block !important;
  justify-content: center !important;
  text-align: center !important;
  padding: 30px 30% !important;
  border: 1px dashed #EAEAEA !important;
  border-radius: 4px !important;
  width: 100% !important;
  height: 150px !important;
  background: #F5F5F5 !important;
  border-radius: 4px !important;
}
.p-fileupload .p-fileupload-buttonbar {
  height: 52px !important;
  padding: 0.75rem !important;
}
.p-fileupload .p-fileupload-content {
  padding: 1rem !important;
}
.upload .p-fileupload .p-fileupload-content.p-fileupload-highlight {
  background: #f0f0f0 !important;
}
.modal-upload .p-fileupload.p-fileupload-basic {
  display: flex !important;
  flex-direction: column-reverse !important;
}
.modal-upload .p-fileupload.p-fileupload-basic .p-messages {
  position: relative !important;
  left: 0 !important;
}
.modal-upload .p-fileupload.p-fileupload-basic .p-button {
  width: fit-content !important;
}
.modal-upload .p-fileupload.p-fileupload-basic .p-button.p-fileupload-choose {
  position: relative !important;
}
.upload-box {
  border: 2px dashed rgba(99, 102, 241, 0.6392156863);
  border-radius: 10px;
  padding: 20px;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.3s;
  position: absolute;
  top: 200px;
  left: 40%;
  display: flex;
  align-items: center;
  gap: 5px;
}
.upload-box-image {
  padding: 8px;
}
.upload-box-image img {
  width: 120px;
}
.upload-box-content {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.upload-box-content .text {
  font-size: 14px;
  color: #12191D;
  font-family: "Inter-Medium";
  margin-bottom: 0 !important;
}
.upload-box-content .subtext {
  font-size: 12px;
  color: rgba(99, 102, 241, 0.6392156863);
  font-family: "Inter-Regular";
  margin-bottom: 0 !important;
}
.upload-box-content .file-input {
  display: none;
}
.upload-box .dragover {
  border-color: #007bff;
}
.upload-box.dragging {
  background-color: #EBEBF0;
}
.app-table .table {
  height: calc(100% - 73px) !important;
}
.cust-so .table {
  height: calc(100% - 73px) !important;
}
.cust-jo .table {
  height: calc(100% - 73px) !important;
}
.cust-asset .table {
  height: calc(100% - 73px) !important;
}
.cust-contracts .table {
  height: calc(100% - 73px) !important;
}
.cust-site .table {
  height: calc(100% - 73px) !important;
}
.cust-projects .table {
  height: calc(100% - 73px) !important;
}
.cust-do .table {
  height: calc(100% - 73px) !important;
}
.site-tix .table {
  height: calc(100% - 73px) !important;
}
.asset-mntnc .table {
  height: calc(100% - 73px) !important;
}
.ag-theme-balham .ag-paging-panel {
  height: 38px !important;
}
.p-datatable > .p-datatable-wrapper.dropdown-outside {
  overflow: unset !important;
}
.empty-page-data {
  background: white;
  border-radius: 8px;
  border: 1px solid #ced4da;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
}
.empty-page-data .content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
}
.empty-page-data .content img {
  width: 180px;
}
.empty-page-data .content .records,
.empty-page-data .content .desc {
  margin-bottom: 0 !important;
  font-family: "Inter-Regular";
  font-size: 14px;
  color: #667085;
}
.empty-page-data .content .records-emp {
  margin-bottom: 0 !important;
  font-family: "Inter-SemiBold";
  font-size: 14px;
  color: #667085;
}
.empty-page-data .content .records-emp-double {
  margin-bottom: 0 !important;
  font-family: "Inter-SemiBold";
  font-size: 14px;
  color: #667085;
  white-space: break-spaces;
  max-width: 430px;
  text-align: center;
}
.empty-page-data.no-width {
  width: unset;
}
.empty-page-data.report {
  border-radius: unset;
  border: unset;
}
.empty-page-data.report .records {
  font-family: "Inter-SemiBold";
}
.job-planner-day .empty-page-data {
  border: unset !important;
}
.job-planner-day .empty-page-data .content {
  min-height: 0;
}
.job-planner-day .empty-page-data .content img {
  width: 180px;
  max-width: 100%;
  max-height: min(158px, 30vh);
  height: auto;
}
.parts-selector {
  display: flex;
  flex-direction: column;
  min-height: 0;
}
.parts-selector__header h2 {
  margin: 0 0 4px;
  font-size: 16px;
  font-family: "Inter-Medium";
  color: #12191D;
}
.parts-selector__header p {
  margin: 0;
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
}
.parts-selector__search .search-input {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
}
.parts-selector__search .search-input i {
  font-size: 14px;
  color: #9ca3af;
}
.parts-selector__search .search-input input {
  border: none;
  outline: none;
  flex: 1 1 auto;
  font-size: 13px;
  font-family: "Inter-Regular";
  color: #12191D;
  background: transparent;
}
.parts-selector__search .search-input input::placeholder {
  color: #9ca3af;
}
.parts-selector__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 4px;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  background: #FAFAFA;
  padding: 10px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  position: fixed;
  bottom: 10px;
  width: calc(100% - 189px);
}
.parts-selector__footer.setup {
  width: calc(100% - 409px);
}
.parts-selector__summary {
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #4b5563;
}
.parts-selector__summary strong {
  font-family: "Inter-SemiBold";
  color: #12191D;
}
.parts-selector .items-chip {
  padding: 5px 12px;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  background-color: #f9fafb;
  font-size: 11px;
  font-family: "Inter-Medium";
  color: #4b5563;
}
.parts-selector .summary-divider {
  width: 1px;
  height: 14px;
  background-color: #e5e7eb;
}
.parts-selector .parts-card {
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
  overflow: hidden;
  display: flex;
  flex-direction: column;
  flex-shrink: 0;
}
.parts-selector .parts-card__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  border-bottom: 1px solid #e5e7eb;
  background-color: #fafafa;
}
.parts-selector .parts-card__title {
  font-size: 13px;
  font-family: "Inter-Medium";
  color: #12191D;
}
.parts-selector .parts-card__body {
  padding: 0;
}
.parts-selector .parts-card--manual .parts-card__body {
  padding-top: 0;
}
.parts-selector .parts-card.is-collapsed .chevron-btn i {
  transform: rotate(-90deg);
}
.parts-selector .chevron-btn {
  inline-size: 28px;
  block-size: 28px;
  border-radius: 999px;
  border: none;
  background: transparent;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: background-color 120ms ease;
}
.parts-selector .chevron-btn i {
  font-size: 12px;
  color: #9ca3af;
  transition: transform 140ms ease;
}
.parts-selector .chevron-btn:hover {
  background-color: #f3f4f6;
}
.parts-selector .table-scroll {
  max-height: calc(100vh - 280px);
  overflow-y: auto;
  overflow-x: hidden;
}
.parts-selector .template-cards-scroll {
  min-height: 0;
  overflow-y: scroll;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: calc(100vh - 220px);
  padding-bottom: 25px;
}
.parts-selector .parts-table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: 12px;
}
.parts-selector .parts-table thead {
  background-color: #f9fafb;
  position: sticky;
  top: 0;
  z-index: 1;
}
.parts-selector .parts-table thead th {
  padding: 10px 10px;
  border-bottom: 1px solid #e5e7eb;
  font-size: 11px;
  font-family: "Inter-Medium";
  color: #7C828D;
  background-color: #f9fafb;
  text-align: left;
  white-space: nowrap;
}
.parts-selector .parts-table thead th.is-center {
  text-align: center;
}
.parts-selector .parts-table thead th.is-right {
  text-align: right;
}
.parts-selector .parts-table thead th.is-left {
  text-align: left;
}
.parts-selector .parts-table thead th:nth-child(1) {
  width: 55px;
}
.parts-selector .parts-table thead th:nth-child(2) {
  width: 100px;
}
.parts-selector .parts-table thead th:nth-child(3) {
  width: 150px;
}
.parts-selector .parts-table thead th:nth-child(4) {
  width: 105px;
}
.parts-selector .parts-table thead th:nth-child(5) {
  width: 100px;
}
.parts-selector .parts-table thead th:nth-child(6) {
  width: 12%;
}
.parts-selector .parts-table thead th:nth-child(7) {
  width: 100px;
}
.parts-selector .parts-table thead th:nth-child(8) {
  width: 100px;
}
.parts-selector .parts-table thead th:nth-child(9) {
  width: 55px;
}
.parts-selector .parts-table tbody tr {
  border-bottom: 1px solid #f3f4f6;
  transition: background-color 120ms ease;
}
.parts-selector .parts-table tbody tr:hover {
  background-color: #fafafa;
}
.parts-selector .parts-table tbody tr:last-child td {
  border-bottom: none;
}
.parts-selector .parts-table .parts-table__cell {
  padding: 10px 10px;
  font-family: "Inter-Regular";
  color: #12191D;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.parts-selector .parts-table .parts-table__cell--icon {
  padding-inline-start: 16px;
  text-align: center;
  width: 40px;
}
.parts-selector .parts-table .parts-table__cell--media {
  padding-inline-start: 16px;
  padding-inline-end: 8px;
  text-align: center;
}
.parts-selector .parts-table .parts-table__cell--name {
  max-width: 220px;
}
.parts-selector .parts-table .parts-table__cell--numeric {
  font-variant-numeric: tabular-nums;
  text-align: left;
}
.parts-selector .parts-table .parts-table__cell--center {
  text-align: center;
}
.parts-selector .parts-table .parts-table__cell--qty {
  text-align: center;
  min-width: 90px;
}
.parts-selector .parts-table .parts-table__cell--action {
  text-align: center;
  width: 42px;
}
.parts-selector .parts-table .col-collapsed {
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  opacity: 0;
}
.parts-selector .parts-table-none {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  table-layout: fixed;
  font-size: 12px;
}
.parts-selector .parts-table-none thead {
  background-color: #f9fafb;
  position: sticky;
  top: 0;
  z-index: 1;
}
.parts-selector .parts-table-none thead th {
  padding: 10px 10px;
  border-bottom: 1px solid #e5e7eb;
  font-size: 11px;
  font-family: "Inter-Medium";
  color: #7C828D;
  background-color: #f9fafb;
  text-align: left;
  white-space: nowrap;
}
.parts-selector .parts-table-none thead th.is-center {
  text-align: center;
}
.parts-selector .parts-table-none thead th.is-right {
  text-align: right;
}
.parts-selector .parts-table-none thead th.is-left {
  text-align: left;
}
.parts-selector .parts-table-none thead th:nth-child(1) {
  width: 55px;
}
.parts-selector .parts-table-none thead th:nth-child(2) {
  width: 100px;
}
.parts-selector .parts-table-none thead th:nth-child(3) {
  width: 150px;
}
.parts-selector .parts-table-none thead th:nth-child(4) {
  width: 105px;
}
.parts-selector .parts-table-none thead th:nth-child(5) {
  width: 100px;
}
.parts-selector .parts-table-none thead th:nth-child(6) {
  width: 15%;
}
.parts-selector .parts-table-none thead th:nth-child(7) {
  width: 55px;
}
.parts-selector .parts-table-none tbody tr {
  border-bottom: 1px solid #f3f4f6;
  transition: background-color 120ms ease;
}
.parts-selector .parts-table-none tbody tr:hover {
  background-color: #fafafa;
}
.parts-selector .parts-table-none tbody tr:last-child td {
  border-bottom: none;
}
.parts-selector .parts-table-none .parts-table__cell {
  padding: 10px 10px;
  font-family: "Inter-Regular";
  color: #12191D;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.parts-selector .parts-table-none .parts-table__cell--icon {
  padding-inline-start: 16px;
  text-align: center;
  width: 40px;
}
.parts-selector .parts-table-none .parts-table__cell--media {
  padding-inline-start: 16px;
  padding-inline-end: 8px;
  text-align: center;
}
.parts-selector .parts-table-none .parts-table__cell--name {
  max-width: 220px;
}
.parts-selector .parts-table-none .parts-table__cell--numeric {
  font-variant-numeric: tabular-nums;
  text-align: left;
}
.parts-selector .parts-table-none .parts-table__cell--center {
  text-align: center;
}
.parts-selector .parts-table-none .parts-table__cell--qty {
  text-align: center;
  min-width: 90px;
}
.parts-selector .parts-table-none .parts-table__cell--action {
  text-align: center;
  width: 42px;
}
.parts-selector .parts-table-none .col-collapsed {
  width: 0 !important;
  min-width: 0 !important;
  max-width: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  overflow: hidden !important;
  white-space: nowrap !important;
  opacity: 0;
}
.parts-selector .part-media {
  display: flex;
  justify-content: center;
  align-items: center;
}
.parts-selector .part-media__img {
  inline-size: 32px;
  block-size: 32px;
  object-fit: cover;
  background-color: #f9fafb;
}
.parts-selector .part-media__placeholder {
  inline-size: 32px;
  block-size: 32px;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  background-color: #f9fafb;
  display: grid;
  place-items: center;
}
.parts-selector .part-media__placeholder i {
  font-size: 14px;
  color: #4b5563;
}
.parts-selector .part-icon {
  inline-size: 32px;
  block-size: 32px;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  background-color: #f9fafb;
  display: grid;
  place-items: center;
  margin-inline: auto;
}
.parts-selector .part-icon i {
  font-size: 14px;
  color: #4b5563;
}
.parts-selector .link-text {
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  cursor: pointer;
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #6366F1;
  text-decoration: none;
}
.parts-selector .link-text:hover {
  text-decoration: underline;
}
.parts-selector .qty-view {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.parts-selector .qty-view span {
  min-width: 24px;
  text-align: center;
}
.parts-selector .qty-edit-btn {
  inline-size: 22px;
  block-size: 22px;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.parts-selector .qty-edit-btn i {
  font-size: 11px;
  color: #7C828D;
}
.parts-selector .qty-edit-btn:hover {
  background-color: #f3f4f6;
}
.parts-selector .qty-editing {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.parts-selector .qty-editing input {
  width: 44px;
  padding: 4px 6px;
  border-radius: 6px;
  border: 1px solid #d1d5db;
  font-size: 12px;
  font-family: "Inter-Regular";
  text-align: center;
}
.parts-selector .qty-editing input:focus-visible {
  outline: 2px solid #bfdbfe;
  outline-offset: 1px;
  border-color: #6366F1;
}
.parts-selector .qty-apply-btn {
  inline-size: 24px;
  block-size: 24px;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  background-color: #ffffff;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.parts-selector .qty-apply-btn i {
  font-size: 12px;
  color: #16a34a;
}
.parts-selector .qty-apply-btn:hover {
  background-color: #ecfdf3;
  border-color: #bbf7d0;
}
.parts-selector .pill-btn {
  height: 30px;
  padding: 0 14px;
  border-radius: 999px;
  border: 1px solid #d1d5db;
  background-color: #ffffff;
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #374151;
  cursor: pointer;
  white-space: nowrap;
}
.parts-selector .pill-btn:hover {
  background-color: #f3f4f6;
}
.parts-selector .pill-btn--primary {
  border-color: transparent;
  background-color: #6366F1;
  color: #ffffff;
}
.parts-selector .pill-btn--primary:hover {
  background: #4447ee !important;
  border: 1px solid #4447ee !important;
  color: #fff !important;
}
.parts-selector .icon-btn {
  inline-size: 30px;
  block-size: 30px;
  border-radius: 999px;
  border: none;
  background: transparent;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.parts-selector .icon-btn i {
  font-size: 14px;
}
.parts-selector .icon-btn--danger i {
  color: #f97373;
}
.parts-selector .icon-btn--danger:hover {
  background-color: #fee2e2;
}
.parts-selector .icon-btn--danger:hover i {
  color: #b91c1c;
}
@media (max-width: 768px) {
  .parts-selector .table-scroll {
    overflow-x: auto;
  }
  .parts-selector .table-scroll .parts-table {
    min-width: 800px;
  }
}
.fx-inline-table {
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  font-family: "Inter-Regular";
  margin-top: 10px;
}
.fx-inline-table__toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 16px;
  border-bottom: 1px solid #e5e7eb;
  gap: 12px;
  flex-wrap: wrap;
}
.fx-inline-table__title {
  font-family: "Inter-Medium";
  font-size: 12px;
  color: #12191D;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
.fx-inline-table__toolbar-right {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}
.fx-inline-table__search {
  position: relative;
  display: flex;
  align-items: center;
}
.fx-inline-table__search i {
  position: absolute;
  left: 10px;
  font-size: 12px;
  color: #7C828D;
  pointer-events: none;
}
.fx-inline-table__search input {
  height: 30px;
  padding: 0 12px 0 30px;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
  background: #fff;
  outline: none;
  width: 180px;
  transition: border-color 0.15s ease;
}
.fx-inline-table__search input::placeholder {
  color: #7C828D;
}
.fx-inline-table__search input:focus {
  border-color: #6366F1;
}
.fx-inline-table__filters {
  display: flex;
  align-items: center;
  gap: 6px;
}
.fx-filter-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 3px 12px;
  border-radius: 999px;
  border: 1px solid #e5e7eb;
  background: #f3f4f6;
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #212529;
  cursor: pointer;
  transition: background 0.15s ease, border-color 0.15s ease;
  white-space: nowrap;
}
.fx-filter-pill:hover:not(.fx-filter-pill--active) {
  background: #e5e7eb;
}
.fx-filter-pill--active {
  background: #e0dbf7;
  border-color: #c7c0f0;
  color: #4a3fa0;
  font-family: "Inter-Medium";
}
.fx-filter-pill__count {
  font-family: "Inter-Medium";
  font-size: 11px;
}
.fx-inline-table .p-datatable .p-datatable-thead > tr > th {
  background: transparent;
  border-bottom: 1px solid #e5e7eb;
  padding: 8px 10px;
  font-size: 11px;
  font-family: "Inter-Regular";
  color: #7C828D;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
.fx-inline-table .p-datatable .p-datatable-tbody > tr {
  background: transparent;
  border-bottom: 1px solid #f3f4f6;
  transition: background 0.12s ease;
}
.fx-inline-table .p-datatable .p-datatable-tbody > tr:hover {
  background: #fafafa;
}
.fx-inline-table .p-datatable .p-datatable-tbody > tr > td {
  padding: 8px 10px;
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
  border: none;
}
.fx-inline-table .p-datatable .p-datatable-tbody > tr > td .link {
  color: #6366F1;
}
.fx-inline-table .p-datatable .p-datatable-tbody > tr > td .link:hover {
  cursor: pointer;
  color: rgb(52.2, 56.1, 236.8);
}
.fx-inline-table .p-datatable .p-datatable-tbody > tr > td .closed {
  color: #9E9E9E;
}
.fx-inline-table .fx-action-text {
  color: #7C828D !important;
  font-size: 12px;
}
.fx-inline-table .fx-pill {
  display: inline-flex;
  align-items: center;
  padding: 1px 14px;
  border-radius: 999px;
  font-size: 12px;
  font-family: "Inter-Regular";
  white-space: nowrap;
  width: fit-content;
}
.fx-inline-table .fx-pill--purple {
  background: #e0dbf7;
  color: #4a3fa0;
}
.fx-inline-table .fx-pill--green {
  background: #d4f5e2;
  color: #1a6e3c;
}
.fx-inline-table .fx-pill--red {
  background: #FFCBCB;
  color: #E0435D;
}
.fx-inline-table .fx-pill--grey {
  background: #ebebeb;
  color: #212529;
}
.fx-inline-table__footer {
  padding: 8px 16px;
}
.fx-inline-table__footer .record-count {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
}
.fx-inline-table__footer .show-rows {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #6366F1;
  cursor: pointer;
}
.fx-inline-table__footer .show-rows:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.mp-status-table {
  width: 100%;
  margin-top: 4px;
  font-size: 12px;
}
.mp-status-table .p-datatable-scrollable-header {
  background: #fff;
}
.mp-status-table .p-datatable-thead > tr > th {
  font-size: 11px !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  font-family: "Inter-SemiBold";
  color: #7C828D !important;
  padding: 8px 12px !important;
  border-bottom: 1px solid #e5e7eb !important;
  position: sticky;
  top: 0;
  z-index: 1;
  background: #fff;
}
.mp-status-table .p-datatable-tbody > tr > td {
  padding: 8px 12px;
  border: 0;
  border-top: 1px solid #f3f4f6;
  vertical-align: middle;
  color: #12191D;
  font-family: "Inter-Regular";
  font-size: 12px;
  word-break: break-all;
}
.mp-status-table .mp-status-group-row td {
  padding: 10px 12px 4px;
  background: #f9fafb;
  border-top: 1px solid #e5e7eb;
}
.mp-status-table .mp-status-group {
  display: flex;
  flex-direction: row;
  align-items: baseline;
  gap: 12px;
}
.mp-status-table .mp-status-group__label {
  font-family: "Inter-SemiBold";
  color: #12191D;
  font-size: 13px;
}
.mp-status-table .mp-status-group__desc {
  font-size: 12px;
  color: #7C828D;
  font-family: "Inter-Regular";
}
.mp-status-table .status-color {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.mp-status-table .status-color__hex {
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #12191D;
}
.mp-status-table .col-center {
  text-align: center;
}
.mp-status-table .col-action {
  width: 95px;
  text-align: right;
}
.mp-status-table .status-icon-btn {
  border-radius: 999px;
  width: 30px;
  height: 30px;
  padding: 0;
  margin-left: 4px;
  border: none;
  background: #fff;
}
.mp-status-table .status-icon-btn i {
  font-size: 14px;
  color: #7C828D;
}
.mp-status-table .status-icon-btn.danger i {
  color: #dc2626;
}
.mp-status-table .status-icon-btn:hover {
  background: #f5f5f5;
}
.mp-status-table .col-checkbox {
  width: 40px;
  text-align: center;
}
.mp-status-table tr.has-overlap {
  background: #fef2f2 !important;
}
.mp-status-table tr.has-overlap td {
  color: #991b1b !important;
}
.mp-status-table tr.has-overlap:hover {
  background: #fecaca;
}
.mp-status-table .status-user.is-locked {
  color: #7C828D;
}
.mp-status-table .status-shift-type {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.mp-status-table .status-icon-lock {
  font-size: 12px;
  color: #7C828D;
}
.mp-status-table .status-icon-warning {
  font-size: 12px;
  color: #dc2626;
}
.mp-status-table .status-pill-long {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 12px;
  font-family: "Inter-SemiBold";
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  gap: 4px;
}
.mp-status-table .status-pill-long.is-group {
  background: #eef2ff;
  color: #4338ca;
}
.mp-status-table .status-pill-long.is-individual {
  background: #f9fafb;
  color: #7C828D;
}
.mp-status-table .status-pill-long.is-active {
  background: #ecfdf5;
  color: #059669;
}
.mp-status-table .status-pill-long.is-inactive {
  background: #f9fafb;
  color: #7C828D;
}
.mp-status-table .status-pill-long.is-leave-upcoming {
  background: #fffbeb;
  color: #b45309;
}
.mp-status-table .status-pill-long.is-leave-active {
  background: #fef2f2;
  color: #dc2626;
}
.mp-status-table .status-pill-long.is-leave-none {
  background: #f9fafb;
  color: #7C828D;
}
.b-bryntum .b-icon-tree-collapse:before {
  content: "\f107" !important;
}
.b-gridbase.b-grid-translate .b-grid-row,
.b-gridbase.b-grid-translate3d .b-grid-row {
  min-height: 40px;
}
.b-gridbase .b-timeline-subgrid .b-grid-row.b-selected:not(.b-group-row) {
  min-height: 40px;
}
.b-sch-event-wrap:not(.b-milestone-wrap) {
  height: 32px;
}
.viewRoute {
  position: absolute;
  right: 10px;
}
.b-tree-cell-value,
.b-sch-header-row:last-child .b-sch-header-timeaxis-cell {
  font-size: 13px;
}
.b-sch-style-rounded-1 .b-sch-dirty-new {
  background: #324955;
  border-radius: 7px;
}
.b-sch-style-rounded-2 .b-sch-dirty-new {
  background: #cb5859;
  border-radius: 7px;
}
.b-panel .b-panel-body-wrap {
  background: transparent !important;
}
.b-panel.b-html .b-panel-content {
  margin: 0 !important;
  padding: 0 !important;
}
.b-sch-style-taskBufferStart {
  border-top: 2px dashed rgb(99, 102, 241);
  border-left: 2px dashed rgb(99, 102, 241);
  border-bottom: 2px dashed rgb(99, 102, 241);
  border-radius: 3px;
  font-size: 10px;
  color: white;
  width: fit-content;
}
.b-sch-style-taskBufferStart .b-sch-event {
  background: none;
}
.b-sch-style-taskBufferStart .b-sch-event .b-sch-event-content {
  font-size: 12px;
  color: rgb(99, 102, 241);
  font-weight: bold;
}
.b-sch-style-taskBufferEnd {
  border-top: 2px dashed rgb(99, 102, 241);
  border-right: 2px dashed rgb(99, 102, 241);
  border-bottom: 2px dashed rgb(99, 102, 241);
  border-radius: 3px;
  font-size: 10px;
  color: white;
  width: fit-content;
}
.b-sch-style-taskBufferEnd .b-sch-event {
  background: none;
}
.b-sch-style-taskBufferEnd .b-sch-event .b-sch-event-content {
  font-size: 12px;
  color: rgb(99, 102, 241);
  font-weight: bold;
}
.b-sch-style-taskBufferStartNext {
  border-top: 2px dashed #000000;
  border-left: 2px dashed #000000;
  border-bottom: 2px dashed #000000;
  border-radius: 3px;
  font-size: 10px;
  color: white;
  width: fit-content;
}
.b-sch-style-taskBufferStartNext .b-sch-event {
  background: none;
}
.b-sch-style-taskBufferStartNext .b-sch-event .b-sch-event-content {
  font-size: 12px;
  color: rgb(99, 102, 241);
  font-weight: bold;
}
.b-sch-header-row.b-sticky-header .b-sch-header-text {
  font-size: 12px;
}
.b-sch-header-time-axis-cell .b-sch-header-text {
  font-size: 12px;
}
.b-sch-style-taskBufferEndNext {
  border-top: 2px dashed #000000;
  border-right: 2px dashed #000000;
  border-bottom: 2px dashed #000000;
  border-radius: 3px;
  font-size: 10px;
  color: white;
  width: fit-content;
}
.b-sch-style-taskBufferEndNext .b-sch-event {
  background: none;
}
.b-sch-style-taskBufferEndNext .b-sch-event .b-sch-event-content {
  font-size: 12px;
  color: rgb(99, 102, 241);
  font-weight: bold;
}
.b-sch-event.fa-screwdriver-wrench-bgColor {
  background: #E3F2FD !important;
  color: rgb(36.6, 153.6, 239.4) !important;
}
.b-sch-event.fa-screwdriver-wrench-bgColor.border-thin {
  border: 1px solid rgb(36.6, 153.6, 239.4) !important;
}
.b-sch-event.fa-calendar-check-bgColor {
  background: #E8F5E9 !important;
  color: rgb(89.8181818182, 183.1818181818, 97) !important;
}
.b-sch-event.fa-calendar-check-bgColor.border-thin {
  border: 1px solid rgb(89.8181818182, 183.1818181818, 97) !important;
}
.b-sch-event.fa-wrench-bgColor {
  background: #FFF3E0 !important;
  color: rgb(255, 164.0322580645, 20) !important;
}
.b-sch-event.fa-wrench-bgColor.border-thin {
  border: 1px solid rgb(255, 164.0322580645, 20) !important;
}
.b-sch-event.fa-magnifying-glass-waveform-bgColor {
  background: #F3E5F5 !important;
  color: rgb(175, 81.6666666667, 188.3333333333) !important;
}
.b-sch-event.fa-magnifying-glass-waveform-bgColor.border-thin {
  border: 1px solid rgb(175, 81.6666666667, 188.3333333333) !important;
}
.b-sch-event.fa-truck-bgColor {
  background: #E0F7FA !important;
  color: rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.b-sch-event.fa-truck-bgColor.border-thin {
  border: 1px solid rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.b-sch-event.fa-arrow-rotate-left-bgColor {
  background: #FFFDE7 !important;
  color: #ffec1b !important;
}
.b-sch-event.fa-arrow-rotate-left-bgColor.border-thin {
  border: 1px solid #ffec1b !important;
}
.b-sch-event.fa-warehouse-bgColor {
  background: #F1F8E9 !important;
  color: rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.b-sch-event.fa-warehouse-bgColor.border-thin {
  border: 1px solid rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.b-sch-event.fa-bolt-bgColor {
  background: #FBE9E7 !important;
  color: rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.b-sch-event.fa-bolt-bgColor.border-thin {
  border: 1px solid rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.b-sch-event.fa-gauge-high-bgColor {
  background: #EDE7F6 !important;
  color: rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.b-sch-event.fa-gauge-high-bgColor.border-thin {
  border: 1px solid rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.b-sch-event.fa-arrow-up-bgColor {
  background: #F9FBE7 !important;
  color: rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.b-sch-event.fa-arrow-up-bgColor.border-thin {
  border: 1px solid rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.b-sch-event.fa-map-location-dot-bgColor {
  background: #E0F2F1 !important;
  color: rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.b-sch-event.fa-map-location-dot-bgColor.border-thin {
  border: 1px solid rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.b-sch-event.fa-clipboard-check-bgColor {
  background: #FCE4EC !important;
  color: rgb(231.6, 44.4, 106.8) !important;
}
.b-sch-event.fa-clipboard-check-bgColor.border-thin {
  border: 1px solid rgb(231.6, 44.4, 106.8) !important;
}
.b-sch-event.fa-triangle-exclamation-bgColor {
  background: #E8EAF6 !important;
  color: rgb(85.375, 100.125, 188.625) !important;
}
.b-sch-event.fa-triangle-exclamation-bgColor.border-thin {
  border: 1px solid rgb(85.375, 100.125, 188.625) !important;
}
.b-sch-event.fa-shield-halved-bgColor {
  background: #FFF8E1 !important;
  color: rgb(255, 200.4, 21) !important;
}
.b-sch-event.fa-shield-halved-bgColor.border-thin {
  border: 1px solid rgb(255, 200.4, 21) !important;
}
.b-sch-event.fa-person-bgColor {
  background: #E6EE9C !important;
  color: rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.b-sch-event.fa-person-bgColor.border-thin {
  border: 1px solid rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.b-sch-event.fa-screwdriver-wrench {
  color: rgb(36.6, 153.6, 239.4) !important;
}
.b-sch-event.fa-screwdriver-wrench.border-thin {
  border: 1px solid rgb(36.6, 153.6, 239.4) !important;
}
.b-sch-event.fa-calendar-check {
  color: rgb(89.8181818182, 183.1818181818, 97) !important;
}
.b-sch-event.fa-calendar-check.border-thin {
  border: 1px solid rgb(89.8181818182, 183.1818181818, 97) !important;
}
.b-sch-event.fa-wrench-bgColor {
  color: rgb(255, 164.0322580645, 20) !important;
}
.b-sch-event.fa-wrench-bgColor.border-thin {
  border: 1px solid rgb(255, 164.0322580645, 20) !important;
}
.b-sch-event.fa-magnifying-glass-waveform {
  color: rgb(175, 81.6666666667, 188.3333333333) !important;
}
.b-sch-event.fa-magnifying-glass-waveform.border-thin {
  border: 1px solid rgb(175, 81.6666666667, 188.3333333333) !important;
}
.b-sch-event.fa-truck {
  color: rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.b-sch-event.fa-truck.border-thin {
  border: 1px solid rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.b-sch-event.fa-arrow-rotate-left {
  color: #ffec1b !important;
}
.b-sch-event.fa-arrow-rotate-left.border-thin {
  border: 1px solid #ffec1b !important;
}
.b-sch-event.fa-warehouse {
  color: rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.b-sch-event.fa-warehouse.border-thin {
  border: 1px solid rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.b-sch-event.fa-bolt {
  color: rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.b-sch-event.fa-bolt.border-thin {
  border: 1px solid rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.b-sch-event.fa-gauge-high {
  color: rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.b-sch-event.fa-gauge-high.border-thin {
  border: 1px solid rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.b-sch-event.fa-arrow-up {
  color: rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.b-sch-event.fa-arrow-up.border-thin {
  border: 1px solid rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.b-sch-event.fa-map-location-dot {
  color: rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.b-sch-event.fa-map-location-dot.border-thin {
  border: 1px solid rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.b-sch-event.fa-clipboard-check {
  color: rgb(231.6, 44.4, 106.8) !important;
}
.b-sch-event.fa-clipboard-check.border-thin {
  border: 1px solid rgb(231.6, 44.4, 106.8) !important;
}
.b-sch-event.fa-triangle-exclamation {
  color: rgb(85.375, 100.125, 188.625) !important;
}
.b-sch-event.fa-triangle-exclamation.border-thin {
  border: 1px solid rgb(85.375, 100.125, 188.625) !important;
}
.b-sch-event.fa-shield-halved {
  color: rgb(255, 200.4, 21) !important;
}
.b-sch-event.fa-shield-halved.border-thin {
  border: 1px solid rgb(255, 200.4, 21) !important;
}
.b-sch-event.fa-person {
  color: rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.b-sch-event.fa-person.border-thin {
  border: 1px solid rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.b-sch-event-content {
  margin-inline: 0px !important;
}
.b-sch-event-content .event-content {
  display: flex;
  align-items: center;
  gap: 5px;
  height: auto;
  box-sizing: border-box;
  overflow: hidden;
}
.b-sch-event-content .event-icon {
  flex-shrink: 0;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.b-sch-event-content .event-body {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  flex: 1;
  justify-content: center;
  gap: 0.4px;
  padding-top: 10px;
  padding-bottom: 10px;
}
.b-sch-event-content .event-body .event-title {
  font-size: 12px;
  color: #12191D;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.b-sch-event-content .event-body .event-customer {
  font-size: 10px;
  color: #6B7280;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.b-sch-event-content .event-body .event-number {
  font-size: 10px;
  color: #9ca3af;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.p-splitter {
  border: transparent !important;
  background: transparent !important;
}
@font-face {
  font-family: "FontAwesome";
  src:
    url("./media/fontawesome-webfont.woff2?v=4.7.0") format("woff2"),
    url("./media/fontawesome-webfont.woff?v=4.7.0") format("woff"),
    url("./media/fontawesome-webfont.ttf?v=4.7.0") format("truetype");
}
.reports-shell {
  display: grid;
  grid-template-rows: auto 1fr;
  height: 100%;
  min-height: 0;
}
.reports-shell .shell-body {
  display: grid;
  grid-template-columns: 280px 1fr;
  height: 92.9vh;
  min-height: 0;
}
.reports-shell .left-pane {
  background: #fff;
  border-right: 1px solid #e5e5e5;
  overflow-y: auto;
  min-height: 0;
}
.reports-shell .right-pane {
  background: #fafafa;
  overflow: auto;
  min-height: 0;
}
.folder-tree details > summary::-webkit-details-marker {
  display: none;
}
.folder-tree .folder-item.folder-node summary.item .actions {
  display: flex;
  gap: 2px;
  opacity: 0;
  transition: opacity 0.15s ease;
}
.folder-tree {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 12px 18px;
  background: #fff;
  border-right: 1px solid #e5e5e5;
}
.folder-tree .sidebar-title {
  font-size: 24px;
  font-family: "Inter-SemiBold";
  margin: 2px 0 12px;
  color: #212121;
}
.folder-tree .folder-list {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow-y: auto;
}
.folder-tree .folder-list .folder-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 6px;
  padding: 4px 6px;
  cursor: pointer;
  transition: background 0.15s ease;
}
.folder-tree .folder-list .folder-item:hover {
  background: #f7f7f7;
}
.folder-tree .folder-list .folder-item:hover .actions {
  opacity: 1;
}
.folder-tree .folder-list .folder-item.active {
  background: #f0f0f0;
  font-weight: 600;
}
.folder-tree .folder-list .folder-item.active .actions {
  opacity: 1;
}
.folder-tree .folder-list .folder-item .item {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  border: none;
  background: transparent;
  padding: 6px 0;
  font-size: 14px;
  text-align: left;
  cursor: pointer;
  color: #222;
}
.folder-tree .folder-list .folder-item .item i {
  font-size: 14px;
  color: #666;
}
.folder-tree .folder-list .folder-item .item .name {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.folder-tree .folder-list .folder-item .actions {
  display: flex;
  gap: 2px;
  opacity: 0;
  transition: opacity 0.15s ease;
}
.folder-tree .folder-list .folder-item .actions .icon-btn {
  border: none;
  background: transparent;
  padding: 4px;
  border-radius: 4px;
  cursor: pointer;
  color: #666;
}
.folder-tree .folder-list .folder-item .actions .icon-btn:hover {
  background: #eee;
  color: #111;
}
.folder-tree .folder-list .folder-item .actions .icon-btn i {
  font-size: 12px;
}
.folder-tree .sidebar-footer {
  padding-top: 8px;
}
.folder-tree .sidebar-footer .add-folder {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 8px;
  border: 1px solid #ddd;
  border-radius: 6px;
  font-size: 12px;
  background: #fafafa;
  cursor: pointer;
}
.folder-tree .sidebar-footer .add-folder:hover {
  background: #f0f0f0;
}
.folder-tree .sidebar-footer .add-folder i {
  font-size: 14px;
}
.folder-tree .report-builder-subtitle {
  margin-left: 1.7rem;
}
.folder-tree .folder-item.folder-node {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  padding: 0;
}
.folder-tree .folder-item.folder-node > .item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  width: 100%;
  padding: 6px;
  border-radius: 6px;
  background: transparent;
  cursor: pointer;
}
.folder-tree .folder-item.folder-node > .item:hover {
  background: #f7f7f7;
}
.folder-tree .folder-item.folder-node > .child-list {
  display: block;
  margin: 4px 0 6px;
  padding-left: 16px;
}
.folder-tree .folder-item.folder-node > .child-list > .folder-item {
  padding-left: 8px;
}
.folder-tree .folder-item.folder-node > .item:hover .actions,
.folder-tree .folder-item.folder-node > .child-list > .folder-item:hover .actions {
  opacity: 1;
}
.report-list {
  height: calc(100% - 52px);
}
.report-list .reports-table {
  width: 100%;
  height: 100%;
}
.report-list .reports-table .p-datatable-wrapper {
  overflow: scroll;
  height: 100%;
  background-color: #fff;
}
.report-list .reports-table .p-datatable-wrapper .p-datatable-thead > tr > th {
  background: #fafafa;
  font-weight: 600;
  font-size: 12px;
  border-color: #eee;
}
.report-list .reports-table .p-datatable-wrapper .p-datatable-tbody {
  height: 100%;
}
.report-list .reports-table .p-datatable-wrapper .p-datatable-tbody > tr > td {
  font-size: 12px;
  border-color: #eee;
  vertical-align: middle;
}
.report-list .reports-table .report-link {
  color: #6366F1;
  text-decoration: none;
}
.report-list .reports-table .report-link:hover {
  text-decoration: underline;
}
.report-list .reports-table .actions-col {
  width: 56px;
}
.report-list .reports-table .actions-td {
  text-align: right;
}
.report-list .reports-table .p-paginator-bottom.p-paginator {
  border-top: 1px solid #dee2e6;
  justify-content: flex-end;
}
.report-list .reports-table .p-paginator-bottom.p-paginator .p-paginator-current {
  font-size: 12px;
  font-family: "Inter-Regular";
}
.report-list .reports-table .p-paginator-bottom.p-paginator .p-paginator-first.p-disabled,
.report-list .reports-table .p-paginator-bottom.p-paginator .p-paginator-prev.p-disabled,
.report-list .reports-table .p-paginator-bottom.p-paginator .p-paginator-next.p-disabled,
.report-list .reports-table .p-paginator-bottom.p-paginator .p-paginator-last.p-disabled {
  background: transparent !important;
  border: unset !important;
}
.report-list .reports-table .p-paginator-bottom.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  background: unset;
  border-color: unset;
}
.actions-cell {
  position: relative;
  display: inline-block;
}
.dots-btn {
  border: 0;
  background: transparent;
  padding: 4px 8px;
  border-radius: 6px;
  cursor: pointer;
}
.dots-btn:hover {
  background: #eee;
}
.row-menu {
  position: fixed;
  right: 33px;
  z-index: 10;
  min-width: 180px;
  background: #fff;
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.08);
  padding: 6px 0;
}
.row-menu > li {
  list-style: none;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 12px;
  cursor: pointer;
  white-space: nowrap;
  font-size: 14px;
}
.row-menu > li i {
  font-size: 14px;
  color: #444;
}
.row-menu > li:hover {
  background: #f5f7fb;
}
.row-menu::before {
  content: "";
  position: absolute;
  top: -6px;
  right: 12px;
  width: 10px;
  height: 10px;
  background: #fff;
  border-left: 1px solid #e6e6e6;
  border-top: 1px solid #e6e6e6;
  transform: rotate(45deg);
}
.bullet-container {
  display: inline-flex;
  background-color: black;
  color: white;
  width: 1.2rem;
  height: 1.2rem;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  margin-right: 8px;
}
.number-bullet {
  font-size: 0.8rem;
}
.bullet-label {
  display: inline-block;
}
.user-list-container {
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 1rem;
}
.selected_users {
  padding-left: 0rem;
}
.user-icon {
  margin-right: 1rem;
}
#report-builder-tab .p-tabview-nav {
  padding-left: 0;
}
#report-builder-tab .p-tabview-nav li {
  flex: 1;
}
#report-builder-tab .p-tabview-nav li .p-tabview-nav-link {
  justify-content: center;
}
#report-builder-tab .p-tabview .p-tabview-panels {
  padding-top: 1rem !important;
  background-color: #ffffff;
}
.subtitle-text {
  line-height: 1.3em;
}
#report-builder-tab .p-tabview .p-tabview-panel {
  overflow: unset;
}
.report-close-icon {
  position: absolute;
  right: 10px;
  margin-top: 8px;
}
.report-close-icon.arrow-icon {
  right: 28px;
}
.form-container-reportfilter {
  margin-left: 0;
  margin-right: 0;
}
.checkbox-text {
  display: inline-block;
  width: 200px;
}
.export-modal {
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(2, 6, 23, 0.12);
}
.export-modal .modal-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: unset;
  padding-bottom: unset;
  padding-inline: 24px;
}
.export-modal .modal-header .export-modal-header h5 {
  margin: 0 0 3px;
  color: #12191D;
  font-family: "Inter-SemiBold";
  font-size: 20px;
}
.export-modal .modal-header .export-modal-header h6 {
  margin: 0 0 3px;
  color: #12191D;
  font-family: "Inter-SemiBold";
  font-size: 18px;
}
.export-modal .modal-header .export-modal-header .sub {
  margin: 0;
  color: #64748b;
  font-family: "Inter-Regular";
  font-size: 14px;
}
.export-modal .modal-header .close {
  background: transparent;
  border: none;
  padding: 10px;
}
.export-modal .modal-body {
  padding-inline: 24px;
}
.dest-title {
  display: flex;
  align-items: center;
  gap: 4px;
}
.dest-title .back-btn {
  grid-row: 1;
  grid-column: 3;
  justify-self: end;
  inline-size: 36px;
  block-size: 36px;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent;
  cursor: pointer;
  font-size: 16px;
}
.dest-title .back-btn:hover {
  background: #f3f4f6;
}
.dest-title .title {
  color: #12191D;
  font-size: 18px;
  font-family: "Inter-SemiBold";
}
.text-body {
  display: flex;
  align-items: center;
  gap: 4px;
  padding-inline: 12px;
}
.text-body .content {
  color: #12191D;
  font-family: "Inter-Regular";
  font-size: 13px;
  text-align: center;
}
.section__title {
  display: flex;
  align-items: flex-start;
  gap: 4px;
  flex-direction: column;
}
.section__title .header-title {
  display: flex;
  align-items: center;
  gap: 12px;
}
.section__title .header-title .title {
  font-size: 18px;
  font-family: "Inter-SemiBold";
}
.section__title .sub {
  color: #6b7280;
  font-size: 0.95rem;
  font-family: "Inter-Regular";
}
.section__title .req {
  color: #ef4444;
  margin-left: 4px;
}
.filetype {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  align-items: stretch;
  margin-top: 12px;
}
@media (max-width: 840px) {
  .filetype {
    grid-template-columns: 1fr;
  }
}
.filetype__option {
  position: relative;
  display: flex;
}
.filetype__option > input[type=radio] {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
  margin: 0;
}
.filetype__card {
  position: relative;
  display: grid;
  grid-template-rows: auto auto 1fr;
  gap: 6px;
  min-height: 108px;
  padding: 16px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
  transition: border-color 0.18s ease, box-shadow 0.18s ease;
  flex: 1;
}
.filetype__card:hover {
  border-color: #cbd5e1;
}
.filetype__card:focus {
  outline: none;
}
.filetype__icon {
  color: #475569;
  font-size: 18px;
}
.filetype__title {
  font-weight: 700;
}
.filetype__desc {
  color: #64748b;
  font-size: 12.5px;
  line-height: 1.35;
}
.filetype__check {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  border-radius: 999px;
  background: #6366F1;
  box-shadow: 0 0 0 2px #fff;
  opacity: 0;
  transform: scale(0.8);
  transition: opacity 0.15s ease, transform 0.15s ease;
}
.filetype__check::before {
  content: "\f00c";
  font-family: "FontAwesome";
  color: #fff;
  font-size: 11px;
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
}
.filetype__option > input:checked + .filetype__card {
  border: 2px solid #6366F1;
}
.filetype__option > input:checked + .filetype__card .filetype__check {
  opacity: 1;
  transform: scale(1);
}
.row-gap {
  display: grid;
  gap: 10px;
  margin-top: 10px;
}
.row-gap .mp-inline-row {
  display: flex;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 0.5rem;
  align-items: baseline;
}
.row-gap .mp-inline-row .field-label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #444;
  flex: 0 0 auto;
  white-space: nowrap;
}
.row-gap .mp-inline-row .control {
  flex: 1 1 380px;
  min-width: 380px;
  width: 100%;
}
.row-gap .mp-error {
  font-size: 12px;
  color: #d33;
}
.grid-1 {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 10px;
}
.grid-1 .field-label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #444;
  flex: 0 0 auto;
  white-space: nowrap;
}
.grid-2 {
  display: grid;
  grid-template-columns: minmax(320px, 1fr) minmax(320px, 1fr);
  gap: 12px;
  margin-top: 10px;
}
.grid-2 .field-label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #444;
  flex: 0 0 auto;
  white-space: nowrap;
}
.section + .section {
  margin-top: 12px;
}
.grid-2 + .grid-2,
.grid-1 + .grid-1 {
  margin-top: 12px;
}
.folder-table .folder-cell {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.folder-table .folder-cell span {
  font-size: 12px;
}
.folder-table.p-datatable .p-datatable-tbody > tr.p-highlight {
  background: #EEEEEE;
}
.section-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 12px 0 8px;
}
.section-title .bullet {
  display: inline-flex;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #111;
  color: #fff;
  font-size: 12px;
  align-items: center;
  justify-content: center;
}
.section-title .title {
  margin: 0;
  font-weight: 700;
}
.section-title .help {
  margin-left: 4px;
  color: #6b7280;
  font-size: 14px;
}
.row-line {
  display: flex;
  align-items: center;
  gap: 12px;
}
.row-line .grow {
  flex: 1 1 auto;
}
.row-line .grow .reports-select .p-multiselect {
  width: 960px;
  min-width: 960px;
}
.row-line .grow .reports-select .p-multiselect .p-multiselect-label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.row-line .role-slot {
  width: 250px;
  min-width: 250px;
}
.list-block {
  margin-top: 12px;
}
.list-title {
  font-weight: 700;
  margin-bottom: 0;
}
.list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.list-row {
  display: grid;
  grid-template-columns: 1fr 200px 40px;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 0 10px 12px;
}
.list-row:last-child {
  border-bottom: 0;
}
.who {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.name {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.role {
  display: flex;
  flex-direction: column;
}
.owner-badge {
  color: #A2A2A2;
  font-size: 14px;
  font-family: "Inter-Medium";
}
.icon-btn {
  border: 0;
  background: transparent;
  padding: 6px;
  border-radius: 8px;
  cursor: pointer;
}
.icon-btn:hover {
  color: #D34747;
}
.limit-text {
  display: flex;
  background: white;
  border: 1px solid #dee2e6;
  border-radius: 22px;
  padding: 7px 14px;
  position: fixed;
  bottom: 1rem;
  z-index: 10;
  transform: translateX(calc(-50% + 86px));
  width: min(680px, 100vw - 172px - 2rem);
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  left: 50%;
}
.limit-text .p-button.export {
  border-radius: 20px;
  height: 30px;
}
.export-btn-header {
  height: 25px;
  padding: 3px 6px;
}
.edit .table-height {
  height: calc(100% - 3px);
}
.view .table-height {
  height: calc(100% - 73px);
}
.hdr-menu.p-menu .p-menuitem.is-active > .p-menuitem-link {
  background: #dee2f9;
  font-weight: 600;
}
.hdr-menu.p-menu .p-menuitem.is-active {
  position: relative;
}
.hdr-menu.p-menu .p-menuitem.is-active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border-radius: 2px;
  background: #dee2f9;
}
.selected_fields {
  background: #F5F5F5;
  border: 1px solid #e7e7e7 !important;
  display: inline-block;
  width: 93%;
  padding: 0.4rem 0.5rem;
}
.selected_fields .selected_field_value {
  display: block;
  color: #9398a1;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.filter-short.p-overlaypanel .p-overlaypanel-content {
  padding: 1rem !important;
  width: 310px !important;
}
#filter_checkbox .p-checkbox .p-checkbox-box {
  margin-top: -10px;
}
.editable-title {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.title-read {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: transparent;
  border: 0;
  padding: 0;
  cursor: text;
  color: var(--ink, #111);
}
.title-read .text {
  line-height: 1.2;
  border-bottom: 1px dashed transparent;
  transition: border-color 120ms ease, background-color 120ms ease;
  padding: 2px 2px;
  border-radius: 4px;
  font-size: 24px;
  font-family: "Inter-SemiBold";
}
.title-read .pencil {
  opacity: 0;
  transition: opacity 120ms ease, transform 120ms ease;
  transform: translateY(1px);
  font-size: 0.95rem;
}
.title-read:hover .text {
  border-color: rgba(0, 0, 0, 0.25);
  background: rgba(0, 0, 0, 0.035);
  cursor: text;
}
.title-read:hover .pencil {
  opacity: 0.7;
}
.title-read:focus-visible .text {
  outline: 2px solid var(--focus, #2563eb);
  outline-offset: 2px;
}
.title-edit {
  display: inline-flex;
  align-items: center;
  gap: 8px;
}
.title-edit .p-inputtext,
.title-edit input {
  min-height: 34px;
  font-size: 24px !important;
  font-family: "Inter-SemiBold" !important;
  border: 0 !important;
  border-bottom: 1px dashed #6b7280;
  border-radius: 0 !important;
  padding-left: 0 !important;
}
.title-edit .p-inputtext:hover:not([disabled], [readonly]),
.title-edit .p-inputtext:focus,
.title-edit input:hover:not([disabled], [readonly]),
.title-edit input:focus {
  border: 0 !important;
  border-bottom: 1px dashed #6366F1 !important;
  border-radius: 0 !important;
}
.title-edit .save-btn[disabled] {
  opacity: 0.5;
  cursor: not-allowed;
}
.title-edit .char-hint {
  font-size: 0.75rem;
  color: #6b7280;
  padding-top: 2px;
}
.cdk-drag-preview {
  background: #fff;
  box-sizing: border-box;
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
  border-radius: 12px;
  border: 1px solid #e5e7eb;
}
.cdk-drag-preview .item-to-move {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 16px;
}
.cdk-drag-preview .item-to-move h4 {
  margin: 0 0 2px;
  font-family: "Inter-SemiBold";
  font-size: 14px;
  color: #111827;
}
.cdk-drag-preview .item-to-move p {
  margin: 0;
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #6b7280;
}
.cdk-drag-preview .item-to-move .fs-item__handle {
  inline-size: 24px;
  block-size: 24px;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent;
  display: grid;
  place-items: center;
  cursor: grab;
  color: #9ca3af;
  margin-top: 2px;
}
.cdk-drag-preview .item-to-move .fs-item__action {
  inline-size: max-content;
  block-size: 30px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 12px;
  font-family: "Inter-Regular";
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  white-space: nowrap;
}
.cdk-drag-preview .item-to-move .fs-item__action--ghost {
  border-color: #d1d5db;
  background: #ffffff;
  color: #4b5563;
}
.cdk-drag-preview .fs-item__config {
  margin-top: 0px;
  padding: 0px 18px 12px;
}
.cdk-drag-preview .fs-item__config .fs-config-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 20px;
  align-items: baseline;
}
.cdk-drag-preview .fs-item__config .fs-config-field {
  display: grid;
  row-gap: 4px;
}
.cdk-drag-preview .fs-item__config label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #4b5563;
}
.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.cdk-drag-preview {
  background: #fff;
  box-sizing: border-box;
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
  border-radius: 12px;
  border: 1px solid #e5e7eb;
  z-index: 2000 !important;
}
.cdk-drag-preview .jt-row {
  display: grid;
  border-radius: 12px;
  grid-template-columns: 32px minmax(0, 1fr) 120px;
  align-items: center;
  column-gap: 8px;
  padding: 6px 18px;
  border-top: 1px solid #f3f4f6;
  background: #fff;
}
.cdk-drag-preview .jt-row__handle {
  inline-size: 24px;
  block-size: 24px;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent;
  display: grid;
  place-items: center;
  cursor: grab;
  color: #9ca3af;
}
.cdk-drag-preview .jt-row__handle i {
  font-size: 14px;
}
.cdk-drag-preview .jt-row__handle:hover {
  border-color: #e5e7eb;
  background: #f9fafb;
}
.cdk-drag-preview .jt-row__label {
  min-width: 0;
}
.cdk-drag-preview .jt-row__default,
.cdk-drag-preview .jt-row__active {
  display: flex;
  justify-content: center;
  align-items: center;
}
.cdk-drag-preview .jt-row__active {
  padding-top: 3px;
}
.cdk-drag-preview .jt-row .jt-label-pill {
  display: block;
  width: 100%;
  padding: 8px 14px;
  font-size: 12px;
  color: #212121;
}
.cdk-drag-preview .jt-row.jt-row--inactive {
  background: #f9fafb;
}
.cdk-drag-preview .jt-row.jt-row--inactive .jt-row__handle,
.cdk-drag-preview .jt-row.jt-row--inactive .jt-row__default {
  visibility: hidden;
}
.cdk-drag-preview .jt-row.jt-row--inactive .jt-label-pill {
  background: transparent;
}
.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.jt-row:first-child {
  border-top: 1px solid #f3f4f6 !important;
  border-bottom: 1px solid #f3f4f6 !important;
}
.cdk-drag-preview {
  background: #fff;
  box-sizing: border-box;
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
  border-radius: 12px;
  border: 1px solid #e5e7eb;
}
.cdk-drag-preview.task-row {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr) 260px 40px;
  align-items: center;
  gap: 1rem;
  padding: 6px 10px;
  border-bottom: 1px solid #f3f4f6;
  background: #fff;
  box-sizing: border-box;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}
.cdk-drag-preview.task-row h4 {
  margin: 0 0 2px;
  font-family: "Inter-SemiBold";
  font-size: 14px;
  color: #111827;
}
.cdk-drag-preview.task-row p {
  margin: 0;
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #6b7280;
}
.cdk-drag-preview.task-row .drag-handle {
  inline-size: 24px;
  block-size: 24px;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent;
  display: grid;
  place-items: center;
  cursor: grab;
  color: #9ca3af;
  margin-top: 2px;
}
.cdk-drag-preview.task-row .col--assignee {
  inline-size: max-content;
  block-size: 30px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 12px;
  font-family: "Inter-Regular";
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  white-space: nowrap;
}
.cdk-drag-preview.task-row .fs-item__action--ghost {
  border-color: #d1d5db;
  background: #ffffff;
  color: #4b5563;
}
.cdk-drag-preview.task-row.no-status {
  display: grid;
  grid-template-columns: 16px minmax(0, 0.4fr) minmax(0, 1fr) 140px 40px;
  align-items: center;
  gap: 1rem;
  padding: 6px 10px;
  border-bottom: 1px solid #f3f4f6;
  background: #fff;
  box-sizing: border-box;
  border-radius: 0;
  border: 0;
  box-shadow: none;
}
.cdk-drag-preview.task-row.no-status h4 {
  margin: 0 0 2px;
  font-family: "Inter-SemiBold";
  font-size: 14px;
  color: #111827;
}
.cdk-drag-preview.task-row.no-status p {
  margin: 0;
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #6b7280;
}
.cdk-drag-preview.task-row.no-status .task-col {
  display: grid;
  align-content: column;
  gap: 6px;
}
.cdk-drag-preview.task-row.no-status .task-col .task-main {
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 8px;
}
.cdk-drag-preview.task-row.no-status .task-col .task-title {
  font-size: 12px;
  font-family: "Inter-SemiBold";
  color: #12191D;
}
.cdk-drag-preview.task-row.no-status .task-col .task-required {
  color: #ef4444;
  margin-left: 4px;
}
.cdk-drag-preview.task-row.no-status .task-col .task-desc {
  font-size: 12px;
  color: #7C828D;
  line-height: 1.5;
}
.cdk-drag-preview.task-row.no-status .task-col .task-desc-editor .desc-input {
  width: 70%;
  resize: unset;
  border: 0;
  padding: 6px 1px;
  font-size: 12px;
}
.cdk-drag-preview.task-row.no-status .task-col .task-desc-editor .edit-actions {
  display: flex;
  gap: 8px;
  margin-top: 6px;
}
.cdk-drag-preview.task-row.no-status .task-col .task-desc-editor .edit-actions .btn-ghost {
  border: 1px solid #e5e7eb;
  background: #fff;
  border-radius: 8px;
  padding: 5px 10px;
  font-size: 12px;
  cursor: pointer;
}
.cdk-drag-preview.task-row.no-status .task-col .task-desc-editor .edit-actions .btn-primary {
  background: #6c63ff;
  color: #fff;
  border: 0;
  border-radius: 8px;
  padding: 5px 12px;
  font-size: 12px;
  cursor: pointer;
}
.cdk-drag-preview.task-row.no-status .task-col .link {
  background: none;
  border: 0;
  color: #6c63ff;
  font-size: 12px;
  padding: 0;
  cursor: pointer;
}
.cdk-drag-preview.task-row.no-status .task-col .link:hover {
  text-decoration: underline;
  text-underline-offset: 3px;
}
.cdk-drag-preview.task-row.no-status .drag-handle {
  inline-size: 24px;
  block-size: 24px;
  border-radius: 999px;
  border: 1px solid transparent;
  background: transparent;
  display: grid;
  place-items: center;
  cursor: grab;
  color: #9ca3af;
  margin-top: 2px;
}
.cdk-drag-preview.task-row.no-status .col--assignee {
  inline-size: max-content;
  block-size: 30px;
  padding: 0 10px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-size: 12px;
  font-family: "Inter-Regular";
  display: inline-flex;
  align-items: center;
  gap: 6px;
  cursor: pointer;
  white-space: nowrap;
}
.cdk-drag-preview.task-row.no-status .col--assignee .assignee {
  border: 1px solid #d4d4d4;
  padding: 6px 10px;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: #fff;
  cursor: pointer;
}
.cdk-drag-preview.task-row.no-status .col--assignee .assignee .name {
  color: #12191D;
  font-size: 12px;
  font-family: "Inter-Regular";
  max-width: 80px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.cdk-drag-preview.task-row.no-status .col--assignee .assignee:hover {
  background-color: rgba(147, 141, 246, 0.1254901961);
}
.cdk-drag-preview.task-row.no-status .fs-item__action--ghost {
  border-color: #d1d5db;
  background: #ffffff;
  color: #4b5563;
}
.cdk-drag-preview .fs-item__config {
  margin-top: 0px;
  padding: 0px 18px 12px;
}
.cdk-drag-preview .fs-item__config .fs-config-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 20px;
  align-items: baseline;
}
.cdk-drag-preview .fs-item__config .fs-config-field {
  display: grid;
  row-gap: 4px;
}
.cdk-drag-preview .fs-item__config label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #4b5563;
}
.cdk-drag-preview.task-row .drag-handle {
  display: inline-flex;
}
.cdk-drag-preview.task-row .task-title,
.cdk-drag-preview.task-row .link,
.cdk-drag-preview.task-row .task-required {
  font-size: 12px;
}
.cdk-drag-preview.task-row .col--task.task-col {
  display: grid;
  gap: 6px;
}
.cdk-drag-preview.task-row .col--task.task-col .task-required {
  color: #ef4444;
  margin-left: 4px;
}
.cdk-drag-preview.task-row .col--task .task-label {
  font-size: 12px;
  color: #12191D;
}
.cdk-drag-preview.task-row .task-desc-editor .desc-input {
  width: 70%;
  border: 0;
  padding: 6px 1px;
  font-size: 12px;
}
.cdk-drag-preview.task-row .assignee {
  border: 1px solid #d4d4d4;
  padding: 6px 10px;
  border-radius: 999px;
  background: #fff;
}
.cdk-drag-preview.task-row .col--actions {
  display: flex;
  align-items: center;
}
.cdk-drag-preview.task-row .col--actions .fa-trash-can {
  color: #ef4444;
}
.cdk-drag-animating {
  transition: transform 250ms cubic-bezier(0, 0, 0.2, 1);
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: unset !important;
}
.block-tree-panel {
  overflow: hidden;
}
.block-tree-panel__head {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 10px 0;
}
.block-tree-panel__head h3 {
  font-size: 14px;
  font-family: "Inter-Medium";
  margin: 0 0 4px;
}
.block-tree-panel__head p {
  font-size: 12px;
  color: #7C828D;
  margin: 0;
  max-width: 520px;
}
.block-tree-panel__head .actions {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  justify-content: end;
}
.block-tree.p-tree {
  padding: 0 !important;
}
.block-tree.p-tree .p-tree-container {
  padding: 4px 0;
}
.block-tree.p-tree .p-treenode-content {
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  border-radius: 0 !important;
  width: 100% !important;
  display: flex !important;
}
.block-tree.p-tree .p-treenode {
  width: 100%;
  padding: 0 !important;
}
.block-tree.p-tree .p-treenode-label {
  flex: 1;
}
.block-tree.p-tree .p-tree-container,
.block-tree.p-tree .p-treenode-children {
  width: 100%;
}
.block-tree.p-tree .p-treenode-content.p-highlight {
  background: #7C828D !important;
}
.block-tree.p-tree .p-treenode-content.p-highlight .tree-row__name {
  color: #6366F1;
}
.block-tree.p-tree .p-tree-toggler {
  width: 24px;
  height: 24px;
  margin-left: 0.75rem !important;
  margin-right: unset !important;
  color: #818181;
}
.block-tree.p-tree .p-tree-toggler:hover {
  background: transparent;
  color: #212529;
}
.block-tree.p-tree .p-treenode-leaf > .p-treenode-content .p-tree-toggler {
  visibility: hidden;
}
.block-tree.p-tree .tree-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
  padding: 5px 15px;
  min-width: 0;
  flex: 1;
}
.block-tree.p-tree .tree-row:not(.tree-row--selected):hover {
  background: #f1f0f1;
}
.block-tree.p-tree .tree-row--selected {
  background: #EEF2FF;
}
.block-tree.p-tree .tree-row--selected .tree-row__name {
  color: #6366F1;
}
.block-tree.p-tree .tree-row__label {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  flex: 1;
}
.block-tree.p-tree .tree-row__label i {
  flex-shrink: 0;
  font-size: 12px;
  color: #7C828D;
}
.block-tree.p-tree .tree-row__name {
  font-size: 12px;
  color: #212529;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.block-tree.p-tree .tree-row__meta {
  flex-shrink: 0;
  font-size: 12px;
  color: #7C828D;
}
.block-tree.p-tree .tree-row__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.block-tree.p-tree .tree-row__actions {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
.block-tree.p-tree .tree-row__actions--hover-reveal {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.15s ease;
}
.block-tree.p-tree .tree-row__delete {
  background: none;
  border: none;
  cursor: pointer;
  color: #7C828D;
  font-size: 12px;
  flex-shrink: 0;
}
.block-tree.p-tree .tree-row__delete:hover {
  color: #D34747;
}
.block-tree.p-tree .tree-row--level {
  padding-left: 40px;
}
.block-tree.p-tree .tree-row--area {
  padding-left: 64px;
}
.task-count-badge {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 12px;
  font-size: 11px;
  font-weight: 600;
  background: #1F2937;
  color: #fff;
  white-space: nowrap;
}
.bulk-schedule-panel {
  position: fixed;
  inset: 0;
  z-index: 1000;
  visibility: hidden;
  pointer-events: none;
}
.bulk-schedule-panel.is-open {
  visibility: visible;
  pointer-events: auto;
}
.bulk-schedule-panel.is-open .bulk-schedule-panel__backdrop {
  opacity: 1;
}
.bulk-schedule-panel.is-open .bulk-schedule-panel__content {
  transform: translateX(0);
}
.bulk-schedule-panel__backdrop {
  position: absolute;
  top: 52px;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(17, 24, 39, 0.32);
  opacity: 0;
  transition: opacity 0.2s ease;
}
.bulk-schedule-panel__content {
  position: absolute;
  top: 52px;
  right: 0;
  height: calc(100% - 52px);
  width: calc(100% - 330px);
  max-width: 90vw;
  transform: translateX(100%);
  transition: transform 0.25s ease;
  border-radius: 0;
  box-shadow: -10px 0 40px rgba(17, 24, 39, 0.16);
  overflow-y: auto;
  padding-top: 5px;
}
.bulk-schedule-panel__step-label {
  display: block;
  text-transform: uppercase;
  font-size: 12px;
  font-family: "Inter-SemiBold";
  letter-spacing: 0.05em;
  color: #6366F1;
  margin-bottom: 4px;
}
.bulk-schedule-panel__step-title {
  font-size: 14px;
  font-family: "Inter-SemiBold";
  color: #12191D;
  margin: 0 0 4px;
}
.bulk-schedule-panel__step-desc {
  font-size: 12px;
  font-family: "Inter-Regular";
  margin: 0 0 6px !important;
}
.bulk-schedule-panel__block-select {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  margin-bottom: 6px;
  overflow: hidden;
}
.bulk-schedule-panel__block-select-head {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 16px;
}
.bulk-schedule-panel__block-select-head a {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #6366F1;
  cursor: pointer;
}
.bulk-schedule-panel__block-select-head a:hover {
  text-decoration: underline;
}
.bulk-schedule-panel__block-select-head .divider {
  color: #d1d5db;
}
.bulk-schedule-panel__block-list {
  list-style: none;
  margin: 0;
  padding: 0;
}
.bulk-schedule-panel__block-item {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  border-top: 1px solid #f3f4f6;
  min-width: 0;
}
.bulk-schedule-panel__block-name {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #12191D;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
  flex: 1;
}
.bulk-schedule-panel__block-meta {
  flex-shrink: 0;
  font-size: 12px;
  color: #7C828D;
}
.bulk-schedule-panel__toggle-card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 14px;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  margin-bottom: 6px;
}
.bulk-schedule-panel__toggle-info {
  min-width: 0;
}
.bulk-schedule-panel__toggle-info p.hint {
  margin: 4px 0 0;
}
.bulk-schedule-panel__info-banner {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 12px 14px;
  background: #EEF2FF;
  border-radius: 10px;
  margin-bottom: 20px;
}
.bulk-schedule-panel__info-banner i {
  flex-shrink: 0;
  color: #6366F1;
  font-size: 14px;
  margin-top: 2px;
}
.bulk-schedule-panel__info-banner p {
  margin: 0;
  font-size: 12px;
  color: #212529;
}
.bulk-schedule-panel__info-banner p strong {
  color: #6366F1;
  font-family: "Inter-Medium";
}
.bulk-schedule-panel .p-tabview {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
.bulk-schedule-panel .p-tabview .p-tabview-nav-container .p-tabview-nav-content ul {
  margin-bottom: unset !important;
}
.bulk-schedule-panel .p-tabview .p-tabview-panels {
  background: #fff !important;
  padding: 1rem 0 !important;
  flex: 1;
  min-height: 0;
  overflow: hidden !important;
}
.bulk-schedule-panel .p-tabview .p-tabview-panel {
  height: 100%;
  min-height: 0;
}
.bulk-schedule-panel .wizard-steps {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.bulk-schedule-panel .wizard-steps__item {
  display: flex;
  align-items: center;
  gap: 8px;
}
.bulk-schedule-panel .wizard-steps__circle {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-family: "Inter-Medium";
  background: #e5e7eb;
  color: #7C828D;
  flex-shrink: 0;
}
.bulk-schedule-panel .wizard-steps__label {
  font-size: 13px;
  font-family: "Inter-Medium";
  color: #7C828D;
  white-space: nowrap;
}
.bulk-schedule-panel .wizard-steps__connector {
  flex: 1;
  height: 1px;
  background: #e5e7eb;
  margin: 0 10px;
  min-width: 24px;
}
.bulk-schedule-panel .wizard-steps__connector.is-done {
  background: #34d399;
}
.bulk-schedule-panel .wizard-steps__item.is-active .wizard-steps__circle {
  background: #6366F1;
  color: #fff;
}
.bulk-schedule-panel .wizard-steps__item.is-active .wizard-steps__label {
  color: #12191D;
}
.bulk-schedule-panel .wizard-steps__item.is-done .wizard-steps__circle {
  background: #34d399;
  color: #fff;
}
.bulk-schedule-panel .wizard-steps__item.is-done .wizard-steps__label {
  color: #12191D;
}
.bulk-schedule-panel .wizard-steps__item.is-clickable {
  cursor: pointer;
}
.bulk-schedule-panel .wizard-steps__item.is-clickable:hover .wizard-steps__circle {
  filter: brightness(0.92);
}
.bulk-schedule-panel .wizard-steps__item.is-clickable:hover .wizard-steps__label {
  text-decoration: underline;
}
.bulk-schedule-panel .dropzone {
  border: 1.5px dashed #d1d5db;
  border-radius: 14px;
  padding: 60px 20px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: border-color 0.15s ease, background 0.15s ease;
  margin-bottom: 16px;
}
.bulk-schedule-panel .dropzone:hover,
.bulk-schedule-panel .dropzone.is-dragover {
  border-color: #6366F1;
  background: #F5F5FF;
}
.bulk-schedule-panel .dropzone__icon {
  width: 48px;
  height: 48px;
  border-radius: 12px;
  background: #EEF2FF;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.bulk-schedule-panel .dropzone__icon i {
  font-size: 20px;
  color: #6366F1;
}
.bulk-schedule-panel .dropzone__title {
  font-size: 14px;
  font-family: "Inter-Medium";
  color: #12191D;
  margin: 0 0 4px;
}
.bulk-schedule-panel .dropzone__sub {
  font-size: 12px;
  color: #7C828D;
  margin: 0;
}
.bulk-schedule-panel .bulk-schedule-panel__sample-link {
  text-align: center;
  font-size: 12px;
  color: #212529;
  font-family: "Inter-Regular";
}
.bulk-schedule-panel .bulk-schedule-panel__sample-link span {
  color: #6366F1;
  font-family: "Inter-Medium";
  text-decoration: none;
}
.bulk-schedule-panel .bulk-schedule-panel__sample-link span:hover {
  text-decoration: underline;
  cursor: pointer;
}
.bulk-schedule-panel .review-filter-pills {
  display: flex;
  gap: 6px;
  margin-bottom: 6px;
}
.bulk-schedule-panel .review-filter-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 5px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 999px;
  background: #fff;
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #212529;
  cursor: pointer;
}
.bulk-schedule-panel .review-filter-pill.is-selected {
  border-color: #6366F1;
  background: #EEF2FF;
  color: #6366F1;
}
.bulk-schedule-panel .review-filter-pill__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
}
.bulk-schedule-panel .review-filter-pill__dot--all {
  background: #6366F1;
}
.bulk-schedule-panel .review-filter-pill__dot--valid {
  background: #10B981;
}
.bulk-schedule-panel .review-filter-pill__dot--error {
  background: #D34747;
}
.bulk-schedule-panel .review-table {
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  margin-bottom: 80px;
  overflow: hidden;
}
.bulk-schedule-panel .review-table__head {
  display: grid;
  grid-template-columns: 90px 1fr 1fr 130px 150px;
  gap: 6px;
  padding: 10px 16px;
  background: #F9FAFB;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #7C828D;
  border-radius: 12px 12px 0 0;
}
.bulk-schedule-panel .review-table__body {
  overflow-y: auto;
}
.bulk-schedule-panel .review-table__row {
  display: grid;
  grid-template-columns: 90px 1fr 1fr 130px 150px;
  gap: 6px;
  align-items: center;
  padding: 10px 16px;
  border-top: 1px solid #f3f4f6;
  min-width: 0;
}
.bulk-schedule-panel .review-table__row--error {
  background: #FEF2F2;
}
.bulk-schedule-panel .review-table__row:last-child {
  border-radius: 0 0 12px 12px;
}
.bulk-schedule-panel .review-table__status {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #10B981;
}
.bulk-schedule-panel .review-table__status-error {
  color: #D34747;
}
.bulk-schedule-panel .review-table__status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #10B981;
  flex-shrink: 0;
}
.bulk-schedule-panel .review-table__status-dot.is-error {
  background: #D34747;
}
.bulk-schedule-panel .review-table__row--error .bulk-schedule-panel .review-table__status {
  color: #D34747;
}
.bulk-schedule-panel .review-table__issue-count {
  display: block;
  font-size: 10px;
  color: #7C828D;
  font-family: "Inter-Regular";
}
.bulk-schedule-panel .review-table__location {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #12191D;
  min-width: 0;
}
.bulk-schedule-panel .review-table__location-text {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bulk-schedule-panel .review-table__schedule {
  font-size: 12px;
  color: #12191D;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.bulk-schedule-panel .review-table__schedule .hint {
  display: block;
  margin: 0;
}
.bulk-schedule-panel .review-table__schedule__badge {
  flex-shrink: 0;
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 12px;
  font-size: 12px;
  font-family: "Inter-Medium";
  white-space: nowrap;
}
.bulk-schedule-panel .review-table__schedule__badge--daily {
  background: #134E4A;
  color: #2DD4BF;
}
.bulk-schedule-panel .review-table__schedule__badge--weekly {
  background: #1E3A8A;
  color: #60A5FA;
}
.bulk-schedule-panel .review-table__schedule__badge--monthly,
.bulk-schedule-panel .review-table__schedule__badge--quarterly {
  background: #7C2D12;
  color: #FB923C;
}
.bulk-schedule-panel .review-table__schedule__badge--yearly {
  background: #701A75;
  color: #F472B6;
}
.bulk-schedule-panel .review-table__assignment {
  font-size: 12px;
  color: #212529;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}
.bulk-schedule-panel .review-footer {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  background: #fff;
  padding: 12px 16px;
  border-top: 1px solid #e5e7eb;
  box-shadow: 0 -4px 12px rgba(17, 24, 39, 0.06);
}
.bulk-schedule-panel .review-footer__error-msg {
  font-size: 12px;
  color: #212529;
  margin-bottom: 10px;
}
.bulk-schedule-panel .review-footer__error-msg strong {
  color: #D34747;
}
.bulk-schedule-panel .review-footer__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
}
.bulk-schedule-panel .upload-done {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 24px 0;
}
.bulk-schedule-panel .upload-done__icon {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: #D1FAE5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 16px;
}
.bulk-schedule-panel .upload-done__icon i {
  font-size: 22px;
  color: #10B981;
}
.bulk-schedule-panel .upload-done__title {
  font-size: 18px;
  font-family: "Inter-Medium";
  color: #12191D;
  margin: 0 0 6px;
}
.bulk-schedule-panel .upload-done__sub {
  font-size: 13px;
  color: #7C828D;
  margin: 0 0 24px;
  max-width: 360px;
}
.bulk-schedule-panel .upload-done__stats {
  display: flex;
  gap: 10px;
  margin-bottom: 24px;
}
.bulk-schedule-panel .upload-done__stat {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  padding: 14px 18px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  min-width: 70px;
}
.bulk-schedule-panel .upload-done__stat-value {
  font-size: 18px;
  font-family: "Inter-Medium";
  color: #12191D;
}
.bulk-schedule-panel .upload-done__stat-value.is-zero {
  color: #d1d5db;
}
.bulk-schedule-panel .upload-done__stat-label {
  font-size: 12px;
  color: #7C828D;
}
.bulk-schedule-panel .upload-done__actions {
  display: flex;
  gap: 0.5rem;
}
.wrapper .sidebar .sidebar-scroll-content .trial-plan {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px;
  background-color: #6366F1;
  color: #fff;
  border-radius: 8px;
  margin-inline: 0.5rem;
}
.wrapper .sidebar .sidebar-scroll-content .trial-plan .title {
  font-size: 12px;
  font-family: "Inter-SemiBold";
}
.wrapper .sidebar .sidebar-scroll-content .trial-plan .pill {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 6px;
  background-color: #9294FE;
  color: #fff;
  border-radius: 14px;
  font-size: 11px;
}
.wrapper .sidebar .sidebar-scroll-content .trial-plan.days-left {
  background: #FF6363;
  color: #fff;
}
.wrapper .sidebar .sidebar-scroll-content .trial-plan.days-left .pill {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 4px 6px;
  background-color: #fff;
  color: #FF4242;
  border-radius: 14px;
  font-size: 11px;
}
.wrapper .sidebar .sidebar-scroll-content .trial-plan.need-help-banner {
  margin-top: 0.5rem;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.wrapper .sidebar .sidebar-scroll-content .trial-plan.need-help-banner .button-group {
  display: flex;
  gap: 6px;
  flex-direction: column;
  width: 100%;
}
.wrapper .sidebar .sidebar-scroll-content .trial-plan.need-help-banner .help-content .title {
  font-size: 12px;
}
.wrapper .sidebar .sidebar-scroll-content .trial-plan.need-help-banner .help-content .subtitle {
  font-size: 10px;
}
.wrapper .sidebar .sidebar-scroll-content .trial-plan.need-help-banner .pill {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-size: 10.2px;
  font-family: "Inter-Medium";
  border-radius: 16px;
  padding: 6px 12px;
  margin-inline: 4px;
  cursor: pointer;
  border: none;
}
.wrapper .sidebar .sidebar-scroll-content .trial-plan.need-help-banner .pill:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
.wrapper .sidebar .sidebar-scroll-content .bottom-menu {
  display: flex;
  justify-content: space-evenly;
  height: 5%;
}
.wrapper .sidebar .sidebar-scroll-content .bottom-menu li {
  display: flex;
  flex: 1;
  justify-content: center;
  cursor: pointer;
  padding-top: 3px;
}
.wrapper .sidebar .sidebar-scroll-content .bottom-menu li span {
  display: flex;
  align-items: center;
}
.wrapper .sidebar .sidebar-scroll-content .bottom-menu li:hover,
.wrapper .sidebar .sidebar-scroll-content .bottom-menu li.active-icon {
  background: #f1f0f1;
}
@media (max-height: 540px) {
  .wrapper .sidebar .sidebar-scroll-content .bottom-menu {
    height: 7%;
  }
}
.wrapper .sidebar ul li > a {
  border-top: none !important;
  border-bottom: none !important;
  font-weight: 300;
  height: 27px;
}
.wrapper .sidebar ul li > a.pm-h {
  height: 40px;
}
.wrapper .sidebar ul li > a.get-start {
  height: unset;
}
.wrapper .sidebar ul li > a span {
  margin-left: 0.6rem;
  width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.wrapper .sidebar ul li > a span.pm {
  white-space: wrap;
}
.wrapper .sidebar ul li > a .menuSubText {
  position: relative;
  margin-left: 1.7rem;
}
.wrapper .sidebar ul.layout-menu li.get-start-wrapper {
  position: relative;
  font-weight: 400;
  cursor: pointer;
}
.wrapper .sidebar ul.layout-menu li.get-start-wrapper a.get-start {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0.575rem 0.535rem !important;
  border-radius: 6px;
  color: #1f2937;
  text-decoration: none;
  transition: background 0.2s ease;
}
.wrapper .sidebar ul.layout-menu li.get-start-wrapper a.get-start:hover {
  background-color: #f3f4f6;
}
.wrapper .sidebar ul.layout-menu li.get-start-wrapper a.get-start.active-get-started {
  background-color: #6366F1;
  color: #ffffff !important;
  font-family: "Inter-Medium";
}
.wrapper .sidebar ul.layout-menu li.get-start-wrapper a.get-start .flex-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.wrapper .sidebar ul.layout-menu li.get-start-wrapper a.get-start .menuText {
  font-size: 13px;
  font-family: "Inter-Medium";
  margin-bottom: unset;
  margin-left: 0.25rem;
}
.wrapper .sidebar ul.layout-menu li.get-start-wrapper a.get-start .percentage {
  margin-left: 0.25rem;
  font-size: 11px;
  color: #fff;
}
.wrapper .sidebar ul.layout-menu li.get-start-wrapper a.get-start .custella-mini-icon.icon {
  width: 16px !important;
  height: 16px !important;
  padding: unset !important;
  position: relative;
  display: inline-block;
}
.wrapper .sidebar ul.layout-menu li.get-start-wrapper a.get-start .custella-mini-icon.icon i {
  transition: opacity 0.2s ease;
}
.wrapper .sidebar ul.layout-menu li.get-start-wrapper a.get-start .custella-mini-icon.icon .default-icon,
.wrapper .sidebar ul.layout-menu li.get-start-wrapper a.get-start .custella-mini-icon.icon .hover-icon,
.wrapper .sidebar ul.layout-menu li.get-start-wrapper a.get-start .custella-mini-icon.icon .close-icon {
  position: absolute;
  top: 0;
  left: 0;
}
.wrapper .sidebar ul.layout-menu li.get-start-wrapper a.get-start .custella-mini-icon.icon .default-icon {
  opacity: 1;
  z-index: 1;
}
.wrapper .sidebar ul.layout-menu li.get-start-wrapper a.get-start .custella-mini-icon.icon .hover-icon {
  opacity: 0;
  z-index: 2;
}
.wrapper .sidebar ul.layout-menu li.get-start-wrapper a.get-start .custella-mini-icon.icon:hover .default-icon {
  opacity: 0;
}
.wrapper .sidebar ul.layout-menu li.get-start-wrapper a.get-start .custella-mini-icon.icon:hover .hover-icon {
  opacity: 1;
}
.wrapper .sidebar ul.layout-menu li.get-start-wrapper a.get-start .custella-mini-icon.icon.dropdown-open .default-icon,
.wrapper .sidebar ul.layout-menu li.get-start-wrapper a.get-start .custella-mini-icon.icon.dropdown-open .hover-icon {
  display: none;
}
.wrapper .sidebar ul.layout-menu li.get-start-wrapper .get-dropdown-panel {
  position: absolute;
  top: 60px;
  right: 0;
  background-color: #ffffff;
  border: 1px solid #8d8eff;
  border-radius: 12px;
  z-index: 100;
  padding: 0;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05);
}
.wrapper .sidebar ul.layout-menu li.get-start-wrapper .get-dropdown-panel .dismiss-btn {
  background: transparent;
  color: #4f46e5;
  padding: 0.5rem 1rem;
  width: 100%;
  text-align: left;
  border: none;
  border-radius: 11px;
  font-size: 0.85rem;
  white-space: nowrap;
}
.wrapper .sidebar ul.layout-menu li.get-start-wrapper .get-dropdown-panel .dismiss-btn:hover {
  background-color: #8d8eff;
  color: #fff;
}
.wrapper .sidebar ul.layout-menu li.get-start-wrapper .onboard-toast {
  margin-top: 0.5rem;
  background: #f9fafb;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  padding: 0.5rem;
  font-size: 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  color: #374151;
  width: 100%;
  transition: background 0.2s;
  pointer-events: auto;
}
.wrapper .sidebar ul.layout-menu li.get-start-wrapper .onboard-toast:hover {
  background: #6366F1;
  color: white;
  border: 1px solid #6366F1;
}
.wrapper .sidebar ul.layout-menu li.get-start-wrapper .onboard-toast .dismiss-btn {
  background: none;
  border: none;
  color: #4f46e5;
  font-weight: 500;
  font-size: 10px;
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
}
.custella-logo {
  display: flex;
  position: relative;
  padding: 15px;
}
.custella-logo img {
  position: relative;
  margin-top: 0.75rem;
  width: 20%;
  height: 20%;
}
.custella-logo label {
  position: relative;
  margin-top: 1rem;
  margin-left: 0.5rem;
  font-family: "Inter-Regular" !important;
  font-size: 1.35rem !important;
  color: #fff !important;
}
.custella-logo i {
  position: relative;
  margin-top: 1.25rem;
  margin-left: 5rem;
  color: #fff;
}
.custella-mini-icon {
  position: relative;
  width: 20px;
}
.custella-short-icon {
  position: relative;
  height: 14px;
  width: 17px;
}
.custella-setup .custella-setup-menu {
  cursor: pointer;
}
.custella-setup .custella-setup-menu:hover {
  background: #27343d;
  color: #fff !important;
  border-radius: 4px !important;
  margin: 0;
}
.custella-setup .custella-setup-menu:focus {
  background: #222e36;
  color: #fff !important;
  border-radius: 4px !important;
  margin: 0;
}
.custella-setup .custella-setup-menu a:hover {
  color: #fff !important;
}
.custella-setup .custella-setup-menu.active-menuitem {
  background: #222e36;
  color: #fff !important;
  border-radius: 4px !important;
  margin: 0;
}
.custella-setup .accordion {
  --bs-accordion-bg: transparent;
}
.custella-setup .accordion-button:not(.collapsed) {
  background: transparent;
  color: #fff;
  box-shadow: none;
}
.custella-setup .accordion-button:focus {
  border: none;
  box-shadow: none;
}
.custella-accordion-menu .accordion-item ul {
  text-decoration: none !important;
  list-style-type: none !important;
}
.custella-accordion-menu .staffTask .sub-topic .accordion-header .accordion-button {
  cursor: pointer;
}
.custella-accordion-menu .staffTask .sub-topic .accordion-header .accordion-button:hover {
  background: #27343d;
  color: #fff !important;
  border-radius: 4px !important;
  margin: 0;
}
.custella-accordion-menu .staffTask .sub-topic .accordion-header .accordion-button:focus {
  background: #222e36;
  color: #fff !important;
  border-radius: 4px !important;
  margin: 0;
}
.custella-accordion-menu .staffTask .sub-topic .accordion-header .accordion-button:active {
  background: #222e36;
  color: #fff !important;
  border-radius: 4px !important;
  margin: 0;
}
.custella-accordion-menu .staffTask .sub-topic .accordion-header .accordion-button.active-menuitem {
  background: #222e36;
  color: #fff !important;
  border-radius: 4px !important;
  margin: 0;
}
.active-menuitem {
  background: #222e36;
  color: #fff !important;
  border-radius: 4px !important;
  margin: 0;
  padding-left: 0.75rem;
  width: 100%;
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.custella-accordion-menu .accordion-item .sub-topic .setup-sub-manu-two {
  cursor: pointer;
}
.custella-accordion-menu .accordion-item .sub-topic .setup-sub-manu-two:hover {
  background: #27343d;
  color: #fff !important;
  border-radius: 4px !important;
  margin: 0;
  padding: 0 !important;
}
.custella-accordion-menu .accordion-item .sub-topic .setup-sub-manu-two:active {
  background: #222e36;
  color: #fff !important;
  border-radius: 4px !important;
  margin: 0;
  padding: 0 !important;
}
.custella-accordion-menu .accordion-item .sub-topic .setup-sub-manu-two:focus {
  background: #222e36;
  color: #fff !important;
  border-radius: 4px !important;
  margin: 0;
  padding: 0 !important;
}
.custella-accordion-menu .accordion-item .sub-topic .setup-sub-manu-two.active-menuitem {
  background: #222e36;
  color: #fff !important;
  border-radius: 4px !important;
  margin: 0;
  padding: 0 !important;
}
.custella-accordion-menu .accordion-item .sub-topic .setup-sub-manu {
  cursor: pointer;
  height: 30px;
}
.custella-accordion-menu .accordion-item .sub-topic .setup-sub-manu:hover {
  background: #27343d;
  color: #fff !important;
  border-radius: 4px !important;
  margin: 0;
  padding: 0 !important;
}
.custella-accordion-menu .accordion-item .sub-topic .setup-sub-manu:active {
  background: #222e36;
  color: #fff !important;
  border-radius: 4px !important;
  margin: 0;
  padding: 0 !important;
}
.custella-accordion-menu .accordion-item .sub-topic .setup-sub-manu:focus {
  background: #222e36;
  color: #fff !important;
  border-radius: 4px !important;
  margin: 0;
  padding: 0 !important;
}
.custella-accordion-menu .accordion-item .sub-topic .setup-sub-manu.active-menuitem {
  background: #222e36;
  color: #fff !important;
  border-radius: 4px !important;
  margin: 0;
  padding: 0 !important;
}
.custella-accordion-menu .accordion-item ul li a:hover {
  color: #fff !important;
}
.custella-accordion-menu .accordion-item ul li a .no-expand-topic {
  position: relative;
  top: 5px;
}
.custella-setup .task-left div ul li {
  cursor: pointer;
}
.custella-setup .task-left div ul li:hover {
  background: #27343d;
  color: #fff !important;
  border-radius: 4px !important;
}
.custella-setup .task-left div ul li.active-menuitem {
  background: #222e36;
  color: #fff !important;
  border-radius: 4px !important;
}
.custella-setup .task-left div ul li a:hover {
  color: #fff !important;
}
.custella-accordion-menu .accordion-button::after {
  display: none !important;
}
.sub-topic div button {
  color: #fff;
  font-size: 12px;
  padding-left: 0.5rem !important;
}
.onSelected {
  background-color: #12191d;
  border-radius: 4px;
  padding-left: 0.75rem !important;
}
.custella-form-container-content-sidebar .sidebar-scroll-content {
  display: block;
  height: 100%;
  position: relative;
  overflow: scroll;
}
.custella-form-container-content-sidebar .sidebar-scroll-content > ul {
  padding-bottom: 40px;
  padding-left: 0px;
}
.custella-form-container-content-sidebar .sidebar-scroll-content > ul li {
  text-decoration: none;
  color: #212529;
  padding: 7px 7px 7px 5px !important;
  text-align: center;
  margin-bottom: 3px;
}
.custella-form-container-content-sidebar .sidebar-scroll-content > ul li:hover {
  background: #f0f0f0;
  border-radius: 4px;
  cursor: pointer;
}
.custella-form-container-content-sidebar .sidebar-scroll-content > ul li:active,
.custella-form-container-content-sidebar .sidebar-scroll-content > ul li:visited,
.custella-form-container-content-sidebar .sidebar-scroll-content > ul li.active {
  background: #f0f0f0;
  border-radius: 4px;
  cursor: pointer;
}
.custella-topbar-left {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between;
}
.custella-topbar-left #custella-menu-button img {
  width: 24px;
  height: 24px;
}
.custella-topbar-left .p-button {
  width: 80px !important;
  position: relative;
  margin-left: 1rem;
  margin-right: 1rem;
  margin-top: 0.1rem;
  font-weight: "Inter-Medium";
}
.custella-topbar-left .custella-topbar-title {
  font-family: "Inter-Regular" !important;
  font-size: 1.2rem !important;
  color: #fff !important;
  font-weight: "Inter-Medium";
  padding-top: 5px !important;
}
.custella-title-header {
  position: relative;
  top: 0;
  width: 100%;
  height: 65px;
  background: #27373F;
  color: #fff;
  overflow-x: hidden;
}
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) {
  .custella-title-header {
    height: 60px;
  }
}
.custella-logo-header {
  display: flex;
  position: relative;
  padding: 15px;
}
@media screen and (min-device-width: 1200px) and (max-device-width: 1600px) {
  .custella-logo-header {
    padding: 10px 15px;
  }
}
.custella-logo-header img {
  position: relative;
  width: 40px;
  height: 40px;
}
.custella-logo-header label {
  position: relative;
  margin-top: 0.5rem;
  margin-left: 0.5rem;
  font-family: "Inter-Regular" !important;
  font-size: 1.35rem !important;
  color: #fff !important;
  font-weight: "Inter-Medium";
}
.profie .p-avatar.display-dp {
  width: 24px !important;
  height: 24px !important;
}
ul.dropdown-menu {
  background: #1a2428;
  color: #fff;
}
ul.dropdown-menu li a.dropdown-item {
  color: #fff !important;
}
ul.dropdown-menu li a.dropdown-item:hover {
  background: #324954;
  color: #fff !important;
  border-radius: 4px !important;
}
ul.dropdown-menu li a.dropdown-item:focus {
  background: #324954;
  color: #fff !important;
  border-radius: 4px !important;
}
ul.dropdown-menu li a.dropdown-item:active {
  background: #324954;
}
ul.dropdown-menu li a.dropdown-item.active {
  background: #324954 !important;
  color: #fff !important;
  border-radius: 4px !important;
}
ul.dropdown-menu li a.custella-service.dropdown-item {
  color: #fff !important;
}
ul.dropdown-menu li a.custella-service.dropdown-item:hover {
  background: #6366F1;
  color: #fff !important;
  border-radius: 4px !important;
}
ul.dropdown-menu li a.custella-service.dropdown-item:focus {
  background: #6366F1;
  color: #fff !important;
  border-radius: 4px !important;
}
ul.dropdown-menu li a.custella-service.dropdown-item.active {
  background: #6366F1;
  color: #fff !important;
}
ul.dropdown-menu li a.custella-service.dropdown-item .disabledMenu {
  opacity: 0.6;
}
ul.dropdown-menu li div {
  color: #fff;
}
ul.dropdown-menu li small {
  color: #fff;
}
ul.dropdown-menu.show {
  padding: 5px;
}
.custella-notification.show {
  width: 20vw !important;
  transform: translate(0px, 47px) !important;
}
@media (max-device-width: 1201px) and (orientation: landscape) {
  .custella-notification.show {
    width: 28vw !important;
  }
}
@media (min-width: 1920px) {
  .custella-notification-body {
    height: 22vh;
  }
}
@media (max-width: 1600px) {
  .custella-notification-body {
    height: 42vh;
  }
}
.custella-notification-body .custella-service.show {
  transform: translate(-15px, 47px) !important;
  padding: 1.5rem 0 !important;
}
.notifcation-active {
  background: #324954;
  color: #fff !important;
  border-radius: 4px !important;
}
.custella-online {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #6EEAB3;
  border: #6EEAB3;
  bottom: 8px;
  right: 0;
  position: absolute;
}
.custella-online.chat {
  bottom: 5px;
}
.custella-offline {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #D34747;
  border: #D34747;
  bottom: 8px;
  right: 0;
  position: absolute;
}
.custella-online-mini {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #6EEAB3;
  border: #6EEAB3;
  bottom: 4px;
  right: 5px;
  position: absolute;
}
.custella-offline-mini {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: #D34747;
  border: #D34747;
  bottom: 4px;
  right: 5px;
  position: absolute;
}
.custella-go-online {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #6EEAB3;
  border: #6EEAB3;
  margin-right: 7px;
}
.custella-go-offline {
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background-color: #D34747;
  border: #D34747;
  margin-right: 7px;
}
ul.dropdown-status {
  background: #fff;
  color: #12191D;
  width: 100%;
}
ul.dropdown-status li a.dropdown-item {
  color: #12191D !important;
}
ul.dropdown-status li a.dropdown-item:hover {
  background: #E9ECEF;
  border-radius: 4px !important;
}
ul.dropdown-status li a.dropdown-item:focus {
  background: #E9ECEF;
  border-radius: 4px !important;
}
ul.dropdown-status li a.dropdown-item:active {
  background: #E9ECEF;
}
ul.dropdown-status li a.custella-service.dropdown-item:hover {
  background: #6366F1;
  border-radius: 4px !important;
}
ul.dropdown-status li a.custella-service.dropdown-item:focus {
  background: #6366F1;
  border-radius: 4px !important;
}
ul.dropdown-status li a.custella-service.dropdown-item:active {
  background: #6366F1;
  color: #fff !important;
}
ul.dropdown-status li div {
  color: #fff;
}
ul.dropdown-status li small {
  color: #fff;
}
.dropdown .custella-profile div.profile {
  background: #1a2428;
  color: #fff;
}
ul.dropdown-collaps {
  background: #fff;
  color: #12191D;
  position: fixed !important;
}
ul.dropdown-collaps.assets-tag {
  z-index: 3;
  max-height: 160px;
  overflow-y: scroll;
}
.custella-lang .accordion {
  --bs-accordion-bg: transparent;
}
.custella-lang-menu .accordion-item button {
  cursor: pointer;
}
.custella-lang-menu .accordion-item button:hover {
  background: #324954;
  color: #fff !important;
  border-radius: 4px !important;
}
.custella-lang-menu .accordion-item button:focus {
  background: #324954;
  color: #fff !important;
  border-radius: 4px !important;
}
.custella-lang-menu .accordion-item ul li {
  cursor: pointer;
}
.custella-lang-menu .accordion-item ul li:hover {
  background: #324954;
  color: #fff !important;
  border-radius: 4px !important;
}
.custella-lang-menu .accordion-item ul li:focus {
  background: #324954;
  color: #fff !important;
  border-radius: 4px !important;
}
.custella-lang-menu .accordion-button::after {
  display: none !important;
}
.custella-lang .accordion-button:not(.collapsed) {
  background: transparent;
  color: #E0E0E0;
  box-shadow: none;
}
.custella-lang.dropdown button {
  cursor: pointer;
  display: flex !important;
  align-items: center !important;
  background: transparent !important;
  box-shadow: none;
  border: none !important;
}
.custella-lang.dropdown button:hover {
  background: #324954 !important;
  color: #fff !important;
  border-radius: 4px !important;
}
.custella-lang.dropdown button:focus {
  background: #324954;
  color: #fff !important;
  border-radius: 4px !important;
}
.custella-lang.dropdown ul.sel-lang {
  position: absolute;
  inset: 0px 0px auto auto;
  margin: 0px;
  transform: translate3d(-43px, 36px, 0px) !important;
}
.custella-lang.dropdown ul li {
  cursor: pointer;
}
.custella-lang.dropdown ul li:hover {
  background: #324954;
  color: #fff !important;
  border-radius: 4px !important;
}
.custella-lang.dropdown ul li:focus {
  background: #324954;
  color: #fff !important;
  border-radius: 4px !important;
}
.topbar .disabledMenu a {
  opacity: 0.6;
}
.topbar .disabledMenu a.dropdown-item:hover {
  background: transparent !important;
}
.need-help {
  position: relative;
  display: inline-block;
}
.need-help-trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  background: #636ff1;
  border: 0;
  cursor: pointer;
  color: #e5e7eb;
  padding: 5px 10px;
  border-radius: 9999px;
  font-family: "Inter-SemiBold";
  font-size: 11px;
}
.need-help-trigger:hover {
  background: #5763ee;
}
.need-help-trigger i {
  font-size: 12px;
  opacity: 0.9;
}
.need-help-menu {
  position: absolute;
  top: calc(100% + 14px);
  left: 0;
  z-index: 1000;
  color: white;
  border-radius: 6px;
  padding: 8px;
  margin: 0;
  list-style: none;
  background: #1a2428;
  width: 140px;
}
.need-help-menu li {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 7px;
  border-radius: 6px;
  cursor: pointer;
  outline: none;
  color: #fff;
}
.need-help-menu li span {
  font-size: 12px;
}
.need-help-menu li:hover,
.need-help-menu li:focus {
  background: #f3f4f6;
  color: #1a2428;
}
.need-help-menu li .active {
  background: #eef2ff;
}
.need-help-menu i {
  width: 18px;
  min-width: 18px;
  text-align: center;
  opacity: 0.9;
}
.need-help-menu > li + li {
  margin-top: 4px;
}
.custella-dashboard-container {
  height: 100vh;
  margin-left: 200px;
}
.todays-order-container {
  height: 100%;
  background: #F9F9F9;
  border: 1px solid #dee2e6;
  border-radius: 0.775rem !important;
}
.todays-order-container .todays-order-container-title {
  background: #fff;
  color: #212529;
  padding: 0.85rem 1.75rem;
  border-top-left-radius: 0.775rem !important;
  border-top-right-radius: 0.775rem !important;
}
.todays-order-container .todays-order-container-content {
  height: 77.5vh;
  padding: 1.5rem 1.5rem;
  overflow-y: scroll;
}
.todays-order-container .todays-order-container-content .order-card {
  background: #FAFAFA;
  color: #12191D;
  box-shadow:
    0px 2px 6px 0px rgba(0, 0, 0, 0.1215686275),
    0px 0px 2px 0px rgba(0, 0, 0, 0.0588235294),
    0px 4px 10px 0px rgba(0, 0, 0, 0.031372549);
  border: 1px solid #dedede;
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 0.5rem;
  cursor: pointer;
}
.todays-order-container .todays-order-container-content .order-card .p-avatar img {
  width: 22px !important;
  height: 22px !important;
  border-radius: 25px !important;
}
.todays-order-container .todays-order-container-content .order-card:hover {
  border: 1px solid #6366F1;
}
.todays-order-container .todays-order-container-content .order-card:active {
  border: 1px solid #6366F1;
}
.todays-order-container .todays-order-container-content .order-card:focus {
  border: 1px solid #6366F1;
}
.todays-order-container .todays-order-container-content-graph {
  height: 300px;
  padding: 1.5rem 1.5rem;
  overflow-y: scroll;
}
.todays-order-container .todays-order-container-content-short {
  height: 410px;
  padding: 1.5rem 1.5rem;
  overflow-y: scroll;
}
.todays-order-container .todays-order-container-content-short .order-card {
  background: #FAFAFA;
  color: #12191D;
  box-shadow:
    0px 2px 6px 0px rgba(0, 0, 0, 0.1215686275),
    0px 0px 2px 0px rgba(0, 0, 0, 0.0588235294),
    0px 4px 10px 0px rgba(0, 0, 0, 0.031372549);
  border: 1px solid #dedede;
  border-radius: 0.5rem;
  overflow: hidden;
  margin-bottom: 0.5rem;
  cursor: pointer;
}
.todays-order-container .todays-order-container-content-short .order-card .p-avatar img {
  width: 22px !important;
  height: 22px !important;
  border-radius: 25px !important;
}
.todays-order-container .todays-order-container-content-short .order-card:hover {
  border: 1px solid #6366F1;
}
.todays-order-container .todays-order-container-content-short .order-card:active {
  border: 1px solid #6366F1;
}
.todays-order-container .todays-order-container-content-short .order-card:focus {
  border: 1px solid #6366F1;
}
.filter-bar {
  display: flex;
  gap: 16px;
  padding: 16px 20px;
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e8e8e8;
  margin-bottom: 16px;
  box-shadow: 0px 4px 15px -12px rgba(117, 115, 115, 0.8);
}
.filter-bar__item {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.filter-bar__label {
  font-family: "Inter-Regular";
  font-size: 12px;
  font-weight: 500;
  color: #6b7280;
}
.filter-bar__dropdown {
  width: 100%;
}
.summary-cards {
  display: flex;
  gap: 12px;
  margin-bottom: 16px;
}
.summary-cards__card {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 14px 20px;
  border-radius: 8px;
  min-width: 160px;
  box-shadow: 0px 4px 15px -12px rgba(117, 115, 115, 0.8);
}
.summary-cards__card--overdue {
  background: #FFF3F2;
  border: 1px solid #FFF3F2;
}
.summary-cards__card--due-soon {
  background: #FFFABE;
  border: 1px solid #FFFABE;
}
.summary-cards__card--completed {
  background: #D6FFED;
  border: 1px solid #D6FFED;
}
.summary-cards__label {
  font-family: "Inter-Regular";
  font-size: 12px;
  font-weight: 500;
}
.summary-cards__card--overdue .summary-cards__label {
  color: #dc2626;
}
.summary-cards__card--due-soon .summary-cards__label {
  color: #d97706;
}
.summary-cards__card--completed .summary-cards__label {
  color: #16a34a;
}
.summary-cards__value {
  font-family: "Inter-Bold";
  font-size: 28px;
  line-height: 1;
}
.summary-cards__card--overdue .summary-cards__value {
  color: #dc2626;
}
.summary-cards__card--due-soon .summary-cards__value {
  color: #d97706;
}
.summary-cards__card--completed .summary-cards__value {
  color: #16a34a;
}
.maintenance-jobs {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e8e8e8;
  margin-bottom: 16px;
  overflow: hidden;
  box-shadow: 0px 4px 15px -12px rgba(117, 115, 115, 0.8);
}
.maintenance-jobs__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid #f3f4f6;
  background-color: #E0E7FF;
}
.maintenance-jobs__title {
  font-family: "Inter-Bold";
  font-size: 14px;
  color: #3730A3;
  margin: 0;
}
.maintenance-jobs__view-all {
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #6366F1;
  cursor: pointer;
  text-decoration: none;
}
.maintenance-jobs__view-all i {
  margin-left: 4px;
}
.maintenance-jobs__view-all:hover {
  text-decoration: underline;
}
.maintenance-jobs__list {
  display: flex;
  flex-direction: column;
  gap: 0;
}
.maintenance-jobs__row {
  display: flex;
  align-items: normal;
  padding: 6px 14px;
  border-bottom: 1px solid #f3f4f6;
  gap: 8px;
}
.maintenance-jobs__row:last-child {
  border-bottom: none;
}
.maintenance-jobs__cell {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.maintenance-jobs__cell--action {
  flex: 0 0 auto;
}
.maintenance-jobs__cell-label {
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #7C828D;
  letter-spacing: 0.02em;
}
.maintenance-jobs__cell-value {
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #212529;
}
.maintenance-jobs__cell-value--primary {
  color: #6366F1;
}
.maintenance-jobs__cell-value--overdue {
  color: #dc2626;
}
.maintenance-jobs__cell-sub {
  font-family: "Inter-Regular";
  font-size: 10px;
  color: #515151;
}
.maintenance-jobs__cell-value,
.maintenance-jobs__cell-sub {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.maintenance-jobs__status-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 20px;
  font-family: "Inter-Regular";
  font-size: 12px;
  font-weight: 500;
  width: fit-content;
}
.maintenance-jobs__status-badge--in-operation {
  background: #dbeafe;
  color: #2563eb;
}
.maintenance-jobs__status-badge--down {
  background: #fef2f2;
  color: #dc2626;
}
.maintenance-jobs__view-btn {
  font-family: "Inter-Regular";
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 6px 16px;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s;
}
.maintenance-jobs__view-btn:hover {
  background: #f9fafb;
}
.record-section {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e8e8e8;
  margin-bottom: 16px;
  overflow: hidden;
  box-shadow: 0px 4px 15px -12px rgba(117, 115, 115, 0.8);
}
.record-section--open-jo .record-section__header {
  background-color: #FFFABE;
  border-bottom-color: #FFFABE;
}
.record-section__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 16px;
  border-bottom: 1px solid #FFF2F2;
  background-color: #FFF2F2;
}
.record-section__header-left {
  display: flex;
  align-items: center;
  gap: 12px;
}
.record-section__header-right {
  display: flex;
  align-items: center;
  gap: 16px;
}
.record-section__title {
  font-family: "Inter-Bold";
  font-size: 14px;
  margin: 0;
}
.record-section__title--cert,
.record-section__title--insp {
  color: #A8000F;
}
.record-section__title--open-jo {
  color: #FF9900;
}
.record-section__overdue-badge {
  font-family: "Inter-Regular";
  font-size: 12px;
  background: #FFCBCB;
  border: 1px solid #FFCBCB;
  color: #E0435D;
  border-radius: 20px;
  padding: 4px 14px;
}
.record-section__view-all {
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #6366F1;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}
.record-section__view-all i {
  margin-left: 4px;
}
.record-section__view-all:hover {
  text-decoration: underline;
}
.record-section__list {
  display: flex;
  flex-direction: column;
}
.record-section__row {
  display: flex;
  align-items: normal;
  padding: 6px 14px;
  border-bottom: 1px solid #f3f4f6;
  gap: 8px;
}
.record-section__row:last-child {
  border-bottom: none;
}
.record-section__cell {
  display: flex;
  flex-direction: column;
  gap: 2px;
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.record-section__cell--action {
  flex: 0 0 auto;
}
.record-section__cell-label {
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #7C828D;
  letter-spacing: 0.02em;
}
.record-section__cell-value {
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #212529;
}
.record-section__cell-value--link {
  color: #6366F1;
  cursor: pointer;
}
.record-section__cell-value--link:hover {
  text-decoration: underline;
}
.record-section__cell-value--overdue {
  color: #dc2626;
}
.record-section__cell-sub {
  font-family: "Inter-Regular";
  font-size: 10px;
  color: #515151;
}
.record-section__cell-value,
.record-section__cell-sub {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.record-section__status-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 10px;
  border-radius: 20px;
  font-family: "Inter-Regular";
  font-size: 12px;
  font-weight: 500;
  width: fit-content;
}
.record-section__status-badge--in-operation {
  background: #dbeafe;
  color: #2563eb;
}
.record-section__status-badge--down {
  background: #fef2f2;
  color: #dc2626;
}
.record-section__view-btn {
  font-family: "Inter-Regular";
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  background: #fff;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  padding: 6px 20px;
  cursor: pointer;
  white-space: nowrap;
  transition: background 0.15s;
}
.record-section__view-btn:hover {
  background: #f9fafb;
}
.asset-chart {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e8e8e8;
  padding: 24px;
  display: flex;
  align-items: center;
  gap: 40px;
  margin-bottom: 16px;
  overflow: hidden;
  box-shadow: 0px 4px 15px -12px rgba(117, 115, 115, 0.8);
}
.asset-chart__chart-area {
  position: relative;
  width: 240px;
  height: 240px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.asset-chart__center {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  pointer-events: none;
  text-align: center;
}
.asset-chart__center-value {
  font-family: "Inter-Bold";
  font-size: 28px;
  color: #111827;
  line-height: 1.1;
}
.asset-chart__center-label {
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #6b7280;
  margin-top: 4px;
}
.asset-chart__legend {
  display: flex;
  flex-direction: column;
  gap: 12px;
  max-height: 240px;
  overflow-y: auto;
  padding-right: 4px;
}
.asset-chart__legend-item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.asset-chart__legend-dot {
  width: 14px;
  height: 14px;
  border-radius: 3px;
  flex-shrink: 0;
}
.asset-chart__legend-label {
  font-family: "Inter-Regular";
  font-size: 14px;
  color: #374151;
  min-width: 70px;
  flex: 1;
}
.asset-chart__legend-count {
  font-family: "Inter-Bold";
  font-size: 14px;
  color: #111827;
}
.schedule {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e8e8e8;
  margin-bottom: 16px;
  box-shadow: 0px 4px 15px -12px rgba(117, 115, 115, 0.8);
}
.schedule__header {
  padding: 6px 16px;
  border-bottom: 1px solid #e8e8e8;
}
.schedule__title {
  font-family: "Inter-Bold";
  font-size: 14px;
  color: #12191D;
  margin: 0 0 4px 0;
}
.schedule__subtitle {
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #7C828D;
  margin: 0;
}
.schedule__toolbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 16px;
}
.schedule__nav {
  display: flex;
  align-items: center;
  gap: 8px;
}
.schedule__month-label {
  font-family: "Inter-Regular";
  font-size: 14px;
  color: #12191D;
  margin-right: 8px;
}
.schedule__nav-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #fff;
  cursor: pointer;
  color: #6b7280;
}
.schedule__nav-btn:hover {
  background: #f9fafb;
}
.schedule__today-btn {
  font-family: "Inter-Regular";
  font-size: 13px;
  font-weight: 500;
  padding: 4px 14px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  background: #fff;
  color: #374151;
  cursor: pointer;
}
.schedule__today-btn:hover {
  background: #f9fafb;
}
.schedule__legend {
  display: flex;
  gap: 16px;
}
.schedule__legend-item {
  display: flex;
  align-items: center;
  gap: 6px;
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #6b7280;
}
.schedule__legend-dot {
  width: 14px;
  height: 14px;
  border-radius: 4px;
}
.schedule__legend-dot--overdue {
  background: #FEE2E2;
}
.schedule__legend-dot--due-week {
  background: #D6FFED;
}
.schedule__legend-dot--open {
  background: #DBEAFE;
}
.schedule__calendar {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  overflow: hidden;
  margin: 0 16px 16px;
}
.schedule__day-header {
  font-family: "Inter-Regular";
  font-size: 12px;
  font-weight: 600;
  color: #6b7280;
  text-transform: uppercase;
  text-align: left;
  padding: 10px 8px;
  background: #f9fafb;
  border-bottom: 1px solid #e5e7eb;
}
.schedule__day-cell {
  min-height: 90px;
  padding: 6px 8px;
  border-right: 1px solid #f3f4f6;
  border-bottom: 1px solid #f3f4f6;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.schedule__day-cell:nth-child(7n) {
  border-right: none;
}
.schedule__day-cell--other-month {
  opacity: 0.4;
}
.schedule__day-cell--today {
  background: #fafafa;
}
.schedule__day-number {
  font-family: "Inter-Regular";
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  width: 24px;
  height: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.schedule__day-number--today {
  background: #6366F1;
  color: #fff;
  border-radius: 50%;
}
.schedule__events {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.schedule__event {
  font-family: "Inter-Regular";
  font-size: 11px;
  font-weight: 500;
  padding: 2px 6px;
  border-radius: 4px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.schedule__event--overdue {
  background: #fef2f2;
  color: #dc2626;
  border-left: 3px solid #dc2626;
}
.schedule__event--due-week {
  background: #D6FFED;
  color: #16a34a;
  border-left: 3px solid #16a34a;
}
.schedule__event--open {
  background: #eff6ff;
  color: #2563eb;
  border-left: 3px solid #2563eb;
}
.schedule__more {
  font-family: "Inter-Regular";
  font-size: 11px;
  color: #6b7280;
  padding-left: 6px;
}
.recent-activity {
  background: #fff;
  border-radius: 8px;
  border: 1px solid #e8e8e8;
  margin-bottom: 16px;
  box-shadow: 0px 4px 15px -12px rgba(117, 115, 115, 0.8);
}
.recent-activity__header {
  padding: 6px 16px;
  border-bottom: 1px solid #e8e8e8;
}
.recent-activity__title {
  font-family: "Inter-Bold";
  font-size: 14px;
  color: #12191D;
  margin: 0 0 4px 0;
}
.recent-activity__subtitle {
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #7C828D;
  margin: 0;
}
.recent-activity__list {
  display: flex;
  flex-direction: column;
}
.recent-activity__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 8px 16px;
  border-bottom: 1px solid #f3f4f6;
}
.recent-activity__item:last-child {
  border-bottom: none;
}
.recent-activity__icon-wrapper {
  flex-shrink: 0;
}
.recent-activity__icon {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
.recent-activity__icon--completed {
  background: #dcfce7;
  color: #16a34a;
}
.recent-activity__icon--updated {
  background: #dbeafe;
  color: #6366F1;
}
.recent-activity__content {
  flex: 1;
  min-width: 0;
}
.recent-activity__text {
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #12191D;
  margin: 0 0 2px 0;
}
.recent-activity__text strong {
  font-family: "Inter-SemiBold";
}
.recent-activity__sub {
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #7C828D;
}
.recent-activity__time {
  font-family: "Inter-Regular";
  font-size: 12px;
  color: #7C828D;
  white-space: nowrap;
  flex-shrink: 0;
}
.day-popup-backdrop {
  position: fixed;
  inset: 0;
  background: transparent;
  z-index: 1000;
}
.day-popup {
  position: fixed;
  width: 270px;
  max-height: min(420px, 100vh - 24px);
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.18);
  z-index: 1001;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: #212529;
}
.day-popup__close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 28px;
  height: 28px;
  border: 1px solid #fff;
  border-radius: 50%;
  background: #ffffff;
  color: #7C828D;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
}
.day-popup__close:hover {
  background: #f9fafb;
  color: #212529;
}
.day-popup__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 12px 12px 0;
}
.day-popup__weekday {
  font-size: 12px;
  font-family: "Inter-Medium";
  letter-spacing: 0.04em;
  color: #7C828D;
}
.day-popup__day {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-family: "Inter-Medium";
  color: #212529;
}
.day-popup__day--today {
  background: #6366F1;
  color: #fff;
}
.day-popup__list {
  overflow-y: auto;
  padding: 8px 0;
}
.day-popup__item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 4px 16px;
  cursor: default;
}
.day-popup__item:hover {
  background: #f9fafb;
}
.day-popup__dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  flex-shrink: 0;
}
.day-popup__dot--overdue {
  background: #ef4444;
}
.day-popup__dot--due-week {
  background: #16a34a;
}
.day-popup__dot--open {
  background: #636ff1;
}
.day-popup__time {
  min-width: 0;
  font-size: 12px;
  color: #7C828D;
  flex-shrink: 0;
}
.day-popup__title {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #212529;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.day-popup__empty {
  padding: 24px 16px;
  text-align: center;
  color: #7C828D;
  font-size: 12px;
}
.sidebar .logo {
  padding-top: 7px !important;
  padding-bottom: 12px !important;
  position: fixed !important;
  background-color: #1a2428 !important;
  z-index: 100 !important;
}
.btn-group-toggle.space {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(122px, auto)) !important;
}
.h-95vh {
  height: 95vh !important;
}
.img-form {
  object-fit: cover !important;
  object-position: center !important;
  border-radius: 6px !important;
  height: 65px !important;
  width: 65px !important;
}
.chat-title {
  padding: 3px 27px 2px 27px !important;
}
.sub-amount {
  display: initial;
  position: relative;
  right: 0;
  margin-top: 20px;
}
.arrow-calendly {
  font-size: 2rem !important;
  color: #AAA !important;
}
.short-label {
  max-width: 210px !important;
  white-space: nowrap !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.task-template-table {
  padding-top: 0px !important;
  margin-top: 5px !important;
  height: 200px !important;
  width: 100% !important;
}
.btn-group.btn-cond {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(22px, 50px));
}
.user-select {
  display: flex !important;
  flex-direction: column !important;
  box-shadow: none !important;
}
.add-note {
  margin: 15% auto !important;
}
.box-border {
  box-sizing: border-box !important;
}
.text-15 {
  font-size: 15px !important;
}
.h-100-3px {
  height: calc(100% - 3px) !important;
}
.h-100-15px {
  height: calc(100% - 15px) !important;
}
.h-100-25px {
  height: calc(100% - 25px) !important;
}
.h-100-30px {
  height: calc(100% - 30px) !important;
}
.h-100-38px {
  height: calc(100% - 38px) !important;
}
.h-100-46px {
  height: calc(100% - 46px) !important;
}
.h-100-48px {
  height: calc(100% - 48px) !important;
}
.h-100-50px {
  height: calc(100% - 50px) !important;
}
.h-100-55px {
  height: calc(100% - 55px) !important;
}
.h-100-62px {
  height: calc(100% - 62px) !important;
}
.h-100-65px {
  height: calc(100% - 65px) !important;
}
.h-100-73px {
  height: calc(100% - 73px) !important;
}
.h-100-75px {
  height: calc(100% - 75px) !important;
}
.h-100-78px {
  height: calc(100% - 78px) !important;
}
.h-100-89px {
  height: calc(100% - 89px) !important;
}
.h-100-95px {
  height: calc(100% - 95px) !important;
}
.h-100-100px {
  height: calc(100% - 100px) !important;
}
.h-100-108px {
  height: calc(100% - 108px) !important;
}
.h-100-118px {
  height: calc(100% - 118px) !important;
}
.h-100-120px {
  height: calc(100% - 120px) !important;
}
.h-100-128px {
  height: calc(100% - 128px) !important;
}
.h-100-138px {
  height: calc(100% - 138px) !important;
}
.h-100-145px {
  height: calc(100% - 145px) !important;
}
.h-100-151px {
  height: calc(100% - 151px) !important;
}
.h-100-158px {
  height: calc(100% - 158px) !important;
}
.h-100-161px {
  height: calc(100% - 161px) !important;
}
.h-100-171px {
  height: calc(100% - 171px) !important;
}
.h-100-181px {
  height: calc(100% - 181px) !important;
}
.h-100-191px {
  height: calc(100% - 191px) !important;
}
.h-100-201px {
  height: calc(100% - 201px) !important;
}
.h-100-211px {
  height: calc(100% - 211px) !important;
}
.h-100-221px {
  height: calc(100% - 221px) !important;
}
.max-h-100-10rm {
  height: calc(100% - 10rem) !important;
}
.h-40vh {
  height: 40vh !important;
}
.h-42vh {
  height: 42vh !important;
}
.h-50vh {
  height: 50vh !important;
}
.h-60vh {
  height: 60vh !important;
}
.h-73vh {
  height: 73vh !important;
}
.h-74vh {
  height: 74vh !important;
}
.h-89vh {
  height: 89vh !important;
}
.h-100px {
  height: 100px !important;
}
.h-107px {
  height: 107px !important;
}
.h-117px {
  height: 117px !important;
}
.h-140px {
  height: 140px !important;
}
.h-200px {
  height: 200px !important;
}
.h-270px {
  height: 270px !important;
}
.h-300px {
  height: 300px !important;
}
.h-350px {
  height: 350px !important;
}
.h-400px {
  height: 400px !important;
}
.h-407px {
  height: 407px !important;
}
.h-450px {
  height: 450px !important;
}
.h-15px {
  height: 15px !important;
}
.h-24px {
  height: 24px !important;
}
.h-25px {
  height: 25px !important;
}
.h-27px {
  height: 27px !important;
}
.h-30px {
  height: 30px !important;
}
.h-33px {
  height: 33px !important;
}
.h-35px {
  height: 35px !important;
}
.h-37px {
  height: 37px !important;
}
.h-40px {
  height: 40px !important;
}
.h-41px {
  height: 41px !important;
}
.h-45px {
  height: 45px !important;
}
.h-50px {
  height: 50px !important;
}
.h-62px {
  height: 62px !important;
}
.h-65px {
  height: 65px !important;
}
.h-70px {
  height: 70px !important;
}
.h-951px {
  height: 951px !important;
}
.h-2rem {
  height: 2rem !important;
}
.h-2p5rem {
  height: 2.5rem !important;
}
.h-87p5-prcnt {
  height: 87.5% !important;
}
.h-90-prcnt {
  height: 90% !important;
}
.h-92-prcnt {
  height: 92% !important;
}
.h-95-prcnt {
  height: 95% !important;
}
.height-0 {
  height: 0 !important;
}
.height-fit-content {
  height: fit-content !important;
}
.height-unset {
  height: unset !important;
}
.min-h-0 {
  min-height: 0;
}
.min-h-18px {
  min-height: 18px !important;
}
.min-h-178px {
  min-height: 178px !important;
}
.min-h-350px {
  min-height: 350px !important;
}
.min-h-unset {
  min-height: unset !important;
}
.max-h-150px {
  max-height: 150px !important;
}
.max-h-200px {
  max-height: 200px !important;
}
.shadow {
  box-shadow: 0px 4px 15px -4px rgba(117, 115, 115, 0.8) !important;
}
.bg-none {
  background: none !important;
}
.bg-overdue-db6c {
  background-color: #db6c6c !important;
}
.bg-ffc {
  background-color: #ffc300 !important;
}
.bg-839 {
  background-color: #839190 !important;
}
.bg-f1f0 {
  background: #f1f0f1 !important;
}
.bg-4b5 {
  background: #4b5357 !important;
}
.bg-crimson {
  background-color: crimson !important;
}
.bg-fafa {
  background-color: #FAFAFA !important;
}
.color-948 {
  color: rgba(148, 142, 142, 0.8392156863) !important;
}
.color-2a3 {
  color: #2A3A43 !important;
}
.color-e0 {
  color: #e0e0e0 !important;
}
.color-ffb {
  color: #ffb1b1 !important;
}
.color-f57 {
  color: #f57c00 !important;
}
.color-4ca {
  color: #4caf50 !important;
}
.color-d347 {
  color: #d34747 !important;
}
.w-100-30px {
  width: calc(100% - 30px) !important;
}
.w-100-110px {
  width: calc(100% - 110px) !important;
}
.w-100-125px {
  width: calc(100% - 125px) !important;
}
.w-100-140px {
  width: calc(100% - 140px) !important;
}
.w-100-150px {
  width: calc(100% - 150px) !important;
}
.w-100-171px {
  width: calc(100% - 171px) !important;
}
.w-100-223px {
  width: calc(100% - 223px) !important;
}
.w-14px {
  width: 14px !important;
}
.w-20px {
  width: 20px !important;
}
.w-25px {
  width: 25px !important;
}
.w-30px {
  width: 30px !important;
}
.w-37px {
  width: 37px !important;
}
.w-40px {
  width: 40px !important;
}
.w-65px {
  width: 65px !important;
}
.w-70px {
  width: 70px !important;
}
.w-75px {
  width: 75px !important;
}
.w-80px {
  width: 80px !important;
}
.w-82px {
  width: 82px !important;
}
.w-85px {
  width: 85px !important;
}
.w-90px {
  width: 90px !important;
}
.w-100px {
  width: 100px !important;
}
.w-110px {
  width: 110px !important;
}
.w-120px {
  width: 120px !important;
}
.w-130px {
  width: 130px !important;
}
.w-140px {
  width: 140px !important;
}
.w-150px {
  width: 150px !important;
}
.w-190px {
  width: 190px !important;
}
.w-200px {
  width: 200px !important;
}
.w-300px {
  width: 300px !important;
}
.w-335px {
  width: 335px !important;
}
.w-332px {
  width: 332px !important;
}
.w-900px {
  width: 900px !important;
}
.w-1rem {
  width: 1rem !important;
}
.width-0 {
  width: 0 !important;
}
.w-12-prcnt {
  width: 12% !important;
}
.w-15-prcnt {
  width: 15% !important;
}
.w-17-prcnt {
  width: 17% !important;
}
.w-20-prcnt {
  width: 20% !important;
}
.w-24p5-prcnt {
  width: 24.5% !important;
}
.w-25-prcnt {
  width: 25% !important;
}
.w-28-prcnt {
  width: 28% !important;
}
.w-30-prcnt {
  width: 30% !important;
}
.w-40-prcnt {
  width: 40% !important;
}
.w-65-prcnt {
  width: 65% !important;
}
.w-68-prcnt {
  width: 68% !important;
}
.w-90-prcnt {
  width: 90% !important;
}
.w-92-prcnt {
  width: 92% !important;
}
.w-95-prcnt {
  width: 95% !important;
}
.w-web {
  width: -webkit-fill-available !important;
  width: -moz-available !important;
}
.w-fit {
  width: fit-content !important;
}
.max-w-210px {
  max-width: 210px !important;
}
.max-w-500px {
  max-width: 500px !important;
}
.max-w-unset {
  max-width: unset !important;
}
.br-unset {
  border-top: unset !important;
  border-right: unset !important;
}
.br-right {
  border-right: 1px solid #d4d4d4 !important;
}
.br-right-5656 {
  border-right: 2px solid #565656 !important;
}
.br-top-e9ec {
  border-top: 1px solid #e9ecef !important;
}
.br-bottom-de {
  border-bottom: 1px solid #dedede !important;
}
.br-bottom-0 {
  border-bottom: unset !important;
}
.br-rad-s-0 {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
.br-rad-t-2 {
  border-top-left-radius: 2px !important;
  border-top-right-radius: 2px !important;
}
.br-rad-0 {
  border-radius: unset !important;
}
.br-rad-4 {
  border-radius: 4px !important;
}
.br-rad-6 {
  border-radius: 6px !important;
}
.br-rad-12 {
  border-radius: 12px !important;
}
.br-rad-s-10 {
  border-radius: 10px 0px 0px 10px !important;
}
.br-rad-e-10 {
  border-radius: 0px 10px 10px 0px !important;
}
.border-ad {
  border: 1px solid #adadad !important;
}
.border-dee {
  border: 1px solid #dee2e6 !important;
}
.border-4b5 {
  border: 1px solid #4b5357 !important;
}
.border-eb {
  border: 1px solid #EBEBEB !important;
}
.border-ea {
  border: 1px solid #eaeaea !important;
}
.border-y-dee {
  border-top: 1px solid #dee2e6 !important;
  border-bottom: 1px solid #dee2e6 !important;
}
.border-e-dee {
  border-right: 1px solid #dee2e6 !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.flex-flow-column {
  flex-flow: column !important;
}
.flex-direction-column {
  flex-direction: column;
}
.top-6px {
  top: 6px !important;
}
.top-59px {
  top: 59px !important;
}
.end-15px {
  right: 15px !important;
}
.end-neg-50px {
  right: -50px !important;
}
.gap-10px {
  gap: 10px !important;
}
.gap-5rem {
  gap: 5rem !important;
}
.row-gap-10px {
  row-gap: 10px !important;
}
.column-gap-1p5rem {
  column-gap: 1.5rem !important;
}
.m-2px {
  margin: 2px !important;
}
.m-4px {
  margin: 4px !important;
}
.my-10px {
  margin-top: 10px !important;
  margin-bottom: 10px !important;
}
.my-12px {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}
.mt-4rem {
  margin-top: 4rem !important;
}
.mt-neg-4px {
  margin-top: -4px !important;
}
.mt-neg-10px {
  margin-top: -10px !important;
}
.mt-4px {
  margin-top: 4px !important;
}
.mt-5px {
  margin-top: 5px !important;
}
.mt-10px {
  margin-top: 10px !important;
}
.mt-12px {
  margin-top: 12px !important;
}
.mt-15px {
  margin-top: 15px !important;
}
.mt-18px {
  margin-top: 18px !important;
}
.mt-22px {
  margin-top: 22px !important;
}
.mt-25px {
  margin-top: 25px !important;
}
.mt-30px {
  margin-top: 30px !important;
}
.mt-68px {
  margin-top: 68px !important;
}
.mt-p8rem {
  margin-top: 0.8rem !important;
}
.mt-p85rem {
  margin-top: 0.85rem !important;
}
.ms-5px {
  margin-left: 5px !important;
}
.ms-10px {
  margin-left: 10px !important;
}
.ms-15px {
  margin-left: 15px !important;
}
.ms-18px {
  margin-left: 18px !important;
}
.ms-3p5rem {
  margin-left: 3.5rem !important;
}
.ms-10-prcnt {
  margin-left: 10% !important;
}
.me-4px {
  margin-right: 4px !important;
}
.me-5px {
  margin-right: 5px !important;
}
.me-7px {
  margin-right: 7px !important;
}
.me-14px {
  margin-right: 14px !important;
}
.mb-neg-15px {
  margin-bottom: -15px !important;
}
.mb-3px {
  margin-bottom: 3px !important;
}
.mb-15px {
  margin-bottom: 15px !important;
}
.mb-25px {
  margin-bottom: 25px !important;
}
.mx-5px {
  margin-left: 5px !important;
  margin-right: 5px !important;
}
.mx-p75rem {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}
.py-2px {
  padding-top: 2px !important;
  padding-bottom: 2px !important;
}
.py-5px {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.px-6px {
  padding-top: 6px !important;
  padding-bottom: 6px !important;
}
.px-30px {
  padding-right: 30px !important;
  padding-left: 30px !important;
}
.px-p75rem {
  padding-right: 0.75rem !important;
  padding-left: 0.75rem !important;
}
.px-2rem {
  padding-right: 2rem !important;
  padding-left: 2rem !important;
}
.pt-2px {
  padding-top: 2px !important;
}
.pt-3px {
  padding-top: 3px !important;
}
.pt-4px {
  padding-top: 4px !important;
}
.pt-14px {
  padding-top: 14px !important;
}
.pt-15px {
  padding-top: 15px !important;
}
.pt-18px {
  padding-top: 18px !important;
}
.pb-10px {
  padding-bottom: 10px !important;
}
.pb-2rem {
  padding-bottom: 2rem !important;
}
.pb-5rem {
  padding-bottom: 5rem !important;
}
.pe-4px {
  padding-right: 4px !important;
}
.pe-12px {
  padding-right: 12px !important;
}
.pe-25px {
  padding-right: 25px !important;
}
.ps-2px {
  padding-left: 2px !important;
}
.ps-3px {
  padding-left: 3px !important;
}
.ps-4px {
  padding-left: 4px !important;
}
.ps-12px {
  padding-left: 12px !important;
}
.ps-24px {
  padding-left: 24px !important;
}
.ps-35px {
  padding-left: 35px !important;
}
.ps-60px {
  padding-left: 60px !important;
}
.ps-2p15rem {
  padding-left: 2.15rem !important;
}
.p-10px {
  padding: 10px !important;
}
.p-20px {
  padding: 20px !important;
}
.top-51px {
  top: 51px !important;
}
.transform-x-10px {
  transform: translate(0px, 10px) !important;
}
.vertical-top {
  vertical-align: top !important;
}
.vertical-baseline {
  vertical-align: baseline !important;
}
.justify-content-unset {
  justify-content: unset !important;
}
.align-items-normal {
  align-items: normal !important;
}
.object-fit-cover {
  object-fit: cover !important;
}
.object-position-center {
  object-position: center !important;
}
.text-pre-wrap {
  white-space: pre-wrap !important;
}
.p-tag.jmp-approve {
  background-color: rgba(26, 172, 32, 0.3137254902) !important;
  color: rgba(26, 172, 32, 0.3137254902) !important;
}
.p-tag.jmp-reject {
  background-color: rgba(219, 83, 131, 0.3137254902) !important;
  color: rgba(219, 83, 131, 0.3137254902) !important;
}
.p-tag.jmp-submit {
  background-color: #c4c8cb !important;
  color: #c4c8cb !important;
}
.p-tag.leave-applied {
  background-color: #FEEDAF !important;
  color: #8a5340 !important;
}
.p-tag.leave-approved {
  background-color: #C8E6C9 !important;
  color: #256029 !important;
}
.p-tag.leave-rejected {
  background-color: #FFCDD2 !important;
  color: #c63737 !important;
}
.cursor-unset {
  cursor: unset !important;
}
.scroll-10px {
  scrollbar-width: 10px !important;
}
.z-200 {
  z-index: 200 !important;
}
.icon-bg-010 {
  background: #E3F2FD !important;
  color: rgb(36.6, 153.6, 239.4) !important;
}
.icon-bg-010.border-thin {
  border: 1px solid rgb(36.6, 153.6, 239.4) !important;
}
.icon-bg-143 {
  background: #E8F5E9 !important;
  color: rgb(89.8181818182, 183.1818181818, 97) !important;
}
.icon-bg-143.border-thin {
  border: 1px solid rgb(89.8181818182, 183.1818181818, 97) !important;
}
.icon-bg-135 {
  background: #FFF3E0 !important;
  color: rgb(255, 164.0322580645, 20) !important;
}
.icon-bg-135.border-thin {
  border: 1px solid rgb(255, 164.0322580645, 20) !important;
}
.icon-bg-132 {
  background: #F3E5F5 !important;
  color: rgb(175, 81.6666666667, 188.3333333333) !important;
}
.icon-bg-132.border-thin {
  border: 1px solid rgb(175, 81.6666666667, 188.3333333333) !important;
}
.icon-bg-102 {
  background: #E0F7FA !important;
  color: rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.icon-bg-102.border-thin {
  border: 1px solid rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.icon-bg-142 {
  background: #FFFDE7 !important;
  color: #ffec1b !important;
}
.icon-bg-142.border-thin {
  border: 1px solid #ffec1b !important;
}
.icon-bg-144 {
  background: #F1F8E9 !important;
  color: rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.icon-bg-144.border-thin {
  border: 1px solid rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.icon-bg-145 {
  background: #FBE9E7 !important;
  color: rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.icon-bg-145.border-thin {
  border: 1px solid rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.icon-bg-146 {
  background: #EDE7F6 !important;
  color: rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.icon-bg-146.border-thin {
  border: 1px solid rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.icon-bg-123 {
  background: #F9FBE7 !important;
  color: rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.icon-bg-123.border-thin {
  border: 1px solid rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.icon-bg-147 {
  background: #E0F2F1 !important;
  color: rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.icon-bg-147.border-thin {
  border: 1px solid rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.icon-bg-004 {
  background: #FCE4EC !important;
  color: rgb(231.6, 44.4, 106.8) !important;
}
.icon-bg-004.border-thin {
  border: 1px solid rgb(231.6, 44.4, 106.8) !important;
}
.icon-bg-148 {
  background: #E8EAF6 !important;
  color: rgb(85.375, 100.125, 188.625) !important;
}
.icon-bg-148.border-thin {
  border: 1px solid rgb(85.375, 100.125, 188.625) !important;
}
.icon-bg-080 {
  background: #FFF8E1 !important;
  color: rgb(255, 200.4, 21) !important;
}
.icon-bg-080.border-thin {
  border: 1px solid rgb(255, 200.4, 21) !important;
}
.icon-bg-149 {
  background: #E6EE9C !important;
  color: rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.icon-bg-149.border-thin {
  border: 1px solid rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.no-inline-size {
  inline-size: unset !important;
}
.layout-config {
  width: 36rem;
  height: 99%;
  position: fixed;
  right: 0;
  top: 4px;
  overflow: unset;
  background: #ffffff;
  z-index: 999;
  border-left: 0 none;
  transform: translateX(100%);
  transition: transform 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99), width 0.3s ease;
  border-radius: 16px;
}
.layout-config.layout-config-active {
  transform: translateX(-4px);
}
.layout-config.layout-config-active .layout-config-content .layout-config-button i {
  transform: rotate(360deg);
}
.layout-config.expanded {
  width: 48rem;
  transition: transform 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99), width 0.3s ease;
}
.layout-config .layout-config-content-wrapper {
  position: relative;
  height: 100%;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.24);
  color: var(--text-color);
  background-color: var(--surface-f);
  border-radius: 16px;
}
.layout-config .layout-config-content-wrapper .layout-config-button {
  display: block;
  position: absolute;
  width: 52px;
  height: 52px;
  line-height: 52px;
  background-color: #1A2428;
  text-align: center;
  color: var(--primary-color-text);
  top: 40%;
  left: -51px;
  z-index: -1;
  overflow: hidden;
  cursor: pointer;
  outline: 0 none;
  border-radius: 3px;
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.layout-config .layout-config-content-wrapper .layout-config-button i {
  font-size: 26px;
  line-height: inherit;
  cursor: pointer;
  transform: rotate(360deg);
  transition: transform 1s;
}
.layout-config .layout-config-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.5rem 1rem;
  background-color: #ffffff;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.layout-config .layout-config-header > div:first-child {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  position: relative;
}
.layout-config .layout-config-header > div:first-child img {
  height: 50px;
}
.layout-config .layout-config-header > div:first-child i {
  font-size: 60px;
  transform: translateY(-2px);
  line-height: 1;
}
.layout-config .layout-config-header .header-icons {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.layout-config .layout-config-header .header-icons a {
  width: 25px;
  height: 25px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  cursor: pointer;
  transition:
    background-color 0.2s,
    box-shadow 0.2s,
    transform 0.2s;
}
.layout-config .layout-config-header .header-icons a i {
  color: #333;
  font-size: 14px;
}
.layout-config .layout-config-header .header-icons a:hover {
  transform: scale(1.1);
}
.layout-config a {
  color: var(--link-color);
  font-weight: 600;
}
.layout-config a:hover {
  text-decoration: none;
}
.layout-config .layout-config-content {
  overflow: scroll;
  height: calc(100% - 42px);
  padding: 0 1.5rem 0 1.5rem;
}
.layout-config .layout-config-content .chatbox table {
  width: 100%;
  border-collapse: collapse;
  margin: 10px 0;
}
.layout-config .layout-config-content .chatbox table thead,
.layout-config .layout-config-content .chatbox table tbody,
.layout-config .layout-config-content .chatbox table tfoot,
.layout-config .layout-config-content .chatbox table tr,
.layout-config .layout-config-content .chatbox table td,
.layout-config .layout-config-content .chatbox table th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
.layout-config .layout-config-content .chatbox table tbody > tr > td {
  text-align: left;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  padding: 0.5rem 1rem;
}
.layout-config .layout-config-content .chatbox table tbody tr {
  background: #ffffff;
  color: #495057;
  transition: box-shadow 0.2s;
  outline-color: #c1c2f9;
}
.layout-config .layout-config-content .chatbox table th {
  text-align: left;
  padding: 0.5rem 1rem;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  font-weight: 600;
  color: #495057;
  background: #f8f9fa;
  transition: box-shadow 0.2s;
  font-size: 12px;
}
.layout-config .layout-config-content .chatbox .chat {
  display: flex;
}
.layout-config .layout-config-content .chatbox .chat .chat-message {
  font-family: "Inter-Regular";
  background: #6366f1;
  color: #fff;
  font-size: 12px;
  border-radius: 10px 10px 0 10px;
  padding: 14px;
  max-width: 100%;
}
.layout-config .layout-config-content .chatbox .chat .chat-message p {
  font-family: "Inter-Regular";
  color: #212121;
}
.layout-config .layout-config-content .chatbox .chat .chat-message b,
.layout-config .layout-config-content .chatbox .chat .chat-message strong {
  font-weight: bold !important;
  color: #212121;
  font-family: "Inter-SemiBold";
  font-weight: 600 !important;
}
.layout-config .layout-config-content .chatbox .chat.incoming {
  margin-bottom: 5px;
}
.layout-config .layout-config-content .chatbox .chat.incoming .chat-message {
  background: #fff;
  border: 1px solid #DADADA;
  color: #12191d;
  border-radius: 10px 10px 10px 0;
}
.layout-config .layout-config-content .chatbox .chat.incoming i {
  height: 25px;
  width: 25px;
  color: #39a8c9;
  background: #12191d;
  border-radius: 50%;
  text-align: center;
  line-height: 29px;
  margin: 0px 10px 7px 0px;
  align-self: flex-end;
}
.layout-config .layout-config-content .chatbox .chat.outgoing {
  justify-content: flex-end;
  margin: 15px 0;
}
.layout-config .layout-config-content .chatbox .chat.outgoing .chat-message {
  background: #f2f2f2;
  color: #12191D;
  border: 1px solid #e6e6e6;
  border-radius: 10px 10px 0 10px;
}
.layout-config .layout-config-content .chatbox .chat.outgoing i {
  height: 25px;
  width: 25px;
  color: #39a8c9;
  background: #12191d;
  border-radius: 50%;
  text-align: center;
  line-height: 29px;
  margin: 0px 10px 7px 0px;
  align-self: flex-end;
}
.layout-config .layout-config-content .chip-container {
  position: fixed;
  bottom: 65px;
  display: flex;
  gap: 10px;
  padding: 5px 0;
  background-color: #fff;
}
.layout-config .layout-config-content .chip-container .clickable-chip .p-chip {
  background-color: transparent;
  border: 1px solid #000;
  border-radius: 20px;
  padding: 0px 10px;
  cursor: pointer;
  font-family: "Inter-Regular";
  font-size: 10px;
  color: #000;
}
.layout-config .layout-config-content .chip-container .clickable-chip .p-chip:hover {
  background-color: #f0f0f0;
}
.layout-config .layout-config-content .chat-input {
  position: fixed;
  bottom: 10px;
  border: 1px solid #ccc;
  border-radius: 12px;
  width: calc(100% - 38px);
  background: #fff;
  padding: 6px;
  display: flex;
  gap: 8px;
}
.layout-config .layout-config-content .chat-input textarea {
  border: none;
  outline: none;
  font-size: 12px;
  resize: none;
  height: 40px;
  padding: 6px 12px;
  border-radius: 6px;
}
.layout-config .layout-config-content .chat-input textarea.chat-textarea {
  min-height: unset;
  height: 50px;
}
.layout-config .layout-config-content .chat-input .p-inputtextarea {
  border: none !important;
  outline: none !important;
}
.layout-config .layout-config-content .chat-input span {
  align-self: center;
  height: auto;
  line-height: normal;
  cursor: pointer;
  color: #565656;
  font-size: 14px;
  padding: 6px 12px;
  border-radius: 6px;
}
.layout-config .layout-config-content .chat-input span:hover {
  color: #6366F1;
  background-color: rgba(0, 0, 0, 0.05);
}
.layout-config .config-scale {
  display: flex;
  align-items: center;
  margin: 1rem 0 2rem 0;
}
.layout-config .config-scale .p-button {
  margin-right: 0.5rem;
}
.layout-config .config-scale i {
  margin-right: 0.5rem;
  font-size: 0.75rem;
  color: var(--text-color-secondary);
}
.layout-config .config-scale i.scale-active {
  font-size: 1.25rem;
  color: var(--link-color);
}
.layout-config .p-grid > div {
  padding: 1rem;
  text-align: center;
}
.layout-config .p-grid > div span {
  display: block;
}
.layout-config .p-grid > div button {
  position: relative;
  display: inline-flex;
  justify-content: center;
}
.layout-config .free-themes img {
  width: 50px;
  border-radius: 4px;
  transition: transform 0.2s;
}
.layout-config .free-themes img:hover {
  transform: scale(1.1);
}
.layout-config .free-themes span {
  font-size: 0.875rem;
  margin-top: 0.25rem;
}
.layout-config .premium-themes img {
  width: 100%;
  transition: transform 0.2s;
}
.layout-config .premium-themes img:hover {
  transform: scale(1.1);
}
.completion-summary-banner {
  background-color: #f8f9fa;
  border-radius: 16px;
  padding: 16px 30px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
  position: relative;
  margin: 12px;
  border: 1px solid #CFCFCF;
  opacity: 1;
  transform: translateY(0);
  transition: opacity 1s ease-out, transform 4s ease-out;
}
.completion-summary-banner.hidden {
  opacity: 0;
  transform: translateY(-10px);
  pointer-events: none;
}
.completion-summary-banner .banner-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.completion-summary-banner .banner-header h3 {
  font-size: 1.2rem;
  font-family: "Inter-SemiBold";
  margin: 0;
  color: #333;
}
.completion-summary-banner .banner-header .suggested-by {
  font-size: 12px;
  color: #12191D;
  font-style: italic;
  display: flex;
  align-items: center;
  gap: 4px;
}
.completion-summary-banner .banner-header .suggested-by i {
  font-size: 0.9rem;
  color: #333;
}
.completion-summary-banner .banner-header .close-icon {
  font-size: 1.2rem;
  color: #6c757d;
  cursor: pointer;
}
.completion-summary-banner .banner-header .close-icon:hover {
  color: #333;
}
.completion-summary-banner .content-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  margin-top: 10px;
}
.completion-summary-banner .summary-list {
  margin: 10px 0;
  padding: 0;
  list-style: inside;
}
.completion-summary-banner .summary-list li {
  font-size: 0.95rem;
  color: #333;
  margin-bottom: 3px;
}
.completion-summary-banner .summary-list li strong {
  font-weight: bold;
}
.completion-summary-banner .completed-by {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 12px;
  color: #333;
  gap: 8px;
}
.completion-summary-banner .completed-by span {
  color: #333;
  font-size: 0.95rem;
  font-weight: 500;
}
.completion-summary-banner .completed-by span strong {
  font-weight: bold;
}
.completion-summary-banner .completed-by .profile-images {
  display: flex;
  gap: -10px;
}
.completion-summary-banner .completed-by .profile-images img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  border: 2px solid #6366F1;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
  margin-left: -10px;
}
.completion-summary-banner .completed-by .profile-images img:first-child {
  margin-left: 0;
}
.custom-pane {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  background-color: #f3f4fe;
  border: 1px solid #d1d5db;
  border-radius: 0 0 8px 8px;
  padding: 6px 10px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  width: max-content;
}
.custom-pane p {
  font-size: 10px;
  font-family: "Inter-Regular";
  font-style: italic;
  color: #6b7280;
  margin-bottom: 10px;
}
.custom-pane .set-time-button {
  background-color: transparent;
  border: 1px solid #000;
  border-radius: 20px;
  padding: 0px 10px;
  cursor: pointer;
  font-family: "Inter-Regular";
  font-size: 10px;
  color: #000;
  transition: background-color 0.3s;
}
.custom-pane .set-time-button:hover {
  background-color: #c7d2fe;
}
.custom-pane .close-icon {
  position: absolute;
  bottom: 4px;
  right: 12px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 10px;
  color: #6b7280;
  background-color: #fff;
  border: 1px solid #d1d5db;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s ease;
}
.custom-pane .close-icon:hover {
  color: #374151;
  background-color: #f3f4f6;
  border-color: #374151;
}
.chatbot-container {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 98%;
  width: 100%;
  padding: 10px;
  position: relative;
  overflow-y: auto;
}
.loading-bubble {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.chatbox {
  list-style-type: none;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.chatbox li {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 15px;
  width: 100%;
}
.chatbox .chat-message {
  background-color: #f5f5f5;
  color: #333;
  padding: 5px;
  border-radius: 10px;
  width: auto;
  max-width: 80%;
}
.chatbox .chat.incoming .chat-message {
  background-color: #e0f7fa;
}
.bubble-dot {
  width: 8px;
  height: 8px;
  margin: 0 3px;
  background-color: #c5d0dc;
  border-radius: 50%;
  animation: bounce 1.5s infinite;
}
.bubble-dot:nth-child(2) {
  animation-delay: 0.3s;
}
.bubble-dot:nth-child(3) {
  animation-delay: 0.6s;
}
@keyframes bounce {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.completion-summary-banner {
  position: relative;
  max-height: 1000px;
  opacity: 1;
  transition: max-height 0.4s ease-out, opacity 0.4s ease-out;
  overflow: hidden;
}
.completion-summary-banner.hidden {
  max-height: 0;
  opacity: 0;
  margin: 0;
  padding: 0;
}
@keyframes flicker {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}
.banner-spinner-flicker {
  animation: flicker 1.5s infinite;
}
.completion-summary-banner.flickering {
  animation: flicker 1.5s infinite;
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
textarea.is-invalid {
  border-color: #dc3545;
  box-shadow: 0 0 0 0.2rem rgba(220, 53, 69, 0.25);
}
.error-message {
  color: #dc3545;
  font-size: 0.875rem;
  margin-top: 0.25rem;
  animation: fadeIn 0.3s ease-in-out;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.uploaded-file-container .btn-link {
  text-decoration: none;
}
.uploaded-file-container .btn-link:hover {
  opacity: 0.8;
}
.uploaded-file-container img {
  max-height: 200px;
  object-fit: contain;
}
.auto-suggest {
  background: rgba(99, 102, 241, 0.2705882353);
  height: 104px;
  border-radius: 4px;
  border: 1px dashed rgba(99, 102, 241, 0.6392156863);
  top: 24px;
  width: 100%;
  overflow: overlay;
}
.auto-suggest .content {
  padding: 0.54rem 0.5rem;
}
.auto-suggest .content .list .label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #818181;
}
.auto-suggest .content .list ol {
  padding: 0;
}
.smart-suggest {
  display: grid;
  row-gap: 4px;
  background-color: rgba(99, 102, 241, 0.1019607843);
  border-radius: 4px;
  border: 1px dashed rgba(99, 102, 241, 0.6392156863);
  transition: background-color 0.7s ease-in;
  padding: 0.5rem 0.75rem;
}
.smart-suggest .table-suggestion .p-datatable-table {
  opacity: 0.8;
}
.smart-suggest:hover {
  background-color: #eff0fe;
}
.smart-suggest:hover .table-suggestion .p-datatable-table {
  opacity: 1;
}
.smart-suggest-items {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid #eaeaea;
  border-radius: 4px;
  padding: 0.65rem 0.95rem;
  width: 100%;
  cursor: pointer;
}
.smart-suggest-items.added {
  background: #f2f2f2;
}
.ai-training {
  height: calc(100% - 80px);
}
.ai-training .train-body {
  margin-bottom: 1.5rem;
  height: calc(100% - 90px);
}
.ai-training .train-body .custella-form-container {
  height: 100%;
  overflow-y: hidden;
}
.ai-training .train-body .custella-form-container .ai-attachment-files {
  height: calc(100% - 70px);
  overflow: overlay;
  padding-bottom: 13px;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
}
.ai-training .train-body .custella-form-container .ai-attachment-files li div:hover {
  background: #F0F0F0;
}
.ai-training .train-body .custella-form-container .ai-attachment-files li div.selected {
  background: #F0F0F0;
}
.ai-training .train-body .custella-form-container .ai-attachment-files .content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 5px;
  flex-wrap: wrap;
}
.ai-training .train-body .custella-form-container .ai-attachment-files .content .flex-align-center img {
  width: 30px;
}
.ai-training .train-body .custella-form-container .ai-attachment-files .content .flex-align-center div .filename {
  font-size: 12px;
  font-family: "Inter-Medium";
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 350px;
}
.ai-training .train-body .custella-form-container .ai-attachment-files .content .flex-align-center div .filetime {
  font-size: 10px;
  font-family: "Inter-Medium";
  color: #7C828D;
}
.p-button.pro .fa-crown {
  color: #fff !important;
}
.p-button.enterprise .fa-crown {
  color: #F18E63 !important;
}
.options-pro .dropdown-menu .dropdown-item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  padding: 0.75rem;
  cursor: pointer;
  font-size: 13px;
}
.options-pro .dropdown-menu .dropdown-item .icon {
  padding: 1px 4px;
  border-radius: 6px;
}
.options-pro .dropdown-menu .dropdown-item .icon.pro {
  background-color: rgba(99, 102, 241, 0.1);
  color: #6366F1;
}
.options-pro .dropdown-menu .dropdown-item .icon.enterprise {
  background-color: rgba(241, 142, 99, 0.13);
  color: #F18E63;
}
.options-pro .dropdown-menu .dropdown-item.disabled {
  pointer-events: none;
  background-color: #EAEAEA;
  color: #7e7e7e;
  border: unset !important;
}
.options-pro .dropdown-menu .dropdown-item.disabled .icon {
  padding: 1px 4px;
  border-radius: 6px;
}
.options-pro .dropdown-menu .dropdown-item.disabled .icon.pro {
  background-color: rgba(99, 102, 241, 0.1);
  color: rgba(99, 102, 241, 0.5);
}
.options-pro .dropdown-menu .dropdown-item.disabled .icon.enterprise {
  background-color: rgba(241, 142, 99, 0.1);
  color: rgba(241, 142, 99, 0.5);
}
.options-pro .dropdown-menu.show {
  position: absolute;
}
.academy-menu-wrapper {
  position: relative;
}
.academy-menu-wrapper .icon {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}
.academy-menu-wrapper .icon:hover {
  background-color: #f1f0f1;
}
.academy-menu-wrapper .academy-dropdown {
  position: fixed;
  left: 87.9px;
  bottom: 47px;
  background: #fff;
  border-radius: 10px 10px 10px 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
  padding: 0.5rem;
  min-width: 180px;
  z-index: 150;
}
.academy-menu-wrapper .academy-dropdown ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.academy-menu-wrapper .academy-dropdown ul li {
  padding: 10px 12px !important;
  display: flex;
  align-items: center;
  gap: 10px;
  font-weight: 500;
  font-size: 14px;
  border-radius: 8px;
  cursor: pointer;
  justify-content: unset !important;
}
.academy-menu-wrapper .academy-dropdown ul li i {
  font-size: 16px;
  width: 20px;
}
.academy-menu-wrapper .academy-dropdown ul li:hover {
  background-color: #f4f4f4;
}
.academy-menu-wrapper.active {
  background-color: #eaeaea;
}
.payment-alert-banner {
  position: fixed;
  top: 52px;
  left: 172px;
  right: 0;
  background-color: #ffdfdf;
  border-bottom: 1px solid rgba(172, 19, 19, 0.49);
  color: #AC1313;
  font-size: 0.875rem;
  font-family: "Inter-Regular";
  padding: 0.5rem 1.25rem;
  z-index: 119;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  border-bottom: 1px solid #991b1b;
  animation: slideFadeDown 0.4s ease-out;
}
.payment-alert-banner .alert-bold {
  font-family: "Inter-SemiBold";
}
.payment-alert-banner .alert-link {
  color: #fff;
  font-family: "Inter-SemiBold";
}
.payment-alert-banner .alert-link i {
  font-size: 0.75rem;
  margin-left: 0.25rem;
}
.payment-alert-banner .alert-link:hover {
  text-decoration: underline;
}
@keyframes slideFadeDown {
  from {
    opacity: 0;
    transform: translateY(-8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.max-days-left-wrapper {
  background-color: #a9f4cd;
  color: #065f46;
  padding: 4px 10px;
  border-radius: 14px;
  font-size: 11px;
  display: inline-block;
  font-family: "Inter-SemiBold";
  margin-right: 5px;
}
.grace-period-alert-wrapper {
  position: relative;
  display: inline-block;
  margin-right: 5px;
}
.min-days-left-wrapper {
  background-color: #facaca;
  color: #991b1b;
  padding: 4px 10px;
  border-radius: 14px;
  font-size: 11px;
  font-family: "Inter-SemiBold";
  display: inline-flex;
  align-items: center;
  gap: 4px;
  cursor: pointer;
  border: 1px solid #fca5a5;
}
.min-days-left-wrapper:hover {
  background-color: #fca5a5;
}
.grace-tooltip {
  position: absolute;
  top: 32px;
  right: 0;
  background-color: #facaca;
  color: #991b1b;
  padding: 8px 12px;
  border-radius: 8px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
  font-size: 12px;
  width: 320px;
  z-index: 10;
  white-space: normal;
  pointer-events: none;
  text-align: center;
}
.grace-tooltip strong {
  font-weight: 600;
}
.video-modal-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.75);
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999;
  padding: 1rem;
}
.video-modal-content {
  border-radius: 12px;
  width: 100%;
  max-width: 980px;
  position: relative;
  overflow: hidden;
}
.video-modal-content .iframe-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  width: 100%;
}
.video-modal-content .iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 8px;
}
.modal-close {
  position: absolute;
  top: 1rem;
  right: 1rem;
  font-size: 1.25rem;
  background: none;
  border: none;
  cursor: pointer;
  color: #fff;
  z-index: 10;
}
.modal-close i {
  font-size: 1.5rem;
  pointer-events: none;
}
.modal-close:hover {
  color: #6366F1;
}
.dashboard {
  display: flex;
  height: 100%;
  overflow: hidden;
}
.dashboard i.fa-regular,
.dashboard i.fa-solid {
  cursor: unset !important;
}
.on-board-left-panel {
  flex: 0 0 280px;
  display: flex;
  flex-direction: column;
  gap: 16px;
  background: #f9f9f9;
  padding-top: 1.7rem;
  padding-left: 2rem;
  padding-right: 8px;
  position: sticky;
  top: 0;
  overflow: hidden;
}
.on-board-left-panel .menu {
  padding: 12px 0px;
  background-color: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 8px;
}
.on-board-left-panel .menu .title {
  font-family: "Inter-SemiBold";
  font-size: 1.1rem;
  margin-bottom: 0.75rem;
  color: #333;
  padding: 0 16px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.on-board-left-panel .menu .title span {
  font-size: 10px;
  color: #464646;
}
.on-board-left-panel .menu ul {
  list-style: none;
  padding: 0;
  margin-bottom: unset;
}
.on-board-left-panel .menu ul li {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.7rem 1.4rem;
  padding-left: calc(1.4rem - 2px);
  cursor: pointer;
  border-left: 2px solid transparent;
}
.on-board-left-panel .menu ul li:hover,
.on-board-left-panel .menu ul li.active {
  border-left: 2px solid #6366F1;
  color: #6366F1;
  font-family: "Inter-Medium";
}
.on-board-left-panel .menu ul li .icon {
  width: 22px;
  min-width: 22px;
  text-align: center;
}
.on-board-left-panel .menu ul li .items {
  font-size: 0.95rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1;
  font-family: "Inter-Medium";
}
.on-board-left-panel .menu ul li .check {
  background-color: #6366F1;
  color: #fff;
  border-radius: 50%;
  padding: 1px 4px;
}
.on-board-left-panel .assistance .assistance-box {
  background-color: #fff;
  border: 1px solid #d4d4d4;
  border-radius: 12px;
  padding: 1.2rem;
  text-align: left;
}
.on-board-left-panel .assistance .assistance-box .heading {
  display: flex;
  align-items: center;
  margin-bottom: 0.6rem;
  gap: 0.5rem;
}
.on-board-left-panel .assistance .assistance-box .heading .title {
  font-family: "Inter-SemiBold";
  font-size: 1rem;
  color: #222;
}
.on-board-left-panel .assistance .assistance-box .subtext {
  font-size: 0.875rem;
  color: #666;
  margin-bottom: 1rem;
  line-height: 1.4;
}
.on-board-left-panel .assistance .assistance-box .actions {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  justify-content: center;
}
.on-board-left-panel .assistance .assistance-box .actions .assistance-btn {
  padding: 0.4rem 0.6rem;
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #6366F1;
  border: 1px solid #6366F1;
  border-radius: 999px;
  background: transparent;
  cursor: pointer;
  transition: all 0.2s ease;
}
.on-board-left-panel .assistance .assistance-box .actions .assistance-btn:hover {
  background-color: #6366f1;
  color: #fff;
}
.main-content {
  flex: 1;
  overflow-y: auto;
  padding-top: 1.7rem;
  padding-right: 2rem;
  padding-left: 8px;
  padding-bottom: 1rem;
  background: #f9f9f9;
}
.main-content .welcome-section {
  padding: 0.5rem 2rem 0.5rem 1.5rem;
}
.main-content .welcome-section .title {
  font-family: "Inter-SemiBold";
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  color: #1a1a1a;
}
.main-content .welcome-section .description {
  font-size: 0.95rem;
  color: #555;
  margin-bottom: 1rem;
  max-width: 1200px;
}
.main-content .welcome-section .description .download-link {
  font-size: 0.95rem;
  color: #6366F1;
  text-decoration: none;
  gap: 0.3rem;
}
.main-content .welcome-section .description .download-link .icon {
  font-size: 1rem;
}
.main-content .welcome-section .steps {
  list-style: none;
  padding-left: 0;
  margin-bottom: 1.5rem;
}
.main-content .welcome-section .steps li {
  margin-bottom: 0.8rem;
  font-size: 0.92rem;
  color: #444;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.main-content .welcome-section .steps li .points {
  color: #6366F1;
}
.main-content .welcome-section .steps li strong {
  color: #1a1a1a;
  font-weight: 600;
}
.main-content .welcome-section .steps li .mandatory-ast {
  color: #FF0000;
}
.main-content .welcome-section .primary-btn {
  padding: 0.6rem 1.2rem;
  font-size: 0.95rem;
  font-family: "Inter-Medium";
  color: white;
  background-color: #6366F1;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.2s ease;
}
.main-content .welcome-section .primary-btn:hover {
  background-color: rgb(136.44, 138.72, 244.36);
}
.main-content .welcome-section .wistia-body {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  gap: 8px;
  width: 100%;
  height: auto;
  text-align: center;
  margin-bottom: 1.5rem;
}
.main-content .invite-team-section {
  padding: 0.5rem 2rem 0.5rem 1.5rem;
  border-radius: 8px;
}
.main-content .invite-team-section .title {
  font-family: "Inter-SemiBold";
  font-size: 1.5rem;
  margin-bottom: 1rem;
  color: #1a1a1a;
}
.main-content .invite-team-section .description {
  font-size: 0.95rem;
  color: #555;
  margin-bottom: 1.5rem;
  max-width: 1200px;
}
.main-content .invite-team-section .description .download-link {
  font-size: 0.95rem;
  color: #6366F1;
  text-decoration: none;
  gap: 0.3rem;
}
.main-content .invite-team-section .description .download-link .icon {
  font-size: 1rem;
}
.main-content .invite-team-section .steps {
  list-style: none;
  padding-left: 0;
  margin-bottom: 2rem;
}
.main-content .invite-team-section .steps li {
  margin-bottom: 0.8rem;
  font-size: 0.92rem;
  color: #444;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.main-content .invite-team-section .steps li .points {
  color: #6366F1;
}
.main-content .invite-team-section .steps li strong {
  color: #1a1a1a;
  font-weight: 600;
}
.main-content .invite-team-section .steps li .mandatory-ast {
  color: #FF0000;
}
.main-content .invite-step {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 2rem 1.5rem;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 8px;
  box-sizing: border-box;
  overflow: hidden;
}
.main-content .invite-step .section-title {
  font-size: 1.25rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.main-content .invite-step .input-row {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.main-content .invite-step .input-row .icon {
  margin-right: 0.5rem;
}
.main-content .invite-step .input-row input {
  flex: 1;
  padding: 0.75rem 1rem;
  border: 1px solid #ccc;
  border-right: none;
  border-radius: 6px 0 0 6px;
  font-size: 0.95rem;
  outline: none;
}
.main-content .invite-step .input-row .add-btn {
  padding: 0.25rem 1rem;
  background-color: #6b6eff;
  color: white;
  border: none;
  border-radius: 0 6px 6px 0;
  cursor: pointer;
  font-size: 12px;
  white-space: nowrap;
  height: 32px;
}
.main-content .invite-step .input-row .add-btn span {
  margin-left: 0.35rem;
}
.main-content .invite-step .input-row .add-btn:hover {
  background-color: #5a5ce0;
}
.main-content .invite-step .invite-wrapper {
  height: calc(100% - 120px);
}
.main-content .invite-step .invite-content {
  flex: 1;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  height: calc(100% - 20px);
}
.main-content .invite-step .invite-content .invite-list {
  flex: 1;
  overflow-y: auto;
  padding-right: 4px;
  margin-bottom: 1.5rem;
  scrollbar-width: thin;
  scrollbar-color: #ccc transparent;
}
.main-content .invite-step .invite-content .invite-list::-webkit-scrollbar {
  width: 6px;
}
.main-content .invite-step .invite-content .invite-list::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 3px;
}
.main-content .invite-step .invite-content .invite-list .invite-row {
  display: flex;
  align-items: baseline;
  gap: 1rem;
  margin-bottom: 1rem;
  position: relative;
  z-index: auto;
}
.main-content .invite-step .invite-content .invite-list .invite-row .user-info {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 1rem;
}
.main-content .invite-step .invite-content .invite-list .invite-row .user-info .icon {
  font-size: 1.1rem;
  color: #888;
}
.main-content .invite-step .invite-content .invite-list .invite-row .user-info .email {
  font-size: 0.95rem;
  font-weight: 500;
  color: #333;
  word-break: break-word;
}
.main-content .invite-step .invite-content .invite-list .invite-row .role-selector {
  position: relative;
  width: 250px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 0.4rem 0.75rem;
  cursor: pointer;
  transition: border-color 0.2s ease;
  z-index: 5;
  position: relative;
  z-index: auto;
}
.main-content .invite-step .invite-content .invite-list .invite-row .role-selector:hover {
  border-color: #999;
}
.main-content .invite-step .invite-content .invite-list .invite-row .role-selector .selected-role {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 0.875rem;
  color: #444;
}
.main-content .invite-step .invite-content .invite-list .invite-row .role-selector .selected-role i {
  font-size: 0.75rem;
  color: #999;
}
.main-content .invite-step .invite-content .invite-list .invite-row .role-selector .role-dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  width: 100%;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
  z-index: 99;
  padding: 0.25rem 0;
}
.main-content .invite-step .invite-content .invite-list .invite-row .role-selector .role-dropdown.drop-up {
  top: auto;
  bottom: calc(100% + 4px);
}
.main-content .invite-step .invite-content .invite-list .invite-row .role-selector .role-dropdown .role-option {
  padding: 0.75rem 1rem;
  margin: 0 0.25rem;
  cursor: pointer;
  transition: background 0.2s ease;
}
.main-content .invite-step .invite-content .invite-list .invite-row .role-selector .role-dropdown .role-option:hover {
  background: #eaeaea;
  border-radius: 8px;
  margin: 0 0.25rem;
}
.main-content .invite-step .invite-content .invite-list .invite-row .role-selector .role-dropdown .role-option .role-label {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-weight: 600;
  font-size: 0.875rem;
  color: #222;
}
.main-content .invite-step .invite-content .invite-list .invite-row .role-selector .role-dropdown .role-option .role-label i {
  font-size: 0.9rem;
  color: #666;
}
.main-content .invite-step .invite-content .invite-list .invite-row .role-selector .role-dropdown .role-option .role-desc {
  font-size: 0.75rem;
  color: #666;
  margin-top: 0.25rem;
}
.main-content .invite-step .invite-content .invite-list .invite-row .delete-btn {
  background: transparent;
  border: none;
  color: #999;
  font-size: 1rem;
  cursor: pointer;
}
.main-content .invite-step .invite-content .invite-list .invite-row .delete-btn:hover {
  color: #d33;
}
.main-content .invite-step .invite-content .empty-graphic {
  flex: 1;
  background: transparent;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 2rem;
}
.main-content .invite-step .invite-content .empty-graphic p {
  font-family: "Inter-SemiBold";
  color: #667085;
  font-size: 14px;
  margin-top: 12px;
}
.main-content .invite-step .footer-actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: auto;
  padding-top: 1rem;
}
.main-content .invite-step .footer-actions button {
  padding: 0.4rem 0.8rem;
  border-radius: 4px;
  border: none;
  font-size: 12px;
}
.main-content .invite-step .footer-actions button.cancel {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
}
.main-content .invite-step .footer-actions button.cancel:hover {
  background: #f5f5f5;
}
.main-content .invite-step .footer-actions button.invite {
  background: #6c63ff;
  color: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}
.main-content .invite-step .footer-actions button.invite:hover {
  background: rgb(132.0288461538, 124.5, 255);
}
.main-content .import-steps {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.main-content .step-panel {
  border: 1px solid #ccc;
  border-radius: 8px;
  overflow: hidden;
  background: #fff;
  transition: all 0.3s ease;
}
.main-content .step-panel .step-header {
  padding: 1rem;
  padding-bottom: 8px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main-content .step-panel .step-header .step-title {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-bottom: 0.25rem;
}
.main-content .step-panel .step-header .step-title .step-index {
  background-color: #222323;
  color: #fff;
  font-size: 12px;
  border-radius: 50%;
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.main-content .step-panel .step-header .step-title .step-index.completed {
  color: #00884b;
}
.main-content .step-panel .step-header .step-title .step-index-icon {
  color: #2ecc71;
  font-size: 1.25rem;
}
.main-content .step-panel .step-header .step-title h3 {
  font-family: "Inter-SemiBold";
  font-size: 16px;
  color: #333;
  margin: 0;
}
.main-content .step-panel .step-body {
  overflow: hidden;
}
.main-content .step-panel .step-body .upload-step {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.main-content .step-panel .step-body .upload-step .upload-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.main-content .step-panel .step-body .upload-step .upload-header .field-label {
  font-size: 0.95rem;
}
.main-content .step-panel .step-body .upload-step .upload-header .required {
  color: red;
  font-weight: bold;
}
.main-content .step-panel .step-body .upload-step .upload-header .download-link {
  font-size: 0.875rem;
  color: #6366F1;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0.3rem;
}
.main-content .step-panel .step-body .upload-step .upload-header .download-link .icon {
  font-size: 1rem;
}
.main-content .step-panel .step-body .upload-step .drop-zone {
  border: 1px dashed #888;
  border-radius: 6px;
  background-color: #fafafa;
  padding: 2rem;
  text-align: center;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
.main-content .step-panel .step-body .upload-step .drop-zone:hover {
  background-color: #f0f0f0;
}
.main-content .step-panel .step-body .upload-step .drop-zone .drop-content img {
  width: 40px;
  margin: auto;
}
.main-content .step-panel .step-body .upload-step .drop-zone .drop-content strong {
  font-size: 0.95rem;
}
.main-content .step-panel .step-body .upload-step .drop-zone .drop-content span {
  font-size: 0.875rem;
  color: #666;
}
.main-content .step-panel .step-body .upload-step .drop-zone .drop-content .note {
  font-size: 0.75rem;
  color: #999;
  margin-top: 0.5rem;
}
.main-content .step-panel .step-body .upload-step .uploaded-file-box {
  background-color: #f1f1f1;
  padding: 1rem;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.main-content .step-panel .step-body .upload-step .uploaded-file-box .file-meta {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.main-content .step-panel .step-body .upload-step .uploaded-file-box .file-meta .file-icon {
  font-size: 1.5rem;
  color: #6366F1;
}
.main-content .step-panel .step-body .upload-step .uploaded-file-box .file-meta .file-info .filename {
  font-weight: 600;
  font-size: 0.95rem;
  color: #222;
  margin: 0;
}
.main-content .step-panel .step-body .upload-step .uploaded-file-box .file-meta .file-info .filesize {
  font-size: 0.8rem;
  color: #777;
}
.main-content .step-panel .step-body .upload-step .uploaded-file-box .change-btn {
  border: none;
  background: transparent;
  color: #6366F1;
  font-size: 0.85rem;
  cursor: pointer;
  font-family: "Inter-Medium";
}
.main-content .step-panel .step-body .upload-step .uploaded-file-box .change-btn:hover {
  text-decoration: underline;
}
.main-content .step-panel .step-body .upload-step .button-row {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
.main-content .step-panel .step-body .upload-step .button-row .outline-btn {
  padding: 0.5rem 1rem;
  border: 1px solid #6366F1;
  background: transparent;
  color: #6366F1;
  border-radius: 6px;
  font-family: "Inter-Regular";
  cursor: pointer;
}
.main-content .step-panel .step-body .upload-step .button-row .primary-btn {
  padding: 0.5rem 1.2rem;
  background: #6366F1;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-family: "Inter-Medium";
}
.main-content .step-panel .step-body .upload-step .button-row .primary-btn:disabled {
  background-color: #ddd;
  cursor: not-allowed;
}
.main-content .step-panel .step-body .column-map {
  padding: 0 1.5rem;
  display: flex;
  flex-direction: column;
  height: 100%;
}
.main-content .step-panel .step-body .column-map .map-scroll-wrapper {
  flex: 1;
  overflow-y: auto;
  max-height: calc(100vh - 16rem);
  padding-right: 0.25rem;
}
.main-content .step-panel .step-body .column-map .map-scroll-wrapper::-webkit-scrollbar {
  width: 6px;
}
.main-content .step-panel .step-body .column-map .map-scroll-wrapper::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 4px;
}
.main-content .step-panel .step-body .column-map .map-header {
  display: flex;
  align-items: center;
  font-size: 0.75rem;
  font-weight: 600;
  color: #666;
  margin-bottom: 0.5rem;
}
.main-content .step-panel .step-body .column-map .map-header .col {
  padding: 0.5rem;
}
.main-content .step-panel .step-body .column-map .map-header .your-column {
  width: 43%;
}
.main-content .step-panel .step-body .column-map .map-header .arrow-icon {
  width: 4%;
}
.main-content .step-panel .step-body .column-map .map-header .fieldex-field {
  width: 43%;
}
.main-content .step-panel .step-body .column-map .map-header .status {
  width: 10%;
}
.main-content .step-panel .step-body .column-map .map-header.overview {
  display: flex;
  align-items: center;
  padding: 0.5rem 0;
  padding-left: 0.3rem;
  font-size: 0.75rem;
  font-weight: 600;
  color: #666;
}
.main-content .step-panel .step-body .column-map .map-header.overview .your-column {
  width: 43%;
}
.main-content .step-panel .step-body .column-map .map-header.overview .arrow-icon {
  width: 4%;
}
.main-content .step-panel .step-body .column-map .map-header.overview .fieldex-field {
  width: 43%;
}
.main-content .step-panel .step-body .column-map .map-header.overview .status {
  width: 10%;
}
.main-content .step-panel .step-body .column-map .map-group {
  display: flex;
  align-items: flex-start;
  padding: 1rem 0.3rem;
  border-top: 1px solid #eee;
  background: #fff;
  margin-bottom: 0.25rem;
}
.main-content .step-panel .step-body .column-map .map-group .csv-table {
  width: calc(43% - 6px);
  border-left: 6px solid transparent;
  background: #f5f5f5;
  border-radius: 6px;
  padding: 0.55rem 0.75rem;
  font-size: 12px;
}
.main-content .step-panel .step-body .column-map .map-group .csv-table .csv-label {
  font-weight: 600;
  font-size: 12px;
  color: #888;
  margin-bottom: 0.25rem;
}
.main-content .step-panel .step-body .column-map .map-group .csv-table .csv-name {
  font-size: 12px;
  color: #222;
  font-family: "Inter-Medium";
}
.main-content .step-panel .step-body .column-map .map-group .csv-table .csv-values div {
  margin-bottom: 0.25rem;
  color: #333;
}
.main-content .step-panel .step-body .column-map .map-group .csv-table.unmatched {
  border-left: 6px solid #da7624;
}
.main-content .step-panel .step-body .column-map .map-group .csv-table.matched {
  border-left: 6px solid #00884b;
}
.main-content .step-panel .step-body .column-map .map-group .arrow-icon {
  width: 4%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1rem;
  margin-top: 0.5rem;
}
.main-content .step-panel .step-body .column-map .map-group .arrow-icon i {
  font-size: 1rem;
  cursor: unset;
}
.main-content .step-panel .step-body .column-map .map-group .mapping-info {
  width: 43%;
  padding: 0 1rem;
  font-size: 0.85rem;
}
.main-content .step-panel .step-body .column-map .map-group .mapping-info .match-line {
  margin-top: 0.4rem;
  margin-bottom: 0.4rem;
  color: #444;
}
.main-content .step-panel .step-body .column-map .map-group .mapping-info .match-line.success i {
  color: #6366F1;
}
.main-content .step-panel .step-body .column-map .map-group .mapping-info .match-line.unsuccess i {
  color: #da7624;
}
.main-content .step-panel .step-body .column-map .map-group .mapping-info .match-line .code {
  background: #eee;
  border-radius: 4px;
  padding: 1px 4px;
  font-family: monospace;
}
.main-content .step-panel .step-body .column-map .map-group .mapping-info .coverage-line {
  color: #444;
  font-family: "Inter-Medium";
}
.main-content .step-panel .step-body .column-map .map-group .mapping-field {
  width: 43%;
  padding: 0 1rem;
}
.main-content .step-panel .step-body .column-map .map-group .mapping-field input {
  width: 100%;
  padding: 0.5rem 1rem;
  border: 1px solid #ddd;
  background: #f9f9f9;
  font-size: 0.85rem;
}
.main-content .step-panel .step-body .column-map .map-group .button-group {
  width: 10%;
  display: flex;
  gap: 0.5rem;
  flex-wrap: nowrap;
  white-space: nowrap;
  min-width: 120px;
}
.main-content .step-panel .step-body .column-map .map-group .button-group .confirm {
  background: #6366F1;
  color: #fff;
  border: none;
  padding: 0.4rem 0.8rem;
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.85rem;
  transition: background 0.2s ease;
  white-space: nowrap;
  flex-shrink: 1;
}
.main-content .step-panel .step-body .column-map .map-group .button-group .confirm:hover {
  background-color: rgb(136.44, 138.72, 244.36);
}
.main-content .step-panel .step-body .column-map .map-group .button-group .ignore {
  background: transparent;
  border: 1px solid #ccc;
  color: #333;
  padding: 0.4rem 0.8rem;
  border-radius: 6px;
  cursor: pointer;
  font-size: 0.85rem;
  transition: background 0.2s ease;
  white-space: nowrap;
  flex-shrink: 1;
}
.main-content .step-panel .step-body .column-map .map-group .button-group .ignore:hover {
  background-color: rgb(211.65, 211.65, 211.65);
}
.main-content .step-panel .step-body .column-map .map-group .action-summary {
  width: 10%;
  min-width: 120px;
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  gap: 0.4rem;
}
.main-content .step-panel .step-body .column-map .map-group .action-summary .status-indicator {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.85rem;
}
.main-content .step-panel .step-body .column-map .map-group .action-summary .status-indicator .dot.confirmed {
  background-color: #2ecc71;
  width: 10px;
  height: 10px;
  border-radius: 50%;
}
.main-content .step-panel .step-body .column-map .map-group .action-summary .status-indicator .fa-circle-check {
  color: #2ecc71;
}
.main-content .step-panel .step-body .column-map .map-group .action-summary .status-indicator .fa-circle-minus {
  color: #2a2a2a;
}
.main-content .step-panel .step-body .column-map .map-group .action-summary .status-indicator .label {
  color: #2a2a2a;
  font-family: "Inter-Regular";
  font-size: 12px;
}
.main-content .step-panel .step-body .column-map .map-group .action-summary .edit-btn {
  background: transparent;
  border: none;
  font-size: 1rem;
  color: #888;
  cursor: pointer;
}
.main-content .step-panel .step-body .column-map .map-group .action-summary .edit-btn:hover {
  color: #333;
}
.main-content .step-panel .step-body .column-map .map-group.confirmed,
.main-content .step-panel .step-body .column-map .map-group.ignored {
  align-items: center;
}
.main-content .step-panel .step-body .column-map .map-group.confirmed .csv-table,
.main-content .step-panel .step-body .column-map .map-group.confirmed .mapping-info,
.main-content .step-panel .step-body .column-map .map-group.confirmed .button-group {
  opacity: 0.5;
  pointer-events: none;
}
.main-content .step-panel .step-body .column-map .map-group.confirmed .csv-table {
  border-left: 6px solid #00884b;
}
.main-content .step-panel .step-body .column-map .map-group.confirmed .status-indicator {
  display: flex;
  align-items: center;
  gap: 0.3rem;
  font-size: 0.85rem;
}
.main-content .step-panel .step-body .column-map .map-group.confirmed .status-indicator .dot.confirmed {
  background-color: #2ecc71;
}
.main-content .step-panel .step-body .column-map .map-group.confirmed .status-indicator .fa-circle-check {
  color: #2ecc71;
}
.main-content .step-panel .step-body .column-map .map-group.confirmed .status-indicator .fa-circle-minus {
  color: #2a2a2a;
}
.main-content .step-panel .step-body .column-map .map-group.confirmed .status-indicator .label {
  color: #2a2a2a;
  font-family: "Inter-Regular";
  font-size: 12px;
}
.main-content .step-panel .step-body .column-map .map-group.ignored .csv-table,
.main-content .step-panel .step-body .column-map .map-group.ignored .mapping-info,
.main-content .step-panel .step-body .column-map .map-group.ignored .button-group {
  opacity: 0.5;
  pointer-events: none;
}
.main-content .step-panel .step-body .column-map .map-group.ignored .csv-table {
  border-left: 6px solid #da7624;
}
.main-content .step-panel .step-body .column-map .map-group.ignored .status-indicator .dot.ignored {
  background-color: #bbb;
}
.main-content .step-panel .step-body .column-map .map-group.ignored .status-indicator .label {
  color: #999;
}
.main-content .step-panel .step-body .show-more-link {
  display: block;
  text-align: center;
  font-size: 0.85rem;
  font-family: "Inter-Medium";
  color: #6366F1;
  cursor: pointer;
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding-left: 0.3rem;
}
.main-content .step-panel .step-body .show-more-link:hover {
  cursor: pointer;
}
.main-content .step-panel .step-body .dropdown-section {
  margin-bottom: 2rem;
  padding: 0 1rem;
  min-width: 400px;
  width: calc(50% - 1.5rem);
}
.main-content .step-panel .step-body .dropdown-section .dropdown-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.main-content .step-panel .step-body .dropdown-section .dropdown-header h4 {
  font-size: 1rem;
  font-family: "Inter-SemiBold";
  color: #222;
}
.main-content .step-panel .step-body .dropdown-section .dropdown-header .section-tools {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.main-content .step-panel .step-body .dropdown-section .dropdown-header .section-tools .hint {
  font-size: 0.85rem;
  color: #999;
}
.main-content .step-panel .step-body .dropdown-section .dropdown-header .section-tools .hint i {
  margin-right: 0.25rem;
}
.main-content .step-panel .step-body .dropdown-section .dropdown-header .section-tools .hint .fa-sparkles {
  color: #6366F1;
}
.main-content .step-panel .step-body .dropdown-section .dropdown-header .section-tools .reset-btn {
  background: transparent;
  color: #555;
  border: 1px solid #ccc;
  padding: 0.4rem 0.9rem;
  border-radius: 999px;
  cursor: pointer;
  font-size: 0.85rem;
}
.main-content .step-panel .step-body .dropdown-section .dropdown-header .section-tools .reset-btn i {
  margin-right: 0.4rem;
}
.main-content .step-panel .step-body .dropdown-section .dropdown-header .section-tools .reset-btn:hover {
  background: #f5f5f5;
}
.main-content .step-panel .step-body .dropdown-section .dropdown-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.main-content .step-panel .step-body .dropdown-section .dropdown-item-config {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  background: #f9f9f9;
  padding: 0.6rem 1rem;
  border-radius: 8px;
  transition: transform 0.15s ease;
}
.main-content .step-panel .step-body .dropdown-section .dropdown-item-config .drag-handle {
  cursor: grab;
  font-size: 1rem;
  color: #aaa;
}
.main-content .step-panel .step-body .dropdown-section .dropdown-item-config .color-picker {
  width: 32px;
  border-radius: 50%;
  margin: auto;
  border: none;
  box-shadow: none;
}
.main-content .step-panel .step-body .dropdown-section .dropdown-item-config .color-picker .p-colorpicker-preview {
  border-radius: 50%;
  cursor: pointer;
}
.main-content .step-panel .step-body .dropdown-section .dropdown-item-config .dropdown-input {
  flex: 1;
}
.main-content .step-panel .step-body .dropdown-section .dropdown-item-config .add-new-wrapper {
  margin-top: 0.75rem;
}
.main-content .step-panel .step-body .dropdown-section .dropdown-item-config .add-new-wrapper .dropdown-input {
  border-style: dashed;
  font-style: italic;
}
.main-content .step-panel .step-body .dropdown-section .dropdown-item-config .trash-btn {
  background: transparent;
  border: none;
  color: #888;
  cursor: pointer;
}
.main-content .step-panel .step-body .dropdown-section .dropdown-item-config .trash-btn:hover {
  color: #d33;
}
.main-content .step-panel .step-body .dropdown-section .dropdown-item-config .sparkle-tag {
  color: #a586ff;
}
.main-content .step-panel .step-body .dropdown-section .dropdown-item-config.cdk-drag-placeholder {
  opacity: 0.25;
  border: 2px dashed #ccc;
  display: flex;
  align-items: center;
}
.main-content .step-panel .step-body .dropdown-section .dropdown-item-config .cdk-drag-preview.drag-preview-item {
  display: grid;
  grid-auto-flow: column;
  gap: 10px;
  padding: 0.5rem 1rem;
  border-radius: 8px;
  background: #fff;
  border: 1px solid #ddd;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}
.main-content .step-panel .step-body .dropdown-section .dropdown-item-config .cdk-drag-preview.drag-preview-item .grip-icon {
  color: #aaa;
  margin-right: 0.75rem;
}
.main-content .step-panel .step-body .dropdown-section .dropdown-item-config .cdk-drag-preview.drag-preview-item .color-swatch {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 0.75rem;
  border-radius: 50%;
  border: 1px solid #ccc;
  vertical-align: middle;
}
.main-content .step-panel .step-body .dropdown-section .dropdown-item-config .cdk-drag-preview.drag-preview-item .preview-text {
  font-size: 0.9rem;
  font-weight: 500;
  color: #333;
  vertical-align: middle;
  margin-right: 0.5rem;
}
.main-content .step-panel .step-body .dropdown-section .dropdown-item-config .cdk-drag-preview.drag-preview-item .fa-sparkles {
  color: #a586ff;
}
.main-content .step-panel .step-body .dropdown-section .add-btn {
  margin-top: 1rem;
  background: #6366F1;
  border: none;
  padding: 0.5rem 1rem;
  color: white;
  font-size: 0.85rem;
  border-radius: 6px;
  cursor: pointer;
}
.main-content .step-panel .step-body .dropdown-section .add-btn:hover {
  background: rgb(127.08, 129.54, 243.52);
}
.main-content .step-panel .step-body .button-row {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
}
.main-content .step-panel .step-body .button-row .outline-btn {
  padding: 0.5rem 1rem;
  border: 1px solid #6366F1;
  background: transparent;
  color: #6366F1;
  border-radius: 6px;
  font-family: "Inter-Regular";
  cursor: pointer;
}
.main-content .step-panel .step-body .button-row .primary-btn {
  padding: 0.5rem 1.2rem;
  background: #6366F1;
  color: #fff;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-family: "Inter-Medium";
}
.main-content .step-panel .step-body .button-row .primary-btn:disabled {
  background-color: #ddd;
  cursor: not-allowed;
}
.main-content .step-panel .step-body .step-summary {
  padding-left: 2.95rem;
  padding-bottom: 1.5rem;
  font-size: 0.95rem;
  color: #444;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.55rem;
}
.main-content .step-panel .step-body .step-summary .pill-wrapper {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.25rem;
}
.main-content .step-panel .step-body .step-summary .pill-wrapper .pill {
  background: #f0edff;
  color: #6658d3;
  border-radius: 999px;
  font-weight: 500;
  font-size: 0.8rem;
  padding: 0.2rem 0.65rem;
  display: inline-flex;
  align-items: center;
}
.main-content .step-panel .step-body .step-summary .pill-wrapper .pill.small {
  padding: 0.2rem 0.5rem;
}
.main-content .step-panel .step-body .step-summary .pill-wrapper .label {
  font-size: 12px;
  font-family: "Inter-Regular";
}
.main-content .step-panel .step-body .summary-table {
  padding: 1rem 2rem;
  border-radius: 8px;
  background: #fff;
  font-size: 0.95rem;
  width: 50%;
}
.main-content .step-panel .step-body .summary-row {
  display: flex;
  justify-content: space-between;
  padding: 0.6rem 0;
  border-bottom: 1px solid #eee;
}
.main-content .step-panel .step-body .summary-row:last-child {
  border-bottom: none;
}
.main-content .step-panel .step-body .summary-row .value {
  font-weight: 500;
  font-size: 12px;
  font-family: "Inter-Regular";
}
.main-content .step-panel .step-body .summary-row .value.success {
  color: #2ecc71;
}
.main-content .step-panel .step-body .summary-row .value.muted {
  color: #aaa;
}
.main-content .step-panel .step-body .summary-row .value.strong {
  font-weight: 500;
}
.main-content .step-panel .step-body .summary-row .label {
  font-size: 13px;
  font-family: "Inter-Regular";
}
@media (max-width: 1600px) {
  .main-content .step-panel .column-map .map-header .your-column {
    width: 42% !important;
  }
  .main-content .step-panel .column-map .map-header .arrow-icon {
    width: 4% !important;
  }
  .main-content .step-panel .column-map .map-header .fieldex-field {
    width: 41% !important;
  }
  .main-content .step-panel .column-map .map-header .status {
    width: 10% !important;
  }
  .main-content .step-panel .column-map .map-group .csv-table {
    width: 42%;
  }
  .main-content .step-panel .column-map .map-group .arrow-icon {
    width: 4%;
  }
  .main-content .step-panel .column-map .map-group .mapping-info {
    width: 41%;
  }
  .main-content .step-panel .column-map .map-group .button-group {
    width: 10%;
  }
  .main-content .step-panel .column-map .map-group .button-group {
    gap: 0.25rem;
  }
  .main-content .step-panel .column-map .map-group .button-group .confirm,
  .main-content .step-panel .column-map .map-group .button-group .ignore {
    padding: 0.3rem 0.6rem;
    font-size: 0.8rem;
    min-width: auto;
  }
}
.main-content .step-panel .step-description {
  font-size: 0.9rem;
  color: #555;
  margin: 0.5rem 2.95rem;
  margin-top: 0rem;
}
.main-content .step-panel .upload-summary {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding-left: 3.2rem;
  padding-bottom: 1.5rem;
}
.main-content .step-panel .upload-summary .file-name {
  font-size: 13px;
  font-family: "Inter-Medium";
  color: #444;
}
.main-content .step-panel .upload-summary .edit-btn {
  font-size: 0.85rem;
  background: transparent;
  border: none;
  color: #6366F1;
  cursor: pointer;
}
.main-content .step-panel .upload-summary .edit-btn:hover {
  text-decoration: underline;
}
.main-content .step-panel.expanded .step-body {
  padding: 1rem;
}
.main-content .footer-panel {
  position: fixed;
  bottom: 1rem;
  right: 2rem;
  left: auto;
  background: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
  padding: 0.75rem 1.5rem;
  border-radius: 8px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: calc(100% - 490px);
  z-index: 999;
}
.main-content .footer-panel .pill-group {
  display: flex;
  gap: 0.75rem;
  align-items: center;
}
.main-content .footer-panel .pill-group .pill {
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0.4rem 0.9rem;
  border-radius: 999px;
  font-size: 0.85rem;
  font-weight: 500;
  border: 1px solid transparent;
  cursor: pointer;
  background: transparent;
  color: #555;
  border-color: #ccc;
}
.main-content .footer-panel .pill-group .pill i {
  font-size: 0.85rem;
}
.main-content .footer-panel .pill-group .pill .count {
  padding: 2px 6px;
  border-radius: 999px;
  font-size: 0.75rem;
  font-weight: 600;
}
.main-content .footer-panel .pill-group .pill .count.success {
  background: rgba(76, 175, 80, 0.42);
}
.main-content .footer-panel .pill-group .pill .count.neutral {
  background: rgba(117, 117, 117, 0.4);
}
.main-content .footer-panel .pill-group .pill.reset {
  background: transparent;
  color: #555;
  border: 1px solid #ccc;
  cursor: pointer;
}
.main-content .footer-panel .pill-group .pill.reset:hover {
  background: #f5f5f5;
}
.main-content .footer-panel .pill-group .pill:hover {
  background: #f5f5f5;
}
.main-content .footer-panel .action-buttons {
  display: flex;
  gap: 0.5rem;
}
.main-content .footer-panel .action-buttons button {
  padding: 0.5rem 1rem;
  font-size: 0.85rem;
  border-radius: 4px;
  font-family: "Inter-Regular";
  transition: background 0.2s ease;
}
.main-content .footer-panel .action-buttons button.cancel {
  background: transparent;
  border: 1px solid #ccc;
  color: #333;
}
.main-content .footer-panel .action-buttons button.cancel:hover {
  background: #f5f5f5;
}
.main-content .footer-panel .action-buttons button.continue {
  background: #6366F1;
  color: white;
  border: none;
}
.main-content .footer-panel .action-buttons button.continue:disabled {
  background: #ccc;
  cursor: not-allowed;
}
.main-content .footer-panel .action-buttons button.continue:hover:not(:disabled) {
  background: rgb(136.44, 138.72, 244.36);
}
.main-content .learn-more {
  padding: 1.35rem 1.5rem;
  background:
    linear-gradient(
      to bottom,
      #fff 60%,
      #f5f5ff);
  border-radius: 8px;
  border: 1px solid #e2e2ef;
}
.main-content .learn-more .learn-header {
  margin-bottom: 1.1rem;
}
.main-content .learn-more .learn-header h2 {
  font-size: 21px;
  font-weight: 600;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.main-content .learn-more .learn-header h2 i {
  font-size: 1.2rem;
  color: #6366f1;
}
.main-content .learn-more .learn-header p {
  font-size: 13.3px;
  color: #454545;
  margin-top: 0.5rem;
}
.main-content .learn-more .learn-featured {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1.5rem;
}
.main-content .learn-more .learn-featured .feature-card {
  background: #fff;
  border: 1px solid #e2e2f3;
  border-radius: 12px;
  padding: 2rem 1.5rem;
  text-align: center;
  transition: all 0.2s ease;
  cursor: pointer;
  min-height: 160px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.main-content .learn-more .learn-featured .feature-card i {
  font-size: 40px;
  color: #6366f1;
  margin-bottom: 1rem;
}
.main-content .learn-more .learn-featured .feature-card .feature-details-wrap {
  display: flex;
  flex-direction: column;
  max-width: 280px;
}
.main-content .learn-more .learn-featured .feature-card .feature-details-wrap h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.main-content .learn-more .learn-featured .feature-card .feature-details-wrap p {
  font-size: 12px;
  color: #454545;
}
.main-content .learn-more .learn-featured .feature-card:hover {
  border-color: #6366f1;
  box-shadow: 0 0 0 2px #c7d2fe;
}
.main-content .learn-more .learn-resources {
  background: #fff;
  padding: 1.5rem;
  border-radius: 12px;
  border: 1px solid #dedede;
}
.main-content .learn-more .learn-resources h3 {
  font-size: 1.1rem;
  font-weight: 600;
  margin-bottom: 1.2rem;
}
.main-content .learn-more .learn-resources .resource-item {
  display: flex;
  align-items: center;
  gap: 1rem;
  margin-bottom: 1rem;
}
.main-content .learn-more .learn-resources .resource-item i {
  font-size: 1.2rem;
  color: #6366f1;
}
.main-content .learn-more .learn-resources .resource-item .resource-content strong {
  font-size: 14px;
  font-weight: 600;
  display: block;
}
.main-content .learn-more .learn-resources .resource-item .resource-content p {
  font-size: 13px;
  color: #454545;
  margin: 2px 0 0;
}
.main-content .learn-more .learn-resources .resource-item:hover {
  background-color: #c7d2fe;
  cursor: pointer;
  border-radius: 6px;
}
.pill-learn-button {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.25rem 1rem;
  background: #fff;
  color: #6366F1;
  border: 1px solid #6366F1;
  font-weight: 500;
  font-size: 12px;
  border-radius: 999px;
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  font-family: "Inter-Medium";
}
.pill-learn-button img {
  height: 16px;
  width: 16px;
}
.pill-learn-button:hover {
  opacity: 0.9;
  background-color: #e3e3f4;
}
.pill-learn-button:active {
  transform: scale(0.98);
}
.sub-module .no-data-dashboard {
  margin: unset !important;
  height: 100%;
}
.open-modal .no-data-dashboard {
  margin: unset !important;
  height: 100%;
  padding-top: 2rem;
}
.no-data-dashboard {
  padding: 2rem;
  padding-top: 40px;
  text-align: center;
  background: white;
  border-radius: 6px;
  border: 1px solid #dedede;
  margin: 0 0.75rem;
  height: calc(100% - 70px);
  display: flex;
  flex-direction: column;
}
.no-data-dashboard .title {
  font-size: 1.75rem;
  margin-bottom: 0.5rem;
  color: #1a1a1a;
  font-family: "Inter-SemiBold";
}
.no-data-dashboard .subtitle {
  font-size: 1rem;
  color: #555;
  margin-bottom: 2.5rem;
}
.no-data-dashboard .card-container {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1.5rem;
}
.no-data-dashboard .action-card {
  width: 220px;
  background-color: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 1.5rem 1rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
  cursor: pointer;
  transition: all 0.2s ease-in-out;
  text-align: left;
}
.no-data-dashboard .action-card:hover {
  border-color: #6658d3;
  box-shadow: 0 4px 12px rgba(34, 197, 94, 0.15);
  transform: translateY(3px);
}
.no-data-dashboard .action-card img {
  height: 40px;
  margin-bottom: 1rem;
}
.no-data-dashboard .action-card h3 {
  font-size: 1.1rem;
  font-weight: 500;
  margin-bottom: 0.5rem;
  color: #1f2937;
  font-family: "Inter-SemiBold";
}
.no-data-dashboard .action-card p {
  font-size: 0.875rem;
  color: #6b7280;
  line-height: 1.4;
}
.no-data-dashboard .action-card.disabled {
  pointer-events: none;
  cursor: default;
  background-color: transparent !important;
  transition: none;
}
.no-data-dashboard .action-card.disabled:hover {
  transform: none;
  box-shadow: none;
}
.footer-modal {
  position: fixed;
  bottom: 0;
  left: 212px;
  width: calc(100% - 260px);
  background: #ffffff;
  box-shadow: 0 -6px 20px rgba(0, 0, 0, 0.08);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  z-index: 999;
  padding: 1.5rem 2rem;
  animation: fadeUp 0.4s ease-out;
}
.footer-modal .footer-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.5rem;
  position: absolute;
  right: 32px;
}
.footer-modal .footer-header .footer-controls {
  display: flex;
  gap: 0.5rem;
}
.footer-modal .footer-header .footer-controls .footer-minimize {
  font-size: 1.25rem;
  cursor: pointer;
  color: #9ca3af;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
}
.footer-modal .footer-header .footer-controls .footer-minimize:hover {
  background-color: #f3f4f6;
  color: #111827;
}
.footer-modal .footer-header .footer-controls .footer-close {
  font-size: 1.25rem;
  color: #9ca3af;
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
}
.footer-modal .footer-header .footer-controls .footer-close:hover {
  background-color: #f3f4f6;
  color: #111827;
}
.footer-modal.expanded {
  max-height: 100vh;
  overflow-y: auto;
  padding-bottom: 2.5rem;
}
.footer-modal.expanded .footer-content {
  align-items: flex-start;
}
.footer-modal.expanded .footer-content .footer-text {
  max-width: unset;
}
.footer-modal.expanded .footer-expanded-content {
  margin-top: 2rem;
  animation: fadeIn 0.4s ease-in;
}
.footer-modal .footer-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.5rem;
}
.footer-modal .footer-content .footer-text {
  max-width: 600px;
  text-align: left;
}
.footer-modal .footer-content .footer-text h3 {
  font-size: 1.25rem;
  margin-bottom: 0.75rem;
  color: #111827;
  font-family: "Inter-SemiBold";
  text-align: left;
}
.footer-modal .footer-content .footer-text p {
  font-size: 0.95rem;
  color: #4b5563;
  margin-bottom: 0.75rem;
  line-height: 1.5;
  font-family: "Inter-Regular";
}
.footer-modal .footer-content .footer-text .footer-link {
  color: #6366f1;
  font-weight: 500;
  text-decoration: none;
  font-family: "Inter-Medium";
}
.footer-modal .footer-content .footer-text .footer-link:hover {
  text-decoration: underline;
}
.footer-modal .footer-content .footer-text-no-w {
  max-width: unset;
  text-align: left;
}
.footer-modal .footer-content .footer-text-no-w h3 {
  font-size: 1.25rem;
  margin-bottom: 0.75rem;
  color: #111827;
  font-family: "Inter-SemiBold";
  text-align: left;
}
.footer-modal .footer-content .footer-text-no-w p {
  font-size: 0.95rem;
  color: #4b5563;
  margin-bottom: 0.75rem;
  line-height: 1.5;
  font-family: "Inter-Regular";
}
.footer-modal .footer-content .footer-text-no-w .footer-link {
  color: #6366f1;
  font-weight: 500;
  text-decoration: none;
  font-family: "Inter-Medium";
}
.footer-modal .footer-content .footer-text-no-w .footer-link:hover {
  text-decoration: underline;
}
.footer-modal .footer-content .footer-image {
  flex: 0 0 480px;
}
.footer-modal .footer-content .footer-image img {
  width: 100%;
  max-height: 131px;
  object-fit: contain;
}
.footer-modal .footer-expanded-content .footer-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}
.footer-modal .footer-expanded-content .footer-card-grid .footer-card {
  background: #f9fafb;
  padding: 0.75rem;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer-modal .footer-expanded-content .footer-card-grid .footer-card img {
  width: 160px;
  margin-bottom: 0.75rem;
}
.footer-modal .footer-expanded-content .footer-card-grid .footer-card .footer-card-wrapper {
  text-align: left;
}
.footer-modal .footer-expanded-content .footer-card-grid .footer-card .footer-card-wrapper h4 {
  font-size: 1rem;
  margin-bottom: 0.55rem;
  font-family: "Inter-Medium";
}
.footer-modal .footer-expanded-content .footer-card-grid .footer-card .footer-card-wrapper p {
  font-size: 0.875rem;
  color: #6b7280;
}
.footer-modal .footer-learn-more {
  margin-top: 1.5rem;
  padding: 1rem;
  border: 1px solid #d4d4d4;
  border-radius: 10px;
  background: #f9f9f9;
  display: flex;
  align-items: center;
  gap: 1rem;
  font-family: "Inter-Regular";
  flex-wrap: wrap;
}
.footer-modal .footer-learn-more .info-icon {
  color: #111827;
  font-size: 12px;
}
.footer-modal .footer-learn-more .learn-text {
  flex: 1;
  color: #111827;
  font-size: 13px;
  text-align: left;
}
.footer-modal .footer-learn-more .learn-buttons {
  display: flex;
  gap: 0.5rem;
}
.footer-modal .footer-learn-more .learn-buttons button {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.4rem 0.75rem;
  font-size: 12px;
  border-radius: 6px;
  cursor: pointer;
  white-space: nowrap;
}
.footer-modal .footer-learn-more .learn-buttons button i {
  font-size: 13px;
}
.footer-modal .footer-learn-more .learn-buttons .btn-outline-purple {
  background: #f6f5fb;
  color: #6366F1;
  border: 1px solid #6366F1;
}
.footer-modal .footer-learn-more .learn-buttons .btn-outline-purple:hover {
  background: #ddd6fe;
}
.footer-modal .footer-learn-more .learn-buttons .btn-outline-blue {
  background: #f0f9ff;
  color: #2563eb;
  border: 1px solid #93c5fd;
}
.footer-modal .footer-learn-more .learn-buttons .btn-outline-blue:hover {
  background: #dbeafe;
}
.footer-modal-task {
  position: fixed;
  bottom: 0;
  right: 27px;
  width: calc(100% - 420px);
  background: #ffffff;
  box-shadow: 0 -6px 20px rgba(0, 0, 0, 0.08);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  z-index: 999;
  padding: 1.5rem 2rem;
  animation: fadeUp 0.4s ease-out;
}
.footer-modal-task .footer-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.5rem;
  position: absolute;
  right: 32px;
}
.footer-modal-task .footer-header .footer-controls {
  display: flex;
  gap: 0.5rem;
}
.footer-modal-task .footer-header .footer-controls .footer-minimize {
  font-size: 1.25rem;
  cursor: pointer;
  color: #9ca3af;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
}
.footer-modal-task .footer-header .footer-controls .footer-minimize:hover {
  background-color: #f3f4f6;
  color: #111827;
}
.footer-modal-task .footer-header .footer-controls .footer-close {
  font-size: 1.25rem;
  color: #9ca3af;
  cursor: pointer;
  padding: 0.25rem 0.5rem;
  border-radius: 6px;
}
.footer-modal-task .footer-header .footer-controls .footer-close:hover {
  background-color: #f3f4f6;
  color: #111827;
}
.footer-modal-task.expanded {
  max-height: 100vh;
  overflow-y: auto;
  padding-bottom: 2.5rem;
}
.footer-modal-task.expanded .footer-content {
  align-items: flex-start;
}
.footer-modal-task.expanded .footer-content .footer-text {
  max-width: unset;
}
.footer-modal-task.expanded .footer-expanded-content {
  margin-top: 2rem;
  animation: fadeIn 0.4s ease-in;
}
.footer-modal-task .footer-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.5rem;
}
.footer-modal-task .footer-content .footer-text {
  max-width: 600px;
  text-align: left;
}
.footer-modal-task .footer-content .footer-text h3 {
  font-size: 1.25rem;
  margin-bottom: 0.75rem;
  color: #111827;
  font-family: "Inter-SemiBold";
  text-align: left;
}
.footer-modal-task .footer-content .footer-text p {
  font-size: 0.95rem;
  color: #4b5563;
  margin-bottom: 0.75rem;
  line-height: 1.5;
  font-family: "Inter-Regular";
}
.footer-modal-task .footer-content .footer-text .footer-link {
  color: #6366f1;
  font-weight: 500;
  text-decoration: none;
  font-family: "Inter-Medium";
}
.footer-modal-task .footer-content .footer-text .footer-link:hover {
  text-decoration: underline;
}
.footer-modal-task .footer-content .footer-text-no-w {
  max-width: unset;
  text-align: left;
}
.footer-modal-task .footer-content .footer-text-no-w h3 {
  font-size: 1.25rem;
  margin-bottom: 0.75rem;
  color: #111827;
  font-family: "Inter-SemiBold";
  text-align: left;
}
.footer-modal-task .footer-content .footer-text-no-w p {
  font-size: 0.95rem;
  color: #4b5563;
  margin-bottom: 0.75rem;
  line-height: 1.5;
  font-family: "Inter-Regular";
}
.footer-modal-task .footer-content .footer-text-no-w .footer-link {
  color: #6366f1;
  font-weight: 500;
  text-decoration: none;
  font-family: "Inter-Medium";
}
.footer-modal-task .footer-content .footer-text-no-w .footer-link:hover {
  text-decoration: underline;
}
.footer-modal-task .footer-content .footer-image {
  flex: 0 0 480px;
}
.footer-modal-task .footer-content .footer-image img {
  width: 100%;
  max-height: 131px;
  object-fit: contain;
}
.footer-modal-task .footer-expanded-content .footer-card-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}
.footer-modal-task .footer-expanded-content .footer-card-grid .footer-card {
  background: #f9fafb;
  padding: 0.75rem;
  border-radius: 12px;
  text-align: center;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer-modal-task .footer-expanded-content .footer-card-grid .footer-card img {
  width: 160px;
  margin-bottom: 0.75rem;
}
.footer-modal-task .footer-expanded-content .footer-card-grid .footer-card .footer-card-wrapper {
  text-align: left;
}
.footer-modal-task .footer-expanded-content .footer-card-grid .footer-card .footer-card-wrapper h4 {
  font-size: 1rem;
  margin-bottom: 0.55rem;
  font-family: "Inter-Medium";
}
.footer-modal-task .footer-expanded-content .footer-card-grid .footer-card .footer-card-wrapper p {
  font-size: 0.875rem;
  color: #6b7280;
}
.footer-modal-task .footer-learn-more {
  margin-top: 1.5rem;
  padding: 1rem;
  border: 1px solid #d4d4d4;
  border-radius: 10px;
  background: #f9f9f9;
  display: flex;
  align-items: center;
  gap: 1rem;
  font-family: "Inter-Regular";
  flex-wrap: wrap;
}
.footer-modal-task .footer-learn-more .info-icon {
  color: #111827;
  font-size: 12px;
}
.footer-modal-task .footer-learn-more .learn-text {
  flex: 1;
  color: #111827;
  font-size: 13px;
  text-align: left;
}
.footer-modal-task .footer-learn-more .learn-buttons {
  display: flex;
  gap: 0.5rem;
}
.footer-modal-task .footer-learn-more .learn-buttons button {
  display: flex;
  align-items: center;
  gap: 0.25rem;
  padding: 0.4rem 0.75rem;
  font-size: 12px;
  border-radius: 6px;
  cursor: pointer;
  white-space: nowrap;
}
.footer-modal-task .footer-learn-more .learn-buttons button i {
  font-size: 13px;
}
.footer-modal-task .footer-learn-more .learn-buttons .btn-outline-purple {
  background: #f6f5fb;
  color: #6366F1;
  border: 1px solid #6366F1;
}
.footer-modal-task .footer-learn-more .learn-buttons .btn-outline-purple:hover {
  background: #ddd6fe;
}
.footer-modal-task .footer-learn-more .learn-buttons .btn-outline-blue {
  background: #f0f9ff;
  color: #2563eb;
  border: 1px solid #93c5fd;
}
.footer-modal-task .footer-learn-more .learn-buttons .btn-outline-blue:hover {
  background: #dbeafe;
}
@keyframes fadeUp {
  from {
    transform: translateY(20px);
    opacity: 0;
  }
  to {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
    transform: translateY(10px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}
.footer-modal-overlay {
  content: "";
  position: fixed;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 998;
  animation: fadeIn 0.3s ease;
}
.route-wrapper {
  position: relative;
  min-height: 100%;
}
.setup-wrapper {
  display: flex;
  height: 100vh;
  background-color: #111;
}
.setup-wrapper .logo {
  width: 120px;
  margin-bottom: 2rem;
  position: absolute;
  left: 25px;
  top: 25px;
}
.setup-wrapper .setup-left {
  width: 60%;
  background-color: #f5f5f5;
  padding: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  border-top-right-radius: 12px;
  border-bottom-right-radius: 12px;
}
.setup-wrapper .setup-left .form-section {
  width: 400px;
  position: relative;
  top: 20%;
}
.setup-wrapper .setup-left .form-section h2 {
  font-size: 1.75rem;
  font-family: "Inter-SemiBold";
  margin-bottom: 0.5rem;
  color: #111;
}
.setup-wrapper .setup-left .form-section .subtitle {
  font-size: 1rem;
  font-family: "Inter-Regular";
  color: #555;
  margin-bottom: 2rem;
}
.setup-wrapper .setup-left .form-section .form-field {
  position: relative;
  margin-bottom: 1rem;
}
.setup-wrapper .setup-left .form-section .form-field label {
  font-size: 0.95rem;
  font-family: "Inter-Medium";
  margin-bottom: 0.5rem;
  color: #333;
}
.setup-wrapper .setup-left .form-section .form-field .input-wrapper {
  position: relative;
}
.setup-wrapper .setup-left .form-section .form-field .input-wrapper .icon {
  position: absolute;
  top: 50%;
  left: 0.75rem;
  transform: translateY(-50%);
  color: #999;
}
.setup-wrapper .setup-left .form-section .form-field .input-wrapper input {
  width: 100%;
  padding: 0.75rem 1rem 0.75rem 2.5rem;
  border-radius: 6px;
  border: 1px solid #ccc;
  font-size: 1rem;
}
.setup-wrapper .setup-left .form-section .form-field .input-wrapper .eye-toggle {
  position: absolute;
  top: 50%;
  right: 0.75rem;
  transform: translateY(-50%);
  color: #666;
  cursor: pointer;
}
.setup-wrapper .setup-left .form-section .form-field .input-wrapper .eye-toggle:hover {
  color: #000;
}
.setup-wrapper .setup-left .form-section .form-field .error-msg {
  color: #e53935;
  font-size: 10px;
  margin-top: 4px;
  line-height: 1.4;
}
.setup-wrapper .setup-left .form-section .pwd-valid {
  position: absolute;
  top: 0.75rem;
  right: -230px;
  width: 220px;
  background: #F4F4F4;
  border: 1px solid #F4F4F4;
  border-radius: 8px;
  z-index: 100;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}
.setup-wrapper .setup-left .form-section .pwd-valid-body {
  position: relative;
  padding: 0.85rem;
}
.setup-wrapper .setup-left .form-section .pwd-valid-body span {
  font-size: 10px;
  font-family: "Inter-Regular";
}
.setup-wrapper .setup-left .form-section .pwd-valid-body:before {
  content: "";
  position: absolute;
  top: 25px;
  left: -10px;
  border-width: 5px;
  border-style: solid;
  border-color: transparent #c6c6c6 transparent transparent;
}
.setup-wrapper .setup-left .form-section .pwd-valid-body .title {
  font-size: 12px;
  font-family: "Inter-Medium";
  margin-bottom: 0.5rem;
}
.setup-wrapper .setup-left .form-section .pwd-valid-body .rule {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
}
.setup-wrapper .setup-left .form-section .pwd-valid-body .rule i {
  width: 12px;
  height: 12px;
}
.setup-wrapper .setup-left .form-section .pwd-valid-body .rule .text-success {
  color: #22c55e;
}
.setup-wrapper .setup-left .form-section .pwd-valid-body .rule .text-danger {
  color: #ef4444;
}
.setup-wrapper .setup-left .form-section .button-row {
  display: flex;
  justify-content: flex-end;
  margin-top: 1.5rem;
}
.setup-wrapper .setup-left .form-section .button-row button.next {
  width: 90px;
  padding: 0.55rem 0.75rem;
  background-color: #191919;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-weight: 500;
  cursor: pointer;
}
.setup-wrapper .setup-left .form-section .button-row button.next:hover {
  background-color: #000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}
.setup-wrapper .setup-left .form-section button {
  width: 100%;
  padding: 0.35rem;
  background-color: #191919;
  color: #fff;
  border: none;
  border-radius: 6px;
  font-family: "Inter-Regular";
  cursor: pointer;
  height: 32px;
  font-size: 12px;
}
.setup-wrapper .setup-left .form-section button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.setup-wrapper .setup-left .form-section button:hover {
  background-color: #000;
}
.setup-wrapper .setup-left .industry-wrapper {
  width: 650px;
  position: relative;
  top: 60px;
}
.setup-wrapper .setup-left .industry-wrapper h2 {
  font-size: 1.75rem;
  font-family: "Inter-SemiBold";
  margin-bottom: 0.5rem;
  color: #111;
}
.setup-wrapper .setup-left .industry-wrapper .subtitle {
  font-size: 1rem;
  font-family: "Inter-Regular";
  color: #555;
  margin-bottom: 2rem;
}
.setup-wrapper .setup-left .industry-wrapper .industry-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  margin-top: 1.5rem;
}
.setup-wrapper .setup-left .industry-wrapper .industry-card {
  border: 1px solid #e5e7eb;
  background-color: #fff;
  border-radius: 10px;
  padding: 1.25rem 1rem;
  display: flex;
  gap: 0.75rem;
  align-items: center;
  cursor: pointer;
  position: relative;
  transition: all 0.2s ease;
}
.setup-wrapper .setup-left .industry-wrapper .industry-card:hover {
  box-shadow: 0 0 0 1px #d1d5db;
  border: 1px solid #d1d5db;
}
.setup-wrapper .setup-left .industry-wrapper .industry-card.active {
  border: 1px solid #111;
  background: #fff;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
}
.setup-wrapper .setup-left .industry-wrapper .industry-card img {
  width: 36px;
  height: 36px;
}
.setup-wrapper .setup-left .industry-wrapper .industry-card .industry-text h4 {
  font-size: 0.95rem;
  font-weight: 600;
}
.setup-wrapper .setup-left .industry-wrapper .industry-card .industry-text p,
.setup-wrapper .setup-left .industry-wrapper .industry-card .industry-text .desc-placeholder {
  font-size: 0.75rem;
  color: #6b7280;
  line-height: 1.2;
  min-height: 1.2rem;
}
.setup-wrapper .setup-left .industry-wrapper .industry-card .selected-check {
  position: absolute;
  right: 22px;
  color: #059669;
  font-size: 1rem;
}
.setup-wrapper .setup-left .industry-wrapper .button-row-outline {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 2rem;
  gap: 0.5rem;
}
.setup-wrapper .setup-left .industry-wrapper .button-row-outline button {
  width: 90px;
  padding: 0.55rem 0.75rem;
  border-radius: 6px;
  font-weight: 500;
  font-size: 0.875rem;
  transition: all 0.25s ease;
  cursor: pointer;
}
.setup-wrapper .setup-left .industry-wrapper .button-row-outline button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.setup-wrapper .setup-left .industry-wrapper .button-row-outline .btn-back {
  background-color: #fff;
  color: #111;
  border: 1px solid #d1d5db;
}
.setup-wrapper .setup-left .industry-wrapper .button-row-outline .btn-back:hover {
  background-color: #e5e7eb;
}
.setup-wrapper .setup-left .industry-wrapper .button-row-outline .btn-next {
  background-color: #191919;
  color: #fff;
  border: none;
}
.setup-wrapper .setup-left .industry-wrapper .button-row-outline .btn-next:hover {
  background-color: #000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.setup-wrapper .setup-left .industry-wrapper .button-row-outline .btn-next:active {
  transform: scale(0.98);
}
.setup-wrapper .setup-left .module-wrapper {
  width: 650px;
  position: relative;
  top: 24px;
}
.setup-wrapper .setup-left .module-wrapper h2 {
  font-size: 1.75rem;
  font-family: "Inter-SemiBold";
  margin-bottom: 0.5rem;
  color: #111;
}
.setup-wrapper .setup-left .module-wrapper .subtitle {
  font-size: 1rem;
  font-family: "Inter-Regular";
  color: #555;
}
.setup-wrapper .setup-left .module-wrapper .module-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 0.65rem;
  margin-top: 1rem;
}
.setup-wrapper .setup-left .module-wrapper .module-grid .module-card {
  border: 2px solid transparent;
  background-color: #fff;
  border-radius: 10px;
  padding: 0.75rem 1.15rem 0.75rem 0.75rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  position: relative;
  cursor: pointer;
  transition: all 0.2s ease;
}
.setup-wrapper .setup-left .module-wrapper .module-grid .module-card:hover {
  box-shadow: 0 0 0 2px #d1d5db;
}
.setup-wrapper .setup-left .module-wrapper .module-grid .module-card.active {
  border: 1px solid #000;
  background: #fff;
}
.setup-wrapper .setup-left .module-wrapper .module-grid .module-card img {
  width: 36px;
  height: 36px;
}
.setup-wrapper .setup-left .module-wrapper .module-grid .module-card .module-text {
  flex: 1;
  padding-top: 2px;
}
.setup-wrapper .setup-left .module-wrapper .module-grid .module-card .module-text h4 {
  font-size: 0.95rem;
  font-weight: 600;
  margin-bottom: 2px;
}
.setup-wrapper .setup-left .module-wrapper .module-grid .module-card .module-text h4 .crown-icon-inline {
  background: rgba(99, 102, 241, 0.1450980392);
  font-size: 0.75rem;
  color: #6366f1;
  margin-left: 0.25rem;
  vertical-align: middle;
  padding: 2px;
  border-radius: 4px;
}
.setup-wrapper .setup-left .module-wrapper .module-grid .module-card .module-text p {
  font-size: 0.75rem;
  color: #6b7280;
}
.setup-wrapper .setup-left .module-wrapper .module-grid .module-card .checkbox-wrap {
  width: 19px;
  height: 19px;
  border: 1px solid #b7b7b7;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 3px;
  background-color: #fff;
  color: #fff;
}
.setup-wrapper .setup-left .module-wrapper .module-grid .module-card .checkbox-wrap .check i {
  font-size: 0.85rem;
}
.setup-wrapper .setup-left .module-wrapper .module-grid .module-card .checkbox-wrap.checked {
  background-color: #000;
}
.setup-wrapper .setup-left .module-wrapper .module-grid .module-card .crown-icon {
  position: absolute;
  right: 46px;
  font-size: 0.85rem;
  color: #6366f1;
}
@media screen and (max-width: 1360px) {
  .setup-wrapper .setup-left .module-wrapper .module-grid {
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }
}
.setup-wrapper .setup-left .module-wrapper .upgrade-info {
  background: #fff;
  border: 1px solid #e5e7eb;
  padding: 1rem;
  font-size: 0.75rem;
  margin-top: 1.5rem;
  border-radius: 8px;
  color: #374151;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
}
.setup-wrapper .setup-left .module-wrapper .upgrade-info .upgrade-text {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
.setup-wrapper .setup-left .module-wrapper .upgrade-info .upgrade-text i.fa-circle-info {
  font-size: 1rem;
  margin-top: 2px;
}
.setup-wrapper .setup-left .module-wrapper .upgrade-info .upgrade-text span {
  line-height: 1.4;
  display: inline-block;
}
.setup-wrapper .setup-left .module-wrapper .upgrade-info .upgrade-text span i.fa-crown {
  font-size: 0.75rem;
  color: #6366f1;
  margin: 0 0.25rem;
}
.setup-wrapper .setup-left .module-wrapper .upgrade-info .upgrade-link {
  background: transparent;
  border: 1px solid #6366f1;
  border-radius: 6px;
  padding: 0.25rem 0.75rem;
  font-size: 0.75rem;
  font-weight: 500;
  color: #6366f1;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 0.25rem;
  transition: all 0.2s ease;
}
.setup-wrapper .setup-left .module-wrapper .upgrade-info .upgrade-link i.fa-crown {
  font-size: 0.7rem;
}
.setup-wrapper .setup-left .module-wrapper .upgrade-info .upgrade-link:hover {
  background-color: rgba(99, 102, 241, 0.05);
}
.setup-wrapper .setup-left .module-wrapper .button-row-outline {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  margin-top: 1rem;
  gap: 0.5rem;
}
.setup-wrapper .setup-left .module-wrapper .button-row-outline button {
  width: 90px;
  padding: 0.55rem 0.75rem;
  border-radius: 6px;
  font-weight: 500;
  font-size: 0.875rem;
  transition: all 0.25s ease;
  cursor: pointer;
}
.setup-wrapper .setup-left .module-wrapper .button-row-outline button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.setup-wrapper .setup-left .module-wrapper .button-row-outline .btn-back {
  background-color: #fff;
  color: #111;
  border: 1px solid #d1d5db;
}
.setup-wrapper .setup-left .module-wrapper .button-row-outline .btn-back:hover {
  background-color: #e5e7eb;
}
.setup-wrapper .setup-left .module-wrapper .button-row-outline .btn-next {
  background-color: #191919;
  color: #fff;
  border: none;
}
.setup-wrapper .setup-left .module-wrapper .button-row-outline .btn-next:hover {
  background-color: #000;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.setup-wrapper .setup-left .module-wrapper .button-row-outline .btn-next:active {
  transform: scale(0.98);
}
.setup-wrapper .setup-left .step-indicator {
  margin-top: 2rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #4b5563;
  position: absolute;
  left: 27px;
  bottom: 22px;
}
.setup-wrapper .setup-left .step-indicator .steps {
  display: flex;
  gap: 6px;
  margin-bottom: 4px;
}
.setup-wrapper .setup-left .step-indicator .steps .dot {
  display: block;
  width: 18px;
  height: 6px;
  background-color: #d1d5db;
  border-radius: 999px;
  transition: background-color 0.3s ease;
}
.setup-wrapper .setup-left .step-indicator .steps .dot.active {
  background-color: #059669;
  width: 18px;
}
.setup-wrapper .setup-left .step-indicator .step-label {
  margin-top: 2px;
}
.setup-wrapper .setup-right {
  width: 40%;
  background: #000;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}
.setup-wrapper .setup-right .img-wrapper {
  position: relative;
  top: 20%;
}
.setup-wrapper .setup-right .img-wrapper-lock {
  position: relative;
  top: 30%;
}
.setup-wrapper .setup-right .ui-preview {
  border-radius: 10px;
  width: 90%;
  position: relative;
  top: 35%;
  transform: translate(10px, -70px);
}
.setup-wrapper .setup-right .ui-preview .preview-shell {
  display: flex;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
}
.setup-wrapper .setup-right .ui-preview .preview-shell .preview-sidebar {
  background: #fff;
  width: 102px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 370px;
}
.setup-wrapper .setup-right .ui-preview .preview-shell .preview-sidebar .preview-logo {
  padding: 0.75rem 1rem;
  font-weight: 600;
  font-size: 0.875rem;
  color: #fff;
  background: #12191D;
}
.setup-wrapper .setup-right .ui-preview .preview-shell .preview-sidebar .preview-logo img.header-logo {
  width: 65px;
}
.setup-wrapper .setup-right .ui-preview .preview-shell .preview-sidebar .preview-nav {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-block-end: 2.5rem;
  flex: 1;
}
.setup-wrapper .setup-right .ui-preview .preview-shell .preview-sidebar .preview-nav li {
  display: flex;
  align-items: center;
  padding: 0.7rem 0.7rem;
  padding-bottom: 0.15rem;
  font-size: 0.75rem;
  color: #374151;
  gap: 8px;
}
.setup-wrapper .setup-right .ui-preview .preview-shell .preview-sidebar .preview-nav li .icon-wrap {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.setup-wrapper .setup-right .ui-preview .preview-shell .preview-sidebar .preview-nav li .icon-logo {
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: grayscale(1) brightness(0.6);
}
.setup-wrapper .setup-right .ui-preview .preview-shell .preview-sidebar .preview-nav li .icon-logo.checklist {
  width: 10px;
}
.setup-wrapper .setup-right .ui-preview .preview-shell .preview-sidebar .preview-footer {
  display: flex;
  justify-content: space-around;
  padding: 0.75rem 0;
  border-top: 1px solid #eee;
}
.setup-wrapper .setup-right .ui-preview .preview-shell .preview-sidebar .preview-footer i {
  font-size: 1.125rem;
  color: #6b7280;
  cursor: unset;
}
.setup-wrapper .setup-right .ui-preview .preview-shell .preview-main {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.setup-wrapper .setup-right .ui-preview .preview-shell .preview-main .preview-header {
  background: #1f2937;
  color: #fff;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
}
.setup-wrapper .setup-right .ui-preview .preview-shell .preview-main .preview-content {
  flex: 1;
  background: #f3f4f6;
}
.setup-wrapper .setup-right .ui-preview .preview-shell-zoomed {
  display: flex;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05);
  transform: scale(1.5) translate(50px);
  transform-origin: left;
}
.setup-wrapper .setup-right .ui-preview .preview-shell-zoomed .preview-sidebar {
  background: #fff;
  width: 102px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 370px;
  border-top-left-radius: 45px;
}
.setup-wrapper .setup-right .ui-preview .preview-shell-zoomed .preview-sidebar .preview-logo {
  padding: 0.75rem 1rem;
  font-weight: 600;
  font-size: 0.875rem;
  color: #fff;
  background: #12191D;
}
.setup-wrapper .setup-right .ui-preview .preview-shell-zoomed .preview-sidebar .preview-logo img.header-logo {
  width: 65px;
}
.setup-wrapper .setup-right .ui-preview .preview-shell-zoomed .preview-sidebar .preview-nav {
  list-style: none;
  padding: 0;
  margin: 0;
  margin-block-end: 2.5rem;
  flex: 1;
}
.setup-wrapper .setup-right .ui-preview .preview-shell-zoomed .preview-sidebar .preview-nav li {
  display: flex;
  align-items: center;
  padding: 0.7rem 0.7rem;
  padding-bottom: 0.15rem;
  font-size: 0.75rem;
  color: #374151;
  gap: 8px;
}
.setup-wrapper .setup-right .ui-preview .preview-shell-zoomed .preview-sidebar .preview-nav li .icon-wrap {
  width: 14px;
  height: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.setup-wrapper .setup-right .ui-preview .preview-shell-zoomed .preview-sidebar .preview-nav li .icon-logo {
  width: 100%;
  height: auto;
  object-fit: contain;
  filter: grayscale(1) brightness(0.6);
}
.setup-wrapper .setup-right .ui-preview .preview-shell-zoomed .preview-sidebar .preview-nav li .icon-logo.checklist {
  width: 10px;
}
.setup-wrapper .setup-right .ui-preview .preview-shell-zoomed .preview-sidebar .preview-footer {
  display: flex;
  justify-content: space-around;
  padding: 0.75rem 0;
  border-top: 1px solid #eee;
}
.setup-wrapper .setup-right .ui-preview .preview-shell-zoomed .preview-sidebar .preview-footer i {
  font-size: 1.125rem;
  color: #6b7280;
  cursor: unset;
}
.setup-wrapper .setup-right .ui-preview .preview-shell-zoomed .preview-main {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.setup-wrapper .setup-right .ui-preview .preview-shell-zoomed .preview-main .preview-header {
  background: #1f2937;
  color: #fff;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
}
.setup-wrapper .setup-right .ui-preview .preview-shell-zoomed .preview-main .preview-content {
  flex: 1;
  background: #f3f4f6;
}
.loading-wrapper {
  background-image: url("./media/black_gradient_background.svg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  width: 100%;
  padding: 2rem;
}
.loading-container {
  background-color: white;
  border-radius: 1.5rem;
  box-shadow: 0 10px 40px rgba(0, 0, 0, 0.05);
  padding: 3rem 4rem;
  max-width: 1200px;
  width: 100%;
  text-align: center;
}
.loading-container .logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 2rem;
  gap: 1rem;
}
.loading-container .logo .logo-img {
  height: 40px;
}
.loading-container .logo .logo-text {
  font-size: 2rem;
}
.loading-container .title {
  font-size: 2.5rem;
  font-weight: 700;
  margin-bottom: 0.75rem;
}
.loading-container .subtitle {
  font-size: 1.25rem;
  color: #6b7280;
}
.loading-container .subtitle-hang-tight {
  font-size: 1.25rem;
  color: #6b7280;
  margin-top: 1.5rem;
}
.loading-container .subtitle-contact-support {
  font-size: 1rem;
  text-decoration: none !important;
  color: #6366F1;
}
.loading-container .completion-message {
  margin-top: 2rem;
  font-size: 1rem;
  font-weight: 500;
  color: #4F46E5;
}
.loading-container .lottie-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
}
.loading-container .alert-banner {
  margin-top: 2rem;
  padding: 1rem 1.25rem;
  background-color: #FFDFDF;
  color: #AC1313;
  border: 1px solid #fca5a5;
  border-radius: 0.5rem;
  font-size: 0.95rem;
  line-height: 1.5;
  text-align: center;
  animation: fadeInBanner 0.4s ease-out;
  opacity: 1;
}
.loading-container .alert-banner .alert-text {
  display: inline-block;
}
.loading-container .alert-banner .alert-text strong {
  font-weight: 600;
}
.loading-container .alert-banner .alert-text .inline-link {
  color: #AC1313;
  text-decoration: underline;
  font-family: "Inter-SemiBold";
}
.loading-container .alert-banner .alert-text .inline-link:hover {
  text-decoration: none;
}
.loading-container .alert-banner .alert-text .icon-external {
  font-size: 0.75rem;
  margin-left: 0.25rem;
  vertical-align: middle;
}
@keyframes fadeInBanner {
  from {
    opacity: 0;
    transform: translateY(8px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.billing-container {
  padding: 0 0.75rem;
  margin: 0 auto;
}
.billing-container h2 {
  font-size: 1.75rem;
  margin-bottom: 1.5rem;
}
.billing-container .billing-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-bottom: 1rem;
}
.billing-container .billing-summary .plan-card,
.billing-container .billing-summary .payment-card {
  flex: 1;
  min-width: 300px;
}
.billing-container .billing-summary .plan-card h4,
.billing-container .billing-summary .payment-card h4 {
  margin-bottom: 0.5rem;
  font-family: "Inter-Medium";
}
.billing-container .billing-summary .plan-card p,
.billing-container .billing-summary .payment-card p {
  color: #12191D;
  margin: 0;
}
.billing-container .billing-summary .plan-card hr,
.billing-container .billing-summary .payment-card hr {
  margin: 1rem 0;
  border-color: #bcbcbc;
  border: 1px solid;
  border-bottom: 0;
  border-right: 0;
  border-left: 0;
}
.billing-container .billing-summary .plan-card .plan-footer,
.billing-container .billing-summary .payment-card .plan-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.billing-container .billing-summary .plan-card .plan-footer .seats,
.billing-container .billing-summary .payment-card .plan-footer .seats {
  font-family: "Inter-SemiBold";
}
.billing-container .billing-summary .plan-card .plan-footer .btn-outline-red,
.billing-container .billing-summary .payment-card .plan-footer .btn-outline-red {
  border: 1px solid #e11d48;
  color: #e11d48;
  background: transparent;
  padding: 6px 16px;
  border-radius: 6px;
  cursor: pointer;
  font-family: "Inter-Medium";
  font-size: 12px;
}
.billing-container .billing-summary .plan-card .plan-footer .btn-outline-red:hover,
.billing-container .billing-summary .payment-card .plan-footer .btn-outline-red:hover {
  background-color: #ffe4e6;
}
.billing-container .billing-summary .plan-card .plan-header,
.billing-container .billing-summary .payment-card .plan-header {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.billing-container .billing-summary .plan-card .plan-header .plan-title,
.billing-container .billing-summary .payment-card .plan-header .plan-title {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}
.billing-container .billing-summary .plan-card .plan-header .plan-title h3,
.billing-container .billing-summary .payment-card .plan-header .plan-title h3 {
  margin: 0;
  font-family: "Inter-SemiBold";
}
.billing-container .billing-summary .plan-card .plan-header .plan-title .icon,
.billing-container .billing-summary .payment-card .plan-header .plan-title .icon {
  padding: 6px 8px;
  border-radius: 8px;
}
.billing-container .billing-summary .plan-card .plan-header .plan-title .icon.pro,
.billing-container .billing-summary .payment-card .plan-header .plan-title .icon.pro {
  background-color: rgba(99, 102, 241, 0.16);
  color: #6366F1;
}
.billing-container .billing-summary .plan-card .plan-header .plan-title .icon.enterprise,
.billing-container .billing-summary .payment-card .plan-header .plan-title .icon.enterprise {
  background-color: rgba(241, 142, 99, 0.23);
  color: #f18e63;
}
.billing-container .billing-summary .plan-card .plan-header .plan-title .badge.monthly,
.billing-container .billing-summary .payment-card .plan-header .plan-title .badge.monthly {
  background: #eee;
  color: #12191D;
}
.billing-container .billing-summary .plan-card .plan-header .plan-title .badge.free-forever,
.billing-container .billing-summary .payment-card .plan-header .plan-title .badge.free-forever {
  background: #fff;
  color: #12191D;
  border: 1px solid #bcbcbc;
}
.billing-container .billing-summary .plan-card .plan-header .plan-title .badge.free-trial,
.billing-container .billing-summary .payment-card .plan-header .plan-title .badge.free-trial {
  background: #d6ffde;
  color: #12191D;
}
.billing-container .billing-summary .plan-card .plan-header .plan-subscription,
.billing-container .billing-summary .payment-card .plan-header .plan-subscription {
  min-height: 39.9px;
}
.billing-container .billing-summary .plan-card .plan-header .plan-subscription-end,
.billing-container .billing-summary .payment-card .plan-header .plan-subscription-end {
  min-height: 22px;
}
.billing-container .billing-summary .plan-card .plan-header .trial-countdown,
.billing-container .billing-summary .payment-card .plan-header .trial-countdown {
  font-weight: 600;
  color: #1e293b;
  font-size: 14px;
  margin-bottom: unset;
}
.billing-container .billing-summary .plan-card .plan-header .details-wrapper,
.billing-container .billing-summary .payment-card .plan-header .details-wrapper {
  min-height: 55px;
}
.billing-container .billing-summary .plan-card .payment-header,
.billing-container .billing-summary .payment-card .payment-header {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.billing-container .billing-summary .plan-card .payment-header .title-wrapper,
.billing-container .billing-summary .payment-card .payment-header .title-wrapper {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  position: relative;
}
.billing-container .billing-summary .plan-card .payment-header .title-wrapper h3,
.billing-container .billing-summary .plan-card .payment-header .title-wrapper h4,
.billing-container .billing-summary .payment-card .payment-header .title-wrapper h3,
.billing-container .billing-summary .payment-card .payment-header .title-wrapper h4 {
  margin: 0;
  font-family: "Inter-SemiBold";
}
.billing-container .billing-summary .plan-card .payment-header .title-wrapper .badge.failed,
.billing-container .billing-summary .payment-card .payment-header .title-wrapper .badge.failed {
  background: rgba(255, 0, 0, 0.2);
  color: #D34747;
}
.billing-container .billing-summary .plan-card .payment-header .amount-wrapper,
.billing-container .billing-summary .payment-card .payment-header .amount-wrapper {
  display: flex;
  align-items: baseline;
  gap: 0.25rem;
  min-height: 83px;
}
.billing-container .billing-summary .plan-card .payment-header .amount-wrapper .amount,
.billing-container .billing-summary .payment-card .payment-header .amount-wrapper .amount {
  font-size: 20px;
  font-family: "Inter-SemiBold";
}
.billing-container .billing-summary .plan-card .payment-header .amount-wrapper p,
.billing-container .billing-summary .payment-card .payment-header .amount-wrapper p {
  font-size: 14px;
  margin: 0;
  font-family: "Inter-Regular";
}
.billing-container .billing-summary .payment-card.failed {
  border: 1px solid #FF4A4A;
}
.billing-container .billing-summary.expired .plan-card {
  border: 1px solid #FF4A4A;
}
.billing-container .invoice-bar {
  padding: 1rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
  font-family: "Inter-Medium";
}
.billing-container .invoice-bar a {
  color: #6366F1;
  text-decoration: none;
  font-size: 12px;
}
.billing-container .invoice-bar a:hover {
  text-decoration: underline;
}
.billing-container .upgrade-bar {
  background-color: #fff;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid #DFDFDF;
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
  justify-content: space-between;
}
.billing-container .upgrade-bar .upgrade-content {
  display: flex;
  gap: 1.05rem;
}
.billing-container .upgrade-bar .upgrade-content .icon {
  font-size: 24px;
}
.billing-container .upgrade-bar .upgrade-content .icon .pro {
  color: #6366F1;
}
.billing-container .upgrade-bar .upgrade-content .icon .enterprise {
  color: #F18E63;
}
.billing-container .upgrade-bar .upgrade-content .content {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.billing-container .upgrade-bar .upgrade-content .content h5 {
  font-size: 14px;
  font-family: "Inter-SemiBold";
  margin-bottom: unset;
}
.billing-container .upgrade-bar .upgrade-content .content p {
  font-size: 12px;
  margin-bottom: unset;
}
.billing-container .upgrade-bar .upgrade-btn-wrapper {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.billing-container .upgrade-bar .cta {
  padding: 6px 16px;
  border-radius: 6px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 0.3s;
  font-family: "Inter-Medium";
  display: flex;
  align-items: center;
}
.billing-container .upgrade-bar .cta.outlined-pro {
  background-color: transparent;
  border-color: #6366F1;
  color: #6366F1;
}
.billing-container .upgrade-bar .cta.outlined-enterprise {
  background-color: transparent;
  border-color: #F18E63;
  color: #F18E63;
}
.billing-container .upgrade-bar .cta.delete {
  background-color: transparent;
  border-color: #FFA8A8;
  color: #12191D;
}
.billing-container .upgrade-bar .cta.cancel {
  background-color: transparent;
  border-color: #FFA8A8;
  color: #DE4B4B;
}
.billing-container .upgrade-bar .cta .crown-icon {
  margin-right: 6px;
  font-size: 14px;
}
.billing-container .upgrade-bar .cta .crown-icon.purple {
  color: #6366F1;
}
.billing-container .upgrade-bar .cta .crown-icon.bronze {
  color: #F18E63;
}
.billing-container .upgrade-bar .cta .crown-icon.default {
  color: #ccc;
}
.billing-container .upgrade-bar .cta .crown-icon.cancel {
  color: #DE4B4B;
}
.billing-container .upgrade-bar .cta p {
  font-size: 12px;
  margin-bottom: unset;
  font-family: "Inter-Medium";
}
.billing-container .upgrade-bar .cta p.purple {
  color: #6366F1;
}
.billing-container .upgrade-bar .cta p.bronze {
  color: #F18E63;
}
.billing-container .upgrade-bar .cta p.default {
  color: #ccc;
}
.billing-container .upgrade-bar .cta:hover {
  background-color: #f3f3f3;
}
.billing-container .try-pro-card {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 1rem;
}
.billing-container .try-pro-card .try-pro-info {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.billing-container .try-pro-card .try-pro-info .icon {
  font-size: 1.5rem;
}
.billing-container .try-pro-card .try-pro-info .icon .fa-crown {
  color: #6366F1;
}
.billing-container .try-pro-card .try-pro-info .details {
  font-family: "Inter-Regular";
}
.billing-container .try-pro-card .try-pro-info .details p {
  font-size: 14px;
  margin: 0;
  color: #666;
}
.billing-container .footer-actions {
  text-align: right;
  margin-top: 12px;
}
.billing-container .footer-actions .btn-outline-red {
  border: 1px solid #e11d48;
  color: #e11d48;
  background: transparent;
  padding: 6px 16px;
  border-radius: 6px;
  cursor: pointer;
  font-family: "Inter-Medium";
  font-size: 12px;
}
.billing-container .footer-actions .btn-outline-red:hover {
  background-color: #ffe4e6;
}
.billing-container .badge-base,
.billing-container .billing-summary .plan-card .plan-header .plan-title .badge,
.billing-container .billing-summary .payment-card .plan-header .plan-title .badge,
.billing-container .billing-summary .plan-card .payment-header .title-wrapper .badge,
.billing-container .billing-summary .payment-card .payment-header .title-wrapper .badge {
  font-size: 0.75rem;
  padding: 4px 6px;
  border-radius: 4px;
}
.billing-container .card-base,
.billing-container .billing-summary .plan-card,
.billing-container .billing-summary .payment-card,
.billing-container .invoice-bar,
.billing-container .try-pro-card {
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 8px;
  padding: 1.25rem;
}
.billing-container .btn-outline-purple {
  background: #ede9fe;
  color: #5b21b6;
  border: none;
  padding: 0.4rem 0.8rem;
  border-radius: 6px;
  font-weight: 500;
  cursor: pointer;
}
.billing-container .btn-outline-purple:hover {
  background-color: #ddd6fe;
}
.billing-container .btn-black {
  background: #000;
  color: #fff;
  padding: 0.5rem 1rem;
  border: none;
  border-radius: 6px;
  cursor: pointer;
}
.billing-container .btn-black:hover {
  opacity: 0.9;
}
.billing-container .btn-outline-blue {
  background: #f0f9ff;
  color: #2563eb;
  border: 1px solid #2563eb;
  padding: 0.4rem 0.8rem;
  border-radius: 6px;
  font-weight: 500;
  cursor: pointer;
}
.billing-container .btn-outline-blue:hover {
  background-color: #dbeafe;
}
.pricing-wrapper {
  padding: 1rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.pricing-wrapper .billing-toggle {
  display: flex;
  align-self: center;
  background: #e9e9e9;
  border-radius: 999px;
  overflow: hidden;
  margin-bottom: 2rem;
  border: 1px solid #e9e9e9;
  padding: 0.25rem;
}
.pricing-wrapper .billing-toggle button {
  padding: 0.75rem 2rem;
  border: none;
  background: transparent;
  font-weight: 600;
  cursor: pointer;
  border-radius: 2rem;
  transition:
    background-color 0.3s ease,
    box-shadow 0.3s ease,
    opacity 0.3s ease;
}
.pricing-wrapper .billing-toggle button.active {
  background-color: white;
  box-shadow: 0 0 0 1px #ccc;
  opacity: 1;
}
.pricing-wrapper .billing-toggle button:not(.active) {
  opacity: 0.7;
}
.pricing-wrapper .billing-toggle button:hover {
  opacity: 0.9;
}
.pricing-wrapper .plan-cards {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 1rem;
}
.pricing-wrapper .plan-cards .plan-card {
  background: #fff;
  border-radius: 1rem;
  padding: 2rem;
  box-shadow: 0 4px 24px rgba(0, 0, 0, 0.05);
  width: 300px;
  text-align: left;
  transition: all 0.3s;
}
.pricing-wrapper .plan-cards .plan-card.featured {
  background: #070707;
  color: #fff;
}
.pricing-wrapper .plan-cards .plan-card.featured .cta {
  background: #e4f223;
  color: #000;
  font-family: "Inter-Medium";
  border: unset;
}
.pricing-wrapper .plan-cards .plan-card.featured .cta:hover {
  background-color: #82f189;
}
.pricing-wrapper .plan-cards .plan-card.featured .plan-features li {
  color: #fff;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.pricing-wrapper .plan-cards .plan-card.featured .plan-discount {
  color: #fff;
  font-weight: 600;
  font-size: 16px;
}
.pricing-wrapper .plan-cards .plan-card .plan-name {
  font-size: 1.2rem;
  font-weight: 700;
  margin-bottom: 0.2rem;
}
.pricing-wrapper .plan-cards .plan-card .plan-subtitle {
  color: #6b7280;
  margin-bottom: 0.5rem;
}
.pricing-wrapper .plan-cards .plan-card .plan-price {
  font-size: 2rem;
  margin: 0.5rem 0;
  display: flex;
  align-items: baseline;
  gap: 0.45rem;
}
.pricing-wrapper .plan-cards .plan-card .plan-price .price {
  font-weight: 600;
  font-size: 36px;
}
.pricing-wrapper .plan-cards .plan-card .plan-price .unit {
  font-size: 13px;
  color: #a3a3a3;
}
.pricing-wrapper .plan-cards .plan-card .plan-discount {
  color: #12191D;
  font-weight: 600;
  font-size: 16px;
}
.pricing-wrapper .plan-cards .plan-card .cta {
  display: inline-block;
  background: #2c2c2c;
  color: white;
  border-radius: 2rem;
  padding: 0.75rem 1.5rem;
  margin: 0.5rem 0;
  font-family: "Inter-Medium";
  border: unset;
}
.pricing-wrapper .plan-cards .plan-card .cta:hover {
  background-color: #4e4e4e;
  transition: background 0.3s;
}
.pricing-wrapper .plan-cards .plan-card .plan-features .feature-header {
  font-weight: 600;
  margin: 1rem 0 0.8rem;
}
.pricing-wrapper .plan-cards .plan-card .plan-features ul {
  list-style: none;
  padding: 0;
}
.pricing-wrapper .plan-cards .plan-card .plan-features ul li {
  margin: 0.65rem 0;
  color: #333;
  font-size: 0.95rem;
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.upgrade-modal-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
  animation: fadeIn 0.3s ease-in-out;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.upgrade-modal-wrapper {
  position: absolute;
  background-color: #fff;
  border-radius: 12px;
  width: 90%;
  max-width: 960px;
  display: flex;
  box-shadow: 0 0 24px rgba(0, 0, 0, 0.2);
  overflow: hidden;
  z-index: 100;
}
.upgrade-modal-wrapper .upgrade-modal-content {
  flex: 1;
  position: relative;
}
.upgrade-modal-wrapper .upgrade-modal-content .upgrade-modal-close {
  position: absolute;
  top: 1.5rem;
  right: 2rem;
  background: transparent;
  border: none;
  font-size: 1.25rem;
  cursor: pointer;
  color: #444;
}
.upgrade-modal-wrapper .upgrade-modal-content .upgrade-modal-inner {
  display: flex;
}
.upgrade-modal-wrapper .upgrade-modal-content .upgrade-modal-inner .upgrade-modal-body {
  flex: 1;
  padding: 2rem;
}
.upgrade-modal-wrapper .upgrade-modal-content .upgrade-modal-inner .upgrade-modal-body .upgrade-modal-title {
  font-size: 1.75rem;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
.upgrade-modal-wrapper .upgrade-modal-content .upgrade-modal-inner .upgrade-modal-body .upgrade-modal-title .text-purple {
  color: #6366f1;
  margin-right: 0.5rem;
}
.upgrade-modal-wrapper .upgrade-modal-content .upgrade-modal-inner .upgrade-modal-body .upgrade-modal-title .text-bronze {
  color: #F18E63;
  margin-right: 0.5rem;
}
.upgrade-modal-wrapper .upgrade-modal-content .upgrade-modal-inner .upgrade-modal-body .upgrade-modal-subtitle {
  color: #6b7280;
  margin-bottom: 1.5rem;
}
.upgrade-modal-wrapper .upgrade-modal-content .upgrade-modal-inner .upgrade-modal-body .upgrade-modal-features {
  list-style: none;
  padding: 0;
}
.upgrade-modal-wrapper .upgrade-modal-content .upgrade-modal-inner .upgrade-modal-body .upgrade-modal-features li {
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  color: #111;
  position: relative;
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
}
.upgrade-modal-wrapper .upgrade-modal-content .upgrade-modal-inner .upgrade-modal-body .upgrade-modal-features li .fa-check {
  color: #10b981;
}
.upgrade-modal-wrapper .upgrade-modal-content .upgrade-modal-inner .upgrade-modal-body .btn-upgrade {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  background-color: #000;
  color: #fff;
  padding: 0.75rem 1.5rem;
  font-weight: 500;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
  margin-top: 5.5rem;
  width: 100%;
}
.upgrade-modal-wrapper .upgrade-modal-content .upgrade-modal-inner .upgrade-modal-body .btn-upgrade i {
  color: #fff;
}
.upgrade-modal-wrapper .upgrade-modal-content .upgrade-modal-inner .upgrade-modal-body .btn-upgrade:hover {
  background-color: #111;
}
.upgrade-modal-wrapper .upgrade-modal-content .upgrade-modal-inner .upgrade-modal-visual {
  width: 50%;
  background-color: #000;
  display: flex;
  align-items: center;
  justify-content: center;
}
.upgrade-modal-wrapper .upgrade-modal-content .upgrade-modal-inner .upgrade-modal-visual img {
  width: 100%;
}
.custella-upgrade-lock-wrapper {
  position: relative;
}
.custella-upgrade-locked {
  background-color: rgba(234, 234, 234, 0.3294117647);
  opacity: 0.6;
  pointer-events: none;
  border: 1px solid transparent;
  border-radius: 4px;
}
.custella-upgrade-btn {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.custella-upgrade-btn-right {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
}
.upgrade-pill {
  background-color: #ffffff;
  border: 1px solid #6366F1;
  color: #111;
  font-size: 0.875rem;
  font-weight: 500;
  padding: 6px 12px;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
  transition: all 0.2s ease;
}
.upgrade-pill i {
  color: #6366F1;
}
.upgrade-pill:hover {
  background-color: #f3e8ff;
  cursor: pointer;
}
.upgrade-pill.disabled {
  background-color: #f3f4f6;
  cursor: not-allowed;
}
.pro-banner-wrapper {
  background-color: #fff;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid #DFDFDF;
  display: flex;
  align-items: center;
  margin-bottom: 0.25rem;
}
.pro-banner-icon {
  font-size: 24px;
  margin-right: 16px;
  color: #3a3a3a;
}
.pro-banner-content {
  flex: 1;
  margin-right: 16px;
}
.pro-banner-title {
  font-size: 16px;
  font-family: "Inter-Medium";
  margin: 0;
}
.pro-banner-subtitle {
  font-size: 13px;
  color: #666;
  margin: 2px 0 0;
}
.pro-banner-cta {
  padding: 6px 16px;
  border-radius: 6px;
  font-size: 12px;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 0.3s;
  font-family: "Inter-Medium";
}
.pro-banner-cta.outlined,
.pro-banner-cta.filled {
  background-color: transparent;
  border-color: #ddd;
  color: #565656;
}
.pro-banner-cta .crown-icon {
  margin-right: 6px;
  font-size: 14px;
}
.pro-banner-cta .crown-icon.purple {
  color: #6366F1;
}
.pro-banner-cta .crown-icon.bronze {
  color: #F18E63;
}
.pro-banner-cta .crown-icon.default {
  color: #ccc;
}
.pro-banner-cta:hover {
  background-color: #f3f3f3;
}
.sys-banner {
  background: #fff;
  border-radius: 8px;
  width: 100%;
  padding: 0.45rem 0.75rem;
  margin-bottom: 0.55rem;
  border: 1px solid #dee1e3;
  display: flex;
  flex-direction: column;
}
.sys-banner .text {
  font-size: 12px;
  font-family: "Inter-SemiBold";
}
.sys-banner .text.link {
  color: #6366F1;
  cursor: pointer;
  font-size: 12px;
}
.sys-banner .bottom-text {
  font-size: 12px;
  font-family: "Inter-Medium";
}
.sys-banner .bottom-text.gap {
  margin-top: 10px;
}
.sys-banner .info-text {
  font-size: 12px;
  font-family: "Inter-Medium";
  display: flex;
  align-items: center;
  gap: 0.375rem;
}
.sys-banner .info-text.gap {
  margin-top: 10px;
}
.import-steps-modal {
  padding: 0 0.25rem;
  border-radius: 8px;
  color: #111827;
}
.import-steps-modal h5 {
  font-family: "Inter-SemiBold";
  margin-bottom: 0.75rem;
}
.import-steps-modal ol {
  list-style: decimal;
  margin: 0;
  padding-left: 0.75rem;
}
.import-steps-modal ol li {
  margin-bottom: 0.75rem;
  font-size: 0.95rem;
  line-height: 1.5;
}
.import-steps-modal ol li strong {
  color: #1f2937;
}
.scheduler-page {
  display: flex;
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
  background-color: #f8f9fa;
}
.backlog-panel {
  width: 240px;
  min-width: 240px;
  height: 100%;
  background: #fff;
  border-right: 1px solid #e2e4e9;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  z-index: 10;
}
.backlog-panel__header {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 14px 12px 8px;
  border-bottom: 1px solid #e2e4e9;
}
.backlog-panel__title {
  font-size: 12px;
  font-weight: 600;
  color: #12191D;
  margin: 0;
}
.backlog-panel__count {
  font-weight: 400;
  color: #12191D;
}
.backlog-panel__header-actions {
  display: flex;
  align-items: center;
  gap: 4px;
}
.backlog-panel__sort-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 6px 8px;
  background: #fff;
  border-bottom: 1px solid #e2e4e9;
}
.backlog-panel__sort-label .text {
  font-size: 11px;
  color: #7C828D;
}
.backlog-panel__search {
  padding: 6px 8px;
  border-bottom: 1px solid #e2e4e9;
}
.backlog-panel__list {
  flex: 1;
  overflow-y: auto;
  padding: 0;
}
.backlog-card-wrapper {
  display: flex;
  align-items: stretch;
  margin: 6px 8px;
}
.backlog-card-wrapper:hover .backlog-card__drag-handle:not(.drag-disabled) {
  width: 20px;
  opacity: 1;
}
.backlog-card-wrapper .backlog-card {
  flex: 1;
  min-width: 0;
  margin: 0;
}
.backlog-card-wrapper.is-dragging {
  opacity: 0.4;
}
.backlog-card-wrapper.is-dragging .backlog-card__drag-handle {
  width: 0;
  opacity: 0;
}
.backlog-card__drag-handle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 0;
  overflow: hidden;
  opacity: 0;
  color: #9299a6;
  font-size: 14px;
  flex-shrink: 0;
  cursor: grab;
  transition: width 0.2s ease, opacity 0.2s ease;
}
.backlog-card__drag-handle:active {
  cursor: grabbing;
}
.backlog-card__drag-handle.drag-disabled {
  width: 0 !important;
  opacity: 0 !important;
  pointer-events: none !important;
  cursor: default !important;
  visibility: hidden !important;
}
.backlog-card {
  padding: 6px 10px;
  border: 1px solid #d9d9d9;
  cursor: grab;
  transition: background 0.3s ease;
  border-radius: 4px;
  margin: 6px 8px;
  background-color: #fff;
}
.backlog-card:hover {
  background: #f8f9fa;
}
.backlog-card.active {
  border: 1px solid #d9d9d9;
  cursor: pointer;
  transition: background 0.3s ease;
  border-radius: 4px;
  background: #f8f9fa;
}
.backlog-card__top,
.backlog-card__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 4px;
}
.backlog-card__meta {
  display: flex;
  align-items: center;
  gap: 6px;
}
.backlog-card__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  border-radius: 4px;
  font-size: 10px;
}
.backlog-card__icon--gray {
  background: #7C828D;
  color: #7C828D;
}
.backlog-card__icon.fa-screwdriver-wrench-bgColor {
  background: #E3F2FD !important;
  color: rgb(36.6, 153.6, 239.4) !important;
}
.backlog-card__icon.fa-screwdriver-wrench-bgColor.border-thin {
  border: 1px solid rgb(36.6, 153.6, 239.4) !important;
}
.backlog-card__icon.fa-calendar-check-bgColor {
  background: #E8F5E9 !important;
  color: rgb(89.8181818182, 183.1818181818, 97) !important;
}
.backlog-card__icon.fa-calendar-check-bgColor.border-thin {
  border: 1px solid rgb(89.8181818182, 183.1818181818, 97) !important;
}
.backlog-card__icon.fa-wrench-bgColor {
  background: #FFF3E0 !important;
  color: rgb(255, 164.0322580645, 20) !important;
}
.backlog-card__icon.fa-wrench-bgColor.border-thin {
  border: 1px solid rgb(255, 164.0322580645, 20) !important;
}
.backlog-card__icon.fa-magnifying-glass-waveform-bgColor {
  background: #F3E5F5 !important;
  color: rgb(175, 81.6666666667, 188.3333333333) !important;
}
.backlog-card__icon.fa-magnifying-glass-waveform-bgColor.border-thin {
  border: 1px solid rgb(175, 81.6666666667, 188.3333333333) !important;
}
.backlog-card__icon.fa-truck-bgColor {
  background: #E0F7FA !important;
  color: rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.backlog-card__icon.fa-truck-bgColor.border-thin {
  border: 1px solid rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.backlog-card__icon.fa-arrow-rotate-left-bgColor {
  background: #FFFDE7 !important;
  color: #ffec1b !important;
}
.backlog-card__icon.fa-arrow-rotate-left-bgColor.border-thin {
  border: 1px solid #ffec1b !important;
}
.backlog-card__icon.fa-warehouse-bgColor {
  background: #F1F8E9 !important;
  color: rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.backlog-card__icon.fa-warehouse-bgColor.border-thin {
  border: 1px solid rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.backlog-card__icon.fa-bolt-bgColor {
  background: #FBE9E7 !important;
  color: rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.backlog-card__icon.fa-bolt-bgColor.border-thin {
  border: 1px solid rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.backlog-card__icon.fa-gauge-high-bgColor {
  background: #EDE7F6 !important;
  color: rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.backlog-card__icon.fa-gauge-high-bgColor.border-thin {
  border: 1px solid rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.backlog-card__icon.fa-arrow-up-bgColor {
  background: #F9FBE7 !important;
  color: rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.backlog-card__icon.fa-arrow-up-bgColor.border-thin {
  border: 1px solid rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.backlog-card__icon.fa-map-location-dot-bgColor {
  background: #E0F2F1 !important;
  color: rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.backlog-card__icon.fa-map-location-dot-bgColor.border-thin {
  border: 1px solid rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.backlog-card__icon.fa-clipboard-check-bgColor {
  background: #FCE4EC !important;
  color: rgb(231.6, 44.4, 106.8) !important;
}
.backlog-card__icon.fa-clipboard-check-bgColor.border-thin {
  border: 1px solid rgb(231.6, 44.4, 106.8) !important;
}
.backlog-card__icon.fa-triangle-exclamation-bgColor {
  background: #E8EAF6 !important;
  color: rgb(85.375, 100.125, 188.625) !important;
}
.backlog-card__icon.fa-triangle-exclamation-bgColor.border-thin {
  border: 1px solid rgb(85.375, 100.125, 188.625) !important;
}
.backlog-card__icon.fa-shield-halved-bgColor {
  background: #FFF8E1 !important;
  color: rgb(255, 200.4, 21) !important;
}
.backlog-card__icon.fa-shield-halved-bgColor.border-thin {
  border: 1px solid rgb(255, 200.4, 21) !important;
}
.backlog-card__icon.fa-person-bgColor {
  background: #E6EE9C !important;
  color: rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.backlog-card__icon.fa-person-bgColor.border-thin {
  border: 1px solid rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.backlog-card__icon.fa-screwdriver-wrench {
  color: rgb(36.6, 153.6, 239.4) !important;
}
.backlog-card__icon.fa-screwdriver-wrench.border-thin {
  border: 1px solid rgb(36.6, 153.6, 239.4) !important;
}
.backlog-card__icon.fa-calendar-check {
  color: rgb(89.8181818182, 183.1818181818, 97) !important;
}
.backlog-card__icon.fa-calendar-check.border-thin {
  border: 1px solid rgb(89.8181818182, 183.1818181818, 97) !important;
}
.backlog-card__icon.fa-wrench-bgColor {
  color: rgb(255, 164.0322580645, 20) !important;
}
.backlog-card__icon.fa-wrench-bgColor.border-thin {
  border: 1px solid rgb(255, 164.0322580645, 20) !important;
}
.backlog-card__icon.fa-magnifying-glass-waveform {
  color: rgb(175, 81.6666666667, 188.3333333333) !important;
}
.backlog-card__icon.fa-magnifying-glass-waveform.border-thin {
  border: 1px solid rgb(175, 81.6666666667, 188.3333333333) !important;
}
.backlog-card__icon.fa-truck {
  color: rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.backlog-card__icon.fa-truck.border-thin {
  border: 1px solid rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.backlog-card__icon.fa-arrow-rotate-left {
  color: #ffec1b !important;
}
.backlog-card__icon.fa-arrow-rotate-left.border-thin {
  border: 1px solid #ffec1b !important;
}
.backlog-card__icon.fa-warehouse {
  color: rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.backlog-card__icon.fa-warehouse.border-thin {
  border: 1px solid rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.backlog-card__icon.fa-bolt {
  color: rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.backlog-card__icon.fa-bolt.border-thin {
  border: 1px solid rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.backlog-card__icon.fa-gauge-high {
  color: rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.backlog-card__icon.fa-gauge-high.border-thin {
  border: 1px solid rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.backlog-card__icon.fa-arrow-up {
  color: rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.backlog-card__icon.fa-arrow-up.border-thin {
  border: 1px solid rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.backlog-card__icon.fa-map-location-dot {
  color: rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.backlog-card__icon.fa-map-location-dot.border-thin {
  border: 1px solid rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.backlog-card__icon.fa-clipboard-check {
  color: rgb(231.6, 44.4, 106.8) !important;
}
.backlog-card__icon.fa-clipboard-check.border-thin {
  border: 1px solid rgb(231.6, 44.4, 106.8) !important;
}
.backlog-card__icon.fa-triangle-exclamation {
  color: rgb(85.375, 100.125, 188.625) !important;
}
.backlog-card__icon.fa-triangle-exclamation.border-thin {
  border: 1px solid rgb(85.375, 100.125, 188.625) !important;
}
.backlog-card__icon.fa-shield-halved {
  color: rgb(255, 200.4, 21) !important;
}
.backlog-card__icon.fa-shield-halved.border-thin {
  border: 1px solid rgb(255, 200.4, 21) !important;
}
.backlog-card__icon.fa-person {
  color: rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.backlog-card__icon.fa-person.border-thin {
  border: 1px solid rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.backlog-card__id {
  font-size: 9px;
  color: #7C828D;
}
.backlog-card__est {
  font-size: 9px;
  color: #7C828D;
  display: flex;
  align-items: center;
  gap: 3px;
}
.backlog-card__title {
  font-size: 11px;
  font-family: "Inter-Regular";
  color: #12191D;
  margin-bottom: 3px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.backlog-card__customer {
  margin-top: 0.5rem;
  font-size: 8px;
  color: #7C828D;
  margin-bottom: 2px;
}
.backlog-card__address {
  font-size: 8px;
  color: #7C828D;
  line-height: 1.4;
  white-space: normal;
  overflow: hidden;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
}
.backlog-group__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  background: #f0f1f3;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  position: sticky;
  top: 0;
  z-index: 1;
  transition: background 0.2s;
}
.backlog-group__header:hover {
  background: #e2e4e9;
}
.backlog-group__label {
  font-size: 12px;
  font-weight: 600;
  color: #7C828D;
}
.backlog-group + .backlog-group {
  margin-top: 10px;
}
.scheduler-container {
  flex: 1;
  height: 100%;
  overflow: hidden;
  position: relative;
  transition: margin-right 0.3s ease;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  margin: 10px;
}
.detail-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
  pointer-events: none;
  visibility: hidden;
}
.detail-overlay--open {
  pointer-events: all;
  visibility: visible;
  width: 37%;
}
.detail-panel {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 312px;
  background: #fff;
  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.detail-overlay--open .detail-panel {
  transform: translateX(0);
}
.detail-panel__header {
  padding: 14px 16px 0;
  border-bottom: 1px solid #e2e4e9;
  flex-shrink: 0;
}
.detail-panel__header-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
.detail-panel__job-type {
  font-size: 10px;
  color: #12191D;
}
.detail-panel__status {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  padding: 4px 10px;
  border-radius: 999px;
  background: #f9fafb;
  color: #12191D;
}
.detail-panel__status--active {
  background: #eafaf2;
  color: #116149;
  border-color: rgba(17, 97, 73, 0.18);
}
.detail-panel__status--inactive {
  background: #eafaf2;
  color: #fa4b5d;
  border-color: rgba(17, 97, 73, 0.18);
}
.detail-panel__job-info {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
  position: relative;
}
.detail-panel__job-name {
  min-width: 0;
}
.detail-panel__job-icon {
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: #d4f5dc;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 14.89px;
}
.detail-panel__job-icon.fa-screwdriver-wrench-bgColor {
  background: #E3F2FD !important;
  color: rgb(36.6, 153.6, 239.4) !important;
}
.detail-panel__job-icon.fa-screwdriver-wrench-bgColor.border-thin {
  border: 1px solid rgb(36.6, 153.6, 239.4) !important;
}
.detail-panel__job-icon.fa-calendar-check-bgColor {
  background: #E8F5E9 !important;
  color: rgb(89.8181818182, 183.1818181818, 97) !important;
}
.detail-panel__job-icon.fa-calendar-check-bgColor.border-thin {
  border: 1px solid rgb(89.8181818182, 183.1818181818, 97) !important;
}
.detail-panel__job-icon.fa-wrench-bgColor {
  background: #FFF3E0 !important;
  color: rgb(255, 164.0322580645, 20) !important;
}
.detail-panel__job-icon.fa-wrench-bgColor.border-thin {
  border: 1px solid rgb(255, 164.0322580645, 20) !important;
}
.detail-panel__job-icon.fa-magnifying-glass-waveform-bgColor {
  background: #F3E5F5 !important;
  color: rgb(175, 81.6666666667, 188.3333333333) !important;
}
.detail-panel__job-icon.fa-magnifying-glass-waveform-bgColor.border-thin {
  border: 1px solid rgb(175, 81.6666666667, 188.3333333333) !important;
}
.detail-panel__job-icon.fa-truck-bgColor {
  background: #E0F7FA !important;
  color: rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.detail-panel__job-icon.fa-truck-bgColor.border-thin {
  border: 1px solid rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.detail-panel__job-icon.fa-arrow-rotate-left-bgColor {
  background: #FFFDE7 !important;
  color: #ffec1b !important;
}
.detail-panel__job-icon.fa-arrow-rotate-left-bgColor.border-thin {
  border: 1px solid #ffec1b !important;
}
.detail-panel__job-icon.fa-warehouse-bgColor {
  background: #F1F8E9 !important;
  color: rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.detail-panel__job-icon.fa-warehouse-bgColor.border-thin {
  border: 1px solid rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.detail-panel__job-icon.fa-bolt-bgColor {
  background: #FBE9E7 !important;
  color: rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.detail-panel__job-icon.fa-bolt-bgColor.border-thin {
  border: 1px solid rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.detail-panel__job-icon.fa-gauge-high-bgColor {
  background: #EDE7F6 !important;
  color: rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.detail-panel__job-icon.fa-gauge-high-bgColor.border-thin {
  border: 1px solid rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.detail-panel__job-icon.fa-arrow-up-bgColor {
  background: #F9FBE7 !important;
  color: rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.detail-panel__job-icon.fa-arrow-up-bgColor.border-thin {
  border: 1px solid rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.detail-panel__job-icon.fa-map-location-dot-bgColor {
  background: #E0F2F1 !important;
  color: rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.detail-panel__job-icon.fa-map-location-dot-bgColor.border-thin {
  border: 1px solid rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.detail-panel__job-icon.fa-clipboard-check-bgColor {
  background: #FCE4EC !important;
  color: rgb(231.6, 44.4, 106.8) !important;
}
.detail-panel__job-icon.fa-clipboard-check-bgColor.border-thin {
  border: 1px solid rgb(231.6, 44.4, 106.8) !important;
}
.detail-panel__job-icon.fa-triangle-exclamation-bgColor {
  background: #E8EAF6 !important;
  color: rgb(85.375, 100.125, 188.625) !important;
}
.detail-panel__job-icon.fa-triangle-exclamation-bgColor.border-thin {
  border: 1px solid rgb(85.375, 100.125, 188.625) !important;
}
.detail-panel__job-icon.fa-shield-halved-bgColor {
  background: #FFF8E1 !important;
  color: rgb(255, 200.4, 21) !important;
}
.detail-panel__job-icon.fa-shield-halved-bgColor.border-thin {
  border: 1px solid rgb(255, 200.4, 21) !important;
}
.detail-panel__job-icon.fa-person-bgColor {
  background: #E6EE9C !important;
  color: rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.detail-panel__job-icon.fa-person-bgColor.border-thin {
  border: 1px solid rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.detail-panel__job-icon.fa-screwdriver-wrench {
  color: rgb(36.6, 153.6, 239.4) !important;
}
.detail-panel__job-icon.fa-screwdriver-wrench.border-thin {
  border: 1px solid rgb(36.6, 153.6, 239.4) !important;
}
.detail-panel__job-icon.fa-calendar-check {
  color: rgb(89.8181818182, 183.1818181818, 97) !important;
}
.detail-panel__job-icon.fa-calendar-check.border-thin {
  border: 1px solid rgb(89.8181818182, 183.1818181818, 97) !important;
}
.detail-panel__job-icon.fa-wrench-bgColor {
  color: rgb(255, 164.0322580645, 20) !important;
}
.detail-panel__job-icon.fa-wrench-bgColor.border-thin {
  border: 1px solid rgb(255, 164.0322580645, 20) !important;
}
.detail-panel__job-icon.fa-magnifying-glass-waveform {
  color: rgb(175, 81.6666666667, 188.3333333333) !important;
}
.detail-panel__job-icon.fa-magnifying-glass-waveform.border-thin {
  border: 1px solid rgb(175, 81.6666666667, 188.3333333333) !important;
}
.detail-panel__job-icon.fa-truck {
  color: rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.detail-panel__job-icon.fa-truck.border-thin {
  border: 1px solid rgb(48.3333333333, 201.6666666667, 221.6666666667) !important;
}
.detail-panel__job-icon.fa-arrow-rotate-left {
  color: #ffec1b !important;
}
.detail-panel__job-icon.fa-arrow-rotate-left.border-thin {
  border: 1px solid #ffec1b !important;
}
.detail-panel__job-icon.fa-warehouse {
  color: rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.detail-panel__job-icon.fa-warehouse.border-thin {
  border: 1px solid rgb(142.5172413793, 198.7586206897, 78.2413793103) !important;
}
.detail-panel__job-icon.fa-bolt {
  color: rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.detail-panel__job-icon.fa-bolt.border-thin {
  border: 1px solid rgb(221.8571428571, 72.7142857143, 56.1428571429) !important;
}
.detail-panel__job-icon.fa-gauge-high {
  color: rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.detail-panel__job-icon.fa-gauge-high.border-thin {
  border: 1px solid rgb(125.7272727273, 82.6363636364, 190.3636363636) !important;
}
.detail-panel__job-icon.fa-arrow-up {
  color: rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.detail-panel__job-icon.fa-arrow-up.border-thin {
  border: 1px solid rgb(205.2857142857, 221.8571428571, 56.1428571429) !important;
}
.detail-panel__job-icon.fa-map-location-dot {
  color: rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.detail-panel__job-icon.fa-map-location-dot.border-thin {
  border: 1px solid rgb(80.2727272727, 181.7272727273, 176.0909090909) !important;
}
.detail-panel__job-icon.fa-clipboard-check {
  color: rgb(231.6, 44.4, 106.8) !important;
}
.detail-panel__job-icon.fa-clipboard-check.border-thin {
  border: 1px solid rgb(231.6, 44.4, 106.8) !important;
}
.detail-panel__job-icon.fa-triangle-exclamation {
  color: rgb(85.375, 100.125, 188.625) !important;
}
.detail-panel__job-icon.fa-triangle-exclamation.border-thin {
  border: 1px solid rgb(85.375, 100.125, 188.625) !important;
}
.detail-panel__job-icon.fa-shield-halved {
  color: rgb(255, 200.4, 21) !important;
}
.detail-panel__job-icon.fa-shield-halved.border-thin {
  border: 1px solid rgb(255, 200.4, 21) !important;
}
.detail-panel__job-icon.fa-person {
  color: rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.detail-panel__job-icon.fa-person.border-thin {
  border: 1px solid rgb(149.0517241379, 162.1551724138, 27.8448275862) !important;
}
.detail-panel__job-id {
  font-size: 10px;
  font-family: "Inter-Regular";
  color: #7C828D;
  margin-bottom: 2px;
}
.detail-panel__job-title {
  font-size: 14px;
  font-family: "Inter-Regular";
  color: #12191D;
  word-break: break-all;
}
.detail-panel__close-btn {
  margin-left: auto;
  background: none;
  border: none;
  font-size: 22px;
  cursor: pointer;
  color: #7C828D;
  line-height: 1;
  padding: 0 0 0 8px;
  transition: color 0.2s;
}
.detail-panel__close-btn:hover {
  color: #12191D;
}
.detail-panel__tabs {
  display: flex;
  border-bottom: 1px solid #e2e4e9;
  flex-shrink: 0;
}
.detail-panel__tab {
  flex: 1;
  padding: 10px 0;
  background: none;
  border: none;
  border-bottom: 2px solid transparent;
  font-size: 10px;
  font-weight: 500;
  color: #7C828D;
  cursor: pointer;
  transition: all 0.2s;
}
.detail-panel__tab--active {
  color: #6366F1;
  border-bottom-color: #6366F1;
  font-weight: 600;
}
.detail-panel__tab:hover:not(.detail-panel__tab--active) {
  color: #7C828D;
}
.detail-panel__body {
  flex: 1;
  overflow-y: auto;
  padding: 0;
}
.detail-panel__body::-webkit-scrollbar {
  width: 4px;
}
.detail-panel__body::-webkit-scrollbar-thumb {
  background: #e2e4e9;
  border-radius: 4px;
}
.detail-panel__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px 6px;
  border-bottom: 1px solid #f0f1f3;
}
.detail-panel__info-row {
  padding: 6px 14px;
  border-bottom: 1px solid #f0f1f3;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.detail-panel__unscheduled,
.detail-panel__unassigned {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #7C828D;
}
.detail-panel__schedule-info,
.detail-panel__assignee-info {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  color: #7C828D;
}
.detail-panel__divider {
  height: 1px;
  background: #7C828D;
  margin: 0 16px;
}
.detail-panel__section {
  padding: 6px 14px;
  display: grid;
  grid-template-columns: 70px auto;
  gap: 6px 8px;
  align-items: baseline;
  border-bottom: 1px solid #f0f1f3;
}
.detail-panel__section-suggestion {
  padding: 6px 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.detail-panel__section-notes {
  padding: 6px 14px;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.detail-panel__section-title {
  grid-column: 1/-1;
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #7C828D;
  margin-bottom: 4px;
  display: flex;
  align-items: end;
  gap: 6px;
}
.detail-panel__field {
  display: contents;
}
.detail-panel__field:last-child {
  margin-bottom: 0;
}
.detail-panel__field-label {
  color: #7C828D;
  font-size: 12px;
  padding-top: 1px;
  white-space: nowrap;
  text-align: right;
}
.detail-panel__field-value {
  color: #12191D;
  font-size: 12px;
}
.detail-panel__field-value-addr {
  color: #12191D;
  line-height: 1.5;
  font-size: 12px;
  display: flex;
  flex-direction: column;
}
.detail-panel__field-link {
  color: #6366F1;
  text-decoration: none;
  font-size: 12px;
}
.detail-panel__field-link:hover {
  text-decoration: underline !important;
}
.detail-panel__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.detail-panel__notes-text {
  font-size: 12px;
  color: #12191D;
  font-family: "Inter-Regular";
  margin: 0;
  line-height: 1.5;
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: break-word;
  word-wrap: break-word;
  text-align: left;
  text-justify: inter-word;
  text-indent: 0;
  text-transform: none;
}
.detail-panel .p-tabview {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  overflow: hidden;
}
.detail-panel .p-tabview .p-tabview-nav-container .p-tabview-nav-content ul {
  margin-bottom: unset !important;
}
.detail-panel .p-tabview .p-tabview-panels {
  background: #fff !important;
  padding: 1rem 0 !important;
  flex: 1;
  min-height: 0;
  overflow: hidden !important;
}
.detail-panel .p-tabview .p-tabview-panel {
  height: 100%;
  min-height: 0;
}
.btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 7px 14px;
  border-radius: 8px;
  font-size: 13px;
  font-weight: 500;
  cursor: pointer;
  border: 1px solid transparent;
  transition: all 0.2s;
  white-space: nowrap;
}
.btn--primary {
  background: #6366F1;
  color: #fff;
  border-color: #6366F1;
}
.btn--primary:hover {
  background: #3451d1;
  border-color: #3451d1;
}
.btn--outline {
  background: #fff;
  color: #7C828D;
  border-color: #e2e4e9;
}
.btn--outline:hover {
  border-color: #7C828D;
  color: #12191D;
}
.btn--icon {
  padding: 7px 10px;
  background: #fff;
  color: #7C828D;
  border-color: #e2e4e9;
  font-size: 16px;
}
.btn--icon:hover {
  background: rgba(255, 255, 255, 0.3411764706) !important;
  color: #6366F1 !important;
}
.action-btn {
  border: 1px solid #DEE2E6;
  cursor: pointer;
  padding: 4px;
  background: #f0f0f0;
  color: #435861;
  border-radius: 0.25rem;
  transition: background 0.2s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.action-btn:hover {
  color: #fff !important;
  background-color: #6366F1 !important;
}
.action-btn.active {
  color: #fff !important;
  background-color: #6366F1 !important;
}
.action-btn--info {
  font-size: 14px;
  color: #7C828D;
  height: 32px;
  width: 32px;
}
.sort-btn {
  background: #7C828D;
  border: none;
  cursor: pointer;
  padding: 4px;
  color: #7C828D;
  border-radius: 0.25rem;
  transition: background 0.2s;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.sort-btn:hover {
  background: #7C828D;
}
.search-input {
  width: 100%;
  padding: 0.54rem 0.5rem;
  border: 1px solid #e2e4e9;
  border-radius: 4px;
  font-size: 12px;
  color: #12191D;
  background: #f8f9fa;
  outline: none;
  transition: border-color 0.2s;
  box-sizing: border-box;
}
.search-input::placeholder {
  color: #7C828D;
}
.search-input:focus {
  border-color: #6366F1;
  background: #fff;
}
.badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  padding: 4px 10px;
  border-radius: 999px;
  background: #f9fafb;
  color: #12191D;
  border: 1px solid #e5e7eb;
  justify-self: start;
  align-self: start;
}
.badge--green {
  background: #eafaf2;
  color: #116149;
  border-color: rgba(17, 97, 73, 0.18);
}
.badge--gray {
  background: #eafaf2;
  color: #fa4b5d;
  border-color: rgba(17, 97, 73, 0.18);
}
.tag {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 0.8125rem;
  padding: 4px 10px;
  border-radius: 999px;
  background: #f9fafb;
  color: #12191D;
  border: 1px solid #e5e7eb;
}
.tag--green {
  background: #d4f5dc;
  color: rgb(80.9555555556, 215.4444444444, 114.3580246914);
}
.tag--teal {
  background: #d0f4f0;
  color: rgb(59.2, 210.5, 196.6555555556);
}
.tag--purple {
  background: #ede0ff;
  color: #7c3aed;
}
.technician-card {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 5px 10px;
  border: 1px solid #e2e4e9;
  border-radius: 8px;
  cursor: pointer;
  transition: border-color 0.2s, box-shadow 0.2s;
}
.technician-card:hover {
  border-color: #6366F1;
  box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.08);
}
.technician-card--highlighted {
  background: #f8f9fa;
}
.technician-card__avatar {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  object-fit: cover;
  flex-shrink: 0;
  background: #e2e4e9;
}
.technician-card__info {
  flex: 1;
}
.technician-card__name {
  font-size: 10px;
  color: #12191D;
}
.technician-card__role {
  font-size: 10px;
  color: #7C828D;
}
.technician-card__match {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
}
.technician-card__percent {
  font-size: 10px;
  color: #7C828D;
}
.activity-list {
  list-style: none;
  margin: 0;
  padding: 0 16px;
}
.activity-list__item {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding-bottom: 20px;
  position: relative;
}
.activity-list__item:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 5px;
  top: 15px;
  bottom: -8px;
  width: 1px;
  background: #e2e4e9;
}
.activity-list__dot {
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #e2e4e9;
  flex-shrink: 0;
  margin-top: 4px;
}
.activity-list__content {
  flex: 1;
  padding-top: 0;
}
.activity-list__title {
  font-size: 12px;
  color: #12191D;
  margin-bottom: 2px;
}
.activity-list__time {
  font-size: 10px;
  color: #7C828D;
}
.text--red {
  color: #e63946;
}
.text--italic {
  font-style: italic;
}
.pdf-builder-container {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 10px);
  padding: 3.5rem 20px 40px;
}
.pdf-builder-content {
  display: flex;
  flex: 1;
  overflow: hidden;
  gap: 10px;
  min-height: 0;
}
.pdf-builder-left {
  width: 260px;
  overflow-y: auto;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
}
.settings-card {
  background: #ffffff;
  border-radius: 12px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  overflow: hidden;
}
.template-settings-card {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 4px 15px -12px rgba(117, 115, 115, 0.8);
}
.template-settings-card + .template-settings-card {
  margin-top: 10px;
}
.pdf-builder-middle {
  flex: 1;
  overflow-y: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 0;
}
.pdf-builder-right {
  width: 260px;
  overflow-y: overlay;
  flex-shrink: 0;
}
.pdf-builder-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 0;
  gap: 0.5rem;
  flex-shrink: 0;
}
.settings-section {
  border-bottom: 1px solid #e5e7eb;
}
.settings-section:last-child {
  border-bottom: none;
}
.settings-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 14px 8px;
  border-bottom: 1px solid #e5e7eb;
}
.settings-title {
  font-size: 14px;
  font-family: "Inter-Medium";
  color: #12191D;
  margin-bottom: unset;
}
.settings-edit-btn {
  width: 28px;
  height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: unset;
  color: #12191D;
  cursor: pointer;
  transition: all 0.2s ease;
}
.settings-edit-btn:hover {
  color: #6366F1;
}
.settings-body {
  padding: 14px;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.settings-row {
  display: grid;
  align-items: flex-start;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.settings-row:last-child {
  margin-bottom: 0;
}
.settings-label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
}
.settings-value {
  font-size: 12px;
  color: #12191D;
  font-family: "Inter-Medium";
  text-align: left;
  max-width: 150px;
}
.settings-logo {
  max-width: 160px;
  max-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.settings-logo img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
.pdf-canvas {
  background: #ffffff;
  border-radius: 8px;
  box-shadow: 0px 4px 15px -12px rgba(117, 115, 115, 0.8);
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}
.pdf-header {
  padding: 20px;
  border-bottom: 1px solid #e5e7eb;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pdf-header-content h1 {
  font-size: 16px;
  font-family: "Inter-Medium";
  color: #12191D;
  margin: 0 0 4px 0;
}
.pdf-header-content p {
  font-size: 12px;
  color: #12191D;
  margin: 0;
}
.pdf-header-logo {
  max-width: 160px;
  max-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.pdf-header-logo img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  object-fit: contain;
}
.pdf-body {
  padding: 14px;
  min-height: 707px;
}
.pdf-section {
  border: 1px solid #ced4da;
  border-radius: 8px;
  margin-bottom: 10px;
  overflow: hidden;
  background: #fff;
}
.pdf-section-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  background: #f9fafb;
  border-bottom: 1px solid #ced4da;
}
.pdf-section-label {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #12191D;
}
.pdf-section-actions {
  display: flex;
  align-items: center;
  gap: 4px;
}
.pdf-section-action-btn {
  width: 26px;
  height: 26px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  border-radius: 4px;
  color: #7C828D;
  cursor: pointer;
  font-size: 12px;
  transition: all 0.2s ease;
}
.pdf-section-action-btn:hover {
  background: #f0f0f0;
  color: #12191D;
}
.pdf-section-action-btn--delete:hover {
  background: #fee2e2;
  color: #ef4444;
}
.pdf-section-body {
  display: grid;
  gap: 10px;
  padding: 12px;
}
.pdf-section-body--col1 {
  grid-template-columns: 1fr;
}
.pdf-section-body--col2 {
  grid-template-columns: repeat(2, 1fr);
}
.pdf-section-body--col3 {
  grid-template-columns: repeat(3, 1fr);
}
.pdf-section-column {
  border: 1px dashed #ced4da;
  border-radius: 6px;
  min-height: 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: all 0.2s ease;
  background: #fafafa;
}
.pdf-section-column:hover {
  border-color: #6366F1;
  background: #f5f5ff;
}
.pdf-section-column:hover .pdf-section-column-placeholder {
  color: #6366F1;
}
.pdf-section-column-placeholder {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
  transition: color 0.2s ease;
  text-align: center;
}
.fields-preview-container {
  display: flex;
  width: 100%;
}
.fields-preview-container.layout-stack {
  flex-direction: column;
  gap: 4px;
}
.fields-preview-container.layout-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8px 24px;
}
.fields-preview-container.align-left .field-preview-item {
  justify-content: flex-start;
  text-align: left;
}
.fields-preview-container.align-center .field-preview-item {
  justify-content: center;
  text-align: center;
}
.fields-preview-container.align-right .field-preview-item {
  justify-content: flex-end;
  text-align: right;
}
.field-preview-item {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 11px;
  width: 100%;
}
.field-preview-item .field-label {
  font-family: "Inter-Medium";
  color: #12191D;
  min-width: 60px;
}
.field-preview-item .field-value {
  font-family: "Inter-Regular";
  color: #777;
}
.add-section-area {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 20px;
  border: 1px solid #ced4da;
  border-radius: 8px;
  border-style: dashed;
}
.add-section-label {
  font-size: 14px;
  color: #7C828D;
  margin-bottom: 16px;
  font-family: "Inter-Medium";
}
.add-section-buttons {
  display: flex;
  gap: 12px;
}
.add-section-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 6px 12px;
  background: #ffffff;
  border: 1px dashed #ced4da;
  border-radius: 8px;
  cursor: pointer;
  transition: all 0.2s ease;
  min-width: 100px;
}
.add-section-btn-icon {
  font-size: 20px;
  color: #7C828D;
}
.add-section-btn-text {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
}
.add-section-btn:hover {
  border-color: #6366F1;
  background: #f5f5ff;
}
.add-section-btn:hover .add-section-btn-icon,
.add-section-btn:hover .add-section-btn-text {
  color: #6366F1;
}
.pdf-footer {
  padding: 16px 20px;
  border-top: 1px solid #e5e7eb;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #f9fafb;
}
.pdf-footer-text {
  font-size: 11px;
  color: #6b7280;
}
.section-editor-empty {
  padding: 14px;
  text-align: center;
  background: #fff;
  box-shadow: 0px 4px 15px -12px rgba(117, 115, 115, 0.8);
  border-radius: 8px;
  height: 100%;
  overflow: auto;
}
.section-editor-empty-text {
  padding: 24px 20px;
  border: 1px dashed #ced4da;
  border-radius: 8px;
  width: 100%;
}
.section-editor-empty-text p {
  font-size: 12px;
  color: #7C828D;
  font-family: "Inter-Medium";
  margin: 0;
}
.section-editor-list {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.section-editor-card {
  background: #fff;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 8px;
  border: 1px solid #e5e7eb;
  overflow: hidden;
  transition: box-shadow 0.2s ease;
}
.section-editor-card:hover {
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12);
}
.section-editor-card-header {
  padding: 12px 14px;
  background: #fafafa;
  border-bottom: 1px solid #e5e7eb;
  text-align: left;
}
.section-editor-card-title {
  font-size: 13px;
  font-family: "Inter-Medium";
  color: #12191D;
  margin-bottom: 2px;
}
.section-editor-card-sub {
  font-size: 11px;
  font-family: "Inter-Regular";
  color: #7C828D;
}
.section-editor-card-body {
  display: flex;
  flex-direction: column;
}
.section-column-item {
  border-bottom: 1px solid #f0f0f0;
  transition: background-color 0.2s ease;
}
.section-column-item:last-child {
  border-bottom: none;
}
.section-column-item:hover {
  background-color: #fafafa;
}
.section-column-item.is-collapsed .section-column-content {
  display: none;
}
.section-column-item.is-collapsed .section-column-chevron {
  transform: rotate(-90deg);
}
.section-column-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 12px 14px;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
}
.section-column-item-header:hover .section-column-chevron {
  color: #6366F1;
}
.section-column-item-header .section-column-item-header-title {
  text-align: start;
}
.section-column-item-title {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #12191D;
  margin-bottom: 2px;
  transition: color 0.2s ease;
}
.section-column-item-sub {
  font-size: 10px;
  font-family: "Inter-Regular";
  color: #7C828D;
}
.section-column-chevron {
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  border: none;
  color: #7C828D;
  font-size: 10px;
  transition: all 0.2s ease;
  cursor: pointer;
  flex-shrink: 0;
  margin-left: 8px;
}
.section-column-chevron:hover {
  color: #6366F1;
}
.section-column-content {
  padding: 0 14px 12px;
  animation: slideDown 0.2s ease;
}
@keyframes slideDown {
  from {
    opacity: 0;
    max-height: 0;
  }
  to {
    opacity: 1;
    max-height: 200px;
  }
}
.section-column-select-btn {
  width: 100%;
  padding: 10px 16px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #12191D;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
}
.section-column-select-btn:hover {
  border-color: #6366F1;
  color: #6366F1;
  background: #f5f5ff;
}
.section-column-select-btn:active {
  transform: scale(0.98);
}
.component-settings-panel {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.component-setting-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.component-setting-group--inline {
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.component-setting-title {
  display: flex;
  flex-direction: column;
}
.component-setting-label {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #12191D;
  text-align: left;
  margin: 0;
  position: relative;
}
.component-setting-desc {
  font-size: 10px;
  font-family: "Inter-Regular";
  color: #7C828D;
  text-align: left;
  margin: 0;
  font-style: italic;
}
.component-setting-input {
  width: 100%;
  padding: 8px 12px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
  transition: all 0.2s ease;
}
.component-setting-input:focus {
  outline: none;
  border-color: #6366F1;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}
.component-setting-input::placeholder {
  color: #7C828D;
}
.component-edit-fields-btn {
  width: 50%;
  padding: 8px 12px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #12191D;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.component-edit-fields-btn:hover {
  border-color: #ced4da;
  background: #fafafa;
  color: #12191D;
}
.component-edit-fields-btn:active {
  transform: scale(0.98);
}
.fields-count-badge {
  font-size: 10px;
  font-family: "Inter-Regular";
  color: #7C828D;
}
.component-edit-fields-btn:hover .fields-count-badge {
  color: #12191D;
}
.component-change-btn {
  width: 100%;
  padding: 8px 12px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #7C828D;
  cursor: pointer;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
.component-change-btn i {
  font-size: 10px;
}
.component-change-btn:hover {
  border-color: #ced4da;
  background: #fafafa;
  color: #12191D;
}
.component-change-btn:active {
  transform: scale(0.98);
}
.settings-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  background: rgba(0, 0, 0, 0.3);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: opacity 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.settings-overlay--open {
  pointer-events: all;
  visibility: visible;
  opacity: 1;
}
.settings-panel {
  position: absolute;
  top: 0;
  right: 0;
  height: calc(100% - 50px);
  width: 350px;
  background: #fff;
  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.12);
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 101;
}
.settings-overlay--open .settings-panel {
  transform: translateX(0);
}
.settings-panel-header {
  padding: 24px;
  border-bottom: 1px solid #e5e7eb;
  flex-shrink: 0;
}
.settings-panel-title {
  font-size: 18px;
  font-family: "Inter-Medium";
  color: #12191D;
  margin: 0 0 4px 0;
}
.settings-panel-description {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
  margin: 0;
}
.settings-panel-tabs {
  display: flex;
  gap: 8px;
  padding: 16px 24px;
  border-bottom: 1px solid #e5e7eb;
  background: #fafafa;
  flex-shrink: 0;
}
.settings-tab {
  flex: 1;
  padding: 10px 16px;
  background: transparent;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  font-size: 13px;
  font-family: "Inter-Medium";
  color: #12191D;
  cursor: pointer;
  transition: all 0.2s ease;
  text-align: center;
}
.settings-tab:hover {
  background: #f5f5f5;
  border-color: #ced4da;
}
.settings-tab--active {
  background: #fff;
  border-color: #6366F1;
  color: #6366F1;
  box-shadow: 0 2px 4px rgba(99, 102, 241, 0.1);
}
.settings-tab--active:hover {
  background: #fff;
}
.settings-panel-body {
  flex: 1;
  overflow-y: auto;
  padding: 10px 0;
}
.settings-form-section {
  margin-bottom: 10px;
  padding: 0 24px;
}
.settings-form-section:last-child {
  margin-bottom: 0;
}
.settings-form-label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
  margin-bottom: 4px;
  display: block;
  position: relative;
}
.settings-form-help {
  font-size: 10px;
  font-family: "Inter-Regular";
  color: #7C828D;
  margin-top: 4px;
  margin-bottom: 10px;
  line-height: 1.4;
}
.settings-toggle-group {
  display: flex;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
}
.settings-toggle-header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
}
.settings-toggle-label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
  margin-bottom: 0;
}
.settings-toggle-help {
  font-size: 11px;
  font-family: "Inter-Regular";
  color: #7C828D;
  line-height: 1.4;
}
.settings-toggle-content {
  margin-top: 4px;
}
.settings-section-header {
  display: grid;
  gap: 4px;
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  padding: 12px 24px;
  margin: 0 0 10px 0;
}
.settings-section-title {
  font-size: 14px;
  font-family: "Inter-Medium";
  color: #12191D;
  margin: 0 0 0 0;
}
.settings-section-help {
  font-size: 10px;
  font-family: "Inter-Regular";
  color: #7C828D;
  margin: 0 0 10px 0;
}
.settings-logo-options {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.settings-form-subsection {
  display: flex;
  flex-direction: column;
}
.upload-area {
  border: 2px dashed #d1d5db;
  border-radius: 8px;
  padding: 22px 10px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: #fafafa;
  transition: all 0.2s ease;
}
.upload-area:hover {
  border-color: #6366F1;
  background: #f5f5ff;
}
.upload-area-text p {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
  margin: 4px 0;
}
.upload-area-text p:last-child {
  margin-bottom: 0;
}
.margins-section {
  margin-top: 0;
}
.margins-header {
  display: grid;
  gap: 4px;
  border-top: 1px solid #EAEAEA;
  border-bottom: 1px solid #EAEAEA;
  padding: 12px 24px;
  margin: 0 0 16px 0;
}
.margins-title {
  font-size: 14px;
  font-family: "Inter-Medium";
  color: #12191D;
  margin-bottom: 0;
}
.margins-help {
  font-size: 10px;
  font-family: "Inter-Regular";
  color: #7C828D;
}
.margins-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 0 24px;
}
.margin-input-group {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.margin-input-label {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
}
.margin-input-wrapper {
  display: flex;
  align-items: center;
  gap: 8px;
}
.margin-input {
  flex: 1;
  padding: 8px 12px;
  border: 1px solid #d1d5db;
  border-radius: 6px;
  font-size: 13px;
  font-family: "Inter-Regular";
  transition: all 0.2s ease;
}
.margin-input:focus {
  outline: none;
  border-color: #6366F1;
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
}
.margin-input:hover {
  border-color: #9ca3af;
}
.margin-unit {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
  min-width: 20px;
}
.settings-dropdown {
  width: 100%;
}
.component-selector-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 200;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.component-selector-overlay--open {
  opacity: 1;
  visibility: visible;
}
.component-selector-modal {
  position: fixed;
  top: 52px;
  right: 0;
  bottom: 0;
  width: 420px;
  background: #fff;
  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15);
  z-index: 301;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.component-selector-overlay--open ~ .component-selector-modal {
  transform: translateX(0);
}
.component-selector-header {
  padding: 10px 14px 8px;
  border-bottom: 1px solid #e5e7eb;
  flex-shrink: 0;
}
.component-selector-title {
  font-size: 14px;
  font-family: "Inter-Medium";
  color: #12191D;
  margin: 0 0 4px 0;
}
.component-selector-subtitle {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
  margin: 0;
}
.component-selector-body {
  padding: 10px 14px 8px;
  overflow-y: auto;
  flex: 1;
}
.component-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
.component-card {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  background: #fff;
  cursor: pointer;
  transition: all 0.2s ease;
}
.component-card:hover {
  border-color: #6366F1;
  background: #f5f5ff;
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.15);
}
.component-card:hover .component-card-icon {
  color: #6366F1;
  background: rgba(99, 102, 241, 0.1);
}
.component-card:hover .component-card-title {
  color: #6366F1;
}
.component-card:active {
  transform: scale(0.98);
}
.component-card-icon {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f4f6;
  border-radius: 8px;
  color: #12191D;
  font-size: 18px;
  flex-shrink: 0;
  transition: all 0.2s ease;
}
.component-card-content {
  flex: 1;
  min-width: 0;
}
.component-card-title {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #12191D;
  margin: 0 0 4px 0;
  transition: color 0.2s ease;
}
.component-card-description {
  font-size: 10px;
  font-family: "Inter-Regular";
  color: #7C828D;
  margin: 0;
  line-height: 1.4;
}
.component-selector-footer {
  padding: 10px 14px 8px;
  border-top: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex-shrink: 0;
}
.component-selector-btn {
  padding: 10px 24px;
  border-radius: 6px;
  font-size: 14px;
  font-family: "Inter-Medium";
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
  height: 40px;
}
.component-selector-btn--cancel {
  background: #fff;
  color: #374151;
  border: 1px solid #d1d5db;
}
.component-selector-btn--cancel:hover {
  background: #f9fafb;
  border-color: #9ca3af;
}
.settings-panel-footer {
  padding: 8px 14px;
  border-top: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  flex-shrink: 0;
  background: #fff;
}
.fields-editor-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 300;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}
.fields-editor-overlay--open {
  opacity: 1;
  visibility: visible;
}
.fields-editor-panel {
  position: fixed;
  top: 52px;
  right: 0;
  bottom: 0;
  width: 420px;
  background: #fff;
  box-shadow: -4px 0 24px rgba(0, 0, 0, 0.15);
  z-index: 301;
  display: flex;
  flex-direction: column;
  transform: translateX(100%);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.fields-editor-overlay--open ~ .fields-editor-panel {
  transform: translateX(0);
}
.fields-editor-header {
  padding: 10px 14px 8px;
  border-bottom: 1px solid #e5e7eb;
  flex-shrink: 0;
}
.fields-editor-title {
  font-size: 14px;
  font-family: "Inter-Medium";
  color: #12191D;
  margin: 0 0 4px 0;
}
.fields-editor-subtitle {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #7C828D;
  margin: 0;
}
.fields-editor-component-name {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 10px;
  background: #f3f4f6;
  border-radius: 6px;
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #12191D;
  margin-top: 8px;
}
.fields-editor-component-name i {
  font-size: 14px;
  color: #6366F1;
}
.fields-editor-body {
  flex: 1;
  overflow-y: auto;
  padding: 0 14px 14px;
}
.fields-search-box {
  position: sticky;
  top: 0;
  background: #fff;
  padding: 8px 14px;
  z-index: 10;
}
.fields-bulk-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  padding-bottom: 12px;
  border-bottom: 1px solid #f0f0f0;
}
.fields-bulk-label {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #12191D;
}
.fields-bulk-buttons {
  display: flex;
  gap: 8px;
}
.fields-bulk-btn {
  padding: 4px 10px;
  background: transparent;
  border: 1px solid #e5e7eb;
  border-radius: 4px;
  font-size: 11px;
  font-family: "Inter-Medium";
  color: #12191D;
  cursor: pointer;
  transition: all 0.2s ease;
}
.fields-bulk-btn:hover {
  background: #f9fafb;
  border-color: #ced4da;
}
.fields-bulk-btn:active {
  transform: scale(0.95);
}
.fields-list {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.field-item {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 10px 14px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fff;
  transition: all 0.2s ease;
}
.field-item--selected {
  border-color: #6366F1;
  box-shadow: 0 2px 8px rgba(99, 102, 241, 0.08);
}
.field-item .field-item-checkbox {
  margin-top: 2px;
}
.field-item .field-item-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.field-item .field-card-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.field-item .field-card-header .label-muted {
  font-size: 12px;
  color: #7C828D;
  margin-right: 4px;
}
.field-item .field-card-header .key-name {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #12191D;
}
.field-item .field-card-header .format-type {
  font-size: 12px;
  font-family: "Inter-Regular";
  color: #12191D;
}
.field-item .field-label-customization {
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.field-item .field-label-customization .custom-label-text {
  font-size: 12px;
  color: #7C828D;
  font-family: "Inter-Regular";
}
.field-item .field-label-customization .custom-label-input {
  width: 100%;
  height: 36px;
  padding: 8px 12px;
  font-size: 13px;
  border: 1px solid #e5e7eb;
  border-radius: 6px;
  background: #fafafa;
}
.field-item .field-label-customization .custom-label-input:focus {
  background: #fff;
  border-color: #6366F1;
}
.field-item .field-label-customization .custom-label-input:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}
.field-item-checkbox {
  flex-shrink: 0;
}
.field-item-content {
  flex: 1;
  min-width: 0;
}
.field-item-label {
  font-size: 13px;
  font-family: "Inter-Medium";
  color: #12191D;
  margin: 0 0 2px 0;
  transition: color 0.2s ease;
}
.field-item-description {
  font-size: 11px;
  font-family: "Inter-Regular";
  color: #7C828D;
  margin: 0;
}
.field-item-icon {
  width: 32px;
  height: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #f3f4f6;
  border-radius: 6px;
  color: #7C828D;
  font-size: 14px;
  flex-shrink: 0;
  transition: all 0.2s ease;
}
.field-item--selected .field-item-icon {
  background: rgba(99, 102, 241, 0.1);
  color: #6366F1;
}
.fields-empty-state {
  text-align: center;
  padding: 40px 20px;
}
.fields-empty-icon {
  font-size: 48px;
  color: #e5e7eb;
  margin-bottom: 12px;
}
.fields-empty-text {
  font-size: 13px;
  color: #7C828D;
  margin: 0;
}
.fields-editor-footer {
  padding: 10px 14px 8px;
  border-top: 1px solid #e5e7eb;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  flex-shrink: 0;
  border-bottom-left-radius: 8px;
}
.fields-selected-count {
  font-size: 12px;
  font-family: "Inter-Medium";
  color: #12191D;
}
.fields-selected-count span {
  color: #6366F1;
}
.fields-editor-actions {
  display: flex;
  gap: 10px;
}
.fields-editor-btn {
  padding: 10px 20px;
  border-radius: 6px;
  font-size: 13px;
  font-family: "Inter-Medium";
  cursor: pointer;
  transition: all 0.2s ease;
  border: none;
}
.fields-editor-btn--cancel {
  background: #fff;
  color: #374151;
  border: 1px solid #d1d5db;
}
.fields-editor-btn--cancel:hover {
  background: #f9fafb;
  border-color: #9ca3af;
}
.fields-editor-btn--apply {
  background: #6366F1;
  color: #fff;
}
.fields-editor-btn--apply:hover {
  background: rgb(75.6, 79.05, 238.9);
}
.fields-editor-btn--apply:active {
  transform: scale(0.98);
}
@media (max-width: 1024px) {
  .pdf-builder-left {
    width: 240px;
  }
  .pdf-builder-right {
    width: 300px;
  }
  .pdf-canvas {
    width: 100%;
    max-width: 595px;
  }
  .pdf-view-right {
    width: 320px;
  }
  .pdf-preview-container {
    padding: 24px;
  }
}
@media (max-width: 768px) {
  .pdf-builder-container {
    height: auto;
    padding: 20px 10px;
  }
  .pdf-builder-content {
    flex-direction: column;
    overflow: visible;
  }
  .pdf-builder-left,
  .pdf-builder-right {
    width: 100%;
    border: none;
    border-bottom: 1px solid #e5e7eb;
    overflow-y: visible;
  }
  .pdf-canvas {
    width: 100%;
    max-width: 595px;
  }
  .settings-panel {
    width: 100%;
  }
  .margins-grid {
    grid-template-columns: 1fr;
  }
  .pdf-view-modal {
    flex-direction: column;
  }
  .pdf-view-header {
    flex-direction: column;
    height: auto;
    padding: 16px;
    gap: 12px;
    align-items: flex-start;
  }
  .pdf-view-title-section {
    width: 100%;
  }
  .pdf-view-actions {
    width: 100%;
    justify-content: flex-end;
  }
  .pdf-view-content {
    flex-direction: column;
    margin-top: 100px;
    height: calc(100% - 100px);
  }
  .pdf-view-left {
    padding: 16px;
  }
  .pdf-view-right {
    width: 100%;
    border-left: none;
    border-top: 1px solid #e5e7eb;
    max-height: 400px;
  }
  .pdf-preview-container {
    padding: 20px;
    min-height: auto;
  }
}
.p-overflow-hidden {
  overflow: hidden;
  padding-right: var(--scrollbar-width);
}
@layer primeng {
  .p-component,
  .p-component * {
    box-sizing: border-box;
  }
  .p-hidden {
    display: none;
  }
  .p-hidden-space {
    visibility: hidden;
  }
  .p-hidden-accessible {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .p-hidden-accessible input,
  .p-hidden-accessible select {
    transform: scale(0);
  }
  .p-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
  }
  .p-disabled,
  .p-disabled * {
    cursor: default !important;
    pointer-events: none;
  }
  .p-component-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .p-unselectable-text {
    -webkit-user-select: none;
    user-select: none;
  }
  .p-scrollbar-measure {
    width: 100px;
    height: 100px;
    overflow: scroll;
    position: absolute;
    top: -9999px;
  }
  @-webkit-keyframes p-fadein {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @keyframes p-fadein {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  input[type=button],
  input[type=submit],
  input[type=reset],
  input[type=file]::-webkit-file-upload-button,
  button {
    border-radius: 0;
  }
  .p-link {
    text-align: left;
    background-color: transparent;
    margin: 0;
    padding: 0;
    border: none;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-link:disabled {
    cursor: default;
  }
  .p-sr-only {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal !important;
  }
  .p-connected-overlay {
    opacity: 0;
    transform: scaleY(0.8);
    transition: transform 0.12s cubic-bezier(0, 0, 0.2, 1), opacity 0.12s cubic-bezier(0, 0, 0.2, 1);
  }
  .p-connected-overlay-visible {
    opacity: 1;
    transform: scaleY(1);
  }
  .p-connected-overlay-hidden {
    opacity: 0;
    transform: scaleY(1);
    transition: opacity 0.1s linear;
  }
  .p-toggleable-content.ng-animating {
    overflow: hidden;
  }
  .p-icon-wrapper {
    display: inline-flex;
  }
  .p-icon {
    display: inline-block;
  }
  .p-icon-spin {
    -webkit-animation: p-icon-spin 2s infinite linear;
    animation: p-icon-spin 2s infinite linear;
  }
}
@-webkit-keyframes p-icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes p-icon-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@layer primeng {
  .p-badge {
    display: inline-block;
    border-radius: 10px;
    text-align: center;
    padding: 0 0.5rem;
  }
  .p-overlay-badge {
    position: relative;
  }
  .p-overlay-badge .p-badge {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -50%);
    transform-origin: 100% 0;
    margin: 0;
  }
  .p-badge-dot {
    width: 0.5rem;
    min-width: 0.5rem;
    height: 0.5rem;
    border-radius: 50%;
    padding: 0;
  }
  .p-badge-no-gutter {
    padding: 0;
    border-radius: 50%;
  }
}
@layer primeng {
  .p-button {
    margin: 0;
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    align-items: center;
    vertical-align: bottom;
    text-align: center;
    overflow: hidden;
    position: relative;
  }
  .p-button-label {
    flex: 1 1 auto;
  }
  .p-button-icon-right {
    order: 1;
  }
  .p-button:disabled {
    cursor: default;
    pointer-events: none;
  }
  .p-button-icon-only {
    justify-content: center;
  }
  .p-button-icon-only:after {
    content: "p";
    visibility: hidden;
    clip: rect(0 0 0 0);
    width: 0;
  }
  .p-button-vertical {
    flex-direction: column;
  }
  .p-button-icon-bottom {
    order: 2;
  }
  .p-button-group .p-button {
    margin: 0;
  }
  .p-button-group .p-button:focus,
  .p-button-group p-button:focus .p-button,
  .p-buttonset .p-button:focus,
  .p-buttonset .p-button:focus,
  .p-buttonset p-button:focus .p-button,
  .p-buttonset .p-button:focus {
    position: relative;
    z-index: 1;
  }
  .p-button-group .p-button:not(:last-child),
  .p-button-group .p-button:not(:last-child):hover,
  .p-button-group p-button:not(:last-child) .p-button,
  .p-button-group p-button:not(:last-child) .p-button:hover,
  .p-buttonset .p-button:not(:last-child),
  .p-buttonset .p-button:not(:last-child):hover,
  .p-buttonset p-button:not(:last-child) .p-button,
  .p-buttonset p-button:not(:last-child) .p-button:hover {
    border-right: 0 none;
  }
  .p-button-group .p-button:not(:first-of-type):not(:last-of-type),
  .p-button-group p-button:not(:first-of-type):not(:last-of-type) .p-button,
  .p-buttonset .p-button:not(:first-of-type):not(:last-of-type),
  .p-buttonset p-button:not(:first-of-type):not(:last-of-type) .p-button {
    border-radius: 0;
  }
  .p-button-group .p-button:first-of-type:not(:only-of-type),
  .p-button-group p-button:first-of-type:not(:only-of-type) .p-button,
  .p-buttonset .p-button:first-of-type:not(:only-of-type),
  .p-buttonset p-button:first-of-type:not(:only-of-type) .p-button {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }
  .p-button-group .p-button:last-of-type:not(:only-of-type),
  .p-button-group p-button:last-of-type:not(:only-of-type) .p-button,
  .p-buttonset .p-button:last-of-type:not(:only-of-type),
  .p-buttonset p-button:last-of-type:not(:only-of-type) .p-button {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }
  p-button[iconpos=right] spinnericon {
    order: 1;
  }
}
@layer primeng {
  .p-checkbox {
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: bottom;
    position: relative;
  }
  .p-checkbox-disabled {
    cursor: default !important;
    pointer-events: none;
  }
  .p-checkbox-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  p-checkbox {
    display: inline-flex;
    vertical-align: bottom;
    align-items: center;
  }
  .p-checkbox-label {
    line-height: 1;
  }
}
.p-colorpicker-panel .p-colorpicker-color {
  background: transparent url("./media/color.png") no-repeat left top;
}
.p-colorpicker-panel .p-colorpicker-hue {
  background: transparent url("./media/hue.png") no-repeat left top;
}
@layer primeng {
  .p-inputtext {
    margin: 0;
  }
  .p-fluid .p-inputtext {
    width: 100%;
  }
  .p-inputgroup {
    display: flex;
    align-items: stretch;
    width: 100%;
  }
  .p-inputgroup-addon {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .p-inputgroup .p-float-label {
    display: flex;
    align-items: stretch;
    width: 100%;
  }
  .p-inputgroup .p-inputtext,
  .p-fluid .p-inputgroup .p-inputtext,
  .p-inputgroup .p-inputwrapper,
  .p-inputgroup .p-inputwrapper > .p-component {
    flex: 1 1 auto;
    width: 1%;
  }
  .p-float-label {
    display: block;
    position: relative;
  }
  .p-float-label label {
    position: absolute;
    pointer-events: none;
    top: 50%;
    margin-top: -0.5rem;
    transition-property: all;
    transition-timing-function: ease;
    line-height: 1;
  }
  .p-float-label textarea ~ label {
    top: 1rem;
  }
  .p-float-label input:focus ~ label,
  .p-float-label input.p-filled ~ label,
  .p-float-label textarea:focus ~ label,
  .p-float-label textarea.p-filled ~ label,
  .p-float-label .p-inputwrapper-focus ~ label,
  .p-float-label .p-inputwrapper-filled ~ label {
    top: -0.75rem;
    font-size: 12px;
  }
  .p-float-label .input:-webkit-autofill ~ label {
    top: -20px;
    font-size: 12px;
  }
  .p-float-label .p-placeholder,
  .p-float-label input::placeholder,
  .p-float-label .p-inputtext::placeholder {
    opacity: 0;
    transition-property: all;
    transition-timing-function: ease;
  }
  .p-float-label .p-focus .p-placeholder,
  .p-float-label input:focus::placeholder,
  .p-float-label .p-inputtext:focus::placeholder {
    opacity: 1;
    transition-property: all;
    transition-timing-function: ease;
  }
  .p-input-icon-left,
  .p-input-icon-right {
    position: relative;
    display: inline-block;
  }
  .p-input-icon-left > i,
  .p-input-icon-left > .p-icon-wrapper,
  .p-input-icon-right > i,
  .p-input-icon-right > .p-icon-wrapper {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
  }
  .p-fluid .p-input-icon-left,
  .p-fluid .p-input-icon-right {
    display: block;
    width: 100%;
  }
}
@layer primeng {
  .p-inputtextarea-resizable {
    overflow: hidden;
    resize: none;
  }
  .p-fluid .p-inputtextarea {
    width: 100%;
  }
}
@layer primeng {
  .p-password {
    position: relative;
    display: inline-flex;
  }
  .p-password-panel {
    position: absolute;
    top: 0;
    left: 0;
  }
  .p-password .p-password-panel {
    min-width: 100%;
  }
  .p-password-meter {
    height: 10px;
  }
  .p-password-strength {
    height: 100%;
    width: 0%;
    transition: width 1s ease-in-out;
  }
  .p-fluid .p-password {
    display: flex;
  }
  .p-password-input::-ms-reveal,
  .p-password-input::-ms-clear {
    display: none;
  }
  .p-password-clear-icon {
    position: absolute;
    top: 50%;
    margin-top: -0.5rem;
    cursor: pointer;
  }
  .p-password .p-icon {
    cursor: pointer;
  }
  .p-password-clearable.p-password-mask .p-password-clear-icon {
    margin-top: unset;
  }
  .p-password-clearable {
    position: relative;
  }
}
@layer primeng {
  .p-radiobutton {
    display: inline-flex;
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
    vertical-align: bottom;
    position: relative;
  }
  .p-radiobutton-box {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .p-radiobutton-icon {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    transform: translateZ(0) scale(0.1);
    border-radius: 50%;
    visibility: hidden;
  }
  .p-radiobutton-box.p-highlight .p-radiobutton-icon {
    transform: translateZ(0) scale(1, 1);
    visibility: visible;
  }
  p-radiobutton {
    display: inline-flex;
    vertical-align: bottom;
    align-items: center;
  }
  .p-radiobutton-label {
    line-height: 1;
  }
}
@layer primeng {
  .p-ripple {
    overflow: hidden;
    position: relative;
  }
  .p-ink {
    display: block;
    position: absolute;
    background: rgba(255, 255, 255, 0.5);
    border-radius: 100%;
    transform: scale(0);
  }
  .p-ink-active {
    animation: ripple 0.4s linear;
  }
  .p-ripple-disabled .p-ink {
    display: none !important;
  }
}
@keyframes ripple {
  100% {
    opacity: 0;
    transform: scale(2.5);
  }
}
@layer primeng {
  .p-tooltip {
    position: absolute;
    display: none;
    padding: 0.25em 0.5rem;
    max-width: 12.5rem;
    pointer-events: none;
  }
  .p-tooltip.p-tooltip-right,
  .p-tooltip.p-tooltip-left {
    padding: 0 0.25rem;
  }
  .p-tooltip.p-tooltip-top,
  .p-tooltip.p-tooltip-bottom {
    padding: 0.25em 0;
  }
  .p-tooltip .p-tooltip-text {
    white-space: pre-line;
    word-break: break-word;
  }
  .p-tooltip-arrow {
    scale: 2;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
  }
  .p-tooltip-right .p-tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -0.25rem;
    border-width: 0.25em 0.25em 0.25em 0;
  }
  .p-tooltip-left .p-tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -0.25rem;
    border-width: 0.25em 0 0.25em 0.25rem;
  }
  .p-tooltip.p-tooltip-top {
    padding: 0.25em 0;
  }
  .p-tooltip-top .p-tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -0.25rem;
    border-width: 0.25em 0.25em 0;
  }
  .p-tooltip-bottom .p-tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -0.25rem;
    border-width: 0 0.25em 0.25rem;
  }
}
:root {
  --surface-a:#ffffff;
  --surface-b:#f8f9fa;
  --surface-c:#e9ecef;
  --surface-d:#dee2e6;
  --surface-e:#ffffff;
  --surface-f:#ffffff;
  --text-color:#495057;
  --text-color-secondary:#7c828d;
  --primary-color:#6366F1;
  --primary-color-text:#ffffff;
  --font-family:-apple-system,
    BlinkMacSystemFont,
    Segoe UI,
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    Apple Color Emoji,
    Segoe UI Emoji,
    Segoe UI Symbol;
  --surface-0: #ffffff;
  --surface-50: #FAFAFA;
  --surface-100: #F5F5F5;
  --surface-200: #EEEEEE;
  --surface-300: #E0E0E0;
  --surface-400: #BDBDBD;
  --surface-500: #7c828d;
  --surface-600: #757575;
  --surface-700: #616161;
  --surface-800: #424242;
  --surface-900: #212121;
  --gray-50: #FAFAFA;
  --gray-100: #F5F5F5;
  --gray-200: #EEEEEE;
  --gray-300: #E0E0E0;
  --gray-400: #BDBDBD;
  --gray-500: #7c828d;
  --gray-600: #757575;
  --gray-700: #616161;
  --gray-800: #424242;
  --gray-900: #212121;
  --content-padding:1rem;
  --inline-spacing:0.5rem;
  --border-radius:4px;
  --surface-ground:#f8f9fa;
  --surface-section:#ffffff;
  --surface-card:#ffffff;
  --surface-overlay:#ffffff;
  --surface-border:#dee2e6;
  --surface-hover: #e9ecef;
  --maskbg: rgba(0, 0, 0, 0.4);
  --focus-ring: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
* {
  box-sizing: border-box;
}
.p-component {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-size: 1rem;
  font-weight: normal;
}
.p-component-overlay {
  background-color: rgba(0, 0, 0, 0.4);
  transition-duration: 0.2s;
}
.p-disabled,
.p-component:disabled {
  background: #F5F5F5;
  border: 1px solid #e7e7e7 !important;
}
.p-disabled {
  background: #F5F5F5 !important;
}
.dynamic .p-disabled {
  background: rgba(219, 217, 225, 0.4784313725) !important;
}
.disabled,
.disabled:enabled:hover,
.disabled:enabled:focus {
  background-color: #f1f0f1 !important;
  outline: none !important;
  border: 1px solid #ced4da !important;
}
.p-error {
  color: #f44336;
}
.p-text-secondary {
  color: #7c828d;
}
.pi {
  font-size: 1rem;
}
.pi-info-circle {
  margin-left: 4px;
  font-size: 11px;
}
.p-link {
  font-size: 1rem;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  border-radius: 4px;
}
.p-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-component-overlay-enter {
  animation: p-component-overlay-enter-animation 150ms forwards;
}
.p-component-overlay-leave {
  animation: p-component-overlay-leave-animation 150ms forwards;
}
@keyframes p-component-overlay-enter-animation {
  from {
    background-color: transparent;
  }
  to {
    background-color: var(--maskbg);
  }
}
@keyframes p-component-overlay-leave-animation {
  from {
    background-color: var(--maskbg);
  }
  to {
    background-color: transparent;
  }
}
.table-space {
  box-shadow: 0px 4px 15px -12px rgba(117, 115, 115, 0.8);
}
.main-list-header {
  color: #212121;
  font-family: "Inter-SemiBold";
  font-weight: 600 !important;
  font-size: 2rem;
  margin-bottom: 0px;
  position: relative;
  line-height: 1;
  padding: 4px 0 4px 4px;
}
.button-box-top-right,
.button-box-top-right-delete {
  position: fixed;
  z-index: 99;
  top: 58px;
  right: 12px;
}
.button-box-top-right-delete-two {
  position: absolute;
  z-index: 99;
  top: 8px;
  right: 21px;
}
.button-box-top-right-two {
  position: absolute;
  z-index: 99;
  top: 8px;
  right: 14px;
}
.dialog-close-icon {
  position: absolute;
  z-index: 105;
  right: 9px;
  top: 14px;
  color: #fff;
}
:root {
  --blue-50:tint(#6366F1, 95%);
  --blue-100:tint(#6366F1, 76%);
  --blue-200:tint(#6366F1, 57%);
  --blue-300:tint(#6366F1, 38%);
  --blue-400:tint(#6366F1, 19%);
  --blue-500:tint(#6366F1, 0%);
  --blue-600:shade(#6366F1, 15%);
  --blue-700:shade(#6366F1, 30%);
  --blue-800:shade(#6366F1, 45%);
  --blue-900:shade(#6366F1, 60%);
  --green-50:tint(#4caf50, 95%);
  --green-100:tint(#4caf50, 76%);
  --green-200:tint(#4caf50, 57%);
  --green-300:tint(#4caf50, 38%);
  --green-400:tint(#4caf50, 19%);
  --green-500:tint(#4caf50, 0%);
  --green-600:shade(#4caf50, 15%);
  --green-700:shade(#4caf50, 30%);
  --green-800:shade(#4caf50, 45%);
  --green-900:shade(#4caf50, 60%);
  --yellow-50:tint(#FBC02D, 95%);
  --yellow-100:tint(#FBC02D, 76%);
  --yellow-200:tint(#FBC02D, 57%);
  --yellow-300:tint(#FBC02D, 38%);
  --yellow-400:tint(#FBC02D, 19%);
  --yellow-500:tint(#FBC02D, 0%);
  --yellow-600:shade(#FBC02D, 15%);
  --yellow-700:shade(#FBC02D, 30%);
  --yellow-800:shade(#FBC02D, 45%);
  --yellow-900:shade(#FBC02D, 60%);
  --cyan-50:tint(#00BCD4, 95%);
  --cyan-100:tint(#00BCD4, 76%);
  --cyan-200:tint(#00BCD4, 57%);
  --cyan-300:tint(#00BCD4, 38%);
  --cyan-400:tint(#00BCD4, 19%);
  --cyan-500:tint(#00BCD4, 0%);
  --cyan-600:shade(#00BCD4, 15%);
  --cyan-700:shade(#00BCD4, 30%);
  --cyan-800:shade(#00BCD4, 45%);
  --cyan-900:shade(#00BCD4, 60%);
  --pink-50:tint(#E91E63, 95%);
  --pink-100:tint(#E91E63, 76%);
  --pink-200:tint(#E91E63, 57%);
  --pink-300:tint(#E91E63, 38%);
  --pink-400:tint(#E91E63, 19%);
  --pink-500:tint(#E91E63, 0%);
  --pink-600:shade(#E91E63, 15%);
  --pink-700:shade(#E91E63, 30%);
  --pink-800:shade(#E91E63, 45%);
  --pink-900:shade(#E91E63, 60%);
  --indigo-50:tint(#3F51B5, 95%);
  --indigo-100:tint(#3F51B5, 76%);
  --indigo-200:tint(#3F51B5, 57%);
  --indigo-300:tint(#3F51B5, 38%);
  --indigo-400:tint(#3F51B5, 19%);
  --indigo-500:tint(#3F51B5, 0%);
  --indigo-600:shade(#3F51B5, 15%);
  --indigo-700:shade(#3F51B5, 30%);
  --indigo-800:shade(#3F51B5, 45%);
  --indigo-900:shade(#3F51B5, 60%);
  --teal-50:tint(#009688, 95%);
  --teal-100:tint(#009688, 76%);
  --teal-200:tint(#009688, 57%);
  --teal-300:tint(#009688, 38%);
  --teal-400:tint(#009688, 19%);
  --teal-500:tint(#009688, 0%);
  --teal-600:shade(#009688, 15%);
  --teal-700:shade(#009688, 30%);
  --teal-800:shade(#009688, 45%);
  --teal-900:shade(#009688, 60%);
  --orange-50:tint(#F57C00, 95%);
  --orange-100:tint(#F57C00, 76%);
  --orange-200:tint(#F57C00, 57%);
  --orange-300:tint(#F57C00, 38%);
  --orange-400:tint(#F57C00, 19%);
  --orange-500:tint(#F57C00, 0%);
  --orange-600:shade(#F57C00, 15%);
  --orange-700:shade(#F57C00, 30%);
  --orange-800:shade(#F57C00, 45%);
  --orange-900:shade(#F57C00, 60%);
  --bluegray-50:tint(#607D8B, 95%);
  --bluegray-100:tint(#607D8B, 76%);
  --bluegray-200:tint(#607D8B, 57%);
  --bluegray-300:tint(#607D8B, 38%);
  --bluegray-400:tint(#607D8B, 19%);
  --bluegray-500:tint(#607D8B, 0%);
  --bluegray-600:shade(#607D8B, 15%);
  --bluegray-700:shade(#607D8B, 30%);
  --bluegray-800:shade(#607D8B, 45%);
  --bluegray-900:shade(#607D8B, 60%);
  --purple-50:tint(#9C27B0, 95%);
  --purple-100:tint(#9C27B0, 76%);
  --purple-200:tint(#9C27B0, 57%);
  --purple-300:tint(#9C27B0, 38%);
  --purple-400:tint(#9C27B0, 19%);
  --purple-500:tint(#9C27B0, 0%);
  --purple-600:shade(#9C27B0, 15%);
  --purple-700:shade(#9C27B0, 30%);
  --purple-800:shade(#9C27B0, 45%);
  --purple-900:shade(#9C27B0, 60%);
}
.p-autocomplete .p-autocomplete-loader {
  right: div(0.5rem 0.5rem, 2);
  display: none;
}
.p-autocomplete.p-autocomplete-dd .p-autocomplete-loader {
  right: div(0.5rem 0.5rem, 2)2.357rem;
}
.p-autocomplete .p-autocomplete-multiple-container {
  padding: div(0.5rem 0.5rem, 1)/2 div(0.5rem 0.5rem, 2);
  width: 100%;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled):hover {
  border-color: #6366F1;
}
.p-autocomplete .p-autocomplete-multiple-container:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
  border-color: #6366F1;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token {
  padding: div(0.5rem 0.5rem, 1)/2 0;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-input-token input {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-size: 1rem;
  color: #495057;
  padding: 0;
  margin: 0;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token {
  padding: div(0.5rem 0.5rem, 1)/2 div(0.5rem 0.5rem, 2);
  margin-right: 0.5rem;
  background: #E3F2FD;
  color: #495057;
  border-radius: 4px;
}
.p-autocomplete .p-autocomplete-multiple-container .p-autocomplete-token .p-autocomplete-token-icon {
  margin-left: 0.5rem;
}
p-autocomplete.ng-dirty.ng-invalid > .p-autocomplete > .p-inputtext {
  border-color: #f44336;
}
.p-autocomplete-panel {
  background: #ffffff;
  color: #495057;
  border: 0 none;
  border-radius: 4px;
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-autocomplete-panel .p-autocomplete-items:not(.p-autocomplete-virtualscroll) {
  padding: 0.5rem 0;
}
.p-autocomplete-panel .p-autocomplete-items.p-autocomplete-virtualscroll .cdk-virtual-scroll-content-wrapper {
  padding: 0.5rem 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item {
  margin: 0;
  padding: 0.5rem 1rem;
  border: 0 none;
  color: #495057;
  background: transparent;
  transition: box-shadow 0.2s;
  border-radius: 0;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:hover {
  color: #495057;
  background: #e9ecef;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-focus,
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item:not(.p-highlight):not(.p-disabled).p-focus {
  color: #495057;
  background: #e9ecef;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight {
  color: #495057;
  background: #E3F2FD;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-empty-message {
  padding: 0.5rem 1rem;
  color: #495057;
  background: transparent;
}
.p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item-group {
  margin: 0;
  padding: 0.75rem 1rem;
  color: #495057;
  background: #ffffff;
  font-weight: 600;
}
.iqc-autocomplete .p-autocomplete-item {
  width: 95%;
  text-overflow: ellipsis;
}
.iqc-autocomplete {
  width: inherit;
}
p-calendar.ng-dirty.ng-invalid > .p-calendar > .p-inputtext {
  border-color: #f44336;
}
.p-datepicker {
  padding: 0.5rem;
  background: #ffffff;
  color: #495057;
  border: 1px solid #ced4da;
  border-radius: 4px;
}
.p-datepicker:not(.p-datepicker-inline) {
  background: #ffffff;
  border: 0 none;
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-datepicker:not(.p-datepicker-inline) .p-datepicker-header {
  background: #ffffff;
}
.p-datepicker .p-datepicker-header {
  padding: 0.5rem;
  color: #495057;
  background: #ffffff;
  font-weight: 600;
  margin: 0;
  border-bottom: 1px solid #dee2e6;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev,
.p-datepicker .p-datepicker-header .p-datepicker-next {
  width: 2rem;
  height: 2rem;
  color: #7c828d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:enabled:hover,
.p-datepicker .p-datepicker-header .p-datepicker-next:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}
.p-datepicker .p-datepicker-header .p-datepicker-prev:focus,
.p-datepicker .p-datepicker-header .p-datepicker-next:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-datepicker .p-datepicker-header .p-datepicker-title {
  line-height: 2rem;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select {
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}
.p-datepicker .p-datepicker-header .p-datepicker-title select:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
  border-color: #6366F1;
}
.p-datepicker .p-datepicker-header .p-datepicker-title .p-datepicker-month {
  margin-right: 0.5rem;
}
.p-datepicker table {
  font-size: 1rem;
  margin: 0.5rem 0;
}
.p-datepicker table th {
  padding: 0.5rem;
}
.p-datepicker table th > span {
  width: 2.5rem;
  height: 2.5rem;
}
.p-datepicker table td {
  padding: 0.5rem;
}
.p-datepicker table td > span {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  transition: box-shadow 0.2s;
  border: 1px solid transparent;
}
.p-datepicker table td > span.p-highlight {
  color: #495057;
  background: #E3F2FD;
}
.p-datepicker table td > span:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-datepicker table td.p-datepicker-today > span {
  background: #ced4da;
  color: #495057;
  border-color: transparent;
}
.p-datepicker table td.p-datepicker-today > span.p-highlight {
  color: #495057;
  background: #E3F2FD;
}
.p-datepicker .p-datepicker-buttonbar {
  padding: 1rem 0;
  border-top: 1px solid #dee2e6;
}
.p-datepicker .p-datepicker-buttonbar .p-button {
  width: auto;
}
.p-datepicker .p-timepicker {
  border-top: 1px solid #dee2e6;
  padding: 0.5rem;
}
.p-datepicker .p-timepicker button {
  width: 2rem;
  height: 2rem;
  color: #7c828d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-datepicker .p-timepicker button:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}
.p-datepicker .p-timepicker button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-datepicker .p-timepicker button:last-child {
  margin-top: 0.2em;
}
.p-datepicker .p-timepicker span {
  font-size: 1.25rem;
}
.p-datepicker .p-timepicker > div {
  padding: 0 0.5rem;
}
.p-datepicker.p-datepicker-timeonly .p-timepicker {
  border-top: 0 none;
}
.p-datepicker .p-monthpicker {
  margin: 0.5rem 0;
}
.p-datepicker .p-monthpicker .p-monthpicker-month {
  padding: 0.5rem;
  transition: box-shadow 0.2s;
  border-radius: 4px;
}
.p-datepicker .p-monthpicker .p-monthpicker-month.p-highlight {
  color: #495057;
  background: #E3F2FD;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group {
  border-right: 1px solid #dee2e6;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-top: 0;
  padding-bottom: 0;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:first-child {
  padding-left: 0;
}
.p-datepicker.p-datepicker-multiple-month .p-datepicker-group:last-child {
  padding-right: 0;
  border-right: 0 none;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):hover {
  background: #e9ecef;
}
.p-datepicker:not(.p-disabled) table td span:not(.p-highlight):not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):hover {
  background: #e9ecef;
}
.p-datepicker:not(.p-disabled) .p-monthpicker .p-monthpicker-month:not(.p-highlight):not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
@media screen and (max-width: 769px) {
  .p-datepicker table th,
  .p-datepicker table td {
    padding: 0;
  }
}
.p-cascadeselect {
  background: #ffffff;
  border: 1px solid #ced4da;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  border-radius: 4px;
}
.p-cascadeselect:not(.p-disabled):hover {
  border-color: #6366F1;
}
.p-cascadeselect:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
  border-color: #6366F1;
}
.p-cascadeselect .p-cascadeselect-label {
  background: transparent;
  border: 0 none;
  padding: 0.5rem 0.5rem;
}
.p-cascadeselect .p-cascadeselect-label.p-placeholder {
  color: #7c828d;
}
.p-cascadeselect .p-cascadeselect-label:enabled:focus {
  outline: 0 none;
  box-shadow: none;
}
.p-cascadeselect .p-cascadeselect-trigger {
  background: transparent;
  color: #7c828d;
  width: 2.357rem;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.p-cascadeselect-panel {
  background: #ffffff;
  color: #495057;
  border: 0 none;
  border-radius: 4px;
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-cascadeselect-panel .p-cascadeselect-items {
  padding: 0.5rem 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
  margin: 0;
  border: 0 none;
  color: #495057;
  background: transparent;
  transition: box-shadow 0.2s;
  border-radius: 0;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content {
  padding: 0.5rem 1rem;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-item-content:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem rgb(192.6, 193.8, 249.4);
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
  color: #495057;
  background: #E3F2FD;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item:not(.p-highlight):not(.p-disabled):hover {
  color: #495057;
  background: #e9ecef;
}
.p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item .p-cascadeselect-group-icon {
  font-size: 0.875rem;
}
p-cascadeselect.ng-dirty.ng-invalid > .p-cascadeselect {
  border-color: #f44336;
}
.p-input-filled .p-cascadeselect {
  background: #f8f9fa;
}
.p-input-filled .p-cascadeselect:not(.p-disabled):hover {
  background-color: #f8f9fa;
}
.p-input-filled .p-cascadeselect:not(.p-disabled).p-focus {
  background-color: #ffffff;
}
.p-checkbox {
  width: 20px;
  height: 20px;
}
.p-checkbox .p-checkbox-box {
  border: 2px solid #ced4da;
  background: #ffffff;
  width: 20px;
  height: 20px;
  color: #495057;
  border-radius: 4px;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}
.p-checkbox .p-checkbox-box .p-checkbox-icon {
  transition-duration: 0.2s;
  color: #ffffff;
  font-size: 14px;
}
.p-checkbox .p-checkbox-box.p-highlight {
  border-color: #6366F1;
  background: #6366F1;
}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
  border-color: #6366F1;
}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
  border-color: #6366F1;
}
.p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
  border-color: rgb(36.6, 40.8, 235.4);
  background: rgb(36.6, 40.8, 235.4);
  color: #ffffff;
}
p-checkbox.ng-dirty.ng-invalid > .p-checkbox > .p-checkbox-box {
  border-color: #f44336;
}
.p-input-filled .p-checkbox .p-checkbox-box {
  background-color: #f8f9fa;
}
.p-input-filled .p-checkbox .p-checkbox-box.p-highlight {
  background: #6366F1;
}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box:hover {
  background-color: #f8f9fa;
}
.p-input-filled .p-checkbox:not(.p-checkbox-disabled) .p-checkbox-box.p-highlight:hover {
  background: rgb(36.6, 40.8, 235.4);
}
.p-checkbox-label {
  margin-left: 0.5rem;
}
.p-chips .p-chips-multiple-container {
  padding: div(0.5rem 0.5rem, 1)/2 div(0.5rem 0.5rem, 2);
}
.p-chips .p-chips-multiple-container:not(.p-disabled):hover {
  border-color: #6366F1;
}
.p-chips .p-chips-multiple-container:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
  border-color: #6366F1;
}
.p-chips .p-chips-multiple-container .p-chips-token {
  padding: div(0.5rem 0.5rem, 1)/2 div(0.5rem 0.5rem, 2);
  margin-right: 0.5rem;
  background: #E3F2FD;
  color: #495057;
  border-radius: 4px;
}
.p-chips .p-chips-multiple-container .p-chips-token .p-chips-token-icon {
  margin-left: 0.5rem;
}
.p-chips .p-chips-multiple-container .p-chips-input-token {
  padding: div(0.5rem 0.5rem, 1)/2 0;
}
.p-chips .p-chips-multiple-container .p-chips-input-token input {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-size: 1rem;
  color: #495057;
  padding: 0;
  margin: 0;
}
p-chips.ng-dirty.ng-invalid > .p-chips > .p-inputtext {
  border-color: #f44336;
}
.p-colorpicker-preview,
.p-fluid .p-colorpicker-preview.p-inputtext {
  width: 2rem;
  height: 2rem;
}
.p-colorpicker-panel {
  background: #323232;
  border-color: #191919;
}
.p-colorpicker-panel .p-colorpicker-color-handle,
.p-colorpicker-panel .p-colorpicker-hue-handle {
  border-color: #ffffff;
}
.p-colorpicker-overlay-panel {
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.showOptionBig {
  width: 42px !important;
  height: 42px !important;
  background-color: red;
  border-radius: 50% !important;
  border: 2px solid #E5E5E5;
  padding: 0.54rem 0.5rem;
  cursor: pointer !important;
}
.showOptionBig i {
  margin-left: 34px;
  margin-top: -9px;
}
.showOption {
  width: 32px !important;
  height: 32px !important;
  background-color: red;
  border-radius: 50% !important;
  border: 2px solid #E5E5E5;
  padding: 0.54rem 0.5rem;
  cursor: pointer !important;
}
.color1 {
  background-color: #e7e7e7;
  color: #1a1a1a;
}
.color2 {
  background-color: #1a1a1a;
  color: #ffffff;
}
.color3 {
  background-color: #ffffff;
  color: #1a1a1a;
}
.color4 {
  background-color: #6366f1;
  color: #ffffff;
}
.upd-theme {
  height: 3rem !important;
  width: 3rem !important;
}
.p-dropdown {
  background: #ffffff;
  border: 1px solid #ced4da;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  border-radius: 4px;
}
.p-dropdown:not(.p-disabled):hover {
  border-color: #6366F1;
}
.p-dropdown:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
  border-color: #6366F1;
}
.p-dropdown.p-dropdown-clearable .p-dropdown-label {
  padding-right: 1.5rem;
}
.p-dropdown .p-dropdown-label {
  background: transparent;
  border: 0 none;
}
.p-dropdown .p-dropdown-label.p-placeholder {
  color: #7c828d;
}
.p-dropdown .p-dropdown-label:enabled:focus {
  outline: 0 none;
  box-shadow: none;
}
.p-dropdown .p-dropdown-group {
  border-top-right-radius: 0px;
  border-right: none;
  border-bottom-right-radius: 0px;
  background: #f1f0f1;
}
.p-dropdown .p-dropdown-trigger {
  background: transparent;
  color: #7c828d;
  width: 2.357rem;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.p-dropdown .p-dropdown-clear-icon {
  color: #7c828d;
  right: 2.357rem;
}
.p-dropdown-panel {
  background: #ffffff;
  color: #495057;
  border: 0 none;
  border-radius: 4px;
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-dropdown-panel .p-dropdown-header {
  padding: 0.5rem 1rem;
  border-bottom: 0 none;
  color: #495057;
  background: #f8f9fa;
  margin: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter {
  padding-right: 1.5rem;
  margin-right: -1.5rem;
}
.p-dropdown-panel .p-dropdown-header .p-dropdown-filter-icon {
  right: 0.5rem;
  color: #7c828d;
}
.p-dropdown-panel .p-dropdown-items:not(.p-dropdown-virtualscroll) {
  padding: 0.5rem 0;
}
.p-dropdown-panel .p-dropdown-items.p-dropdown-virtualscroll .cdk-virtual-scroll-content-wrapper {
  padding: 0.5rem 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item {
  margin: 0;
  padding: 0.5rem 1rem;
  border: 0 none;
  color: #495057;
  background: transparent;
  transition: box-shadow 0.2s;
  border-radius: 0;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight {
  color: #495057;
  background: #E3F2FD;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item:not(.p-highlight):not(.p-disabled):hover {
  color: #495057;
  background: #e9ecef;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-empty-message {
  padding: 0.5rem 1rem;
  color: #495057;
  background: transparent;
}
.p-dropdown-panel .p-dropdown-items .p-dropdown-item-group {
  margin: 0;
  padding: 0.75rem 1rem;
  color: #495057;
  background: #ffffff;
  font-weight: 600;
}
p-dropdown.ng-invalid.ng-touched {
  border-color: #f44336;
}
p-dropdown.ng-dirty.ng-invalid > .p-dropdown {
  border-color: #f44336;
}
.p-input-filled .p-dropdown {
  background: #f8f9fa;
}
.p-input-filled .p-dropdown:not(.p-disabled):hover {
  background-color: #f8f9fa;
}
.p-input-filled .p-dropdown:not(.p-disabled).p-focus {
  background-color: #ffffff;
}
.p-dropdown-customerTitle {
  border-top-right-radius: 0px;
  border-right: none;
  border-bottom-right-radius: 0px;
}
.p-dropdown-customerTitle:not(.p-disabled):hover {
  border-top-right-radius: 0px;
  border-right: none;
  border-bottom-right-radius: 0px;
}
.p-editor-container .p-editor-toolbar {
  background: #f8f9fa;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.p-editor-container .p-editor-toolbar.ql-snow {
  border: 1px solid #dee2e6;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-stroke {
  stroke: #7c828d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-fill {
  fill: #7c828d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label {
  border: 0 none;
  color: #7c828d;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover {
  color: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-stroke {
  stroke: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker .ql-picker-label:hover .ql-fill {
  fill: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  background: #ffffff;
  border: 0 none;
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  padding: 0.5rem 0;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item {
  color: #495057;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options .ql-picker-item:hover {
  color: #495057;
  background: #e9ecef;
}
.p-editor-container .p-editor-toolbar.ql-snow .ql-picker.ql-expanded:not(.ql-icon-picker) .ql-picker-item {
  padding: 0.5rem 1rem;
}
.p-editor-container .p-editor-content {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.p-editor-container .p-editor-content.ql-snow {
  border: 1px solid #dee2e6;
}
.p-editor-container .p-editor-content .ql-editor {
  background: #ffffff;
  color: #495057;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.p-editor-container .ql-snow.ql-toolbar button:hover,
.p-editor-container .ql-snow.ql-toolbar button:focus {
  color: #495057;
}
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-stroke {
  stroke: #495057;
}
.p-editor-container .ql-snow.ql-toolbar button:hover .ql-fill,
.p-editor-container .ql-snow.ql-toolbar button:focus .ql-fill {
  fill: #495057;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected {
  color: #6366F1;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke {
  stroke: #6366F1;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill {
  fill: #6366F1;
}
.p-editor-container .ql-snow.ql-toolbar button.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-picker-label,
.p-editor-container .ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-picker-label {
  color: #6366F1;
}
.p-inputgroup-addon {
  background: #e9ecef;
  color: #7c828d;
  border-top: 1px solid #ced4da;
  border-left: 1px solid #ced4da;
  border-bottom: 1px solid #ced4da;
  padding: 0.5rem 0.5rem;
  min-width: 2.357rem;
  font-size: 11px;
}
.p-inputgroup-addon:last-child {
  border-right: 1px solid #ced4da;
}
.p-inputgroup > .p-component,
.p-inputgroup > .p-element,
.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext,
.p-inputgroup > .p-float-label > .p-component {
  border-radius: 0;
  margin: 0;
}
.p-inputgroup > .p-component + .p-inputgroup-addon,
.p-inputgroup > .p-element + .p-inputgroup-addon,
.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext + .p-inputgroup-addon,
.p-inputgroup > .p-float-label > .p-component + .p-inputgroup-addon {
  border-left: 0 none;
}
.p-inputgroup > .p-component:focus,
.p-inputgroup > .p-element:focus,
.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus,
.p-inputgroup > .p-float-label > .p-component:focus {
  z-index: 1;
}
.p-inputgroup > .p-component:focus ~ label,
.p-inputgroup > .p-element:focus ~ label,
.p-inputgroup > .p-inputwrapper > .p-component > .p-inputtext:focus ~ label,
.p-inputgroup > .p-float-label > .p-component:focus ~ label {
  z-index: 1;
}
.p-inputgroup-addon:first-child,
.p-inputgroup button:first-child,
.p-inputgroup input:first-child,
.p-inputgroup > .p-inputwrapper:first-child > .p-component,
.p-inputgroup > .p-inputwrapper:first-child > .p-component > .p-inputtext {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.p-inputgroup .p-float-label:first-child input {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.p-inputgroup-addon:last-child,
.p-inputgroup button:last-child,
.p-inputgroup input:last-child,
.p-inputgroup > .p-inputwrapper:last-child > .p-component,
.p-inputgroup > .p-inputwrapper:last-child > .p-component > .p-inputtext {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.p-inputgroup .p-float-label:last-child input {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.p-fluid .p-inputgroup .p-button {
  width: auto;
}
.p-fluid .p-inputgroup .p-button.p-button-icon-only {
  width: 2.357rem;
}
p-inputmask.ng-dirty.ng-invalid > .p-inputtext {
  border-color: #f44336;
}
p-inputnumber.ng-dirty.ng-invalid > .p-inputnumber > .p-inputtext {
  border-color: #f44336;
}
.p-inputswitch {
  width: 3rem;
  height: 1.75rem;
}
.p-inputswitch .p-inputswitch-slider {
  background: #ced4da;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  border-radius: 30px;
}
.p-inputswitch .p-inputswitch-slider:before {
  background: #ffffff;
  width: 1.25rem;
  height: 1.25rem;
  left: 0.25rem;
  margin-top: -0.625rem;
  border-radius: 50%;
  transition-duration: 0.2s;
}
.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
  transform: translateX(1.25rem);
}
.p-inputswitch.p-focus .p-inputswitch-slider {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-inputswitch:not(.p-disabled):hover .p-inputswitch-slider {
  background: rgb(181.8418604651, 190.8, 199.7581395349);
}
.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
  background: #6366F1;
}
.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider:before {
  background: #ffffff;
}
.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
  background: rgb(67.8, 71.4, 238.2);
}
p-inputswitch.ng-dirty.ng-invalid > .p-inputswitch {
  border-color: #f44336;
}
.p-inputtext {
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
  font-size: 12px;
  color: #495057;
  background: #ffffff;
  padding: 0.54rem 0.5rem;
  border: 1px solid #ced4da;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  appearance: none;
  border-radius: 4px;
}
.p-inputtext:enabled:hover {
  border-color: #6366F1;
}
.p-inputtext:enabled:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
  border-color: #6366F1;
}
.p-inputtext.ng-dirty.ng-invalid {
  border-color: #f44336;
}
.p-inputtext.p-inputtext-sm {
  font-size: 10.5px;
  padding: 0.4375rem 0.4375rem;
}
.p-inputtext.p-inputtext-lg {
  font-size: 15px;
  padding: 0.625rem 0.625rem;
}
.p-float-label > label {
  left: 0.5rem;
  color: #7c828d;
  transition-duration: 0.2s;
}
.p-float-label > .ng-invalid.ng-dirty + label {
  color: #f44336;
}
.p-input-icon-left > i:first-of-type {
  left: 0.8rem !important;
  color: #7c828d !important;
}
.p-input-icon-left > .p-inputtext {
  padding-left: 2.3rem !important;
}
.p-input-icon-left.p-float-label > label {
  left: 2rem;
}
.p-input-icon-right > i:last-of-type {
  right: 0.5rem;
  color: #7c828d;
}
.p-input-icon-right > .p-inputtext {
  padding-right: 2rem;
}
::-webkit-input-placeholder {
  color: #7c828d !important;
}
:-moz-placeholder {
  color: #7c828d !important;
}
::-moz-placeholder {
  color: #7c828d !important;
}
:-ms-input-placeholder {
  color: #7c828d !important;
}
.p-input-filled .p-inputtext {
  background-color: #f8f9fa;
}
.p-input-filled .p-inputtext:enabled:hover {
  background-color: #f8f9fa;
}
.p-input-filled .p-inputtext:enabled:focus {
  background-color: #ffffff;
}
.p-inputtext-sm .p-inputtext {
  font-size: 10.5px;
  padding: 0.4375rem 0.4375rem;
}
.p-inputtext-lg .p-inputtext {
  font-size: 15px;
  padding: 0.625rem 0.625rem;
}
.p-listbox {
  background: #ffffff;
  color: #495057;
  border: 1px solid #ced4da;
  border-radius: 4px;
}
.p-listbox .p-listbox-header {
  padding: 0.5rem 1rem;
  border-bottom: 0 none;
  color: #495057;
  background: #f8f9fa;
  margin: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.p-listbox .p-listbox-header .p-listbox-filter {
  padding-right: 1.5rem;
}
.p-listbox .p-listbox-header .p-listbox-filter-icon {
  right: 0.5rem;
  color: #7c828d;
}
.p-listbox .p-listbox-header .p-checkbox {
  margin-right: 0.5rem;
}
.p-listbox .p-listbox-list {
  padding: 0.5rem 0;
}
.p-listbox .p-listbox-list .p-listbox-item {
  margin: 0;
  padding: 0.5rem 1rem;
  border: 0 none;
  color: #495057;
  transition: box-shadow 0.2s;
  border-radius: 0;
}
.p-listbox .p-listbox-list .p-listbox-item.p-highlight {
  color: #495057;
  background: #E3F2FD;
}
.p-listbox .p-listbox-list .p-listbox-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem rgb(192.6, 193.8, 249.4);
}
.p-listbox .p-listbox-list .p-listbox-item .p-checkbox {
  margin-right: 0.5rem;
}
.p-listbox .p-listbox-list .p-listbox-item-group {
  margin: 0;
  padding: 0.75rem 1rem;
  color: #495057;
  background: #ffffff;
  font-weight: 600;
}
.p-listbox .p-listbox-list .p-listbox-empty-message {
  padding: 0.5rem 1rem;
  color: #495057;
  background: transparent;
}
.p-listbox:not(.p-disabled) .p-listbox-item:not(.p-highlight):not(.p-disabled):hover {
  color: #495057;
  background: #e9ecef;
}
p-listbox.ng-dirty.ng-invalid > .p-listbox {
  border-color: #f44336;
}
.p-multiselect {
  background: #ffffff;
  border: 1px solid #ced4da;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  border-radius: 4px;
}
.p-multiselect:not(.p-disabled):hover {
  border-color: #6366F1;
}
.p-multiselect:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
  border-color: #6366F1;
}
.p-multiselect .p-multiselect-label {
  padding: 0.5rem 0.5rem;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}
.p-multiselect .p-multiselect-label.p-placeholder {
  color: #7c828d;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token {
  padding: div(0.5rem 0.5rem, 1)/2 div(0.5rem 0.5rem, 2);
  margin-right: 0.5rem;
  background: #E3F2FD;
  color: #495057;
  border-radius: 4px;
}
.p-multiselect.p-multiselect-chip .p-multiselect-token .p-multiselect-token-icon {
  margin-left: 0.5rem;
}
.p-multiselect .p-multiselect-trigger {
  background: transparent;
  color: #7c828d;
  width: 2.357rem;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.p-inputwrapper-filled .p-multiselect.p-multiselect-chip .p-multiselect-label {
  padding: div(0.5rem 0.5rem, 1)/2 div(0.5rem 0.5rem, 2);
}
.p-multiselect-panel {
  background: #ffffff;
  color: #495057;
  border: 0 none;
  border-radius: 4px;
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-multiselect-panel .p-multiselect-header {
  padding: 0.5rem 1rem;
  border-bottom: 0 none;
  color: #495057;
  background: #f8f9fa;
  margin: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-inputtext {
  padding-right: div(0.5rem 0.5rem, 2)1rem;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-filter-container .p-multiselect-filter-icon {
  right: 1rem;
  color: #7c828d;
}
.p-multiselect-panel .p-multiselect-header .p-checkbox {
  margin-right: 0.5rem;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close {
  margin-left: 0.5rem;
  width: 2rem;
  height: 2rem;
  color: #7c828d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}
.p-multiselect-panel .p-multiselect-header .p-multiselect-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-multiselect-panel .p-multiselect-items:not(.p-multiselect-virtualscroll) {
  padding: 0.5rem 0;
}
.p-multiselect-panel .p-multiselect-items.p-multiselect-virtualscroll .cdk-virtual-scroll-content-wrapper {
  padding: 0.5rem 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item {
  margin: 0;
  padding: 0.5rem 1rem;
  border: 0 none;
  color: #495057;
  background: transparent;
  transition: box-shadow 0.2s;
  border-radius: 0;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight {
  color: #495057;
  background: #E3F2FD;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:not(.p-highlight):not(.p-disabled):hover {
  color: #495057;
  background: #e9ecef;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem rgb(192.6, 193.8, 249.4);
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item .p-checkbox {
  margin-right: 0.5rem;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-item-group {
  margin: 0;
  padding: 0.75rem 1rem;
  color: #495057;
  background: #ffffff;
  font-weight: 600;
}
.p-multiselect-panel .p-multiselect-items .p-multiselect-empty-message {
  padding: 0.5rem 1rem;
  color: #495057;
  background: transparent;
}
p-multiselect.ng-dirty.ng-invalid > .p-multiselect {
  border-color: #f44336;
}
p-multiselect.ng-invalid.ng-touched > .p-multiselect {
  border-color: #f44336;
}
.p-input-filled .p-multiselect {
  background: #f8f9fa;
}
.p-input-filled .p-multiselect:not(.p-disabled):hover {
  background-color: #f8f9fa;
}
.p-input-filled .p-multiselect:not(.p-disabled).p-focus {
  background-color: #ffffff;
}
.p-password.p-invalid.p-component > .p-inputtext {
  border-color: #f44336;
}
.p-password-panel {
  padding: 1rem;
  background: #ffffff;
  color: #495057;
  border: 0 none;
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.p-password-panel .p-password-meter {
  margin-bottom: 0.5rem;
  background: #dee2e6;
}
.p-password-panel .p-password-meter .p-password-strength.weak {
  background: #D32F2F;
}
.p-password-panel .p-password-meter .p-password-strength.medium {
  background: #FBC02D;
}
.p-password-panel .p-password-meter .p-password-strength.strong {
  background: #689F38;
}
.p-radiobutton {
  width: 16px;
  height: 16px;
}
.p-radiobutton .p-radiobutton-box {
  border: 2px solid #ced4da;
  background: #ffffff;
  width: 16px;
  height: 16px;
  color: #495057;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled):not(.p-highlight):hover {
  border-color: #6366F1;
}
.p-radiobutton .p-radiobutton-box:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
  border-color: #6366F1;
}
.p-radiobutton .p-radiobutton-box .p-radiobutton-icon {
  width: 10px;
  height: 10px;
  transition-duration: 0.2s;
  background-color: #ffffff;
}
.p-radiobutton .p-radiobutton-box.p-highlight {
  border-color: #6366F1;
  background: #6366F1;
}
.p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
  border-color: rgb(36.6, 40.8, 235.4);
  background: rgb(36.6, 40.8, 235.4);
  color: #ffffff;
}
p-radiobutton.ng-dirty.ng-invalid > .p-radiobutton > .p-radiobutton-box {
  border-color: #f44336;
}
.p-input-filled .p-radiobutton .p-radiobutton-box {
  background-color: #f8f9fa;
}
.p-input-filled .p-radiobutton .p-radiobutton-box:not(.p-disabled):hover {
  background-color: #f8f9fa;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight {
  background: #6366F1;
}
.p-input-filled .p-radiobutton .p-radiobutton-box.p-highlight:not(.p-disabled):hover {
  background: rgb(36.6, 40.8, 235.4);
}
.p-radiobutton-label {
  margin-left: 0.5rem;
}
.p-rating .p-rating-icon {
  color: #495057;
  margin-left: 0.5rem;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  font-size: 1.143rem;
}
.p-rating .p-rating-icon.p-rating-cancel {
  color: #e74c3c;
}
.p-rating .p-rating-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-rating .p-rating-icon:first-child {
  margin-left: 0;
}
.p-rating .p-rating-icon.pi-star {
  color: #6366F1;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon:hover {
  color: #6366F1;
}
.p-rating:not(.p-disabled):not(.p-readonly) .p-rating-icon.p-rating-cancel:hover {
  color: #c0392b;
}
.p-dropdownbutton .p-button {
  background: #ffffff;
  border: 1px solid #ced4da;
  color: #495057;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}
.p-dropdownbutton .p-button .p-button-icon-left,
.p-dropdownbutton .p-button .p-button-icon-right {
  color: #7c828d;
}
.p-dropdownbutton .p-button:not(.p-disabled):not(.p-highlight):hover {
  background: #e9ecef;
  border-color: #ced4da;
  color: #495057;
}
.p-dropdownbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
.p-dropdownbutton .p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
  color: #7c828d;
}
.p-dropdownbutton .p-button.p-highlight {
  background: #6366F1;
  border-color: #6366F1;
  color: #ffffff;
}
.p-dropdownbutton .p-button.p-highlight .p-button-icon-left,
.p-dropdownbutton .p-button.p-highlight .p-button-icon-right {
  color: #ffffff;
}
.p-dropdownbutton .p-button.p-highlight:hover {
  background: rgb(67.8, 71.4, 238.2);
  border-color: rgb(67.8, 71.4, 238.2);
  color: #ffffff;
}
.p-dropdownbutton .p-button.p-highlight:hover .p-button-icon-left,
.p-dropdownbutton .p-button.p-highlight:hover .p-button-icon-right {
  color: #ffffff;
}
p-dropdownbutton.ng-dirty.ng-invalid > .p-dropdownbutton > .p-button {
  border-color: #f44336;
}
.p-slider {
  background: #dee2e6;
  border: 0 none;
  border-radius: 4px;
}
.p-slider.p-slider-horizontal {
  height: 0.286rem;
}
.p-slider.p-slider-horizontal .p-slider-handle {
  margin-top: -0.5715rem;
  margin-left: -0.5715rem;
}
.p-slider.p-slider-vertical {
  width: 0.286rem;
}
.p-slider.p-slider-vertical .p-slider-handle {
  margin-left: -0.5715rem;
  margin-bottom: -0.5715rem;
}
.p-slider .p-slider-handle {
  height: 1.143rem;
  width: 1.143rem;
  background: #ffffff;
  border: 2px solid #6366F1;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}
.p-slider .p-slider-handle:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-slider .p-slider-range {
  background: #6366F1;
}
.p-slider:not(.p-disabled) .p-slider-handle:hover {
  background: #6366F1;
  border-color: #6366F1;
}
.p-slider.p-slider-animate.p-slider-horizontal .p-slider-handle {
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s,
    left 0.2s;
}
.p-slider.p-slider-animate.p-slider-horizontal .p-slider-range {
  transition: width 0.2s;
}
.p-slider.p-slider-animate.p-slider-vertical .p-slider-handle {
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s,
    bottom 0.2s;
}
.p-slider.p-slider-animate.p-slider-vertical .p-slider-range {
  transition: height 0.2s;
}
.p-togglebutton.p-button {
  background: #ffffff;
  border: 1px solid #ced4da;
  color: #495057;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}
.p-togglebutton.p-button .p-button-icon-left,
.p-togglebutton.p-button .p-button-icon-right {
  color: #7c828d;
}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover {
  background: #e9ecef;
  border-color: #ced4da;
  color: #495057;
}
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-left,
.p-togglebutton.p-button:not(.p-disabled):not(.p-highlight):hover .p-button-icon-right {
  color: #7c828d;
}
.p-togglebutton.p-button.p-highlight {
  background: #6366F1;
  border-color: #6366F1;
  color: #ffffff;
}
.p-togglebutton.p-button.p-highlight .p-button-icon-left,
.p-togglebutton.p-button.p-highlight .p-button-icon-right {
  color: #ffffff;
}
.p-togglebutton.p-button.p-highlight:hover {
  background: rgb(67.8, 71.4, 238.2);
  border-color: rgb(67.8, 71.4, 238.2);
  color: #ffffff;
}
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-left,
.p-togglebutton.p-button.p-highlight:hover .p-button-icon-right {
  color: #ffffff;
}
p-togglebutton.ng-dirty.ng-invalid > .p-togglebutton.p-button {
  border-color: #f44336;
}
.p-treeselect {
  background: #ffffff;
  border: 1px solid #ced4da;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  border-radius: 4px;
}
.p-treeselect:not(.p-disabled):hover {
  border-color: #6366F1;
}
.p-treeselect:not(.p-disabled).p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
  border-color: #6366F1;
}
.p-treeselect .p-treeselect-label {
  padding: 0.5rem 0.5rem;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}
.p-treeselect .p-treeselect-label.p-placeholder {
  color: #7c828d;
}
.p-treeselect.p-treeselect-chip .p-treeselect-token {
  padding: div(0.5rem 0.5rem, 1)/2 div(0.5rem 0.5rem, 2);
  margin-right: 0.5rem;
  background: #dee2e6;
  color: #495057;
  border-radius: 16px;
}
.p-treeselect .p-treeselect-trigger {
  background: transparent;
  color: #7c828d;
  width: 2.357rem;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.p-treeselect.p-invalid.p-component {
  border-color: #f44336;
}
.p-inputwrapper-filled .p-treeselect.p-treeselect-chip .p-treeselect-label {
  padding: div(0.5rem 0.5rem, 1)/2 div(0.5rem 0.5rem, 2);
}
.p-treeselect-panel {
  background: #ffffff;
  color: #495057;
  border: 0 none;
  border-radius: 4px;
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-treeselect-panel .p-treeselect-items-wrapper .p-tree {
  border: 0 none;
}
.p-treeselect-panel .p-treeselect-items-wrapper .p-treeselect-empty-message {
  padding: 0.5rem 1rem;
  color: #495057;
  background: transparent;
}
.p-input-filled .p-treeselect {
  background: #f8f9fa;
}
.p-input-filled .p-treeselect:not(.p-disabled):hover {
  background-color: #f8f9fa;
}
.p-input-filled .p-treeselect:not(.p-disabled).p-focus {
  background-color: #ffffff;
}
.p-button {
  color: #ffffff;
  background: #6366F1;
  border: 1px solid #6366F1;
  padding: 0.5rem 1rem;
  font-size: 1rem;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  border-radius: 4px;
}
.p-button:enabled:hover {
  background: rgb(67.8, 71.4, 238.2);
  color: #ffffff;
  border-color: rgb(67.8, 71.4, 238.2);
}
.p-button:enabled:active {
  background: rgb(36.6, 40.8, 235.4);
  color: #ffffff;
  border-color: rgb(36.6, 40.8, 235.4);
}
.p-button.p-button-outlined {
  background-color: transparent;
  color: #6366F1;
  border: 1px solid;
}
.p-button.p-button-outlined:enabled:hover {
  background: rgba(99, 102, 241, 0.04);
  color: #6366F1;
  border: 1px solid;
}
.p-button.p-button-outlined:enabled:active {
  background: rgba(99, 102, 241, 0.16);
  color: #6366F1;
  border: 1px solid;
}
.p-button.p-button-outlined.p-button-plain {
  color: #7c828d;
  border-color: #7c828d;
}
.p-button.p-button-outlined.p-button-plain:enabled:hover {
  background: #e9ecef;
  color: #7c828d;
}
.p-button.p-button-outlined.p-button-plain:enabled:active {
  background: #dee2e6;
  color: #7c828d;
}
.p-button.p-button-text {
  background-color: transparent;
  color: #6366F1;
  border-color: transparent;
}
.p-button.p-button-text:enabled:hover {
  background: rgba(99, 102, 241, 0.04);
  color: #6366F1;
  border-color: transparent;
}
.p-button.p-button-text:enabled:active {
  background: rgba(99, 102, 241, 0.16);
  color: #6366F1;
  border-color: transparent;
}
.p-button.p-button-text.p-button-plain {
  color: #7c828d;
}
.p-button.p-button-text.p-button-plain:enabled:hover {
  background: #e9ecef;
  color: #7c828d;
}
.p-button.p-button-text.p-button-plain:enabled:active {
  background: #dee2e6;
  color: #7c828d;
}
.p-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-button .p-button-icon-left {
  margin-right: 0.5rem;
}
.p-button .p-button-icon-right {
  margin-left: 0.5rem;
}
.p-button .p-button-icon-bottom {
  margin-top: 0.5rem;
}
.p-button .p-button-icon-top {
  margin-bottom: 0.5rem;
}
.p-button .p-badge {
  margin-left: 0.5rem;
  min-width: 1rem;
  height: 1rem;
  line-height: 1rem;
  color: #6366F1;
  background-color: #ffffff;
}
.p-button.p-button-raised {
  box-shadow:
    0 3px 1px -2px rgba(0, 0, 0, 0.2),
    0 2px 2px 0 rgba(0, 0, 0, 0.14),
    0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.p-button.p-button-rounded {
  border-radius: 2rem;
}
.p-button.p-button-icon-only {
  width: 2.357rem;
  padding: 0.5rem 0;
}
.p-button.p-button-icon-only .p-button-icon-left,
.p-button.p-button-icon-only .p-button-icon-right {
  margin: 0;
}
.p-button.p-button-icon-only.p-button-rounded {
  border-radius: 50%;
  height: 2.357rem;
}
.p-button.p-button-sm {
  font-size: 0.875rem;
  padding: 0.4375rem 0.875rem;
}
.p-button.p-button-sm .p-button-icon {
  font-size: 0.875rem;
}
.p-button.p-button-lg {
  font-size: 1.25rem;
  padding: 0.625rem 1.25rem;
}
.p-button.p-button-lg .p-button-icon {
  font-size: 1.25rem;
}
.p-button.p-button-loading-label-only .p-button-label {
  margin-left: 0.5rem;
}
.p-button.p-button-loading-label-only .p-button-loading-icon {
  margin-right: 0;
}
.p-fluid .p-button {
  width: 100%;
}
.p-fluid .p-button-icon-only {
  width: 2.357rem;
}
.p-fluid .p-buttonset {
  display: flex;
}
.p-fluid .p-buttonset .p-button {
  flex: 1;
}
.p-button.p-button-secondary,
.p-buttonset.p-button-secondary > .p-button,
.p-splitbutton.p-button-secondary > .p-button {
  color: #ffffff;
  background: #607D8B;
  border: 1px solid #607D8B;
}
.p-button.p-button-secondary:enabled:hover,
.p-buttonset.p-button-secondary > .p-button:enabled:hover,
.p-splitbutton.p-button-secondary > .p-button:enabled:hover {
  background: rgb(86.4, 112.5, 125.1);
  color: #ffffff;
  border-color: rgb(86.4, 112.5, 125.1);
}
.p-button.p-button-secondary:enabled:focus,
.p-buttonset.p-button-secondary > .p-button:enabled:focus,
.p-splitbutton.p-button-secondary > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.2rem rgb(189.9361702128, 203.5106382979, 210.0638297872);
}
.p-button.p-button-secondary:enabled:active,
.p-buttonset.p-button-secondary > .p-button:enabled:active,
.p-splitbutton.p-button-secondary > .p-button:enabled:active {
  background: rgb(76.8, 100, 111.2);
  color: #ffffff;
  border-color: rgb(76.8, 100, 111.2);
}
.p-button.p-button-secondary.p-button-outlined,
.p-buttonset.p-button-secondary > .p-button.p-button-outlined,
.p-splitbutton.p-button-secondary > .p-button.p-button-outlined {
  background-color: transparent;
  color: #607D8B;
  border: 1px solid;
}
.p-button.p-button-secondary.p-button-outlined:enabled:hover,
.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:hover {
  background: rgba(96, 125, 139, 0.04);
  color: #607D8B;
  border: 1px solid;
}
.p-button.p-button-secondary.p-button-outlined:enabled:active,
.p-buttonset.p-button-secondary > .p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-secondary > .p-button.p-button-outlined:enabled:active {
  background: rgba(96, 125, 139, 0.16);
  color: #607D8B;
  border: 1px solid;
}
.p-button.p-button-secondary.p-button-text,
.p-buttonset.p-button-secondary > .p-button.p-button-text,
.p-splitbutton.p-button-secondary > .p-button.p-button-text {
  background-color: transparent;
  color: #607D8B;
  border-color: transparent;
}
.p-button.p-button-secondary.p-button-text:enabled:hover,
.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:hover,
.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:hover {
  background: rgba(96, 125, 139, 0.04);
  border-color: transparent;
  color: #607D8B;
}
.p-button.p-button-secondary.p-button-text:enabled:active,
.p-buttonset.p-button-secondary > .p-button.p-button-text:enabled:active,
.p-splitbutton.p-button-secondary > .p-button.p-button-text:enabled:active {
  background: rgba(96, 125, 139, 0.16);
  border-color: transparent;
  color: #607D8B;
}
.p-button.p-button-info,
.p-buttonset.p-button-info > .p-button,
.p-splitbutton.p-button-info > .p-button {
  color: #ffffff;
  background: #0288D1;
  border: 1px solid #0288D1;
}
.p-button.p-button-info:enabled:hover,
.p-buttonset.p-button-info > .p-button:enabled:hover,
.p-splitbutton.p-button-info > .p-button:enabled:hover {
  background: rgb(1.8, 122.4, 188.1);
  color: #ffffff;
  border-color: rgb(1.8, 122.4, 188.1);
}
.p-button.p-button-info:enabled:focus,
.p-buttonset.p-button-info > .p-button:enabled:focus,
.p-splitbutton.p-button-info > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.2rem rgb(136.5336492891, 212.4881516588, 253.8663507109);
}
.p-button.p-button-info:enabled:active,
.p-buttonset.p-button-info > .p-button:enabled:active,
.p-splitbutton.p-button-info > .p-button:enabled:active {
  background: rgb(1.6, 108.8, 167.2);
  color: #ffffff;
  border-color: rgb(1.6, 108.8, 167.2);
}
.p-button.p-button-info.p-button-outlined,
.p-buttonset.p-button-info > .p-button.p-button-outlined,
.p-splitbutton.p-button-info > .p-button.p-button-outlined {
  background-color: transparent;
  color: #0288D1;
  border: 1px solid;
}
.p-button.p-button-info.p-button-outlined:enabled:hover,
.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:hover {
  background: rgba(2, 136, 209, 0.04);
  color: #0288D1;
  border: 1px solid;
}
.p-button.p-button-info.p-button-outlined:enabled:active,
.p-buttonset.p-button-info > .p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-info > .p-button.p-button-outlined:enabled:active {
  background: rgba(2, 136, 209, 0.16);
  color: #0288D1;
  border: 1px solid;
}
.p-button.p-button-info.p-button-text,
.p-buttonset.p-button-info > .p-button.p-button-text,
.p-splitbutton.p-button-info > .p-button.p-button-text {
  background-color: transparent;
  color: #0288D1;
  border-color: transparent;
}
.p-button.p-button-info.p-button-text:enabled:hover,
.p-buttonset.p-button-info > .p-button.p-button-text:enabled:hover,
.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:hover {
  background: rgba(2, 136, 209, 0.04);
  border-color: transparent;
  color: #0288D1;
}
.p-button.p-button-info.p-button-text:enabled:active,
.p-buttonset.p-button-info > .p-button.p-button-text:enabled:active,
.p-splitbutton.p-button-info > .p-button.p-button-text:enabled:active {
  background: rgba(2, 136, 209, 0.16);
  border-color: transparent;
  color: #0288D1;
}
.p-button.p-button-success,
.p-buttonset.p-button-success > .p-button,
.p-splitbutton.p-button-success > .p-button {
  color: #ffffff;
  background: #689F38;
  border: 1px solid #689F38;
}
.p-button.p-button-success:enabled:hover,
.p-buttonset.p-button-success > .p-button:enabled:hover,
.p-splitbutton.p-button-success > .p-button:enabled:hover {
  background: rgb(93.6, 143.1, 50.4);
  color: #ffffff;
  border-color: rgb(93.6, 143.1, 50.4);
}
.p-button.p-button-success:enabled:focus,
.p-buttonset.p-button-success > .p-button:enabled:focus,
.p-splitbutton.p-button-success > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.2rem rgb(194.0790697674, 224.2651162791, 167.7348837209);
}
.p-button.p-button-success:enabled:active,
.p-buttonset.p-button-success > .p-button:enabled:active,
.p-splitbutton.p-button-success > .p-button:enabled:active {
  background: rgb(83.2, 127.2, 44.8);
  color: #ffffff;
  border-color: rgb(83.2, 127.2, 44.8);
}
.p-button.p-button-success.p-button-outlined,
.p-buttonset.p-button-success > .p-button.p-button-outlined,
.p-splitbutton.p-button-success > .p-button.p-button-outlined {
  background-color: transparent;
  color: #689F38;
  border: 1px solid;
}
.p-button.p-button-success.p-button-outlined:enabled:hover,
.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:hover {
  background: rgba(104, 159, 56, 0.04);
  color: #689F38;
  border: 1px solid;
}
.p-button.p-button-success.p-button-outlined:enabled:active,
.p-buttonset.p-button-success > .p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-success > .p-button.p-button-outlined:enabled:active {
  background: rgba(104, 159, 56, 0.16);
  color: #689F38;
  border: 1px solid;
}
.p-button.p-button-success.p-button-text,
.p-buttonset.p-button-success > .p-button.p-button-text,
.p-splitbutton.p-button-success > .p-button.p-button-text {
  background-color: transparent;
  color: #689F38;
  border-color: transparent;
}
.p-button.p-button-success.p-button-text:enabled:hover,
.p-buttonset.p-button-success > .p-button.p-button-text:enabled:hover,
.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:hover {
  background: rgba(104, 159, 56, 0.04);
  border-color: transparent;
  color: #689F38;
}
.p-button.p-button-success.p-button-text:enabled:active,
.p-buttonset.p-button-success > .p-button.p-button-text:enabled:active,
.p-splitbutton.p-button-success > .p-button.p-button-text:enabled:active {
  background: rgba(104, 159, 56, 0.16);
  border-color: transparent;
  color: #689F38;
}
.p-button.p-button-warning,
.p-buttonset.p-button-warning > .p-button,
.p-splitbutton.p-button-warning > .p-button {
  color: #212529;
  background: #FBC02D;
  border: 1px solid #FBC02D;
}
.p-button.p-button-warning:enabled:hover,
.p-buttonset.p-button-warning > .p-button:enabled:hover,
.p-splitbutton.p-button-warning > .p-button:enabled:hover {
  background: rgb(250.446728972, 183.2859813084, 15.953271028);
  color: #212529;
  border-color: rgb(250.446728972, 183.2859813084, 15.953271028);
}
.p-button.p-button-warning:enabled:focus,
.p-buttonset.p-button-warning > .p-button:enabled:focus,
.p-splitbutton.p-button-warning > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.2rem rgb(253.4, 229.8, 171);
}
.p-button.p-button-warning:enabled:active,
.p-buttonset.p-button-warning > .p-button:enabled:active,
.p-splitbutton.p-button-warning > .p-button:enabled:active {
  background: rgb(232.3738317757, 167.0878504673, 4.4261682243);
  color: #212529;
  border-color: rgb(232.3738317757, 167.0878504673, 4.4261682243);
}
.p-button.p-button-warning.p-button-outlined,
.p-buttonset.p-button-warning > .p-button.p-button-outlined,
.p-splitbutton.p-button-warning > .p-button.p-button-outlined {
  background-color: transparent;
  color: #FBC02D;
  border: 1px solid;
}
.p-button.p-button-warning.p-button-outlined:enabled:hover,
.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:hover {
  background: rgba(251, 192, 45, 0.04);
  color: #FBC02D;
  border: 1px solid;
}
.p-button.p-button-warning.p-button-outlined:enabled:active,
.p-buttonset.p-button-warning > .p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-warning > .p-button.p-button-outlined:enabled:active {
  background: rgba(251, 192, 45, 0.16);
  color: #FBC02D;
  border: 1px solid;
}
.p-button.p-button-warning.p-button-text,
.p-buttonset.p-button-warning > .p-button.p-button-text,
.p-splitbutton.p-button-warning > .p-button.p-button-text {
  background-color: transparent;
  color: #FBC02D;
  border-color: transparent;
}
.p-button.p-button-warning.p-button-text:enabled:hover,
.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:hover,
.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:hover {
  background: rgba(251, 192, 45, 0.04);
  border-color: transparent;
  color: #FBC02D;
}
.p-button.p-button-warning.p-button-text:enabled:active,
.p-buttonset.p-button-warning > .p-button.p-button-text:enabled:active,
.p-splitbutton.p-button-warning > .p-button.p-button-text:enabled:active {
  background: rgba(251, 192, 45, 0.16);
  border-color: transparent;
  color: #FBC02D;
}
.p-button.p-button-help,
.p-buttonset.p-button-help > .p-button,
.p-splitbutton.p-button-help > .p-button {
  color: #ffffff;
  background: #9C27B0;
  border: 1px solid #9C27B0;
}
.p-button.p-button-help:enabled:hover,
.p-buttonset.p-button-help > .p-button:enabled:hover,
.p-splitbutton.p-button-help > .p-button:enabled:hover {
  background: rgb(140.4, 35.1, 158.4);
  color: #ffffff;
  border-color: rgb(140.4, 35.1, 158.4);
}
.p-button.p-button-help:enabled:focus,
.p-buttonset.p-button-help > .p-button:enabled:focus,
.p-splitbutton.p-button-help > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.2rem rgb(222.6186046512, 158.4046511628, 233.5953488372);
}
.p-button.p-button-help:enabled:active,
.p-buttonset.p-button-help > .p-button:enabled:active,
.p-splitbutton.p-button-help > .p-button:enabled:active {
  background: rgb(124.8, 31.2, 140.8);
  color: #ffffff;
  border-color: rgb(124.8, 31.2, 140.8);
}
.p-button.p-button-help.p-button-outlined,
.p-buttonset.p-button-help > .p-button.p-button-outlined,
.p-splitbutton.p-button-help > .p-button.p-button-outlined {
  background-color: transparent;
  color: #9C27B0;
  border: 1px solid;
}
.p-button.p-button-help.p-button-outlined:enabled:hover,
.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:hover {
  background: rgba(156, 39, 176, 0.04);
  color: #9C27B0;
  border: 1px solid;
}
.p-button.p-button-help.p-button-outlined:enabled:active,
.p-buttonset.p-button-help > .p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-help > .p-button.p-button-outlined:enabled:active {
  background: rgba(156, 39, 176, 0.16);
  color: #9C27B0;
  border: 1px solid;
}
.p-button.p-button-help.p-button-text,
.p-buttonset.p-button-help > .p-button.p-button-text,
.p-splitbutton.p-button-help > .p-button.p-button-text {
  background-color: transparent;
  color: #9C27B0;
  border-color: transparent;
}
.p-button.p-button-help.p-button-text:enabled:hover,
.p-buttonset.p-button-help > .p-button.p-button-text:enabled:hover,
.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:hover {
  background: rgba(156, 39, 176, 0.04);
  border-color: transparent;
  color: #9C27B0;
}
.p-button.p-button-help.p-button-text:enabled:active,
.p-buttonset.p-button-help > .p-button.p-button-text:enabled:active,
.p-splitbutton.p-button-help > .p-button.p-button-text:enabled:active {
  background: rgba(156, 39, 176, 0.16);
  border-color: transparent;
  color: #9C27B0;
}
.p-button.p-button-danger,
.p-buttonset.p-button-danger > .p-button,
.p-splitbutton.p-button-danger > .p-button {
  color: #ffffff;
  background: #D32F2F;
  border: 1px solid #D32F2F;
}
.p-button.p-button-danger:enabled:hover,
.p-buttonset.p-button-danger > .p-button:enabled:hover,
.p-splitbutton.p-button-danger > .p-button:enabled:hover {
  background: rgb(191.6571428571, 40.5428571429, 40.5428571429);
  color: #ffffff;
  border-color: rgb(191.6571428571, 40.5428571429, 40.5428571429);
}
.p-button.p-button-danger:enabled:focus,
.p-buttonset.p-button-danger > .p-button:enabled:focus,
.p-splitbutton.p-button-danger > .p-button:enabled:focus {
  box-shadow: 0 0 0 0.2rem rgb(237.4, 171.8, 171.8);
}
.p-button.p-button-danger:enabled:active,
.p-buttonset.p-button-danger > .p-button:enabled:active,
.p-splitbutton.p-button-danger > .p-button:enabled:active {
  background: rgb(170.3619047619, 36.0380952381, 36.0380952381);
  color: #ffffff;
  border-color: rgb(170.3619047619, 36.0380952381, 36.0380952381);
}
.p-button.p-button-danger.p-button-outlined,
.p-buttonset.p-button-danger > .p-button.p-button-outlined,
.p-splitbutton.p-button-danger > .p-button.p-button-outlined {
  background-color: transparent;
  color: #D32F2F;
  border: 1px solid;
}
.p-button.p-button-danger.p-button-outlined:enabled:hover,
.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:hover,
.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:hover {
  background: rgba(211, 47, 47, 0.04);
  color: #D32F2F;
  border: 1px solid;
}
.p-button.p-button-danger.p-button-outlined:enabled:active,
.p-buttonset.p-button-danger > .p-button.p-button-outlined:enabled:active,
.p-splitbutton.p-button-danger > .p-button.p-button-outlined:enabled:active {
  background: rgba(211, 47, 47, 0.16);
  color: #D32F2F;
  border: 1px solid;
}
.p-button.p-button-danger.p-button-text,
.p-buttonset.p-button-danger > .p-button.p-button-text,
.p-splitbutton.p-button-danger > .p-button.p-button-text {
  background-color: transparent;
  color: #D32F2F;
  border-color: transparent;
}
.p-button.p-button-danger.p-button-text:enabled:hover,
.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:hover,
.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:hover {
  background: rgba(211, 47, 47, 0.04);
  border-color: transparent;
  color: #D32F2F;
}
.p-button.p-button-danger.p-button-text:enabled:active,
.p-buttonset.p-button-danger > .p-button.p-button-text:enabled:active,
.p-splitbutton.p-button-danger > .p-button.p-button-text:enabled:active {
  background: rgba(211, 47, 47, 0.16);
  border-color: transparent;
  color: #D32F2F;
}
.p-splitbutton .p-splitbutton-menubutton {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.p-splitbutton .p-splitbutton-defaultbutton {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.p-button.p-button-link {
  color: rgb(36.6, 40.8, 235.4);
  background: transparent;
  border: transparent;
}
.p-button.p-button-link:enabled:hover {
  background: transparent;
  color: rgb(36.6, 40.8, 235.4);
  border-color: transparent;
}
.p-button.p-button-link:enabled:hover .p-button-label {
  text-decoration: underline;
}
.p-button.p-button-link:enabled:focus {
  background: transparent;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
  border-color: transparent;
}
.p-button.p-button-link:enabled:active {
  background: transparent;
  color: rgb(36.6, 40.8, 235.4);
  border-color: transparent;
}
.p-fileupload-files {
  display: none;
}
.p-fileupload-files.custella-files {
  display: block;
}
.p-fileupload-files.custella-files .upload {
  display: flex;
  align-items: center;
  background: #F5F5F5;
  border-radius: 8px;
}
.p-fileupload-files.custella-files .upload img {
  width: 80px;
  height: 90px;
}
.p-fileupload-files.custella-files .upload .remove {
  font-size: 12px;
  color: #6366F1;
  cursor: pointer;
}
.e-btn {
  background: #f44336 !important;
  border: #f44336 1px solid !important;
}
.p-speeddial-button.p-button.p-button-icon-only {
  width: 4rem;
  height: 4rem;
}
.p-speeddial-button.p-button.p-button-icon-only .p-button-icon {
  font-size: 1.3rem;
}
.p-speeddial-action {
  width: 3rem;
  height: 3rem;
  background: #495057;
  color: #fff;
}
.p-speeddial-action:hover {
  background: #343a40;
  color: #fff;
}
.p-speeddial-direction-up .p-speeddial-item {
  margin: 0.25rem 0;
}
.p-speeddial-direction-up .p-speeddial-item:first-child {
  margin-bottom: 0.5rem;
}
.p-speeddial-direction-down .p-speeddial-item {
  margin: 0.25rem 0;
}
.p-speeddial-direction-down .p-speeddial-item:first-child {
  margin-top: 0.5rem;
}
.p-speeddial-direction-left .p-speeddial-item {
  margin: 0 0.25rem;
}
.p-speeddial-direction-left .p-speeddial-item:first-child {
  margin-right: 0.5rem;
}
.p-speeddial-direction-right .p-speeddial-item {
  margin: 0 0.25rem;
}
.p-speeddial-direction-right .p-speeddial-item:first-child {
  margin-left: 0.5rem;
}
.p-speeddial-circle .p-speeddial-item,
.p-speeddial-semi-circle .p-speeddial-item,
.p-speeddial-quarter-circle .p-speeddial-item {
  margin: 0;
}
.p-speeddial-circle .p-speeddial-item:first-child,
.p-speeddial-circle .p-speeddial-item:last-child,
.p-speeddial-semi-circle .p-speeddial-item:first-child,
.p-speeddial-semi-circle .p-speeddial-item:last-child,
.p-speeddial-quarter-circle .p-speeddial-item:first-child,
.p-speeddial-quarter-circle .p-speeddial-item:last-child {
  margin: 0;
}
.p-speeddial-mask {
  background-color: rgba(0, 0, 0, 0.4);
}
.p-carousel .p-carousel-content .p-carousel-prev,
.p-carousel .p-carousel-content .p-carousel-next {
  width: 2rem;
  height: 2rem;
  color: #7c828d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  margin: 0.5rem;
}
.p-carousel .p-carousel-content .p-carousel-prev:enabled:hover,
.p-carousel .p-carousel-content .p-carousel-next:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}
.p-carousel .p-carousel-content .p-carousel-prev:focus,
.p-carousel .p-carousel-content .p-carousel-next:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-carousel .p-carousel-indicators {
  padding: 1rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button {
  background-color: #e9ecef;
  width: 2rem;
  height: 0.5rem;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  border-radius: 0;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator button:hover {
  background: #dee2e6;
}
.p-carousel .p-carousel-indicators .p-carousel-indicator.p-highlight button {
  background: #E3F2FD;
  color: #495057;
}
.p-datatable .p-paginator-top {
  border-width: 0 0 1px 0;
  border-radius: 0;
}
.p-datatable .p-paginator-bottom {
  border-width: 0 0 1px 0;
  border-radius: 0;
}
.p-datatable .p-datatable-header {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #e9ecef;
  border-width: 1px 0 1px 0;
  padding: 0.5rem 1rem;
  font-weight: 600;
}
.p-datatable .p-datatable-footer {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  padding: 1rem 1rem;
  font-weight: 600;
}
.p-datatable .p-datatable-thead > tr > th {
  text-align: left;
  padding: 0.5rem 1rem;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  font-weight: 600;
  color: #495057;
  background: #f8f9fa;
  transition: box-shadow 0.2s;
  font-size: 12px;
}
.p-datatable .p-datatable-tfoot > tr > td {
  text-align: left;
  padding: 1rem 1rem;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  font-weight: 600;
  color: #495057;
  background: #f8f9fa;
}
.p-datatable .p-sortable-column .p-sortable-column-icon {
  color: #7c828d;
  margin-left: 0.5rem;
}
.p-datatable .p-sortable-column .p-sortable-column-badge {
  border-radius: 50%;
  height: 1.143rem;
  min-width: 1.143rem;
  line-height: 1.143rem;
  color: #495057;
  background: #E3F2FD;
  margin-left: 0.5rem;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover {
  background: #e9ecef;
  color: #495057;
}
.p-datatable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
  color: #7c828d;
}
.p-datatable .p-sortable-column.p-highlight {
  background: #f8f9fa;
  color: #6366F1;
}
.p-datatable .p-sortable-column.p-highlight .p-sortable-column-icon {
  color: #6366F1;
}
.p-datatable .p-sortable-column.p-highlight:hover {
  background: #e9ecef;
  color: #6366F1;
}
.p-datatable .p-sortable-column.p-highlight:hover .p-sortable-column-icon {
  color: #6366F1;
}
.p-datatable .p-sortable-column:focus {
  box-shadow: inset 0 0 0 0.15rem rgb(192.6, 193.8, 249.4);
  outline: 0 none;
}
.p-datatable .p-datatable-tbody > tr {
  background: #ffffff;
  color: #495057;
  transition: box-shadow 0.2s;
  outline-color: rgb(192.6, 193.8, 249.4);
}
.p-datatable .p-datatable-tbody > tr > td {
  text-align: left;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  padding: 0.5rem 1rem;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel {
  width: 2rem;
  height: 2rem;
  color: #7c828d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:enabled:hover,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}
.p-datatable .p-datatable-tbody > tr > td .p-row-toggler:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-init:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save:focus,
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-cancel:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-datatable .p-datatable-tbody > tr > td .p-row-editor-save {
  margin-right: 0.5rem;
}
.p-datatable .p-datatable-tbody > tr.p-highlight {
  background: #E3F2FD;
  color: #495057;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-top > td {
  box-shadow: inset 0 2px 0 0 #E3F2FD;
}
.p-datatable .p-datatable-tbody > tr.p-datatable-dragpoint-bottom > td {
  box-shadow: inset 0 -2px 0 0 #E3F2FD;
}
.p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
  background: #e9ecef;
  color: #495057;
}
.p-datatable .p-column-resizer-helper {
  background: #6366F1;
}
.p-datatable .p-datatable-scrollable-header,
.p-datatable .p-datatable-scrollable-footer {
  background: #f8f9fa;
}
.p-datatable .p-datatable-loading-icon {
  font-size: 2rem;
}
.p-datatable.p-datatable-gridlines .p-datatable-header {
  border-width: 1px 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-footer {
  border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-top {
  border-width: 0 1px 0 1px;
}
.p-datatable.p-datatable-gridlines .p-paginator-bottom {
  border-width: 0 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-thead > tr > th {
  border-width: 1px 1px 1px 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tbody > tr > td {
  border-width: 1px;
}
.p-datatable.p-datatable-gridlines .p-datatable-tfoot > tr > td {
  border-width: 1px;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even) {
  background: rgb(252.45, 252.45, 252.45);
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight {
  background: #E3F2FD;
  color: #495057;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler {
  color: #495057;
}
.p-datatable.p-datatable-striped .p-datatable-tbody > tr:nth-child(even).p-highlight .p-row-toggler:hover {
  color: #495057;
}
.p-datatable.p-datatable-sm .p-datatable-header {
  padding: 0.25rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-thead > tr > th {
  padding: 0.25rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tbody > tr > td {
  padding: 0.25rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-tfoot > tr > td {
  padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-sm .p-datatable-footer {
  padding: 0.5rem 0.5rem;
}
.p-datatable.p-datatable-lg .p-datatable-header {
  padding: 0.625rem 1.25rem;
}
.p-datatable.p-datatable-lg .p-datatable-thead > tr > th {
  padding: 0.625rem 1.25rem;
}
.p-datatable.p-datatable-lg .p-datatable-tbody > tr > td {
  padding: 0.625rem 1.25rem;
}
.p-datatable.p-datatable-lg .p-datatable-tfoot > tr > td {
  padding: 1.25rem 1.25rem;
}
.p-datatable.p-datatable-lg .p-datatable-footer {
  padding: 1.25rem 1.25rem;
}
.p-dataview .p-paginator-top {
  border-width: 0 0 1px 0;
  border-radius: 0;
}
.p-dataview .p-paginator-bottom {
  border-width: 0 0 1px 0;
  border-radius: 0;
}
.p-dataview .p-dataview-header {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #e9ecef;
  border-width: 1px 0 1px 0;
  padding: 0.5rem 1rem;
  font-weight: 600;
}
.p-dataview .p-dataview-content {
  background: #ffffff;
  color: #495057;
  border: 0 none;
  padding: 0;
}
.p-dataview.p-dataview-list .p-dataview-content > .p-grid > div {
  border: solid #e9ecef;
  border-width: 0 0 1px 0;
}
.p-dataview .p-dataview-footer {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  padding: 1rem 1rem;
  font-weight: 600;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.p-dataview .p-dataview-loading-icon {
  font-size: 2rem;
}
.p-dataview .p-dataview-emptymessage {
  padding: 1rem;
}
.p-column-filter-row .p-column-filter-menu-button,
.p-column-filter-row .p-column-filter-clear-button {
  margin-left: 0.5rem;
}
.p-column-filter-menu-button {
  width: 2rem;
  height: 2rem;
  color: #7c828d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-column-filter-menu-button:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}
.p-column-filter-menu-button.p-column-filter-menu-button-open,
.p-column-filter-menu-button.p-column-filter-menu-button-open:hover {
  background: #e9ecef;
  color: #495057;
}
.p-column-filter-menu-button.p-column-filter-menu-button-active,
.p-column-filter-menu-button.p-column-filter-menu-button-active:hover {
  background: #E3F2FD;
  color: #495057;
}
.p-column-filter-menu-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-column-filter-clear-button {
  width: 2rem;
  height: 2rem;
  color: #7c828d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-column-filter-clear-button:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}
.p-column-filter-clear-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-column-filter-overlay {
  background: #ffffff;
  color: #495057;
  border: 0 none;
  border-radius: 4px;
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
  min-width: 12.5rem;
}
.p-column-filter-overlay .p-column-filter-row-items {
  padding: 0.5rem 0;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item {
  margin: 0;
  padding: 0.5rem 1rem;
  border: 0 none;
  color: #495057;
  background: transparent;
  transition: box-shadow 0.2s;
  border-radius: 0;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item.p-highlight {
  color: #495057;
  background: #E3F2FD;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:not(.p-highlight):not(.p-disabled):hover {
  color: #495057;
  background: #e9ecef;
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-row-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem rgb(192.6, 193.8, 249.4);
}
.p-column-filter-overlay .p-column-filter-row-items .p-column-filter-separator {
  border-top: 1px solid #dee2e6;
  margin: 0.25rem 0;
}
.p-column-filter-overlay-menu .p-column-filter-operator {
  padding: 0.5rem 1rem;
  border-bottom: 0 none;
  color: #495057;
  background: #f8f9fa;
  margin: 0;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.p-column-filter-overlay-menu .p-column-filter-constraint {
  padding: 1rem;
  border-bottom: 1px solid #dee2e6;
}
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-matchmode-dropdown {
  margin-bottom: 0.5rem;
}
.p-column-filter-overlay-menu .p-column-filter-constraint .p-column-filter-remove-button {
  margin-top: 0.5rem;
}
.p-column-filter-overlay-menu .p-column-filter-constraint:last-child {
  border-bottom: 0 none;
}
.p-column-filter-overlay-menu .p-column-filter-add-rule {
  padding: 0.5rem 1rem;
}
.p-column-filter-overlay-menu .p-column-filter-buttonbar {
  padding: 1rem;
}
.fc {
}
.fc.fc-unthemed .fc-view-container th {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  color: #495057;
}
.fc.fc-unthemed .fc-view-container td.fc-widget-content {
  background: #ffffff;
  border: 1px solid #dee2e6;
  color: #495057;
}
.fc.fc-unthemed .fc-view-container td.fc-head-container {
  border: 1px solid #dee2e6;
}
.fc.fc-unthemed .fc-view-container .fc-row {
  border-right: 1px solid #dee2e6;
}
.fc.fc-unthemed .fc-view-container .fc-event {
  background: rgb(67.8, 71.4, 238.2);
  border: 1px solid rgb(67.8, 71.4, 238.2);
  color: #ffffff;
}
.fc.fc-unthemed .fc-view-container .fc-divider {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
}
.fc.fc-unthemed .fc-toolbar .fc-button {
  color: #ffffff;
  background: #6366F1;
  border: 1px solid #6366F1;
  font-size: 1rem;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  border-radius: 4px;
  display: flex;
  align-items: center;
}
.fc.fc-unthemed .fc-toolbar .fc-button:enabled:hover {
  background: rgb(67.8, 71.4, 238.2);
  color: #ffffff;
  border-color: rgb(67.8, 71.4, 238.2);
}
.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active {
  background: rgb(36.6, 40.8, 235.4);
  color: #ffffff;
  border-color: rgb(36.6, 40.8, 235.4);
}
.fc.fc-unthemed .fc-toolbar .fc-button:enabled:active:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left {
  font-family: "PrimeIcons" !important;
  text-indent: 0;
  font-size: 1rem;
}
.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-left:before {
  content: "\e900";
}
.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right {
  font-family: "PrimeIcons" !important;
  text-indent: 0;
  font-size: 1rem;
}
.fc.fc-unthemed .fc-toolbar .fc-button .fc-icon-chevron-right:before {
  content: "\e901";
}
.fc.fc-unthemed .fc-toolbar .fc-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button {
  background: #ffffff;
  border: 1px solid #ced4da;
  color: #495057;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}
.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:hover,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
  background: #e9ecef;
  border-color: #ced4da;
  color: #495057;
}
.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
  background: #6366F1;
  border-color: #6366F1;
  color: #ffffff;
}
.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
  background: rgb(67.8, 71.4, 238.2);
  border-color: rgb(67.8, 71.4, 238.2);
  color: #ffffff;
}
.fc.fc-unthemed .fc-toolbar .fc-button.fc-dayGridMonth-button:focus,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridWeek-button:focus,
.fc.fc-unthemed .fc-toolbar .fc-button.fc-timeGridDay-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
  z-index: 1;
}
.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button {
  border-radius: 0;
}
.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.fc.fc-unthemed .fc-toolbar .fc-button-group .fc-button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.fc.fc-theme-standard .fc-view-harness .fc-scrollgrid {
  border-color: #dee2e6;
}
.fc.fc-theme-standard .fc-view-harness th {
  background: #f8f9fa;
  border-color: #dee2e6;
  color: #495057;
}
.fc.fc-theme-standard .fc-view-harness td {
  color: #495057;
  border-color: #dee2e6;
}
.fc.fc-theme-standard .fc-view-harness .fc-view {
  background: #ffffff;
}
.fc.fc-theme-standard .fc-view-harness .fc-popover {
  background: none;
  border: 0 none;
}
.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header {
  border: 1px solid #dee2e6;
  padding: 1rem;
  background: #f8f9fa;
  color: #495057;
}
.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close {
  opacity: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  font-family: "PrimeIcons" !important;
  font-size: 1rem;
  width: 2rem;
  height: 2rem;
  color: #7c828d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:before {
  content: "\e90b";
}
.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}
.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-header .fc-popover-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.fc.fc-theme-standard .fc-view-harness .fc-popover .fc-popover-body {
  padding: 1rem;
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  border-top: 0 none;
}
.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event {
  color: #ffffff;
  background: rgb(67.8, 71.4, 238.2);
  border-color: rgb(67.8, 71.4, 238.2);
}
.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-block-event .fc-event-main {
  color: #ffffff;
}
.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event .fc-daygrid-event-dot {
  background: rgb(67.8, 71.4, 238.2);
  border-color: rgb(67.8, 71.4, 238.2);
}
.fc.fc-theme-standard .fc-view-harness .fc-event.fc-daygrid-dot-event:hover {
  background: #e9ecef;
  color: #495057;
}
.fc.fc-theme-standard .fc-view-harness .fc-cell-shaded {
  background: #f8f9fa;
}
.fc.fc-theme-standard .fc-toolbar .fc-button {
  color: #ffffff;
  background: #6366F1;
  border: 1px solid #6366F1;
  font-size: 1rem;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
  border-radius: 4px;
}
.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:hover {
  background: rgb(67.8, 71.4, 238.2);
  color: #ffffff;
  border-color: rgb(67.8, 71.4, 238.2);
}
.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active {
  background: rgb(36.6, 40.8, 235.4);
  color: #ffffff;
  border-color: rgb(36.6, 40.8, 235.4);
}
.fc.fc-theme-standard .fc-toolbar .fc-button:enabled:active:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.fc.fc-theme-standard .fc-toolbar .fc-button:disabled {
  opacity: 0.6;
  color: #ffffff;
  background: #6366F1;
  border: 1px solid #6366F1;
}
.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left {
  font-family: "PrimeIcons" !important;
  text-indent: 0;
  font-size: 1rem;
}
.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-left:before {
  content: "\e900";
}
.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right {
  font-family: "PrimeIcons" !important;
  text-indent: 0;
  font-size: 1rem;
}
.fc.fc-theme-standard .fc-toolbar .fc-button .fc-icon-chevron-right:before {
  content: "\e901";
}
.fc.fc-theme-standard .fc-toolbar .fc-button:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button {
  background: #ffffff;
  border: 1px solid #ced4da;
  color: #495057;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:hover,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:hover,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:hover {
  background: #e9ecef;
  border-color: #ced4da;
  color: #495057;
}
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active {
  background: #6366F1;
  border-color: #6366F1;
  color: #ffffff;
}
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button.fc-button-active:hover,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button.fc-button-active:hover,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button.fc-button-active:hover {
  background: rgb(67.8, 71.4, 238.2);
  border-color: rgb(67.8, 71.4, 238.2);
  color: #ffffff;
}
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-dayGridMonth-button:not(:disabled):focus,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridWeek-button:not(:disabled):focus,
.fc.fc-theme-standard .fc-toolbar .fc-button.fc-timeGridDay-button:not(:disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
  z-index: 1;
}
.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button {
  border-radius: 0;
}
.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:first-child {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.fc.fc-theme-standard .fc-toolbar .fc-button-group .fc-button:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.fc.fc-theme-standard a {
  color: #495057;
}
.p-orderlist .p-orderlist-controls {
  padding: 1rem;
}
.p-orderlist .p-orderlist-controls .p-button {
  margin-bottom: 0.5rem;
}
.p-orderlist .p-orderlist-header {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #dee2e6;
  padding: 1rem;
  border-bottom: 0 none;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.p-orderlist .p-orderlist-header .p-orderlist-title {
  font-weight: 500;
}
.p-orderlist .p-orderlist-filter-container {
  padding: 1rem;
  background: #ffffff;
  border: 1px solid #dee2e6;
  border-bottom: 0 none;
}
.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-input {
  padding-right: 1.5rem;
}
.p-orderlist .p-orderlist-filter-container .p-orderlist-filter-icon {
  right: 0.5rem;
  color: #7c828d;
}
.p-orderlist .p-orderlist-list {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  padding: 0.5rem 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.p-orderlist .p-orderlist-list .p-orderlist-item {
  padding: 0.5rem 1rem;
  margin: 0;
  border: 0 none;
  color: #495057;
  background: transparent;
  transition: box-shadow 0.2s;
}
.p-orderlist .p-orderlist-list .p-orderlist-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem rgb(192.6, 193.8, 249.4);
}
.p-orderlist .p-orderlist-list .p-orderlist-item.p-highlight {
  color: #495057;
  background: #E3F2FD;
}
.p-orderlist .p-orderlist-list .p-orderlist-empty-message {
  padding: 0.5rem 1rem;
  color: #495057;
}
.p-orderlist .p-orderlist-list:not(.cdk-drop-list-dragging) .p-orderlist-item:not(.p-highlight):hover {
  background: #e9ecef;
  color: #495057;
}
.p-orderlist-item.cdk-drag-preview {
  padding: 0.5rem 1rem;
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
  border: 0 none;
  color: #495057;
  background: #ffffff;
  margin: 0;
}
.p-organizationchart .p-organizationchart-node-content.p-organizationchart-selectable-node:not(.p-highlight):hover {
  background: #e9ecef;
  color: #495057;
}
.p-organizationchart .p-organizationchart-node-content.p-highlight {
  background: #E3F2FD;
  color: #495057;
}
.p-organizationchart .p-organizationchart-node-content.p-highlight .p-node-toggler i {
  color: hsl(205.3846153846, 86.6666666667%, 119.1176470588%);
}
.p-organizationchart .p-organizationchart-line-down {
  background: #dee2e6;
}
.p-organizationchart .p-organizationchart-line-left {
  border-right: 1px solid #dee2e6;
  border-color: #dee2e6;
}
.p-organizationchart .p-organizationchart-line-top {
  border-top: 1px solid #dee2e6;
  border-color: #dee2e6;
}
.p-organizationchart .p-organizationchart-node-content {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  padding: 1rem;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler {
  background: inherit;
  color: inherit;
  border-radius: 50%;
}
.p-organizationchart .p-organizationchart-node-content .p-node-toggler:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-paginator {
  background: #ffffff;
  color: #7c828d;
  border: solid #e9ecef;
  border-width: 0;
  padding: 0.5rem 1rem;
  border-radius: 4px;
}
.p-paginator .p-paginator-first,
.p-paginator .p-paginator-prev,
.p-paginator .p-paginator-next,
.p-paginator .p-paginator-last {
  background-color: transparent;
  border: 0 none;
  color: #7c828d;
  min-width: 2.357rem;
  height: 2.357rem;
  margin: 0.143rem;
  transition: box-shadow 0.2s;
  border-radius: 4px;
}
.p-paginator .p-paginator-first:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-prev:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-next:not(.p-disabled):not(.p-highlight):hover,
.p-paginator .p-paginator-last:not(.p-disabled):not(.p-highlight):hover {
  background: #e9ecef;
  border-color: transparent;
  color: #495057;
}
.p-paginator .p-paginator-first {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.p-paginator .p-paginator-last {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.p-paginator .p-dropdown {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  height: 2.357rem;
}
.p-paginator .p-dropdown .p-dropdown-label {
  padding-right: 0;
}
.p-paginator .p-paginator-page-input {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.p-paginator .p-paginator-page-input .p-inputtext {
  max-width: 2.357rem;
}
.p-paginator .p-paginator-current {
  background-color: transparent;
  border: 0 none;
  color: #7c828d;
  min-width: 2.357rem;
  height: 2.357rem;
  margin: 0.143rem;
  padding: 0 0.5rem;
}
.p-paginator .p-paginator-pages .p-paginator-page {
  background-color: transparent;
  border: 0 none;
  color: #7c828d;
  min-width: 2.357rem;
  height: 2.357rem;
  margin: 0.143rem;
  transition: box-shadow 0.2s;
  border-radius: 4px;
}
.p-paginator .p-paginator-pages .p-paginator-page.p-highlight {
  background: #E3F2FD;
  border-color: #E3F2FD;
  color: #495057;
}
.p-paginator .p-paginator-pages .p-paginator-page:not(.p-highlight):hover {
  background: #e9ecef;
  border-color: transparent;
  color: #495057;
}
.p-picklist .p-picklist-buttons {
  padding: 1rem;
}
.p-picklist .p-picklist-buttons .p-button {
  margin-bottom: 0.5rem;
}
.p-picklist .p-picklist-header {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #dee2e6;
  padding: 1rem;
  border-bottom: 0 none;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.p-picklist .p-picklist-header .p-picklist-title {
  font-weight: 500;
}
.p-picklist .p-picklist-filter-container {
  padding: 1rem;
  background: #ffffff;
  border: 1px solid #dee2e6;
  border-bottom: 0 none;
}
.p-picklist .p-picklist-filter-container .p-picklist-filter-input {
  padding-right: 1.5rem;
}
.p-picklist .p-picklist-filter-container .p-picklist-filter-icon {
  right: 0.5rem;
  color: #7c828d;
}
.p-picklist .p-picklist-list {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  padding: 0.5rem 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.p-picklist .p-picklist-list .p-picklist-item {
  padding: 0.5rem 1rem;
  margin: 0;
  border: 0 none;
  color: #495057;
  background: transparent;
  transition: box-shadow 0.2s;
}
.p-picklist .p-picklist-list .p-picklist-item:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem rgb(192.6, 193.8, 249.4);
}
.p-picklist .p-picklist-list .p-picklist-item.p-highlight {
  color: #495057;
  background: #E3F2FD;
}
.p-picklist .p-picklist-list .p-picklist-empty-message {
  padding: 0.5rem 1rem;
  color: #495057;
}
.p-picklist .p-picklist-list:not(.cdk-drop-list-dragging) .p-picklist-item:not(.p-highlight):hover {
  background: #e9ecef;
  color: #495057;
}
.p-picklist-item.cdk-drag-preview {
  padding: 0.5rem 1rem;
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
  border: 0 none;
  color: #495057;
  background: #ffffff;
  margin: 0;
}
.p-timeline .p-timeline-event-marker {
  border: 2px solid #6366F1;
  border-radius: 50%;
  width: 1rem;
  height: 1rem;
  background-color: #ffffff;
}
.p-timeline .p-timeline-event-connector {
  background-color: #dee2e6;
}
.p-timeline.p-timeline-vertical .p-timeline-event-opposite,
.p-timeline.p-timeline-vertical .p-timeline-event-content {
  padding: 0 1rem;
}
.p-timeline.p-timeline-vertical .p-timeline-event-connector {
  width: 2px;
}
.p-timeline.p-timeline-horizontal .p-timeline-event-opposite,
.p-timeline.p-timeline-horizontal .p-timeline-event-content {
  padding: 1rem 0;
}
.p-timeline.p-timeline-horizontal .p-timeline-event-connector {
  height: 2px;
}
.p-tree {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  padding: 1rem;
  border-radius: 4px;
}
.p-tree .p-tree-container .p-treenode {
  padding: 0.143rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content {
  border-radius: 4px;
  transition: box-shadow 0.2s;
  padding: 0.5rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler {
  margin-right: 0.5rem;
  width: 2rem;
  height: 2rem;
  color: #7c828d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-tree-toggler:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-treenode-icon {
  margin-right: 0.5rem;
  color: #7c828d;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox {
  margin-right: 0.5rem;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content .p-checkbox .p-indeterminate .p-checkbox-icon {
  color: #495057;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight {
  background: #E3F2FD;
  color: #495057;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler,
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
  color: #495057;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-tree-toggler:hover,
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-highlight .p-treenode-icon:hover {
  color: #495057;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
  background: #e9ecef;
  color: #495057;
}
.p-tree .p-tree-container .p-treenode .p-treenode-content.p-treenode-dragover {
  background: #e9ecef;
  color: #495057;
}
.p-tree .p-tree-filter-container {
  margin-bottom: 0.5rem;
}
.p-tree .p-tree-filter-container .p-tree-filter {
  width: 100%;
  padding-right: 1.5rem;
}
.p-tree .p-tree-filter-container .p-tree-filter-icon {
  right: 0.5rem;
  color: #7c828d;
}
.p-tree .p-treenode-children {
  padding: 0 0 0 1rem;
}
.p-tree .p-tree-loading-icon {
  font-size: 2rem;
}
.p-tree .p-treenode-droppoint.p-treenode-droppoint-active {
  background-color: rgb(137.4, 200.4, 246.6);
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content {
  border-radius: 4px;
  border: 1px solid #dee2e6;
  background-color: #ffffff;
  color: #495057;
  padding: 0.5rem;
  transition: box-shadow 0.2s;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight {
  background-color: #E3F2FD;
  color: #495057;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-highlight .p-treenode-icon {
  color: #495057;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-tree-toggler {
  margin-right: 0.5rem;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-icon {
  color: #7c828d;
  margin-right: 0.5rem;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-checkbox {
  margin-right: 0.5rem;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content .p-treenode-label:not(.p-highlight):hover {
  background-color: inherit;
  color: inherit;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content.p-treenode-selectable:not(.p-highlight):hover {
  background: #e9ecef;
  color: #495057;
}
.p-tree.p-tree-horizontal .p-treenode .p-treenode-content:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.tree {
  --tree-bg: #fff;
  --tree-border: #e5e7eb;
  --tree-line: #e5e7eb;
  --tree-hover: #f9fafb;
  --tree-active: #eef2ff;
  --tree-text: #111827;
  --tree-subtle: #6b7280;
  --row-min-h: 38px;
  --gutter-x: 12px;
  --indent: 18px;
  --chev-size: 24px;
  --radius: 12px;
}
.tree {
  border-radius: var(--radius);
  padding: 0;
}
.tree li.row-data,
.tree .children > li {
  position: relative;
  display: grid;
  grid-template-columns: var(--chev-size) 1fr;
  align-items: center;
  min-height: var(--row-min-h);
  padding: 0 var(--gutter-x) 0 6px;
  border-bottom: 1px solid var(--tree-border);
  color: var(--tree-text);
  gap: 8px;
  transition: background-color 0.12s ease, border-color 0.12s ease;
}
.tree li.row-data:hover,
.tree .children > li:hover {
  background: var(--tree-hover);
}
.tree li.row-data:focus-within,
.tree .children > li:focus-within {
  background: transparent;
  outline: none;
}
.tree .children > li:nth-child(2n) {
  background: color-mix(in srgb, var(--tree-hover) 60%, transparent);
}
.tree .chevron {
  width: var(--chev-size);
  height: var(--chev-size);
  border: 0;
  background: transparent;
  cursor: pointer;
  border-radius: 50%;
  display: grid;
  place-items: center;
  transition: background-color 0.12s ease, transform 0.12s ease;
  outline: none;
}
.tree .chevron:hover {
  background: rgba(17, 24, 39, 0.06);
}
.tree .chevron:active {
  transform: scale(0.96);
}
.tree .chevron:focus-visible {
  box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.25);
}
.tree .chevron::before {
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid #374151;
  border-bottom: 2px solid #374151;
  transform: rotate(-45deg);
  transition: transform 0.15s ease;
}
.tree .chevron.expanded::before {
  transform: rotate(45deg);
}
.tree .chevron.hidden {
  visibility: hidden;
}
.tree .label {
  color: var(--tree-text);
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
}
.tree .label.clickable {
  cursor: pointer;
}
.tree .label .subtle {
  color: var(--tree-subtle);
  font-weight: 500;
}
.tree .children {
  position: relative;
}
.tree .children::before {
  content: "";
  position: absolute;
  left: -9px;
  top: calc(var(--row-min-h) / 2);
  bottom: calc(var(--row-min-h) / 2);
  border-left: 1px dashed var(--tree-line);
  pointer-events: none;
}
.tree li.row-data::before {
  content: "";
  position: absolute;
  left: calc(var(--chev-size) + 4px);
  top: 50%;
  width: calc(var(--indent) - 6px);
  height: 1px;
  background: transparent;
  transform: translateY(-50%);
  opacity: 0.9;
  display: none;
}
@supports selector(:has(+ *)) {
  .tree li.row-data:has(+ .children)::before {
    display: block;
  }
}
.tree [role=treeitem][aria-level="1"] .label {
  font-weight: 700;
}
.tree [role=treeitem][aria-level="2"] .label {
  color: #1f2937;
  font-family: "Inter-Medium";
}
.tree [role=treeitem][aria-level="3"] .label {
  font-weight: 500;
  color: var(--tree-subtle);
}
.tree .is-selected {
  background: var(--tree-active);
}
.tree .is-selected .label {
  color: #1f2937;
}
.tree.is-dense {
  --row-min-h: 34px;
  --chev-size: 20px;
  --indent: 16px;
}
.tree .children {
  overflow: hidden;
  max-height: 1000px;
  transition: max-height 0.22s ease;
}
.tree li.is-collapsed + .children {
  max-height: 0;
}
.footer-total {
  float: inline-end;
}
.footer-total span {
  font-size: 12px;
  font-family: "Inter-Medium";
}
.p-treetable .p-paginator-top {
  border-width: 0 0 1px 0;
  border-radius: 0;
}
.p-treetable .p-paginator-bottom {
  border-width: 0 0 1px 0;
  border-radius: 0;
}
.p-treetable .p-treetable-header {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #e9ecef;
  border-width: 1px 0 1px 0;
  padding: 0.5rem 1rem;
  font-weight: 600;
}
.p-treetable .p-treetable-footer {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  padding: 1rem 1rem;
  font-weight: 600;
}
.p-treetable .p-treetable-thead > tr > th {
  text-align: left;
  padding: 0.5rem 1rem;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  font-weight: 600;
  color: #495057;
  background: #f8f9fa;
  transition: box-shadow 0.2s;
}
.p-treetable .p-treetable-tfoot > tr > td {
  text-align: left;
  padding: 1rem 1rem;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  font-weight: 600;
  color: #495057;
  background: #f8f9fa;
}
.p-treetable .p-sortable-column {
  outline-color: rgb(192.6, 193.8, 249.4);
}
.p-treetable .p-sortable-column .p-sortable-column-icon {
  color: #7c828d;
  margin-left: 0.5rem;
}
.p-treetable .p-sortable-column .p-sortable-column-badge {
  border-radius: 50%;
  height: 1.143rem;
  min-width: 1.143rem;
  line-height: 1.143rem;
  color: #495057;
  background: #E3F2FD;
  margin-left: 0.5rem;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover {
  background: #e9ecef;
  color: #495057;
}
.p-treetable .p-sortable-column:not(.p-highlight):hover .p-sortable-column-icon {
  color: #7c828d;
}
.p-treetable .p-sortable-column.p-highlight {
  background: #f8f9fa;
  color: #6366F1;
}
.p-treetable .p-sortable-column.p-highlight .p-sortable-column-icon {
  color: #6366F1;
}
.p-treetable .p-treetable-tbody > tr {
  background: #ffffff;
  color: #495057;
  transition: box-shadow 0.2s;
  outline-color: rgb(192.6, 193.8, 249.4);
}
.p-treetable .p-treetable-tbody > tr > td {
  text-align: left;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  padding: 0.5rem 1rem;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler {
  width: 2rem;
  height: 2rem;
  color: #7c828d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  margin-right: 0.5rem;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}
.p-treetable .p-treetable-tbody > tr > td .p-treetable-toggler:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox {
  margin-right: 0.5rem;
}
.p-treetable .p-treetable-tbody > tr > td p-treetablecheckbox .p-checkbox .p-indeterminate .p-checkbox-icon {
  color: #495057;
}
.p-treetable .p-treetable-tbody > tr.p-highlight {
  background: #E3F2FD;
  color: #495057;
}
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler {
  color: #495057;
}
.p-treetable .p-treetable-tbody > tr.p-highlight .p-treetable-toggler:hover {
  color: #495057;
}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover {
  background: #e9ecef;
  color: #495057;
}
.p-treetable.p-treetable-hoverable-rows .p-treetable-tbody > tr:not(.p-highlight):hover .p-treetable-toggler {
  color: #495057;
}
.p-treetable .p-column-resizer-helper {
  background: #6366F1;
}
.p-treetable .p-treetable-scrollable-header,
.p-treetable .p-treetable-scrollable-footer {
  background: #f8f9fa;
}
.p-treetable .p-treetable-loading-icon {
  font-size: 2rem;
}
.p-treetable.p-treetable-gridlines .p-datatable-header {
  border-width: 1px 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-footer {
  border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-top {
  border-width: 0 1px 0 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-bottom {
  border-width: 0 1px 1px 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-thead > tr > th {
  border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tbody > tr > td {
  border-width: 1px;
}
.p-treetable.p-treetable-gridlines .p-treetable-tfoot > tr > td {
  border-width: 1px;
}
.p-treetable.p-treetable-sm .p-treetable-header {
  padding: 0.4375rem 0.875rem;
}
.p-treetable.p-treetable-sm .p-treetable-thead > tr > th {
  padding: 0.25rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tbody > tr > td {
  padding: 0.25rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-tfoot > tr > td {
  padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-sm .p-treetable-footer {
  padding: 0.5rem 0.5rem;
}
.p-treetable.p-treetable-lg .p-treetable-header {
  padding: 0.625rem 1.25rem;
}
.p-treetable.p-treetable-lg .p-treetable-thead > tr > th {
  padding: 0.625rem 1.25rem;
}
.p-treetable.p-treetable-lg .p-treetable-tbody > tr > td {
  padding: 0.625rem 1.25rem;
}
.p-treetable.p-treetable-lg .p-treetable-tfoot > tr > td {
  padding: 1.25rem 1.25rem;
}
.p-treetable.p-treetable-lg .p-treetable-footer {
  padding: 1.25rem 1.25rem;
}
.p-virtualscroller .p-virtualscroller-header {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #e9ecef;
  border-width: 1px 0 1px 0;
  padding: 0.5rem 1rem;
  font-weight: 600;
}
.p-virtualscroller .p-virtualscroller-content {
  background: #ffffff;
  color: #495057;
  border: 0 none;
  padding: 0;
}
.p-virtualscroller .p-virtualscroller-footer {
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #e9ecef;
  border-width: 0 0 1px 0;
  padding: 1rem 1rem;
  font-weight: 600;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}
.p-accordion .p-accordion-header .p-accordion-header-link {
  border: 1px solid #dee2e6;
  color: #495057;
  background: #f8f9fa;
  font-weight: 500;
  border-radius: 4px;
  transition: box-shadow 0.2s;
  float: right;
  font-size: 12px;
  padding: 9.5px 6px;
  height: 32px;
  margin-top: 0.25rem;
  margin-bottom: 5px;
  justify-content: center !important;
}
.p-accordion .p-accordion-header .p-accordion-header-link .p-accordion-toggle-icon {
  margin-right: 4px;
}
.p-accordion .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link {
  background: #e9ecef;
  border-color: #dee2e6;
  color: #495057;
}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight .p-accordion-header-link {
  background: #f8f9fa;
  border-color: #dee2e6;
  color: #495057;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.p-accordion .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
  border-color: #dee2e6;
  background: #e9ecef;
  color: #495057;
}
.p-accordion .p-accordion-content {
  background: #ffffff;
  color: #495057;
  border-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.p-accordion p-accordiontab .p-accordion-tab {
  margin-bottom: 0;
}
.p-accordion p-accordiontab .p-accordion-header .p-accordion-header-link {
  border-radius: 0;
}
.p-accordion p-accordiontab .p-accordion-content {
  border-radius: 0;
}
.p-accordion p-accordiontab:not(:first-child) .p-accordion-header .p-accordion-header-link {
  border-top: 0 none;
}
.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-highlight):not(.p-disabled):hover .p-accordion-header-link,
.p-accordion p-accordiontab:not(:first-child) .p-accordion-header:not(.p-disabled).p-highlight:hover .p-accordion-header-link {
  border-top: 0 none;
}
.p-accordion p-accordiontab:first-child .p-accordion-header .p-accordion-header-link {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.p-accordion p-accordiontab:last-child .p-accordion-header:not(.p-highlight) .p-accordion-header-link {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.p-accordion p-accordiontab:last-child .p-accordion-content {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.p-card {
  background: #ffffff;
  color: #495057;
  box-shadow:
    0 2px 1px -1px rgba(0, 0, 0, 0.2),
    0 1px 1px 0 rgba(0, 0, 0, 0.14),
    0 1px 3px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.p-card .p-card-body {
  padding: 1rem;
}
.p-card .p-card-title {
  font-size: 1.5rem;
  font-weight: 700;
  margin-bottom: 0.5rem;
}
.p-card .p-card-subtitle {
  font-weight: 400;
  margin-bottom: 0.5rem;
  color: #7c828d;
}
.p-card .p-card-content {
  padding: 1rem 0;
}
.p-card .p-card-footer {
  padding: 1rem 0 0 0;
}
.p-divider .p-divider-content {
  background-color: #ffffff;
}
.p-divider.p-divider-horizontal {
  margin: 1rem 0;
  padding: 0 1rem;
}
.p-divider.p-divider-horizontal:before {
  border-top: 1px #dee2e6;
}
.p-divider.p-divider-horizontal .p-divider-content {
  padding: 0 0.5rem;
}
.p-divider.p-divider-vertical {
  margin: 0 1rem;
  padding: 1rem 0;
}
.p-divider.p-divider-vertical:before {
  border-left: 1px #dee2e6;
}
.p-divider.p-divider-vertical .p-divider-content {
  padding: 0.5rem 0;
}
.p-fieldset {
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  border-radius: 4px;
}
.p-fieldset .p-fieldset-legend {
  padding: 1rem;
  border: 1px solid #dee2e6;
  color: #495057;
  background: #f8f9fa;
  font-weight: 500;
  border-radius: 4px;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend {
  padding: 0;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a {
  padding: 1rem;
  color: #495057;
  border-radius: 4px;
  transition: box-shadow 0.2s;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a .p-fieldset-toggler {
  margin-right: 0.5rem;
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend a:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-fieldset.p-fieldset-toggleable .p-fieldset-legend:hover {
  background: #e9ecef;
  border-color: #dee2e6;
  color: #495057;
}
.p-fieldset .p-fieldset-content {
  padding: 1rem;
}
.p-panel .p-panel-header {
  border: 1px solid #dee2e6;
  padding: 1rem;
  background: #f8f9fa;
  color: #495057;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.p-panel .p-panel-header .p-panel-title {
  font-weight: 500;
}
.p-panel .p-panel-header .p-panel-header-icon {
  width: 2rem;
  height: 2rem;
  color: #7c828d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-panel .p-panel-header .p-panel-header-icon:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}
.p-panel .p-panel-header .p-panel-header-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-panel.p-panel-toggleable .p-panel-header {
  padding: 0.5rem 1rem;
}
.p-panel .p-panel-content {
  padding: 1rem;
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top: 0 none;
}
.p-panel .p-panel-footer {
  padding: 0.5rem 1rem;
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  border-top: 0 none;
}
.p-scrollpanel .p-scrollpanel-bar {
  background: #f8f9fa;
  border: 0 none;
}
.p-splitter {
  border: 1px solid #dee2e6;
  background: #ffffff;
  border-radius: 4px;
  color: #495057;
}
.p-splitter .p-splitter-gutter {
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  background: #f8f9fa;
}
.p-splitter .p-splitter-gutter .p-splitter-gutter-handle {
  background: #dee2e6;
}
.p-splitter .p-splitter-gutter-resizing {
  background: #dee2e6;
}
.tab-end .p-tabview .p-tabview-nav-container {
  position: relative !important;
  z-index: 3 !important;
  width: calc(100% - 1px) !important;
}
.ast-tab-end .p-tabview .p-tabview-nav-container {
  position: relative !important;
  z-index: 3 !important;
  width: calc(100% - 1px) !important;
}
.tab-inline-div .p-tabview .p-tabview-nav-container {
  position: relative !important;
  z-index: 3 !important;
  width: calc(100% - 1px) !important;
}
.tab-inline-div .p-tabview .p-tabview-nav li .p-tabview-nav-link {
  border-width: 0 0 3px 0 !important;
}
.tab-inline-div .p-tabview .p-tabview-panels {
  background: unset;
  padding-top: 16px !important;
}
.wrapper .main .tab-start .p-tabview .p-tabview-nav-container,
.wrapper.layout-sidebar-active .main .tab-start .p-tabview .p-tabview-nav-container {
  position: relative !important;
  z-index: 3 !important;
  width: 100% !important;
}
.wrapper .main .tab-start .p-tabview .p-tabview-panels,
.wrapper.layout-sidebar-active .main .tab-start .p-tabview .p-tabview-panels {
  background: #f3f3f3;
  padding: 0 !important;
  border: 0 none;
  color: #495057;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.p-tabview {
  height: 100%;
}
.p-tabview .p-tabview-nav {
  background: #ffffff;
  border: 1px solid #dee2e6;
  border-width: 0 0 2px 0;
}
.p-tabview .p-tabview-nav li {
  margin-right: 0;
}
.p-tabview .p-tabview-nav li .p-tabview-nav-link {
  border: solid #dee2e6;
  border-width: 0 0 2px 0;
  border-color: transparent transparent #dee2e6 transparent;
  background: #ffffff;
  color: #7c828d;
  padding: 1rem;
  font-weight: 500;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  transition: box-shadow 0.2s;
  margin: 0 0 -2px 0;
}
.p-tabview .p-tabview-nav li:not(.p-highlight):not(.p-disabled):hover .p-tabview-nav-link {
  background: #ffffff;
  border-color: #7c828d;
  color: #7c828d;
}
.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link {
  background: #ffffff;
  border-color: #6366F1;
  color: #6366F1;
  font-weight: 600;
}
.p-tabview .p-tabview-nav-container {
  width: calc(100% - 172px) !important;
  position: fixed;
  z-index: 9;
}
.p-tabview .p-tabview-left-icon {
  margin-right: 0.5rem;
}
.p-tabview .p-tabview-right-icon {
  margin-left: 0.5rem;
}
.p-tabview .p-tabview-close {
  margin-left: 0.5rem;
}
.p-tabview .p-tabview-nav-btn.p-link {
  background: #ffffff;
  color: #6366F1;
  width: 2.357rem;
  box-shadow: none;
  border-radius: 0;
}
.p-tabview .p-tabview-panels {
  background: #f3f3f3;
  padding: 3.35rem 0 0 0 !important;
  border: 0 none;
  color: #495057;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.product-trans .p-tabview {
  height: unset;
}
.tabs-low-list .p-tabview .p-tabview-nav-container {
  position: unset !important;
  width: 100% !important;
}
.tabs-low-list .p-tabview .p-tabview-panels {
  padding: 5px 0 0 0 !important;
}
.tabs-flx-modal .p-tabview .p-tabview-nav-container {
  position: unset !important;
  width: 100% !important;
}
.tabs-flx-modal .p-tabview .p-tabview-panels {
  padding: 3px 0 0 0 !important;
}
.tabs-low .p-tabview.p-component {
  margin-top: 48px !important;
}
.tabs-low-user .p-tabview.p-component {
  margin-top: 42px !important;
}
.tabs-low-group .sys-banner {
  margin-left: 0.75rem;
  margin-right: 0.75rem;
  margin-top: 2.2rem !important;
  margin-bottom: 0.5rem;
  width: unset;
}
.tabs-low-group .p-tabview.p-component {
  padding-top: unset !important;
}
.tabs-low-shift .p-tabview.p-component {
  padding-top: 39px !important;
}
.p-toolbar {
  background: #f8f9fa;
  border: 1px solid #dee2e6;
  padding: 1rem;
  border-radius: 4px;
}
.p-toolbar .p-toolbar-separator {
  margin: 0 0.5rem;
}
.p-confirm-popup {
  background: #ffffff;
  color: #495057;
  border: 0 none;
  border-radius: 4px;
  box-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.p-confirm-popup .p-confirm-popup-content {
  padding: 1rem;
}
.p-confirm-popup .p-confirm-popup-footer {
  text-align: right;
  padding: 0.5rem 1rem;
}
.p-confirm-popup .p-confirm-popup-footer button {
  margin: 0 0.5rem 0 0;
  width: auto;
}
.p-confirm-popup .p-confirm-popup-footer button:last-child {
  margin: 0;
}
.p-confirm-popup:after {
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
}
.p-confirm-popup:before {
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
}
.p-confirm-popup.p-confirm-popup-flipped:after {
  border-top-color: #ffffff;
}
.p-confirm-popup.p-confirm-popup-flipped:before {
  border-top-color: #ffffff;
}
.p-confirm-popup .p-confirm-popup-icon {
  font-size: 1.5rem;
}
.p-confirm-popup .p-confirm-popup-message {
  margin-left: 1rem;
}
.overLay-search {
  width: 88vh;
  right: 4rem;
  position: absolute;
  z-index: 103;
  background: #fff;
  left: 0;
  height: 57vh;
  padding: 1rem;
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-dialog {
  border-radius: 4px;
  box-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  border: 0 none;
}
.p-dialog .p-dialog-header {
  border-bottom: 0 none;
  background: #ffffff;
  color: #495057;
  padding: 1.5rem;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.p-dialog .p-dialog-header .p-dialog-title {
  font-weight: 600;
  font-size: 1.25rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon {
  width: 2rem;
  height: 2rem;
  color: #7c828d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  margin-right: 0.5rem;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}
.p-dialog .p-dialog-header .p-dialog-header-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-dialog .p-dialog-header .p-dialog-header-icon:last-child {
  margin-right: 0;
}
.p-dialog .p-dialog-content {
  background: #ffffff;
  color: #495057;
  padding: 2rem 1.5rem 2rem 1.5rem;
}
.p-dialog .p-dialog-footer {
  border-top: 0 none;
  background: #ffffff;
  color: #495057;
  padding: 0 1.5rem 1.5rem 1.5rem;
  text-align: right;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.p-dialog .p-dialog-footer button {
  margin: 0 0.5rem 0 0;
  width: auto;
}
.p-dialog.p-confirm-dialog .p-confirm-dialog-icon {
  font-size: 2rem;
}
.p-dialog.p-confirm-dialog .p-confirm-dialog-message {
  margin-left: 1rem;
}
.p-overlaypanel {
  background: #ffffff;
  color: #495057;
  border: 0 none;
  border-radius: 4px;
  box-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  margin-top: 0px;
}
.p-overlaypanel .p-overlaypanel-content {
  padding: 0rem;
}
.p-overlaypanel .p-overlaypanel-close {
  background: #6366F1;
  color: #ffffff;
  width: 2rem;
  height: 2rem;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  border-radius: 50%;
  position: absolute;
  top: -1rem;
  right: -1rem;
}
.p-overlaypanel .p-overlaypanel-close:enabled:hover {
  background: rgb(67.8, 71.4, 238.2);
  color: #ffffff;
}
.p-overlaypanel:after {
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
}
.p-overlaypanel:before {
  border: solid transparent;
  border-color: rgba(255, 255, 255, 0);
  border-bottom-color: #ffffff;
}
.p-overlaypanel.p-overlaypanel-flipped:after {
  border-top-color: #ffffff;
}
.p-overlaypanel.p-overlaypanel-flipped:before {
  border-top-color: #ffffff;
}
.p-sidebar {
  background: #ffffff;
  color: #495057;
  border: 0 none;
  box-shadow:
    0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
.p-sidebar .p-sidebar-header {
  display: none;
}
.p-sidebar .p-sidebar-header {
  padding: 1rem;
}
.p-sidebar .p-sidebar-header .p-sidebar-close,
.p-sidebar .p-sidebar-header .p-sidebar-icon {
  width: 2rem;
  height: 2rem;
  color: #7c828d;
  border: 0 none;
  background: transparent;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-sidebar .p-sidebar-header .p-sidebar-close:enabled:hover,
.p-sidebar .p-sidebar-header .p-sidebar-icon:enabled:hover {
  color: #495057;
  border-color: transparent;
  background: #e9ecef;
}
.p-sidebar .p-sidebar-header .p-sidebar-close:focus,
.p-sidebar .p-sidebar-header .p-sidebar-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-sidebar .p-sidebar-header + .p-sidebar-content {
  padding-top: 0;
}
.p-sidebar .p-sidebar-content {
  padding: 1rem;
}
.p-sidebar-right {
  right: 10px !important;
  top: 10px !important;
  height: 97% !important;
  border-radius: 8px;
}
.p-tooltip .p-tooltip-text {
  background: #495057;
  color: #ffffff;
  padding: 0.5rem 0.5rem;
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.p-tooltip.p-tooltip-right .p-tooltip-arrow {
  border-right-color: #495057;
}
.p-tooltip.p-tooltip-left .p-tooltip-arrow {
  border-left-color: #495057;
}
.p-tooltip.p-tooltip-top .p-tooltip-arrow {
  border-top-color: #495057;
}
.p-tooltip.p-tooltip-bottom .p-tooltip-arrow {
  border-bottom-color: #495057;
}
.p-fileupload .p-fileupload-buttonbar {
  background: #f8f9fa;
  padding: 1rem;
  border: 1px solid #dee2e6;
  color: #495057;
  border-bottom: 0 none;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  height: 62px;
}
.p-fileupload .p-fileupload-buttonbar .p-button {
  margin-right: 0.5rem;
}
.p-fileupload .p-fileupload-buttonbar .p-button.p-fileupload-choose.p-focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-fileupload .p-fileupload-content {
  background: #ffffff;
  padding: 2rem 1rem;
  border: 1px solid #dee2e6;
  color: #495057;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.p-fileupload .p-progressbar {
  height: 0.25rem;
}
.p-fileupload .p-fileupload-row > div {
  padding: 0.5rem 1rem;
}
.p-fileupload.p-fileupload-advanced .p-message {
  margin-top: 0;
}
.p-fileupload-choose:not(.p-disabled):hover {
  background: rgb(67.8, 71.4, 238.2);
  color: #ffffff;
  border-color: rgb(67.8, 71.4, 238.2);
}
.p-fileupload-choose:not(.p-disabled):active {
  background: rgb(36.6, 40.8, 235.4);
  color: #ffffff;
  border-color: rgb(36.6, 40.8, 235.4);
}
.p-button.p-fileupload-choose {
  float: right;
}
.p-breadcrumb {
  background: #ffffff;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  padding: 1rem;
  margin-top: 0px;
  height: 42px;
}
.p-breadcrumb ul li .p-menuitem-link {
  transition: box-shadow 0.2s;
  border-radius: 4px;
}
.p-breadcrumb ul li .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-breadcrumb ul li .p-menuitem-link .p-menuitem-text {
  color: #495057;
}
.p-breadcrumb ul li .p-menuitem-link .p-menuitem-icon {
  color: #7c828d;
}
.p-breadcrumb ul li.p-breadcrumb-chevron {
  margin: 0 0.5rem 0 0.5rem;
  color: #495057;
  font-size: 11px;
}
.p-breadcrumb ul li:last-child .p-menuitem-text {
  color: #495057;
}
.p-breadcrumb ul li:last-child .p-menuitem-icon {
  color: #7c828d;
}
.p-contextmenu {
  padding: 0.25rem 0;
  background: #ffffff;
  color: #495057;
  border: 0 none;
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
  width: 12.5rem;
}
.p-contextmenu .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: #495057;
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
  user-select: none;
}
.p-contextmenu .p-menuitem-link .p-menuitem-text {
  color: #495057;
}
.p-contextmenu .p-menuitem-link .p-menuitem-icon {
  color: #7c828d;
  margin-right: 0.5rem;
}
.p-contextmenu .p-menuitem-link .p-submenu-icon {
  color: #7c828d;
}
.p-contextmenu .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}
.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}
.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #7c828d;
}
.p-contextmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #7c828d;
}
.p-contextmenu .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem rgb(192.6, 193.8, 249.4);
}
.p-contextmenu .p-submenu-list {
  padding: 0.25rem 0;
  background: #ffffff;
  border: 0 none;
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-contextmenu .p-menuitem {
  margin: 0;
}
.p-contextmenu .p-menuitem:last-child {
  margin: 0;
}
.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background: #e9ecef;
}
.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  color: #495057;
}
.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-contextmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
  color: #7c828d;
}
.p-contextmenu .p-menu-separator {
  border-top: 1px solid #dee2e6;
  margin: 0.25rem 0;
}
.p-contextmenu .p-submenu-icon {
  font-size: 0.875rem;
}
.p-dock .p-dock-list {
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  padding: 0.5rem 0.5rem;
  border-radius: 0.5rem;
}
.p-dock .p-dock-item {
  padding: 0.5rem;
}
.p-dock .p-dock-action {
  width: 4rem;
  height: 4rem;
}
.p-dock.p-dock-top .p-dock-item-second-prev,
.p-dock.p-dock-top .p-dock-item-second-next,
.p-dock.p-dock-bottom .p-dock-item-second-prev,
.p-dock.p-dock-bottom .p-dock-item-second-next {
  margin: 0 0.9rem;
}
.p-dock.p-dock-top .p-dock-item-prev,
.p-dock.p-dock-top .p-dock-item-next,
.p-dock.p-dock-bottom .p-dock-item-prev,
.p-dock.p-dock-bottom .p-dock-item-next {
  margin: 0 1.3rem;
}
.p-dock.p-dock-top .p-dock-item-current,
.p-dock.p-dock-bottom .p-dock-item-current {
  margin: 0 1.5rem;
}
.p-dock.p-dock-left .p-dock-item-second-prev,
.p-dock.p-dock-left .p-dock-item-second-next,
.p-dock.p-dock-right .p-dock-item-second-prev,
.p-dock.p-dock-right .p-dock-item-second-next {
  margin: 0.9rem 0;
}
.p-dock.p-dock-left .p-dock-item-prev,
.p-dock.p-dock-left .p-dock-item-next,
.p-dock.p-dock-right .p-dock-item-prev,
.p-dock.p-dock-right .p-dock-item-next {
  margin: 1.3rem 0;
}
.p-dock.p-dock-left .p-dock-item-current,
.p-dock.p-dock-right .p-dock-item-current {
  margin: 1.5rem 0;
}
@media screen and (max-width: 960px) {
  .p-dock.p-dock-top .p-dock-list-container,
  .p-dock.p-dock-bottom .p-dock-list-container {
    overflow-x: auto;
    width: 100%;
  }
  .p-dock.p-dock-top .p-dock-list-container .p-dock-list,
  .p-dock.p-dock-bottom .p-dock-list-container .p-dock-list {
    margin: 0 auto;
  }
  .p-dock.p-dock-left .p-dock-list-container,
  .p-dock.p-dock-right .p-dock-list-container {
    overflow-y: auto;
    height: 100%;
  }
  .p-dock.p-dock-left .p-dock-list-container .p-dock-list,
  .p-dock.p-dock-right .p-dock-list-container .p-dock-list {
    margin: auto 0;
  }
  .p-dock .p-dock-list .p-dock-item {
    transform: none;
    margin: 0;
  }
}
.p-megamenu {
  padding: 0.5rem;
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #dee2e6;
  border-radius: 4px;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: #495057;
  border-radius: 4px;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
  user-select: none;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
  color: #495057;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
  color: #7c828d;
  margin-right: 0.5rem;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #7c828d;
  margin-left: 0.5rem;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #7c828d;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #7c828d;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem > .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem rgb(192.6, 193.8, 249.4);
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #7c828d;
}
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-megamenu .p-megamenu-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #7c828d;
}
.p-megamenu .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: #495057;
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
  user-select: none;
}
.p-megamenu .p-menuitem-link .p-menuitem-text {
  color: #495057;
}
.p-megamenu .p-menuitem-link .p-menuitem-icon {
  color: #7c828d;
  margin-right: 0.5rem;
}
.p-megamenu .p-menuitem-link .p-submenu-icon {
  color: #7c828d;
}
.p-megamenu .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}
.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}
.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #7c828d;
}
.p-megamenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #7c828d;
}
.p-megamenu .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem rgb(192.6, 193.8, 249.4);
}
.p-megamenu .p-megamenu-panel {
  background: #ffffff;
  color: #495057;
  border: 0 none;
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-megamenu .p-megamenu-submenu-header {
  margin: 0;
  padding: 0.75rem 1rem;
  color: #495057;
  background: #ffffff;
  font-weight: 600;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.p-megamenu .p-megamenu-submenu {
  padding: 0.25rem 0;
  width: 12.5rem;
}
.p-megamenu .p-megamenu-submenu .p-menu-separator {
  border-top: 1px solid #dee2e6;
  margin: 0.25rem 0;
}
.p-megamenu .p-megamenu-submenu .p-menuitem {
  margin: 0;
}
.p-megamenu .p-megamenu-submenu .p-menuitem:last-child {
  margin: 0;
}
.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background: #e9ecef;
}
.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  color: #495057;
}
.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-megamenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
  color: #7c828d;
}
.p-megamenu.p-megamenu-vertical {
  width: 12.5rem;
  padding: 0.25rem 0;
}
.p-megamenu.p-megamenu-vertical .p-menuitem {
  margin: 0;
}
.p-megamenu.p-megamenu-vertical .p-menuitem:last-child {
  margin: 0;
}
.p-menu {
  padding: 0.25rem 0;
  background: #ffffff;
  color: #495057;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  width: 12.5rem;
}
.p-menu .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: #495057;
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
  user-select: none;
}
.p-menu .p-menuitem-link .p-menuitem-text {
  color: #495057;
}
.p-menu .p-menuitem-link .p-menuitem-icon {
  color: #7c828d;
  margin-right: 0.5rem;
}
.p-menu .p-menuitem-link .p-submenu-icon {
  color: #7c828d;
}
.p-menu .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}
.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}
.p-menu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #7c828d;
}
.p-menu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #7c828d;
}
.p-menu .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem rgb(192.6, 193.8, 249.4);
}
.p-menu.p-menu-overlay {
  background: #ffffff;
  border: 0 none;
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-menu .p-submenu-header {
  margin: 0;
  padding: 0.75rem 1rem;
  color: #495057;
  background: #ffffff;
  font-weight: 600;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.p-menu .p-menu-separator {
  border-top: 1px solid #dee2e6;
  margin: 0.25rem 0;
}
.p-menu .p-menuitem {
  margin: 0;
}
.p-menu .p-menuitem:last-child {
  margin: 0;
}
li.pro .fa-crown {
  color: #6366F1 !important;
}
.button-box-top-right .p-menu-overlay {
  right: 21px;
  left: auto !important;
  position: fixed !important;
  display: block !important;
  width: 138px !important;
}
.button-box-top-right .p-menu-overlay ul {
  padding-left: unset !important;
}
.actions-menu.p-menu-overlay ul {
  padding-left: unset !important;
}
.hdr-menu.p-menu-overlay ul {
  padding-left: unset !important;
}
.p-menubar {
  padding: 0.5rem;
  background: #f8f9fa;
  color: #495057;
  border: 1px solid #dee2e6;
  border-radius: 4px;
}
.p-menubar .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: #495057;
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
  user-select: none;
}
.p-menubar .p-menuitem-link .p-menuitem-text {
  color: #495057;
}
.p-menubar .p-menuitem-link .p-menuitem-icon {
  color: #7c828d;
  margin-right: 0.5rem;
}
.p-menubar .p-menuitem-link .p-submenu-icon {
  color: #7c828d;
}
.p-menubar .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}
.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}
.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #7c828d;
}
.p-menubar .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #7c828d;
}
.p-menubar .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem rgb(192.6, 193.8, 249.4);
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: #495057;
  border-radius: 4px;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
  user-select: none;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
  color: #495057;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
  color: #7c828d;
  margin-right: 0.5rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
  color: #7c828d;
  margin-left: 0.5rem;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #7c828d;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #7c828d;
}
.p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem rgb(192.6, 193.8, 249.4);
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #7c828d;
}
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon,
.p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #7c828d;
}
.p-menubar .p-submenu-list {
  padding: 0.25rem 0;
  background: #ffffff;
  border: 0 none;
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
  width: 12.5rem;
}
.p-menubar .p-submenu-list .p-menu-separator {
  border-top: 1px solid #dee2e6;
  margin: 0.25rem 0;
}
.p-menubar .p-submenu-list .p-submenu-icon {
  font-size: 0.875rem;
}
.p-menubar .p-submenu-list .p-menuitem {
  margin: 0;
}
.p-menubar .p-submenu-list .p-menuitem:last-child {
  margin: 0;
}
.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background: #e9ecef;
}
.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  color: #495057;
}
.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-menubar .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
  color: #7c828d;
}
@media screen and (max-width: 960px) {
  .p-menubar {
    position: relative;
  }
  .p-menubar .p-menubar-button {
    display: flex;
    width: 2rem;
    height: 2rem;
    color: #7c828d;
    border-radius: 50%;
    transition:
      background-color 0.2s,
      color 0.2s,
      box-shadow 0.2s;
  }
  .p-menubar .p-menubar-button:hover {
    color: #7c828d;
    background: #e9ecef;
  }
  .p-menubar .p-menubar-button:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
  }
  .p-menubar .p-menubar-root-list {
    position: absolute;
    display: none;
    padding: 0.25rem 0;
    background: #ffffff;
    border: 0 none;
    box-shadow:
      0 2px 4px -1px rgba(0, 0, 0, 0.2),
      0 4px 5px 0 rgba(0, 0, 0, 0.14),
      0 1px 10px 0 rgba(0, 0, 0, 0.12);
    width: 100%;
  }
  .p-menubar .p-menubar-root-list .p-menu-separator {
    border-top: 1px solid #dee2e6;
    margin: 0.25rem 0;
  }
  .p-menubar .p-menubar-root-list .p-submenu-icon {
    font-size: 0.875rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem {
    width: 100%;
    position: static;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link {
    padding: 0.75rem 1rem;
    color: #495057;
    border-radius: 0;
    transition: box-shadow 0.2s;
    -webkit-user-select: none;
    user-select: none;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-menuitem-icon {
    color: #7c828d;
    margin-right: 0.5rem;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link .p-submenu-icon {
    color: #7c828d;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover {
    background: #e9ecef;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
    color: #495057;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
    color: #7c828d;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
    color: #7c828d;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link:focus {
    outline: 0 none;
    outline-offset: 0;
    box-shadow: inset 0 0 0 0.15rem rgb(192.6, 193.8, 249.4);
  }
  .p-menubar .p-menubar-root-list > .p-menuitem > .p-menuitem-link > .p-submenu-icon {
    margin-left: auto;
    transition: transform 0.2s;
  }
  .p-menubar .p-menubar-root-list > .p-menuitem.p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-180deg);
  }
  .p-menubar .p-menubar-root-list .p-submenu-list {
    width: 100%;
    position: static;
    box-shadow: none;
    border: 0 none;
  }
  .p-menubar .p-menubar-root-list .p-submenu-list .p-submenu-icon {
    transition: transform 0.2s;
    transform: rotate(90deg);
  }
  .p-menubar .p-menubar-root-list .p-submenu-list .p-menuitem-active > .p-menuitem-link > .p-submenu-icon {
    transform: rotate(-90deg);
  }
  .p-menubar .p-menubar-root-list .p-menuitem {
    width: 100%;
    position: static;
  }
  .p-menubar .p-menubar-root-list ul li a {
    padding-left: 2.25rem;
  }
  .p-menubar .p-menubar-root-list ul li ul li a {
    padding-left: 3.75rem;
  }
  .p-menubar .p-menubar-root-list ul li ul li ul li a {
    padding-left: 5.25rem;
  }
  .p-menubar .p-menubar-root-list ul li ul li ul li ul li a {
    padding-left: 6.75rem;
  }
  .p-menubar .p-menubar-root-list ul li ul li ul li ul li ul li a {
    padding-left: 8.25rem;
  }
  .p-menubar.p-menubar-mobile-active .p-menubar-root-list {
    display: flex;
    flex-direction: column;
    top: 100%;
    left: 0;
    z-index: 1;
  }
}
.p-panelmenu .p-panelmenu-header > a {
  padding: 1rem;
  border: 1px solid #dee2e6;
  color: #495057;
  background: #f8f9fa;
  font-weight: 500;
  border-radius: 4px;
  transition: box-shadow 0.2s;
}
.p-panelmenu .p-panelmenu-header > a .p-panelmenu-icon {
  margin-right: 0.5rem;
}
.p-panelmenu .p-panelmenu-header > a .p-menuitem-icon {
  margin-right: 0.5rem;
}
.p-panelmenu .p-panelmenu-header > a:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-panelmenu .p-panelmenu-header:not(.p-highlight):not(.p-disabled) > a:hover {
  background: #e9ecef;
  border-color: #dee2e6;
  color: #495057;
}
.p-panelmenu .p-panelmenu-header.p-highlight {
  margin-bottom: 0;
}
.p-panelmenu .p-panelmenu-header.p-highlight > a {
  background: #f8f9fa;
  border-color: #dee2e6;
  color: #495057;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.p-panelmenu .p-panelmenu-header.p-highlight:not(.p-disabled) > a:hover {
  border-color: #dee2e6;
  background: #e9ecef;
  color: #495057;
}
.p-panelmenu .p-panelmenu-content {
  padding: 0.25rem 0;
  border: 1px solid #dee2e6;
  background: #ffffff;
  color: #495057;
  margin-bottom: 0;
  border-top: 0;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: #495057;
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
  user-select: none;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-text {
  color: #495057;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-menuitem-icon {
  color: #7c828d;
  margin-right: 0.5rem;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-submenu-icon {
  color: #7c828d;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #7c828d;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #7c828d;
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem rgb(192.6, 193.8, 249.4);
}
.p-panelmenu .p-panelmenu-content .p-menuitem .p-menuitem-link .p-panelmenu-icon {
  margin-right: 0.5rem;
}
.p-panelmenu .p-panelmenu-content .p-submenu-list:not(.p-panelmenu-root-submenu) {
  padding: 0 0 0 1rem;
}
.p-panelmenu .p-panelmenu-panel {
  margin-bottom: 0;
}
.p-panelmenu .p-panelmenu-panel .p-panelmenu-header > a {
  border-radius: 0;
}
.p-panelmenu .p-panelmenu-panel .p-panelmenu-content {
  border-radius: 0;
}
.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header > a {
  border-top: 0 none;
}
.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-highlight):not(.p-disabled):hover > a,
.p-panelmenu .p-panelmenu-panel:not(:first-child) .p-panelmenu-header:not(.p-disabled).p-highlight:hover > a {
  border-top: 0 none;
}
.p-panelmenu .p-panelmenu-panel:first-child .p-panelmenu-header > a {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-header:not(.p-highlight) > a {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.p-panelmenu .p-panelmenu-panel:last-child .p-panelmenu-content {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.p-panelmenu {
  padding: 0.25rem 0;
  background: #ffffff;
  color: #495057;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  width: 12.5rem;
}
.p-panelmenu .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: #495057;
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
  user-select: none;
}
.p-panelmenu .p-menuitem-link .p-menuitem-text {
  color: #495057;
}
.p-panelmenu .p-menuitem-link .p-menuitem-icon {
  color: #7c828d;
  margin-right: 0.5rem;
}
.p-panelmenu .p-menuitem-link .p-submenu-icon {
  color: #7c828d;
}
.p-panelmenu .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}
.p-panelmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}
.p-panelmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #7c828d;
}
.p-panelmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #7c828d;
}
.p-panelmenu .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem rgb(192.6, 193.8, 249.4);
}
.p-panelmenu.p-panelmenu-overlay {
  background: #ffffff;
  border: 0 none;
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-panelmenu .p-panelmenu-list {
  padding: 0.25rem 0;
  background: #ffffff;
  border: 0 none;
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-panelmenu .p-panelmenu.p-panelmenu-active > .p-panelmenu-link {
  background: #e9ecef;
}
.p-panelmenu .p-panelmenu.p-panelmenu-active > .p-panelmenu-link .p-panelmenu-text {
  color: #495057;
}
.p-panelmenu .p-panelmenu.p-panelmenu-active > .p-panelmenu-link .p-panelmenu-icon,
.p-panelmenu .p-panelmenu.p-panelmenu-active > .p-panelmenu-link .p-panelmenu-icon {
  color: #7c828d;
}
.p-panelmenu .p-panelmenu-separator {
  border-top: 1px solid #dee2e6;
  margin: 0.25rem 0;
}
.p-panelmenu .p-panelmenu-icon {
  font-size: 0.875rem;
}
.p-panelmenu .p-panelmenu-backward {
  padding: 0.75rem 1rem;
  color: #495057;
}
.button-box-top-right .p-panelmenu-overlay {
  z-index: 400;
  transform-origin: center top;
  top: 92px;
  right: 21px;
  left: auto !important;
  position: fixed !important;
  display: block !important;
}
.button-box-top-right .p-panelmenu-overlay .p-panelmenu-content {
  height: auto !important;
  min-height: 38px;
}
.button-box-top-right-delete .p-panelmenu-overlay {
  z-index: 400;
  transform-origin: center top;
  top: 92px;
  right: 21px;
  left: auto !important;
  position: fixed !important;
  display: block !important;
}
#jmpContainer .button-box-top-right .p-panelmenu-overlay .p-panelmenu-content {
  min-height: 38px;
  height: 6rem !important;
}
.p-steps .p-steps-item .p-menuitem-link {
  background: transparent;
  transition: box-shadow 0.2s;
  border-radius: 4px;
  background: #ffffff;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-number {
  color: #495057;
  border: 1px solid #e9ecef;
  background: #ffffff;
  min-width: 2rem;
  height: 2rem;
  line-height: 2rem;
  font-size: 1.143rem;
  z-index: 1;
  border-radius: 50%;
}
.p-steps .p-steps-item .p-menuitem-link .p-steps-title {
  margin-top: 0.5rem;
  color: #7c828d;
}
.p-steps .p-steps-item .p-menuitem-link:not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-steps .p-steps-item.p-highlight .p-steps-number {
  background: #E3F2FD;
  color: #495057;
}
.p-steps .p-steps-item.p-highlight .p-steps-title {
  font-weight: 600;
  color: #495057;
}
.p-steps .p-steps-item:before {
  content: " ";
  border-top: 1px solid #dee2e6;
  width: 100%;
  top: 50%;
  left: 0;
  display: block;
  position: absolute;
  margin-top: -1rem;
}
.p-tabmenu .p-tabmenu-nav {
  background: #ffffff;
  border: 1px solid #dee2e6;
  border-width: 0 0 2px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem {
  margin-right: 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link {
  border: solid #dee2e6;
  border-width: 0 0 2px 0;
  border-color: transparent transparent #dee2e6 transparent;
  background: #ffffff;
  color: #7c828d;
  padding: 1rem;
  font-weight: 500;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  transition: box-shadow 0.2s;
  margin: 0 0 -2px 0;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link .p-menuitem-icon {
  margin-right: 0.5rem;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem .p-menuitem-link:not(.p-disabled):focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem:not(.p-highlight):not(.p-disabled):hover .p-menuitem-link {
  background: #ffffff;
  border-color: #7c828d;
  color: #7c828d;
}
.p-tabmenu .p-tabmenu-nav .p-tabmenuitem.p-highlight .p-menuitem-link {
  background: #ffffff;
  border-color: #6366F1;
  color: #6366F1;
}
.p-tieredmenu {
  padding: 0.25rem 0;
  background: #ffffff;
  color: #495057;
  border: 1px solid #dee2e6;
  border-radius: 4px;
  width: 12.5rem;
}
.p-tieredmenu .p-menuitem-link {
  padding: 0.75rem 1rem;
  color: #495057;
  border-radius: 0;
  transition: box-shadow 0.2s;
  -webkit-user-select: none;
  user-select: none;
}
.p-tieredmenu .p-menuitem-link .p-menuitem-text {
  color: #495057;
}
.p-tieredmenu .p-menuitem-link .p-menuitem-icon {
  color: #7c828d;
  margin-right: 0.5rem;
}
.p-tieredmenu .p-menuitem-link .p-submenu-icon {
  color: #7c828d;
}
.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover {
  background: #e9ecef;
}
.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-text {
  color: #495057;
}
.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-menuitem-icon {
  color: #7c828d;
}
.p-tieredmenu .p-menuitem-link:not(.p-disabled):hover .p-submenu-icon {
  color: #7c828d;
}
.p-tieredmenu .p-menuitem-link:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: inset 0 0 0 0.15rem rgb(192.6, 193.8, 249.4);
}
.p-tieredmenu.p-tieredmenu-overlay {
  background: #ffffff;
  border: 0 none;
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-tieredmenu .p-submenu-list {
  padding: 0.25rem 0;
  background: #ffffff;
  border: 0 none;
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
}
.p-tieredmenu .p-menuitem {
  margin: 0;
}
.p-tieredmenu .p-menuitem:last-child {
  margin: 0;
}
.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link {
  background: #e9ecef;
}
.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-text {
  color: #495057;
}
.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-menuitem-icon,
.p-tieredmenu .p-menuitem.p-menuitem-active > .p-menuitem-link .p-submenu-icon {
  color: #7c828d;
}
.p-tieredmenu .p-menu-separator {
  border-top: 1px solid #dee2e6;
  margin: 0.25rem 0;
}
.p-tieredmenu .p-submenu-icon {
  font-size: 0.875rem;
}
.p-inline-message {
  padding: 0.5rem 0.5rem;
  margin: 0;
  border-radius: 4px;
}
.p-inline-message.p-inline-message-info {
  background: #B3E5FC;
  border: solid rgb(8.1835443038, 144.5759493671, 207.3164556962);
  border-width: 0px;
  color: rgb(4.0917721519, 72.2879746835, 103.6582278481);
}
.p-inline-message.p-inline-message-info .p-inline-message-icon {
  color: rgb(4.0917721519, 72.2879746835, 103.6582278481);
}
.p-inline-message.p-inline-message-success {
  background: #C8E6C9;
  border: solid rgb(67.1875, 147.8125, 69.875);
  border-width: 0px;
  color: rgb(33.59375, 73.90625, 34.9375);
}
.p-inline-message.p-inline-message-success .p-inline-message-icon {
  color: rgb(33.59375, 73.90625, 34.9375);
}
.p-inline-message.p-inline-message-warn {
  background: #FFECB3;
  border: solid rgb(217, 162.75, 0);
  border-width: 0px;
  color: rgb(108.5, 81.375, 0);
}
.p-inline-message.p-inline-message-warn .p-inline-message-icon {
  color: rgb(108.5, 81.375, 0);
}
.p-inline-message.p-inline-message-error {
  background: #FFCDD2;
  border: solid #e60017;
  border-width: 0px;
  color: rgb(115, 0, 11.5);
}
.p-inline-message.p-inline-message-error .p-inline-message-icon {
  color: rgb(115, 0, 11.5);
}
.p-inline-message .p-inline-message-icon {
  font-size: 1rem;
  margin-right: 0.5rem;
}
.p-inline-message .p-inline-message-text {
  font-size: 1rem;
}
.p-inline-message.p-inline-message-icon-only .p-inline-message-icon {
  margin-right: 0;
}
.p-message {
  margin: 1rem 0;
  border-radius: 4px;
}
.p-message .p-message-wrapper {
  padding: 1rem 1.5rem;
}
.p-message .p-message-close {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: transparent;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-message .p-message-close:hover {
  background: rgba(255, 255, 255, 0.3);
}
.p-message .p-message-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-message.p-message-info {
  background: #B3E5FC;
  border: solid rgb(8.1835443038, 144.5759493671, 207.3164556962);
  border-width: 0 0 0 6px;
  color: rgb(4.0917721519, 72.2879746835, 103.6582278481);
}
.p-message.p-message-info .p-message-icon {
  color: rgb(4.0917721519, 72.2879746835, 103.6582278481);
}
.p-message.p-message-info .p-message-close {
  color: rgb(4.0917721519, 72.2879746835, 103.6582278481);
}
.p-message.p-message-success {
  background: #C8E6C9;
  border: solid rgb(67.1875, 147.8125, 69.875);
  border-width: 0 0 0 6px;
  color: rgb(33.59375, 73.90625, 34.9375);
}
.p-message.p-message-success .p-message-icon {
  color: rgb(33.59375, 73.90625, 34.9375);
}
.p-message.p-message-success .p-message-close {
  color: rgb(33.59375, 73.90625, 34.9375);
}
.p-message.p-message-warn {
  background: #FFECB3;
  border: solid rgb(217, 162.75, 0);
  border-width: 0 0 0 6px;
  color: rgb(108.5, 81.375, 0);
}
.p-message.p-message-warn .p-message-icon {
  color: rgb(108.5, 81.375, 0);
}
.p-message.p-message-warn .p-message-close {
  color: rgb(108.5, 81.375, 0);
}
.p-message.p-message-error {
  background: #FFCDD2;
  border: solid #e60017;
  border-width: 0 0 0 6px;
  color: rgb(115, 0, 11.5);
}
.p-message.p-message-error .p-message-icon {
  color: rgb(115, 0, 11.5);
}
.p-message.p-message-error .p-message-close {
  color: rgb(115, 0, 11.5);
}
.p-message .p-message-text {
  font-size: 1rem;
  font-weight: 500;
}
.p-message .p-message-icon {
  font-size: 1.5rem;
  margin-right: 0.5rem;
}
.p-message .p-message-summary {
  font-weight: 700;
}
.p-message .p-message-detail {
  margin-left: 0.5rem;
}
.p-toast {
  opacity: 0.9;
}
.p-toast .p-toast-message {
  margin: 0 0 1rem 0;
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
  border-radius: 4px;
}
.p-toast .p-toast-message .p-toast-message-content {
  padding: 1rem;
  border-width: 0 0 0 6px;
  display: flex;
  align-items: center;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-text {
  margin: 0 0 0 1rem;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-message-icon {
  font-size: 1.5rem;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-summary {
  font-weight: 700;
}
.p-toast .p-toast-message .p-toast-message-content .p-toast-detail {
  margin: 0px;
}
.p-toast .p-toast-message .p-toast-icon-close {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: transparent;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-toast .p-toast-message .p-toast-icon-close:hover {
  background: rgba(255, 255, 255, 0.3);
}
.p-toast .p-toast-message .p-toast-icon-close:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-toast .p-toast-message.p-toast-message-info {
  background: #B3E5FC;
  border: solid rgb(8.1835443038, 144.5759493671, 207.3164556962);
  border-width: 0 0 0 6px;
  color: rgb(4.0917721519, 72.2879746835, 103.6582278481);
}
.p-toast .p-toast-message.p-toast-message-info .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-info .p-toast-icon-close {
  color: rgb(4.0917721519, 72.2879746835, 103.6582278481);
}
.p-toast .p-toast-message.p-toast-message-success {
  background: #C8E6C9;
  border: solid rgb(67.1875, 147.8125, 69.875);
  border-width: 0 0 0 6px;
  color: rgb(33.59375, 73.90625, 34.9375);
}
.p-toast .p-toast-message.p-toast-message-success .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-success .p-toast-icon-close {
  color: rgb(33.59375, 73.90625, 34.9375);
}
.p-toast .p-toast-message.p-toast-message-warn {
  background: #FFECB3;
  border: solid rgb(217, 162.75, 0);
  border-width: 0 0 0 6px;
  color: rgb(108.5, 81.375, 0);
}
.p-toast .p-toast-message.p-toast-message-warn .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-warn .p-toast-icon-close {
  color: rgb(108.5, 81.375, 0);
}
.p-toast .p-toast-message.p-toast-message-error {
  background: #FFCDD2;
  border: solid #e60017;
  border-width: 0 0 0 6px;
  color: rgb(115, 0, 11.5);
  transform: translateY(80px) !important;
}
.p-toast .p-toast-message.p-toast-message-error .p-toast-message-icon,
.p-toast .p-toast-message.p-toast-message-error .p-toast-icon-close {
  color: rgb(115, 0, 11.5);
}
.p-toast-top-right {
  z-index: 1151 !important;
}
.p-galleria .p-galleria-close {
  margin: 0.5rem;
  background: transparent;
  color: #f8f9fa;
  width: 4rem;
  height: 4rem;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  border-radius: 50%;
}
.p-galleria .p-galleria-close .p-galleria-close-icon {
  font-size: 2rem;
}
.p-galleria .p-galleria-close:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #f8f9fa;
}
.p-galleria .p-galleria-item-nav {
  background: transparent;
  color: #f8f9fa;
  width: 4rem;
  height: 4rem;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  border-radius: 4px;
  margin: 0 0.5rem;
}
.p-galleria .p-galleria-item-nav .p-galleria-item-prev-icon,
.p-galleria .p-galleria-item-nav .p-galleria-item-next-icon {
  font-size: 2rem;
}
.p-galleria .p-galleria-item-nav:not(.p-disabled):hover {
  background: rgba(255, 255, 255, 0.1);
  color: #f8f9fa;
}
.p-galleria .p-galleria-caption {
  background: rgba(0, 0, 0, 0.5);
  color: #f8f9fa;
  padding: 1rem;
}
.p-galleria .p-galleria-indicators {
  padding: 1rem;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button {
  background-color: #e9ecef;
  width: 1rem;
  height: 1rem;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  border-radius: 50%;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator button:hover {
  background: #dee2e6;
}
.p-galleria .p-galleria-indicators .p-galleria-indicator.p-highlight button {
  background: #E3F2FD;
  color: #495057;
}
.p-galleria.p-galleria-indicators-bottom .p-galleria-indicator,
.p-galleria.p-galleria-indicators-top .p-galleria-indicator {
  margin-right: 0.5rem;
}
.p-galleria.p-galleria-indicators-left .p-galleria-indicator,
.p-galleria.p-galleria-indicators-right .p-galleria-indicator {
  margin-bottom: 0.5rem;
}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators {
  background: rgba(0, 0, 0, 0.5);
}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button {
  background: rgba(255, 255, 255, 0.4);
}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator button:hover {
  background: rgba(255, 255, 255, 0.6);
}
.p-galleria.p-galleria-indicator-onitem .p-galleria-indicators .p-galleria-indicator.p-highlight button {
  background: #E3F2FD;
  color: #495057;
}
.p-galleria .p-galleria-thumbnail-container {
  background: rgba(0, 0, 0, 0.9);
  padding: 1rem 0.25rem;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next {
  margin: 0.5rem;
  background-color: transparent;
  color: #f8f9fa;
  width: 2rem;
  height: 2rem;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  border-radius: 50%;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-prev:hover,
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-next:hover {
  background: rgba(255, 255, 255, 0.1);
  color: #f8f9fa;
}
.p-galleria .p-galleria-thumbnail-container .p-galleria-thumbnail-item-content:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-galleria-mask {
  --maskbg: rgba(0, 0, 0, 0.9);
}
.p-image-mask {
  --maskbg: rgba(0, 0, 0, 0.9);
}
.p-image-preview-indicator {
  background-color: transparent;
  color: #f8f9fa;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-image-preview-container:hover > .p-image-preview-indicator {
  background-color: rgba(0, 0, 0, 0.5);
}
.p-image-toolbar {
  padding: 1rem;
}
.p-image-action.p-link {
  color: #f8f9fa;
  background-color: transparent;
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
  margin-right: 0.5rem;
}
.p-image-action.p-link:last-child {
  margin-right: 0;
}
.p-image-action.p-link:hover {
  color: #f8f9fa;
  background-color: rgba(255, 255, 255, 0.1);
}
.p-image-action.p-link i {
  font-size: 1.5rem;
}
.p-avatar {
  background-color: #dee2e6;
}
.p-avatar.p-avatar-lg {
  width: 3rem;
  height: 3rem;
  font-size: 1.5rem;
}
.p-avatar.p-avatar-lg .p-avatar-icon {
  font-size: 1.5rem;
}
.p-avatar.p-avatar-mdl {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 2rem;
}
.p-avatar.p-avatar-mdl .p-avatar-icon {
  font-size: 2rem;
}
.p-avatar.p-avatar-xl {
  width: 4rem;
  height: 4rem;
  font-size: 2rem;
}
.p-avatar.p-avatar-xl .p-avatar-icon {
  font-size: 2rem;
}
.p-avatar-group .p-avatar {
  border: 2px solid #ffffff;
}
.p-badge {
  background: #6366F1;
  color: #ffffff;
  font-size: 0.75rem;
  font-weight: 700;
  min-width: 1.5rem;
  height: 1.5rem;
  line-height: 1.5rem;
}
.p-badge.p-badge-secondary {
  background-color: #607D8B;
  color: #ffffff;
}
.p-badge.p-badge-success {
  background-color: #689F38;
  color: #ffffff;
}
.p-badge.p-badge-info {
  background-color: #0288D1;
  color: #ffffff;
}
.p-badge.p-badge-warning {
  background-color: #FBC02D;
  color: #212529;
}
.p-badge.p-badge-danger {
  background-color: #D32F2F;
  color: #ffffff;
}
.p-badge.p-badge-lg {
  font-size: 1.125rem;
  min-width: 2.25rem;
  height: 2.25rem;
  line-height: 2.25rem;
}
.p-badge.p-badge-xl {
  font-size: 1.5rem;
  min-width: 3rem;
  height: 3rem;
  line-height: 3rem;
}
.p-chip {
  background-color: #dee2e6;
  color: #495057;
  border-radius: 16px;
  padding: 0 div(0.5rem 0.5rem, 2);
}
.p-chip .p-chip-text {
  line-height: 1.5;
  margin-top: div(0.5rem 0.5rem, 1)/2;
  margin-bottom: div(0.5rem 0.5rem, 1)/2;
}
.p-chip .p-chip-icon {
  margin-right: 0.5rem;
}
.p-chip .pi-chip-remove-icon {
  margin-left: 0.5rem;
}
.p-chip img {
  width: calc(1.5 + div(0.5rem 0.5rem, 1));
  height: calc(1.5 + div(0.5rem 0.5rem, 1));
  margin-left: calc(-1 * div(0.5rem 0.5rem, 2));
  margin-right: 0.5rem;
}
.p-chip .pi-chip-remove-icon {
  border-radius: 4px;
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-chip .pi-chip-remove-icon:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-inplace .p-inplace-display {
  padding: 0.5rem 0.5rem;
  border-radius: 4px;
  transition:
    background-color 0.2s,
    color 0.2s,
    border-color 0.2s,
    box-shadow 0.2s;
}
.p-inplace .p-inplace-display:not(.p-disabled):hover {
  background: #e9ecef;
  color: #495057;
}
.p-inplace .p-inplace-display:focus {
  outline: 0 none;
  outline-offset: 0;
  box-shadow: 0 0 0 0.2rem rgb(192.6, 193.8, 249.4);
}
.p-progressbar {
  border: 0 none;
  height: 1rem;
  background: #dee2e6;
  border-radius: 4px;
}
.p-progressbar .p-progressbar-value {
  border: 0 none;
  margin: 0;
  background: #6366F1;
}
.p-progressbar .p-progressbar-label {
  color: #495057;
  line-height: 1rem;
}
.p-scrolltop {
  width: 3rem;
  height: 3rem;
  border-radius: 50%;
  box-shadow:
    0 2px 4px -1px rgba(0, 0, 0, 0.2),
    0 4px 5px 0 rgba(0, 0, 0, 0.14),
    0 1px 10px 0 rgba(0, 0, 0, 0.12);
  transition:
    background-color 0.2s,
    color 0.2s,
    box-shadow 0.2s;
}
.p-scrolltop.p-link {
  background: rgba(0, 0, 0, 0.7);
}
.p-scrolltop.p-link:hover {
  background: rgba(0, 0, 0, 0.8);
}
.p-scrolltop .p-scrolltop-icon {
  font-size: 1.5rem;
  color: #f8f9fa;
}
.p-skeleton {
  background-color: #e9ecef;
  border-radius: 4px;
}
.p-skeleton:after {
  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0),
      rgba(255, 255, 255, 0.4),
      rgba(255, 255, 255, 0));
}
.p-tag {
  background: #6366F1 50;
  color: #000;
  font-size: 0.75rem;
  font-weight: 700;
  padding: 0.25rem 0.4rem;
  border-radius: 4px;
}
.p-tag.p-tag-success {
  background-color: #C8E6C9;
  color: #212121;
}
.p-tag.p-tag-info {
  background-color: #d1e8fa;
  color: #212121;
}
.p-tag.p-tag-misc {
  background-color: #e7d8e7;
  color: #212121;
}
.p-tag.p-tag-warning {
  background-color: #e5e5e5;
  color: #212121;
}
.p-tag.p-tag-danger {
  background-color: #FFCDD2;
  color: #212121;
}
.p-tag .p-tag-icon {
  margin-right: 0.25rem;
  font-size: 0.75rem;
}
.p-tag.p-tag-Pending-Activation {
  background-color: #e6b65a;
}
.p-tag.p-tag-Suspended {
  background-color: #de7778;
}
.p-tag.p-tag-Deactivate {
  background-color: #b7b7b7;
}
.p-terminal {
  background: #ffffff;
  color: #495057;
  border: 1px solid #dee2e6;
  padding: 1rem;
}
.p-terminal .p-terminal-input {
  font-size: 1rem;
  font-family:
    -apple-system,
    BlinkMacSystemFont,
    "Segoe UI",
    Roboto,
    Helvetica,
    Arial,
    sans-serif,
    "Apple Color Emoji",
    "Segoe UI Emoji",
    "Segoe UI Symbol";
}
.layout-filter {
  width: 250px;
  height: 100%;
  right: -32px;
  position: absolute;
  background: #ffffff;
  z-index: 97;
  border-left: 0 none;
  transform: translateX(100%);
  transition: transform 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);
}
.layout-filter.layout-filter-active {
  right: 0px;
  transform: translateX(0);
}
.layout-filter-task {
  width: 250px;
  height: 100%;
  right: -32px;
  position: fixed;
  background: #ffffff;
  z-index: 97;
  border-left: 0 none;
  transform: translateX(100%);
  transition: transform 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);
}
.layout-filter-task.layout-filter-active {
  right: 0px;
  transform: translateX(0);
}
.layout-filter-static {
  width: 250px;
  height: 100%;
  right: -32px;
  position: absolute;
  background: #ffffff;
  z-index: 97;
  border-left: 0 none;
  transform: translateX(100%);
}
.layout-filter-static.layout-filter-active {
  right: 0px;
  transform: translateX(0);
}
.layout-filter-in-modal {
  width: 250px;
  height: 100%;
  right: -820px;
  position: absolute;
  background: #ffffff;
  z-index: 97;
  border-left: 0 none;
  transform: translateX(100%);
}
.layout-filter-in-modal.layout-filter-active {
  right: 0px;
  transform: translateX(0);
}
.ag-grid-table-full {
  width: 100%;
  margin-right: 0;
  transition: transform 10s cubic-bezier(0.05, 0.74, 0.2, 0.99);
}
.ag-grid-table {
  width: calc(100% - 260px) !important;
}
.cs-ov-info {
  right: -18px;
  position: fixed;
  background: #ffffff;
  z-index: 97;
  border-left: 0 none;
  transform: translateX(100%);
  transition: transform 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);
}
.cs-ov-info.active {
  right: 0;
  transform: translateX(0);
}
.ast-ov-info {
  right: -18px;
  position: fixed;
  background: #ffffff;
  z-index: 97;
  border-left: 0 none;
  transform: translateX(100%);
  transition: transform 0.4s cubic-bezier(0.05, 0.74, 0.2, 0.99);
}
.ast-ov-info.active {
  right: 0;
  transform: translateX(0);
}
.form-details-full {
  width: calc(100% - 195px);
  margin-right: 0;
  transition: transform 10s cubic-bezier(0.05, 0.74, 0.2, 0.99);
  height: max-content;
}
.form-details {
  width: calc(100% - 621px);
  overflow: overlay;
  height: max-content;
}
.NgxEditor__Wrapper {
  border: 1px solid #ced4da;
  border-radius: 4px;
}
.NgxEditor__Wrapper .NgxEditor__MenuBar {
  display: flex;
  flex-wrap: wrap;
  border-bottom: 1px solid #ced4da;
  border-radius: 4px 4px 0 0;
  background: #f8f9fa;
  padding: 4px;
}
.NgxEditor__Wrapper .NgxEditor {
  min-height: 120px;
  padding: 8px;
  border-radius: 0 0 4px 4px;
  font-size: 14px;
}
.NgxEditor__Wrapper .NgxEditor .ProseMirror {
  outline: none;
  min-height: 120px;
}
.NgxEditor__Wrapper .NgxEditor .ProseMirror p {
  margin: 0 0 8px 0;
}
.NgxEditor__Wrapper .NgxEditor .ProseMirror h1,
.NgxEditor__Wrapper .NgxEditor .ProseMirror h2,
.NgxEditor__Wrapper .NgxEditor .ProseMirror h3 {
  margin: 12px 0 8px 0;
}
.NgxEditor__Wrapper .NgxEditor .ProseMirror ul,
.NgxEditor__Wrapper .NgxEditor .ProseMirror ol {
  padding-left: 24px;
}
.NgxEditor__Wrapper .NgxEditor .ProseMirror blockquote {
  border-left: 3px solid #ced4da;
  padding-left: 12px;
  color: #6c757d;
  margin: 0;
}
.NgxEditor__Wrapper .NgxEditor .ProseMirror code {
  background: #f1f3f5;
  padding: 2px 4px;
  border-radius: 3px;
  font-size: 13px;
}
.NgxEditor__Wrapper .NgxEditor--Disabled {
  background: #f8f9fa;
  cursor: not-allowed;
}
.NgxEditor__Popup {
  background: #fff;
  border: 1px solid #ced4da;
  border-radius: 4px;
  padding: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  z-index: 9999;
  position: absolute;
  width: auto !important;
}
.NgxEditor__Popup input {
  border: 1px solid #ced4da;
  border-radius: 4px;
  padding: 4px 8px;
  font-size: 13px;
  outline: none;
}
.NgxEditor__Popup input:focus {
  border-color: #80bdff;
}
.NgxEditor__Popup button {
  background: #007bff;
  color: #fff;
  border: none;
  border-radius: 4px;
  padding: 4px 10px;
  cursor: pointer;
  font-size: 13px;
  margin-left: 4px;
}
.NgxEditor__Popup button:hover {
  background: #0056b3;
}
.NgxEditor__MenuItem {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 3px;
  cursor: pointer;
  margin: 1px;
}
.NgxEditor__MenuItem:hover {
  background: #e9ecef;
}
.NgxEditor__MenuItem.NgxEditor__MenuItem--Active {
  background: #dee2e6;
}
.NgxEditor__MenuItem.NgxEditor__MenuItem--Disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.NgxEditor__MenuItem svg {
  width: 16px;
  height: 16px;
}
.NgxEditor__Seperator {
  width: 1px;
  background: #ced4da;
  margin: 2px 4px;
  align-self: stretch;
}
.NgxEditor__Content.NgxEditor__Content--Disabled {
  opacity: 0.6;
}
.NgxEditor__Popup input[type=checkbox] {
  appearance: checkbox !important;
  -webkit-appearance: checkbox !important;
  opacity: 1 !important;
  position: relative !important;
  width: 14px !important;
  height: 14px !important;
  margin: 0 6px 0 0 !important;
  cursor: pointer !important;
  border: 1px solid #ced4da !important;
  border-radius: 2px !important;
  background: #fff !important;
  flex-shrink: 0 !important;
  display: inline-block !important;
  vertical-align: middle !important;
}
.NgxEditor__Popup label {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  font-size: 13px !important;
  color: #495057 !important;
  cursor: pointer !important;
  margin: 4px 0 !important;
  -webkit-user-select: none !important;
  user-select: none !important;
}
.NgxEditor__Popup .p-checkbox {
  display: none !important;
}
.ag-theme-balham {
  --ag-row-hover-color: #ECF0F1;
  --ag-selected-row-background-color: #b7d9f8;
}
:root {
  --b-widget-icon-font-family: "Font Awesome 6 Pro" !important;
  --fa-style-family-classic: "Font Awesome 6 Pro" !important;
  --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Pro" !important;
  --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Pro" !important;
  --fa-font-light: normal 300 1em/1 "Font Awesome 6 Pro" !important;
}
.p-colorpicker-panel .p-colorpicker-color {
  background-image:
    linear-gradient(
      to top,
      #000,
      transparent),
    linear-gradient(
      to right,
      #fff,
      rgba(255, 255, 255, 0)) !important;
}
.p-colorpicker-panel .p-colorpicker-hue {
  background:
    linear-gradient(
      to bottom,
      #ff0000 0%,
      #ff00ff 17%,
      #0000ff 33%,
      #00ffff 50%,
      #00ff00 67%,
      #ffff00 83%,
      #ff0000 100%) !important;
}
bryntum-calendar {
  flex: 1;
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */